:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;--bg:#f7f4ed;--surface:#fffdf8;--ink:#302b27;--muted:#625b53;--line:#c8beb0;--brand:#744b38;--brand-ink:#fff;--soft:#e9d9c5;--accent:#d8b38d;--danger:#963c33;--focus:#155b8b;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg:#201e1b;--surface:#302c27;--ink:#f8f0e5;--muted:#d2c5b7;--line:#817368;--brand:#e3b999;--brand-ink:#2b201b;--soft:#4a3d33;--accent:#8e6b52;--danger:#ffb4a5;--focus:#9ed5ff}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--bg:#201e1b;--surface:#302c27;--ink:#f8f0e5;--muted:#d2c5b7;--line:#817368;--brand:#e3b999;--brand-ink:#2b201b;--soft:#4a3d33;--accent:#8e6b52;--danger:#ffb4a5;--focus:#9ed5ff}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,main:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{min-height:44px;border:0}input,select{min-height:48px;width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface);color:var(--ink)}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--brand)}h1,h2,p{margin:0}h1,h2{font-family:Georgia,serif;line-height:1.18;font-weight:600}h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em}h2{font-size:1.45rem}p{margin-top:12px}.shell{max-width:1200px;margin:auto;padding:0 32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:1.7rem;font-weight:700;line-height:1}.brand svg{width:44px;height:44px;fill:var(--soft);stroke:var(--brand);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.brand small{display:block;font:600 .58rem system-ui;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;color:var(--muted)}.top-actions{display:flex;gap:8px}.compact select{width:auto;min-height:44px;font-size:.9rem}.nav{display:flex;gap:8px;border-bottom:1px solid var(--line);overflow-x:auto}.nav button{padding:14px 18px;background:none;color:var(--muted);border-bottom:3px solid transparent;font-weight:650;white-space:nowrap}.nav button.active{color:var(--brand);border-color:var(--brand)}main{min-height:60vh;padding:48px 0 72px}.messages:empty{display:none}.message{padding:14px 16px;border-left:4px solid var(--brand);background:var(--surface);margin:0 0 24px}.message.error{border-color:var(--danger)}.success{border-color:#65815a}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.12em;color:var(--brand);margin:0 0 10px}.lead{font-size:1.08rem;color:var(--muted);max-width:60ch}.primary,.secondary{border-radius:8px;padding:10px 16px;font-weight:700;white-space:nowrap}.primary{background:var(--brand);color:var(--brand-ink)}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}button:hover:not(:disabled){filter:brightness(.94)}.text-button{padding:0;background:none;color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}.danger,.warning{color:var(--danger)}.pair-layout{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:24px auto;gap:clamp(32px,8vw,96px);align-items:center}.pair-art{background:var(--soft);border-radius:48% 48% 18px 18px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--brand);font:700 2rem Georgia,serif}.pair-art svg{width:55%;max-width:220px;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.pair-copy form{margin-top:32px}.pair-copy label,.filters label,.settings-form label{display:block;font-size:.9rem;font-weight:700}.pair-copy input,.filters input,.filters select,.settings-form input:not([type=checkbox]),.settings-form select{display:block;margin-top:6px}.hint{color:var(--muted);font-size:.9rem;font-weight:400}.wide{width:100%;margin-top:24px}.device-card{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.device-mark{background:var(--soft);border-radius:90px 90px 12px 12px;display:grid;place-items:center;font:3rem Georgia;color:var(--brand);min-height:200px}.device-title,.storage>div,.section-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.device-main>p,.section-row p{color:var(--muted)}.status{border:1px solid var(--line);border-radius:100px;padding:5px 12px;font-size:.85rem;font-weight:700}.status.live{background:#dcebd6;color:#294b27}.storage{margin-top:26px}.storage>div{flex-wrap:wrap}.storage span{color:var(--muted);font-size:.9rem}progress{width:100%;height:10px;accent-color:var(--brand)}.note{padding:16px 20px;background:var(--soft);border-radius:8px}.section-row{margin-top:48px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.result-count{color:var(--muted);font-size:.9rem;margin:24px 0 8px}.story{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.cover{aspect-ratio:1/1.2;background:#dbc6ae;color:#694536;border-radius:8px;display:grid;place-items:center;font:3.5rem Georgia,serif;overflow:hidden}.cover-1{background:#c9d3bd;color:#40543c}.cover-2{background:#d5c4b9;color:#65493f}.cover img{width:100%;height:100%;object-fit:cover}.author,.meta{color:var(--muted)}.meta{font-size:.9rem}.transfer{font-weight:700}.story-actions,.row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.story-actions a{padding:10px}.story-actions [aria-pressed=true]{border-color:var(--brand);background:var(--soft)}.empty{background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:12px}.library-list{padding:0;list-style:none}.library-list li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.order{font:1.4rem Georgia;color:var(--brand)}.library-info{flex:1;min-width:0}.library-info p{color:var(--muted)}.library-info .warning{color:var(--danger)}.settings-form{max-width:800px}.settings-form fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 32px;margin:0}.settings-form legend{font:600 1.45rem Georgia;padding-right:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.check{display:flex!important;align-items:center;gap:10px;margin:20px 0}.disconnect{margin-top:48px;border-top:1px solid var(--line);padding-top:24px}.disconnect button{margin-top:16px}.legal{max-width:720px}.legal h1{margin:20px 0 28px}.legal h2{margin-top:32px}.legal p{line-height:1.7}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0 36px;color:var(--muted);font-size:.88rem}footer div{display:flex;flex-wrap:wrap;gap:20px}.skip{position:absolute;top:-100px;left:10px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.shell{padding:0 16px}.topbar{padding:14px 0}.brand{font-size:1.4rem}.brand svg{width:38px}.brand small{font-size:.5rem}.compact select{padding:8px 4px;font-size:.8rem}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;overflow:visible}.nav button{padding:12px}.heading{align-items:start;flex-direction:column}main{padding:32px 0 56px}.pair-layout{display:flex;flex-direction:column;margin:0;gap:28px}.pair-art{width:100%;min-height:190px;border-radius:90px 90px 12px 12px}.pair-art svg{width:115px}.pair-art span{font-size:1.2rem}.pair-copy{width:100%}.device-card{grid-template-columns:1fr;padding:20px;gap:20px}.device-mark{min-height:100px;border-radius:60px 60px 8px 8px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.story{grid-template-columns:80px 1fr;gap:16px}.story-actions{margin-left:-96px;padding-top:8px}.section-row{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.library-list li{gap:12px}footer{flex-direction:column}}@media(max-width:360px){.topbar{align-items:flex-start}.top-actions{gap:4px}.brand small{display:none}.nav button{font-size:.85rem;padding:12px 9px}.filters{grid-template-columns:1fr}.filters label:first-child{grid-column:auto}}