/* Shared identity for the presentation, account and workspace. */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/instrument-sans.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/instrument-serif.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-italic.woff2') format('woff2')}
:root{--ink:#12372e;--green:#19513e;--hover:#0b2c24;--deep:#102f27;--accent:#39684c;--orange:#9a542f;--lime:#d6ed91;--lime-soft:#f0f5e7;--paper:#f8f9f3;--card:#fff;--white:#fff;--tint:#edf0e7;--line:#dce3d7;--muted:#57665e;--amber:#fff2dc;--amber-ink:#795123;--red:#9a4135;--red-soft:#fff0eb;--sans:'Instrument Sans',Arial,Helvetica,sans-serif;--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--radius:12px;--shadow-card:0 4px 6px -4px #153c3010,0 16px 36px -24px #153c3033;color-scheme:light}
*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--sans)}a,button,summary{touch-action:manipulation}button:disabled,[aria-disabled=true]{cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}
.btn,.button{border-radius:var(--radius);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;font-family:var(--sans);font-weight:600;letter-spacing:-.015em}.btn:active,.button:active{transform:translateY(1px)}.btn:focus-visible,.button:focus-visible{outline:2px solid var(--green);outline-offset:5px}.btn:hover,.button:hover:not(:disabled){transform:translateY(-2px)}
.status-state{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px}.status-state:before{content:'';width:18px;height:18px;flex:none;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:loading .8s linear infinite}
@keyframes loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}