@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f7f0e5;--surface:#fffdf9;--ink:#183b3a;--text:#243837;--muted:#687b78;--line:#b9c9c4;--line-soft:#dce5e1;--plum:#542353;--coral:#d86f78;--coral-soft:#f5d8d8;--gold:#c5a45f;--ready:#28765e;--warning:#9a651f;--danger:#a43f49;--shadow:5px 5px 0 var(--coral);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--paper);font-family:'DM Sans',system-ui,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.access-screen{min-height:100svh;display:grid;place-items:center;padding:42px 20px}.access-wrap{width:min(380px,100%);animation:enter 220ms var(--ease) both}.access-brand{text-align:center;margin-bottom:34px}.access-brand img{display:block;width:285px;max-width:84vw;height:auto;margin:0 auto}.access-brand p{margin:18px 0 0;color:var(--coral);font-size:10px;font-weight:700;letter-spacing:.24em}.access-card{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow)}.access-card-title{padding:20px 24px 17px;border-bottom:2px solid var(--ink);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.16em}.access-card-body{padding:23px 25px 25px}.access-card input{width:100%;height:52px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:0 15px;color:var(--text);font-size:16px;outline:none}.access-card input:focus{box-shadow:0 0 0 3px rgba(216,111,120,.28)}.access-card-body>p:not(.form-error){margin:13px 0 18px;color:var(--muted);font-size:12px;line-height:1.45}.access-card button{width:100%;height:47px;border:0;border-bottom:3px solid var(--ink);background:var(--plum);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:transform 120ms ease,filter 120ms ease}.access-card button:hover{filter:brightness(1.08)}.access-card button:active{transform:translateY(2px)}.access-card button:disabled{opacity:.55;cursor:wait}.access-card button span{margin-left:6px}.form-error{min-height:0;margin:12px 0 0;color:var(--danger);font-size:12px}.library-shell{min-height:100svh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;display:flex;flex-direction:column;padding:30px 22px 22px;border-right:1px solid var(--line);background:var(--paper);z-index:30}.sidebar-brand{display:block;padding-bottom:25px;border-bottom:1px solid var(--line);text-decoration:none}.sidebar-brand img{display:block;width:195px;height:auto}.sidebar-brand small{display:block;margin-top:10px;color:var(--coral);font-size:9px;font-weight:700;letter-spacing:.18em}.sidebar nav{display:grid;gap:4px;margin-top:24px}.nav-item{display:block;width:100%;border:0;border-radius:5px;background:transparent;padding:10px 11px;color:var(--text);font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:background 120ms ease,color 120ms ease}.nav-item:hover{background:rgba(24,59,58,.06)}.nav-item.active{background:var(--coral-soft);color:var(--plum);font-weight:700}.sidebar footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.sidebar footer span,.sidebar footer strong{display:block}.sidebar footer span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.sidebar footer strong{margin:6px 0 12px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.sidebar footer button{border:0;background:none;padding:0;color:var(--plum);font-size:12px;font-weight:700;cursor:pointer}.library-main{margin-left:252px;min-height:100svh;padding:48px clamp(30px,5vw,76px) 80px}.view{width:min(960px,100%);animation:enter 180ms var(--ease) both}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{margin:0 0 8px;color:var(--coral);font-size:10px;font-weight:700;letter-spacing:.18em}.page-heading h1{margin:0;color:var(--ink);font-size:34px;line-height:1.1;letter-spacing:-.03em}.page-heading span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--ink);border-radius:5px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.button.primary{background:var(--plum);border-color:var(--plum);color:#fff}.button.secondary{background:var(--surface);color:var(--ink)}.notice{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:30px;padding:16px 18px;border:1px solid var(--line);background:rgba(255,253,249,.55)}.notice strong,.notice span{display:block}.notice strong{color:var(--ink);font-size:14px}.notice span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.notice button{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}.reading-list{border-top:1px solid var(--ink)}.reading-row{display:grid;grid-template-columns:118px 1fr auto;gap:22px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line)}.reading-thumb{width:118px;height:86px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;overflow:hidden}.reading-thumb::before{content:'✦';display:grid;place-items:center;width:42px;height:56px;border:1px solid var(--plum);color:var(--plum);font-size:20px}.reading-meta{min-width:0}.reading-meta>span{display:inline-flex;align-items:center;gap:7px;color:var(--ready);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.reading-meta>span::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.reading-meta>span.pending{color:var(--warning)}.reading-meta h2{margin:8px 0 5px;color:var(--ink);font-size:20px;line-height:1.2}.reading-meta p{margin:0;color:var(--muted);font-size:12px}.reading-actions{display:flex;gap:8px}.empty-state{padding:46px 10px;text-align:center;border-bottom:1px solid var(--line)}.empty-state h2{margin:0;color:var(--ink);font-size:20px}.empty-state p{margin:8px auto 0;max-width:440px;color:var(--muted);font-size:13px}.locked-panel,.channel-compose{border:1px solid var(--ink);background:var(--surface);padding:28px;box-shadow:4px 4px 0 var(--coral)}.locked-panel h2{margin:0;color:var(--ink);font-size:22px}.locked-panel p{max-width:620px;color:var(--muted);line-height:1.6}.channel-compose{box-shadow:none}.channel-compose header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}.channel-compose header div{display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ready)}.channel-compose header p{margin:0;color:var(--muted);font-size:12px}.channel-compose form{display:grid;gap:9px;margin-top:20px}.channel-compose label{font-size:12px;font-weight:700}.channel-compose textarea{min-height:135px;width:100%;resize:vertical;border:1px solid var(--ink);border-radius:0;padding:13px;background:#fff;outline:none}.channel-compose textarea:focus{box-shadow:0 0 0 3px rgba(216,111,120,.25)}.channel-compose .button{justify-self:start}.history{margin-top:34px}.history h2{margin:0 0 15px;color:var(--ink);font-size:20px}.question-row{padding:18px 0;border-top:1px solid var(--line)}.question-row h3{margin:0 0 6px;font-size:15px}.question-row small{color:var(--muted)}.question-answer{margin-top:15px;padding:14px 16px;border-left:3px solid var(--coral);background:rgba(255,253,249,.65);white-space:pre-wrap;line-height:1.6}.files-list,.account-list{border-top:1px solid var(--ink)}.file-row,.account-list>div{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:17px 3px;border-bottom:1px solid var(--line)}.file-row strong,.file-row small{display:block}.file-row small{margin-top:4px;color:var(--muted);font-size:12px}.account-list{margin:0}.account-list>div{grid-template-columns:150px 1fr}.account-list dt{color:var(--muted);font-size:12px}.account-list dd{margin:0;color:var(--ink);font-weight:600}.reader-dialog{width:min(760px,calc(100vw - 24px));max-height:92svh;padding:0;border:1px solid var(--ink);border-radius:0;background:var(--surface);box-shadow:7px 7px 0 var(--coral)}.reader-dialog::backdrop{background:rgba(24,43,42,.62)}.reader-dialog>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface);z-index:2}.reader-dialog>header strong{color:var(--ink)}.reader-dialog>header button{border:0;background:none;color:var(--plum);font-weight:700;cursor:pointer}.reader-dialog article{padding:32px clamp(22px,6vw,56px)}.reader-dialog h1{margin:0;color:var(--ink);font-size:34px;letter-spacing:-.03em}.reading-block{padding:25px 0;border-bottom:1px solid var(--line)}.reading-block h2{margin:0 0 11px;color:var(--ink);font-size:19px}.reading-block p{margin:0;line-height:1.75;white-space:pre-wrap}.key-card{margin-top:24px;padding:20px;border:1px solid var(--plum);background:var(--paper)}.key-card h2{margin:5px 0 9px;color:var(--plum)}.reading-media{margin:17px 0}.reading-media img{display:block;max-width:100%;max-height:650px;margin:auto;border:1px solid var(--line)}.reading-media audio{width:100%}.reading-media figcaption{margin-top:6px;color:var(--muted);font-size:11px;text-align:center}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:100;padding:11px 15px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:13px;animation:toast-in 220ms var(--ease) both}.mobile-bar,.drawer-backdrop{display:none}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:760px){.desktop-only{display:none}.mobile-bar{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;height:62px;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-bar img{width:174px}.mobile-bar button{height:36px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px;font-weight:700}.sidebar{width:min(290px,86vw);transform:translateX(-101%);transition:transform 240ms var(--ease)}.sidebar.open{transform:none}.drawer-backdrop.open{display:block;position:fixed;inset:0;background:rgba(24,43,42,.28);z-index:25}.library-main{margin-left:0;padding:92px 17px 60px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:30px}.notice{margin-bottom:22px}.reading-row{grid-template-columns:76px 1fr;gap:14px;padding:18px 0}.reading-thumb{width:76px;height:76px}.reading-thumb::before{width:34px;height:46px}.reading-actions{grid-column:1/-1}.reading-actions .button{width:100%}.channel-compose header{display:block}.channel-compose header p{margin-top:8px}.channel-compose .button{width:100%}.file-row{grid-template-columns:1fr auto}.account-list>div{grid-template-columns:1fr}.account-list dd{margin-top:5px}.reader-dialog article{padding:25px 18px}.reader-dialog h1{font-size:28px}}
@media(max-width:420px){.access-screen{padding:28px 16px}.access-brand{margin-bottom:27px}.access-brand img{width:250px}.access-card-body{padding:21px}.reading-meta h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}