:root{--paper:#f6f6f3;--paper-deep:#ededeb;--surface:#ffffff9e;--ink:#1b1c1c;--muted:#646969;--faint:#969b9a;--line:#1b1c1c1a;--accent:#4f5759;--accent-soft:#4f575914;--danger:#9a5858;--shadow:0 24px 70px #1416161f;--sans:Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#151616;--paper-deep:#1c1d1d;--surface:#ffffff09;--ink:#e9eae7;--muted:#a1a4a2;--faint:#6f7372;--line:#e9eae71f;--accent:#aab0b1;--accent-soft:#cacfd014;--danger:#d38b8b;--shadow:0 24px 70px #0000004d}}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;overscroll-behavior-x:none;overflow-x:hidden}body{background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--sans);overscroll-behavior:none;margin:0;overflow:hidden auto}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.app-shell{width:min(100%,760px);min-height:100svh;padding-bottom:calc(86px + env(safe-area-inset-bottom));margin:0 auto;transition:padding-bottom .28s;position:relative;overflow-x:clip}.app-shell.fullscreen-mode{width:100%;max-width:none}.app-shell.reading-shell,.app-shell.controls-hidden{height:100svh;min-height:0;padding-bottom:0;overflow:hidden}.loading-shell{text-align:center;color:var(--muted);place-content:center;gap:12px;display:grid}.auth-shell{place-items:center;min-height:100svh;padding:36px 24px;display:grid}.auth-card{gap:32px;width:min(100%,420px);display:grid}.auth-card h1{letter-spacing:-.035em;margin:12px 0 10px;font-size:clamp(1.8rem,7vw,2.5rem);font-weight:590;line-height:1.28}.auth-copy>p:last-child,.auth-message{color:var(--muted);line-height:1.65}.library-search input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px}.auth-card .primary-button{margin-top:8px}.auth-actions{gap:10px;display:grid}.auth-actions .primary-button{margin-top:0}.auth-access-note{color:var(--faint);text-align:center;margin:0;font-size:.72rem;line-height:1.55}.auth-actions .auth-message{margin:2px 0 0}.google-login-button{justify-content:center;align-items:center;gap:12px;display:flex}.google-login-button>span{background:var(--paper);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.invitation-denied{text-align:left}.brand-mark{color:var(--ink);font-size:1.15rem;font-weight:620}.topbar{height:72px;padding:calc(14px + env(safe-area-inset-top)) 24px 0;justify-content:space-between;align-items:center;display:flex}.topbar-controls{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;border-radius:999px;align-items:center;gap:2px;padding:2px 4px 2px 10px;transition:opacity .22s,transform .22s;display:flex}.header-icon-button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.02rem;line-height:1;display:grid}.header-icon-button.settings-icon{font-size:.95rem}.controls-hidden .topbar-controls{opacity:0;pointer-events:none;transform:translateY(-4px)}.wordmark{letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:1rem;font-weight:640}.today-label{color:var(--faint);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:.68rem}.read-view{min-height:calc(100svh - 158px);padding:20px 26px}.reading-shell .topbar{z-index:10;position:absolute;inset:0 0 auto}.reading-shell .read-view{width:100%;height:100%;min-height:0;padding:0 26px}.controls-hidden .read-view{height:100%;min-height:0}.quote-stage{opacity:1;flex-direction:column;min-height:calc(100svh - 198px);transition:opacity .42s,transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translate(0)}.reading-shell .quote-stage,.controls-hidden .quote-stage{height:100%;min-height:0}.quote-stage.is-transitioning{opacity:0}.quote-stage.is-transitioning.is-next{transform:translate(-22px)}.quote-stage.is-transitioning.is-previous{transform:translate(22px)}@keyframes settle{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quote-stage{transition-duration:1ms}.quote-content{animation:none}}.quote-focus-button{width:100%;min-height:0;color:inherit;text-align:left;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;place-items:center;padding:72px 0;display:grid;position:relative}.eyebrow{color:var(--muted);letter-spacing:.06em;margin:0;font-size:.7rem;font-weight:560}.quote-content{overscroll-behavior:contain;scrollbar-width:thin;width:min(100%,38rem);max-height:calc(100svh - 184px);animation:.36s both settle;overflow-y:auto}.quote-focus-button blockquote{white-space:pre-wrap;width:100%;font-family:var(--sans);font-size:var(--quote-font-size,17px);letter-spacing:-.014em;word-break:keep-all;margin:0;padding:0;font-weight:430;line-height:1.78}.quote-focus-button cite{width:100%;color:var(--muted);letter-spacing:-.006em;margin:18px 0 0;font-size:.72rem;font-style:normal;line-height:1.5;display:block}.edge-indicator{z-index:2;width:54px;height:88px;color:var(--ink);opacity:0;pointer-events:none;border-radius:999px;place-items:center;font-size:1.45rem;font-weight:260;line-height:1;transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%}.edge-left{background:radial-gradient(ellipse at left, color-mix(in srgb, var(--ink) 10%, transparent), transparent 70%);left:4px;transform:translate(-4px,-50%)}.edge-right{background:radial-gradient(ellipse at right, color-mix(in srgb, var(--ink) 10%, transparent), transparent 70%);right:4px;transform:translate(4px,-50%)}.edge-indicator.visible{opacity:.3}.edge-left.visible,.edge-right.visible{transform:translateY(-50%)}.pause-indicator{z-index:2;background:radial-gradient(circle, color-mix(in srgb, var(--ink) 12%, transparent), transparent 68%);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;gap:7px;width:84px;height:84px;transition:opacity .28s,transform .28s;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.96)}.pause-indicator.visible{opacity:.32;transform:translate(-50%,-50%)scale(1)}.pause-indicator>span{background:var(--ink);border-radius:2px;width:3px;height:18px}.read-footer{z-index:3;right:0;bottom:calc(60px + env(safe-area-inset-bottom));opacity:1;grid-template-columns:1fr minmax(132px,48%) 1fr;align-items:center;gap:14px;min-height:32px;padding:0 2px;transition:opacity .22s;display:grid;position:absolute;left:0}.controls-hidden .read-footer{opacity:0;pointer-events:none}.deck-progress{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:999px;width:100%;height:1px;margin:0;overflow:hidden}.deck-progress>span{background:color-mix(in srgb, var(--ink) 42%, transparent);height:100%;transition:width .52s cubic-bezier(.22,1,.36,1);display:block}.footer-balance{min-width:0}.quiet-icon-button,.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 2px;font-size:.76rem}.text-button.subtle{color:var(--faint)}.empty-state{flex-direction:column;justify-content:center;align-items:flex-start;max-width:520px;min-height:calc(100svh - 210px);margin:auto;display:flex}.empty-state h1,.library-heading h1{font-family:var(--sans);letter-spacing:-.025em;margin:16px 0;font-weight:580}.empty-state h1{font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.35}.empty-state>p:not(.eyebrow):not(.error-message){color:var(--muted);word-break:keep-all;line-height:1.75}.primary-button{cursor:pointer;border:1px solid var(--ink);background:var(--ink);width:100%;color:var(--paper);border-radius:10px;margin-top:28px;padding:14px 18px;font-weight:600}.primary-button:disabled{opacity:.55;cursor:wait}.error-message{color:var(--danger);font-size:.82rem;line-height:1.5}.success-message{color:var(--muted);font-size:.82rem;line-height:1.5}.library-view{padding:32px 20px}.library-heading{justify-content:space-between;align-items:flex-end;padding:0 4px 22px;display:flex}.library-heading h1{margin-bottom:0;font-size:1.8rem}.round-button{cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:1.25rem}.library-heading-actions{align-items:center;gap:10px;display:flex}.library-view-switch{border-bottom:1px solid var(--line);gap:20px;margin:0 4px 20px;display:flex}.library-view-switch button{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0 0 11px;font-size:.76rem;font-weight:520;position:relative}.library-view-switch button:after{content:"";background:0 0;height:1px;position:absolute;bottom:-1px;left:0;right:0}.library-view-switch button.active{color:var(--ink);font-weight:600}.library-view-switch button.active:after{background:var(--ink)}.navigation-button{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;align-items:center;gap:6px;font-weight:560;display:inline-flex}.navigation-button:hover{text-decoration-color:currentColor}.library-search{padding:0 4px 18px;display:block}.library-search input{border-radius:999px;padding-inline:17px;font-size:.84rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.migration-panel{border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:0 4px 18px;padding:16px;display:flex}.migration-panel strong{font-size:.84rem;line-height:1.5}.migration-panel p{color:var(--muted);margin:5px 0 0;font-size:.74rem;line-height:1.5}.migration-panel button{color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;font-size:.76rem;font-weight:600}.migration-panel button:disabled{opacity:.55;cursor:wait}.book-list{border-top:1px solid var(--line)}.book-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;padding:14px 6px;display:flex}.book-row>span{gap:5px;min-width:0;display:grid}.book-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:560;overflow:hidden}.book-row small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.73rem;overflow:hidden}.book-row b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:520}.data-tools{border-top:1px solid var(--line);margin:34px 4px 80px;padding-top:16px}.data-tools summary{width:fit-content;color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;font-size:.78rem;font-weight:540}.data-tools summary:hover{text-decoration-color:currentColor}.data-tool-actions{flex-wrap:wrap;gap:8px 18px;margin-top:16px;display:flex}.data-tools button,.data-tools label{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.74rem}.data-tools button:disabled,.data-tools label[aria-disabled=true]{opacity:.5;cursor:wait}.data-tools input{display:none}.data-tool-feedback{margin-top:14px}.data-tool-feedback p{margin:0}.data-reset-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:18px;display:flex}.data-reset-section>div{min-width:0}.data-reset-section strong{color:var(--ink);font-size:.78rem;font-weight:560}.data-reset-section p{color:var(--faint);margin:5px 0 0;font-size:.7rem;line-height:1.5}.data-tools .danger-text-button{color:var(--danger);flex:none;font-weight:540}.panel-error{margin:10px 4px 0}.quote-list{gap:0;padding-top:18px;display:grid}.library-card{border-top:1px solid var(--line);background:0 0;position:relative;overflow:visible}.card-body{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:20px 40px 20px 4px}.card-body p{-webkit-line-clamp:4;white-space:pre-wrap;font-family:var(--sans);letter-spacing:-.012em;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:430;line-height:1.68;display:-webkit-box;overflow:hidden}.card-body span{color:var(--muted);margin-top:13px;font-size:.75rem;display:block}.quote-menu-wrap{z-index:2;position:absolute;top:8px;right:5px}.quote-menu-trigger{width:34px;height:30px;color:var(--faint);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:.92rem;font-weight:650}.quote-menu-trigger:hover,.quote-menu-trigger[aria-expanded=true]{background:var(--accent-soft);color:var(--ink)}.quote-menu{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:152px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 38px #14161624}.quote-menu button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:.75rem}.quote-menu button:hover{background:var(--accent-soft)}.quote-menu .danger-menu-item{color:var(--danger)}.library-empty{text-align:center;color:var(--muted);padding:80px 20px}.bottom-nav{z-index:20;width:min(100%,760px);height:calc(56px + env(safe-area-inset-bottom));padding:0 18px env(safe-area-inset-bottom);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--paper) 96%, transparent) 30%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;border-top:0;grid-template-columns:1fr 1fr;transition:opacity .22s,transform .22s;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.controls-hidden .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%,10px)}.bottom-nav button{color:var(--faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.bottom-nav button.active{color:var(--ink);font-weight:580}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0d0d80;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.editor-dialog,.settings-dialog,.reset-dialog,.invite-dialog{border:1px solid var(--line);background:var(--paper);width:min(100%,560px);max-height:90svh;box-shadow:var(--shadow);border-radius:16px;padding:22px;overflow-y:auto}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-heading h2{font-family:var(--sans);letter-spacing:-.02em;margin:0;font-weight:600}.dialog-heading button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.dialog-heading button:disabled{opacity:.45;cursor:wait}.editor-dialog form{gap:18px;display:grid}.editor-dialog label{color:var(--muted);gap:8px;font-size:.78rem;display:grid}.editor-dialog textarea,.editor-dialog input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;padding:13px 14px}.editor-dialog textarea{resize:vertical;font-family:var(--sans);font-size:.95rem;line-height:1.65}.editor-dialog details{border-top:1px solid var(--line);padding-top:15px}.editor-dialog summary{color:var(--ink);cursor:pointer;font-size:.84rem}.editor-dialog summary span{color:var(--faint);margin-left:6px;font-size:.7rem}.metadata-fields{gap:12px;padding-top:15px;display:grid}.form-submit{margin-top:2px}.settings-dialog,.reset-dialog{align-self:center}.reset-dialog>p{color:var(--muted);word-break:keep-all;font-size:.82rem;line-height:1.65}.reset-dialog-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.reset-dialog-actions button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:0 16px}.reset-dialog-actions .danger-button{border-color:var(--danger);background:var(--danger);color:var(--paper)}.reset-dialog-actions button:disabled{opacity:.55;cursor:wait}.settings-section+.settings-section{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.settings-section h3{color:var(--faint);letter-spacing:.04em;margin:0 0 18px;font-size:.7rem;font-weight:560}.font-size-setting{color:var(--muted);gap:18px;font-size:.78rem;display:grid}.font-size-setting>span{justify-content:space-between;align-items:center;display:flex}.font-size-setting output{color:var(--faint);font-variant-numeric:tabular-nums}.font-size-setting input{width:100%;accent-color:var(--ink)}.font-size-preview{border-top:1px solid var(--line);letter-spacing:-.012em;word-break:keep-all;margin:28px 0 4px;padding-top:24px;line-height:1.7}.account-setting>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.account-setting span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.account-setting button{color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;background:0 0;border:0;flex:none;padding:6px 0;font-size:.76rem;font-weight:540}.account-setting button:hover{text-decoration-color:currentColor}.invite-dialog{align-self:center}.invite-dialog .dialog-heading{align-items:flex-start}.invite-dialog .dialog-heading .eyebrow{margin:0 0 6px}.invite-dialog .dialog-heading h2{font-size:1.25rem}.invite-quote-preview{border-block:1px solid var(--line);margin:0 0 24px;padding:20px 0}.invite-quote-preview p{-webkit-line-clamp:5;white-space:pre-wrap;letter-spacing:-.012em;-webkit-box-orient:vertical;margin:0;font-size:.98rem;line-height:1.72;display:-webkit-box;overflow:hidden}.invite-quote-preview cite{color:var(--muted);margin-top:12px;font-size:.72rem;font-style:normal;display:block}.invite-form{gap:17px;display:grid}.invite-form label{color:var(--muted);gap:8px;font-size:.76rem;display:grid}.invite-form label>span{color:var(--faint);font-size:.68rem}.invite-form input,.invite-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:11px;padding:12px 13px}.invite-form textarea{resize:vertical;line-height:1.55}.invite-policy-note{color:var(--faint);margin:-2px 0 0;font-size:.68rem;line-height:1.55}.invite-created{text-align:center;gap:10px;display:grid}.invite-created>div{margin-bottom:10px}.invite-created strong{font-size:.94rem}.invite-created p{color:var(--muted);margin:7px 0 0;font-size:.76rem}.secondary-button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;font-weight:560}.invite-created .text-button{justify-self:center;margin-top:3px}.settings-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-section-heading h3{margin-bottom:5px}.settings-section-heading p{color:var(--faint);margin:0;font-size:.7rem}.settings-section-heading>button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:.7rem}.empty-invitations{color:var(--faint);margin:22px 0 0;font-size:.74rem}.sent-invitation-list{margin-top:18px;display:grid}.sent-invitation-list article{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.sent-invitation-list article>div{min-width:0}.sent-invitation-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:560;display:block;overflow:hidden}.sent-invitation-list span{color:var(--faint);margin-top:4px;font-size:.65rem;display:block}.sent-invitation-list p{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:8px 0 0;font-size:.7rem;line-height:1.5;display:-webkit-box;overflow:hidden}.sent-invitation-list article>button{color:var(--danger);cursor:pointer;background:0 0;border:0;flex:none;padding:2px 0;font-size:.68rem}.invite-page-shell{width:min(100%,760px);min-height:100svh;margin:0 auto;padding:0 clamp(24px,7vw,54px) 60px}.invite-page-header{height:76px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.invite-page-header a{color:var(--ink);font-size:.92rem;font-weight:640;text-decoration:none}.invite-page-header span{color:var(--faint);font-size:.68rem}.invite-page-content{padding-top:clamp(48px,10vh,88px)}.invite-page-intro .eyebrow{margin:0 0 14px}.invite-page-intro h1,.invite-page-result h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:570;line-height:1.2}.invite-page-quote{border-block:1px solid var(--line);margin:clamp(56px,10vh,92px) 0 0;padding:clamp(28px,6vw,44px) 0}.invite-page-quote p{white-space:pre-wrap;letter-spacing:-.018em;word-break:keep-all;margin:0;font-size:clamp(1.08rem,3.8vw,1.35rem);font-weight:450;line-height:1.78}.invite-page-quote cite{color:var(--muted);margin-top:22px;font-size:.76rem;font-style:normal;display:block}.invite-page-message{margin-top:28px;padding:0 2px}.invite-page-message span{color:var(--faint);font-size:.66rem}.invite-page-message p{color:var(--muted);white-space:pre-wrap;margin:9px 0 0;font-size:.88rem;line-height:1.7}.invite-page-action{gap:10px;margin-top:clamp(48px,9vh,76px);display:grid}.invite-page-action>p{color:var(--muted);margin:0 0 9px;font-size:.75rem}.invite-page-action>p strong{color:var(--ink);font-weight:560}.invite-page-primary,.invite-page-secondary{border:1px solid var(--ink);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:52px;padding:0 18px;text-decoration:none;display:flex}.invite-page-primary{background:var(--ink);color:var(--paper);font-weight:590}.invite-page-primary:disabled{opacity:.55;cursor:wait}.invite-page-secondary{width:fit-content;min-height:44px;color:var(--ink);background:0 0;margin-top:22px;font-size:.78rem}.invite-page-account{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:8px 2px;font-size:.68rem}.invite-page-action small{color:var(--faint);margin-top:7px;font-size:.65rem;line-height:1.55}.invite-page-error{line-height:1.5;color:var(--danger)!important;margin:4px 0 0!important}.invite-page-result{flex-direction:column;justify-content:center;min-height:calc(100svh - 136px);display:flex}.invite-page-result .eyebrow{margin:0 0 15px}.invite-page-result>p:not(.eyebrow){color:var(--muted);margin:22px 0 0;line-height:1.65}.invite-page-result .invite-page-primary{width:100%;margin-top:42px}.invite-page-state{min-height:calc(100svh - 136px);color:var(--muted);place-items:center;font-size:.78rem;display:grid}@media (min-width:700px){.topbar{padding-inline:38px}.read-view{padding-inline:54px}.library-view{padding-inline:36px}.dialog-backdrop{align-items:center}}@media (orientation:landscape) and (max-height:600px){.app-shell{width:min(100%,980px);padding-bottom:calc(56px + env(safe-area-inset-bottom))}.app-shell.controls-hidden{padding-bottom:0}.topbar{height:52px;padding:calc(6px + env(safe-area-inset-top)) max(28px, env(safe-area-inset-left)) 0}.read-view{min-height:calc(100svh - 108px);padding:2px max(42px, calc(env(safe-area-inset-left) + 24px))}.reading-shell .read-view,.controls-hidden .read-view{height:100%;min-height:0;padding-block:0}.quote-stage{min-height:100%}.controls-hidden .quote-stage{height:100%;min-height:0}.quote-focus-button{padding:54px 0}.quote-content{width:min(100%,44rem);max-height:calc(100svh - 112px)}.quote-focus-button blockquote{line-height:1.62}.quote-focus-button cite{margin-top:9px}.read-footer{min-height:28px;bottom:calc(46px + env(safe-area-inset-bottom))}.quiet-icon-button{padding-block:6px}.bottom-nav{height:calc(44px + env(safe-area-inset-bottom))}}.tool-shell{width:min(100%,720px);min-height:100svh;margin:auto;padding:24px 24px 80px}.tool-shell>header{justify-content:space-between;align-items:center;display:flex}.tool-shell>header a{color:var(--ink);font-weight:640;text-decoration:none}.tool-shell>header span{color:var(--faint);letter-spacing:.05em;font-size:.7rem}.tool-card{margin-top:clamp(70px,12vh,140px)}.tool-card h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(2rem,7vw,3.2rem);font-weight:590;line-height:1.22}.tool-description{max-width:560px;color:var(--muted);word-break:keep-all;line-height:1.7}.tool-card form{gap:16px;margin-top:42px;display:grid}.tool-card label{color:var(--muted);gap:8px;font-size:.76rem;display:grid}.tool-card input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px}.tool-card details{border-top:1px solid var(--line);padding-top:15px}.tool-card summary{color:var(--muted);cursor:pointer;font-size:.78rem}.tool-options{grid-template-columns:1fr 1fr;gap:14px;padding-top:16px;display:grid}.tool-book-picker{border-top:1px solid var(--line);gap:12px;margin-top:10px;padding-top:22px;display:grid}.tool-book-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.tool-card .tool-select-all,.tool-card .tool-book-row{cursor:pointer;grid-template-columns:none;align-items:center;gap:12px;display:flex}.tool-card .tool-select-all input,.tool-card .tool-book-row input{width:16px;height:16px;accent-color:var(--ink);flex:0 0 16px;margin:0;padding:0}.tool-card .tool-book-search{padding-block:11px}.tool-book-list{border-block:1px solid var(--line);max-height:min(44vh,420px);overflow-y:auto}.tool-card .tool-book-row{border-bottom:1px solid var(--line);min-height:58px;padding:10px 2px}.tool-card .tool-book-row:last-child{border-bottom:0}.tool-book-row>span{gap:3px;min-width:0;display:grid}.tool-book-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:560;overflow:hidden}.tool-book-row small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.tool-selection-count,.tool-book-empty{color:var(--muted);margin:0;font-size:.76rem}.tool-book-empty{padding:24px 2px}.tool-progress{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.tool-progress>div{color:var(--muted);justify-content:space-between;font-size:.78rem;display:flex}.tool-progress b{color:var(--ink);font-weight:560}.tool-progress progress{width:100%;height:2px;accent-color:var(--ink);margin-top:14px}.tool-progress p,.tool-progress strong{color:var(--muted);font-size:.76rem;line-height:1.6;display:block}.tool-progress strong{color:var(--ink);font-weight:560}@media (max-width:520px){.tool-options{grid-template-columns:1fr}}