:root{--background:#fff;--rail:#f7f9fa;--text:#11171d;--muted:#667381;--border:#d8dee3;--accent:#176b4b;--accent-strong:#10573d;--accent-soft:#e5f0ec;--focus:#2c7eea;--radius-sm:8px;--radius-md:10px;--shadow-button:0 2px 6px #10573d2e}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);text-rendering:optimizelegibility;margin:0;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 75%, transparent);outline-offset:3px}.account-name{max-width:180px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:.84rem;overflow:hidden}.sign-out-button{border:1px solid var(--border);border-radius:var(--radius-sm);color:#314150;background:#fff;min-height:42px;padding:0 15px;font-size:.84rem;font-weight:650}.sign-out-button:hover{background:var(--rail)}.sign-out-button:disabled,.primary-button:disabled{cursor:wait;opacity:.68}.auth-shell{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.auth-story,.auth-panel{min-width:0;position:relative}.auth-story{background:#fff;justify-content:center;align-items:center;min-height:100svh;padding:120px 48px 64px;display:flex}.auth-brand{position:absolute;top:34px;left:48px}.auth-story-content{text-align:center;max-width:380px}.auth-story-content .book-icon{width:82px}.auth-story-content h2{letter-spacing:-.035em;margin:24px 0 12px;font-size:clamp(2rem,3vw,2.7rem);line-height:1.1}.auth-story-content p{max-width:330px;color:var(--muted);margin:0 auto;font-size:1.18rem;line-height:1.55}.auth-panel{border-left:1px solid var(--border);place-items:center;min-height:100svh;padding:64px 48px;display:grid}.auth-form-wrap{width:min(100%,420px)}.auth-form-wrap h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3vw,2.55rem);line-height:1.1}.auth-intro{color:var(--muted);margin:12px 0 36px;font-size:1rem;line-height:1.5}.brand.auth-mobile-brand,.auth-mobile-book{display:none}.sign-in-form{gap:22px;display:grid}.field-group{gap:9px;display:grid}.field-group label{font-size:.9rem;font-weight:680}.field-group input{border-radius:var(--radius-sm);width:100%;height:56px;color:var(--text);background:#fff;border:1px solid #bec9d1;padding:0 16px;font-size:1rem}.field-group input::placeholder{color:#7a8895}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{color:#657788;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:6px;right:6px}.password-toggle svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px}.auth-error{color:#a33a32;min-height:21px;margin:-6px 0 -4px;font-size:.85rem;line-height:1.45}.sign-in-button{width:100%;min-height:56px}.auth-invitation{color:var(--muted);text-align:center;margin:44px 0 0;font-size:.9rem}@media (max-width:700px){.mobile-account{align-items:center;gap:8px;min-width:0;display:flex}.mobile-account-name{max-width:100px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.mobile-account .sign-out-button{min-height:38px;padding:0 12px;font-size:.78rem}.account-name,.topbar>.sign-out-button{display:none}.auth-shell{display:block}.auth-story{display:none}.auth-panel{border-left:0;min-height:100svh;padding:30px 24px 56px;display:block}.brand.auth-mobile-brand{font-size:1.75rem;display:inline-flex}.auth-form-wrap{width:100%;margin:105px auto 0}.auth-mobile-book{justify-content:center;display:flex}.auth-mobile-book .book-icon{width:62px}.auth-form-wrap h1{text-align:center;margin-top:23px;font-size:1.9rem}.auth-intro{text-align:center;margin:12px auto 42px;font-size:.95rem}.sign-in-form{gap:24px}.auth-invitation{margin-top:52px}}.app-shell{grid-template-columns:226px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{background:var(--rail);border-right:1px solid var(--border);padding:28px 20px}.brand{letter-spacing:.09em;align-items:center;min-height:44px;font-size:2rem;font-weight:750;display:inline-flex}.desktop-nav{gap:6px;margin-top:34px;display:grid}.nav-item{border-radius:var(--radius-md);color:#314150;align-items:center;gap:13px;min-height:48px;padding:0 14px;font-size:.975rem;font-weight:560;display:flex}.nav-item:hover{background:#eef2f3}.nav-item.active,.mobile-nav-item.active{background:var(--accent-soft);color:#15563f}.folders-row{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin:25px 12px 0;padding-top:24px;font-size:.9rem;font-weight:520;display:flex}.icon-button{color:currentColor;background:0 0;border:0;place-items:center;width:44px;height:44px;display:inline-grid}.folders-row .icon-button,.mobile-header .icon-button{opacity:.72}.workspace{flex-direction:column;min-width:0;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:28px;min-height:92px;padding:18px 28px;display:flex}.search{border-radius:var(--radius-sm);color:#788592;border:1px solid #cbd4da;align-items:center;gap:12px;width:min(548px,60%);min-height:48px;padding:0 15px;font-size:.94rem;display:flex}.primary-button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);min-height:48px;box-shadow:var(--shadow-button);color:#fff;justify-content:center;align-items:center;gap:9px;padding:0 24px;font-size:.95rem;font-weight:680;display:inline-flex}.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.topbar-action{margin-left:auto}.reading-area{flex:1;place-items:center;min-height:0;padding:48px 28px 82px;display:grid;position:relative}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:620px;display:flex}.book-icon{color:#235f4d;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:68px}.empty-state h1{letter-spacing:-.035em;margin:23px 0 10px;font-size:clamp(2rem,3.25vw,2.7rem);line-height:1.1}.empty-state p{color:var(--muted);margin:0;font-size:1.04rem;line-height:1.55}.empty-state .primary-button{min-width:216px;margin-top:28px}.feed-status{color:var(--muted);text-align:center;margin:0;font-size:.79rem;position:absolute;bottom:30px;left:0;right:0}.subscriptions-view{align-self:start;width:min(100%,880px)}.subscriptions-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;padding-bottom:22px;display:flex}.subscriptions-heading .eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:.75rem;font-weight:760}.subscriptions-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,3vw,2.35rem)}.subscriptions-heading>span{background:var(--accent-soft);min-width:36px;height:30px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:.82rem;font-weight:720;display:grid}.subscription-list{margin:0;padding:10px 0 0;list-style:none;display:grid}.subscription-list li{border-bottom:1px solid #e8ecef;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:18px 4px;display:grid}.subscription-mark{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.subscription-list h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:1rem;overflow:hidden}.subscription-list p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}.subscription-site-link{color:var(--accent);font-size:.82rem;font-weight:670}.mobile-header,.mobile-nav{display:none}.dialog-backdrop{z-index:50;background:#11171d61;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border);background:var(--background);border-radius:14px;width:min(100%,430px);padding:28px;position:relative;box-shadow:0 18px 55px #11171d33}.dialog-close{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.55rem;line-height:1;display:grid;position:absolute;top:14px;right:14px}.dialog-close:hover{background:var(--rail)}.feed-dialog>p{margin-bottom:22px}.add-feed-form{gap:9px;display:grid}.add-feed-form label{font-size:.88rem;font-weight:680}.add-feed-form input{border-radius:var(--radius-sm);border:1px solid #bec9d1;width:100%;height:50px;padding:0 14px}.add-feed-form .feed-form-error,.add-feed-form .feed-form-success,.add-feed-form .feed-form-status{min-height:21px;margin:0;font-size:.82rem}.add-feed-form .feed-form-error{color:#a33a32}.add-feed-form .feed-form-success{color:var(--accent)}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.dialog-submit{min-height:44px}.dialog h2{letter-spacing:-.02em;margin:0;font-size:1.4rem}.dialog p{color:var(--muted);margin:10px 0 24px;line-height:1.55}.dialog-button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text);background:#fff;padding:0 20px;font-size:.9rem;font-weight:650}.dialog-button:hover{background:var(--rail)}@media (max-width:700px){.app-shell{flex-direction:column;min-height:100svh;display:flex}.sidebar{display:none}.mobile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:76px;padding:12px 20px;display:flex}.mobile-header .brand{font-size:1.75rem}.workspace{flex:1;min-height:0}.topbar{border-bottom:0;gap:10px;min-height:auto;padding:14px 20px 0}.search{flex:1;width:auto;min-width:0}.topbar-action{min-width:48px;padding:0 14px}.reading-area{min-height:470px;padding:40px 24px 96px}.subscriptions-view{align-self:stretch}.subscription-list li{grid-template-columns:auto minmax(0,1fr)}.subscription-site-link{display:none}.dialog-backdrop{align-items:end;padding:0}.dialog{width:100%;padding:28px 24px calc(24px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}.book-icon{width:58px}.empty-state h1{margin-top:20px;font-size:1.72rem}.empty-state p{max-width:330px;font-size:.98rem}.empty-state .primary-button{width:min(100%,244px);margin-top:28px}.feed-status{bottom:30px}.mobile-nav{z-index:10;border-top:1px solid var(--border);min-height:78px;padding:5px max(8px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0}.mobile-nav-item{border-radius:var(--radius-sm);color:#40505e;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:60px;font-size:.75rem;font-weight:560;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}