:root{--canvas: #efeeeb;--app: #fafaf9;--surface: #ffffff;--sidebar: #f5f4f2;--ink: #1c1917;--body: #292524;--body-mid: #44403c;--body-soft: #57534e;--muted: #78716c;--quiet: #8a837c;--faint: #a8a29e;--ghost: #b8b2ac;--ghost-soft: #c4bfba;--border-strong: #dad7d2;--border: #e7e5e4;--border-soft: #e4e1dd;--divider: #edebe9;--divider-soft: #f1efec;--divider-faint: #f5f5f4;--accent: #2c5fe0;--accent-tint: #f1f4fc;--row-hover: #f4f2ef;--success: #16a34a;--caution: #b45309;--danger: #b91c1c;--clay: #8a6a55;--font-ui: "Helvetica Neue", Helvetica, -apple-system, system-ui, sans-serif;--font-mono: ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;overscroll-behavior-y:none}.load-state{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;padding:32px;text-align:center;color:var(--body-soft)}.load-state h1{margin:0;color:var(--ink);font-size:clamp(22px,4vw,30px);letter-spacing:-.03em}.load-state p{max-width:390px;margin:0 0 8px;font-size:14px;line-height:1.55}.load-mark{width:28px;height:36px;border:1px solid var(--border-strong);border-radius:2px 5px 5px 2px;background:var(--surface);animation:load-pulse 1.2s ease-in-out infinite}.notice-region{position:fixed;z-index:100;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));width:min(420px,calc(100% - 32px));transform:translate(-50%);pointer-events:none}.app-notice{min-height:46px;display:flex;align-items:center;gap:18px;padding:11px 13px;border:1px solid var(--border-strong);border-radius:8px;background:var(--ink);color:#fff;box-shadow:0 12px 34px #1c19173d;pointer-events:auto;font-size:12.5px}.app-notice span{flex:1}.app-notice button{padding:0;border:0;background:transparent;color:#ffffffad;font-size:11px;font-weight:600}.app-notice.notice-error{background:#7f1d1d}@keyframes load-pulse{50%{opacity:.42;transform:translateY(-2px)}}a{color:var(--accent);text-decoration:none}a:hover{color:#1e47b8}input,button,select,textarea{font-family:inherit;font-variant-numeric:inherit;color:inherit}button{margin:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:0;height:0}.scroll{overflow:auto;scrollbar-width:none}.chiprow{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chiprow::-webkit-scrollbar{display:none}.mono{font-family:var(--font-mono)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.phone-tabs{position:absolute;z-index:20;left:0;right:0;bottom:0;min-height:calc(62px + env(safe-area-inset-bottom));padding:8px 10px max(8px,env(safe-area-inset-bottom));display:flex;align-items:center;background:color-mix(in srgb,var(--app) 92%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--border)}.phone-tab{min-width:58px;min-height:40px;display:grid;place-items:center;border-radius:8px;color:var(--quiet);font-size:11px;font-weight:600;letter-spacing:.01em}.phone-tab.is-active{color:var(--ink);background:var(--surface)}.phone-tab.is-action{color:#fff;background:var(--ink);margin-inline:5px}.phone-page{height:100%;overflow:auto;padding:calc(26px + env(safe-area-inset-top)) 20px calc(92px + env(safe-area-inset-bottom))}.phone-page-header{margin-bottom:24px}.phone-page-header h1{margin:3px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.04em}.eyebrow{margin:0;color:var(--quiet);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.more-links{border-top:1px solid var(--border)}.more-links>button{width:100%;min-height:72px;display:flex;align-items:center;gap:16px;padding:14px 0;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left}.more-links>button>span:first-child{flex:1;display:grid;gap:4px}.more-links strong{font-size:15px;font-weight:600;letter-spacing:-.015em}.more-links small{color:var(--muted);font-size:12.5px}.more-count{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.more-capture{margin-top:34px}.more-capture>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.more-account{margin-top:44px;padding-top:18px;border-top:1px solid var(--border)}.more-account p{margin:0 0 8px;color:var(--muted);font-size:12px}.more-account button{padding:0;border:0;background:transparent;color:var(--danger);font-size:13px;font-weight:600}.desktop-shell{height:100dvh;display:grid;grid-template-columns:204px minmax(0,1fr);overflow:hidden;background:var(--app)}.desktop-sidebar{min-width:0;display:flex;flex-direction:column;padding:24px 14px 16px;border-right:1px solid var(--border);background:var(--sidebar)}.wordmark{display:flex;align-items:center;gap:9px;padding:0 8px 22px}.wordmark strong{font-size:16px;letter-spacing:-.025em}.wordmark-shape{width:15px;height:20px;border:1.5px solid currentColor;border-radius:1px 4px 4px 1px;background:var(--surface)}.add-book-button{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:20px;border:0;border-radius:7px;background:var(--ink);color:#fff;font-size:13px;font-weight:650}kbd{color:#ffffff8c;font:500 10px/1 var(--font-mono)}.desktop-sidebar nav{display:grid;gap:2px}.desktop-sidebar nav button{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--body-soft);font-size:13.5px;font-weight:550;text-align:left}.desktop-sidebar nav button[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border)}.desktop-sidebar nav small{color:var(--ghost);font-size:11px;font-weight:550}.desktop-sidebar footer{min-width:0;display:grid;gap:6px;margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--border)}.desktop-sidebar footer span{overflow:hidden;color:var(--quiet);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.desktop-sidebar footer button,.text-button,.detail-close{width:fit-content;padding:0;border:0;background:transparent;color:var(--accent);font-size:12.5px;font-weight:600}.desktop-sidebar footer button{color:var(--body-soft)}.desktop-main{min-width:0;min-height:0;overflow:hidden}.workspace-header{min-height:118px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:28px clamp(24px,3vw,42px) 22px;border-bottom:1px solid var(--border)}.workspace-header h1,.lists-index h1,.list-detail-header h1{margin:4px 0 0;font-size:clamp(27px,3vw,36px);line-height:1;letter-spacing:-.045em}.workspace-header p:not(.eyebrow),.list-detail-header p:not(.eyebrow){margin:9px 0 0;color:var(--muted);font-size:13px}.workspace-body{max-width:1080px;padding:28px clamp(24px,3vw,42px) 60px}.full-workspace{height:100%;overflow:auto}.library-workspace{height:100%;display:grid;grid-template-columns:minmax(520px,1fr) minmax(310px,360px)}.library-index{min-width:0;min-height:0;display:flex;flex-direction:column}.library-detail{min-width:0;overflow:auto;padding:24px 24px 52px;border-left:1px solid var(--border);background:var(--surface)}.detail-close{display:block;margin:0 0 20px auto;color:var(--quiet)}.detail-placeholder{max-width:300px;margin:22vh auto 0;color:var(--muted)}.detail-placeholder h2{margin:6px 0;color:var(--ink);font-size:22px;letter-spacing:-.03em}.detail-placeholder p:not(.eyebrow){margin:0;font-size:13px;line-height:1.55}.library-search{width:min(350px,42%);display:grid;gap:6px}.library-search span,.library-tools label span,.reading-header label span,.list-add-title label>span{color:var(--quiet);font-size:11px;font-weight:600}.library-search input{width:100%;height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);font-size:13px}.library-tools{min-height:58px;display:flex;align-items:center;gap:18px;padding:10px clamp(24px,3vw,42px);border-bottom:1px solid var(--divider)}.library-tools label,.reading-header label{display:flex;align-items:center;gap:7px}.library-tools select,.reading-header select,.new-list-form select{height:32px;padding:0 26px 0 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px}.library-tools p{margin:0 0 0 auto;color:var(--quiet);font-size:11px}.library-table-scroll{flex:1;min-height:0;padding:6px clamp(24px,3vw,42px) 40px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.group-disclosure{width:9px;height:9px;flex:none;position:relative}.group-disclosure[data-state=closed]:before,.group-disclosure[data-state=open]:before{content:"";position:absolute;inset:1px 2px;border-right:1px solid var(--faint);border-bottom:1px solid var(--faint);transform:rotate(-45deg)}.group-disclosure[data-state=open]:before{inset:0 2px 3px;transform:rotate(45deg)}.queue-list{max-width:880px}.queue-list article{min-height:66px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);transition:opacity .12s ease}.queue-list article.is-dragging{opacity:.35}.queue-open{min-width:0;flex:1;display:flex;align-items:center;gap:16px;padding:12px 0;border:0;background:transparent;text-align:left}.queue-number{width:24px;color:var(--ghost);font-size:11px;font-weight:650}.queue-title{min-width:0;display:grid;gap:4px}.queue-title strong{overflow:hidden;font-size:14px;font-weight:600;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.queue-title small{color:var(--muted);font-size:11.5px}.drag-label{cursor:grab;color:var(--ghost);font-size:10.5px;font-weight:600;text-transform:uppercase}.queue-move{display:flex;gap:4px}.queue-move button{min-height:28px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--body-soft);font-size:10.5px;font-weight:600}.queue-move button:disabled{opacity:.3}.inline-error{color:var(--danger);font-size:12px}.reading-header label{align-self:center}.reading-body{max-width:960px}.stat-lede{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border)}.stat-lede>div{display:grid;gap:6px;padding:22px 20px;border-right:1px solid var(--border)}.stat-lede>div:first-child{padding-left:0}.stat-lede>div:last-child{border:0}.stat-lede strong{font-size:clamp(27px,4vw,42px);line-height:1;letter-spacing:-.05em}.stat-lede span{color:var(--muted);font-size:11.5px}.reading-section{margin-top:38px}.reading-section h2{margin:0 0 18px;font-size:13px;font-weight:650}.month-chart{height:190px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:clamp(5px,1.4vw,16px);padding-top:18px;border-bottom:1px solid var(--border)}.month-chart>div{height:100%;display:grid;grid-template-rows:18px 1fr 24px;align-items:end;text-align:center}.month-chart span,.month-chart small{color:var(--quiet);font-size:10px}.month-chart i{width:100%;max-width:28px;margin:0 auto;border-radius:2px 2px 0 0;background:var(--ink)}.reading-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.format-breakdown,.reading-notes{margin:0}.format-breakdown>div,.reading-notes>div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--divider);font-size:12.5px}.format-breakdown dt{display:flex;align-items:center;gap:8px}.format-breakdown i{width:7px;height:7px;border-radius:99px}.format-breakdown dd,.reading-notes dd{margin:0;text-align:right}.format-breakdown small,.reading-notes dt{color:var(--quiet)}.inbox-workspace{max-width:760px}.intake-directions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 14px;color:#78716c;background:#f5f4f2;border:1px solid #e7e5e4;border-radius:6px;font-size:12px}.intake-address{display:block;margin-top:3px;padding:0;color:#292524;background:none;border:0;cursor:copy;font-size:12px;text-align:left}.text-button{flex:none;padding:4px;color:#2c5fe0;background:none;border:0;cursor:pointer;font:inherit;font-weight:600}.lists-workspace{height:100%;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.lists-index{overflow:auto;padding:30px 20px 48px;border-right:1px solid var(--border)}.lists-index header{padding:0 8px 20px}.lists-index nav{display:grid;gap:3px;margin-top:16px}.lists-index nav button{display:grid;gap:4px;padding:12px 10px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left}.lists-index nav button[aria-current=page]{border-color:var(--border);background:var(--surface)}.lists-index nav strong{font-size:13px;letter-spacing:-.01em}.lists-index nav span,.lists-index nav small{color:var(--muted);font-size:11px}.new-list-button{width:100%;height:34px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);font-size:12px;font-weight:600}.new-list-form{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.new-list-form>div,.new-list-form footer{display:flex;gap:6px}.new-list-form>div>:first-child{width:80px}.lists-detail{overflow:auto;padding:34px clamp(28px,4vw,58px) 70px}.list-detail-header{display:flex;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:1px solid var(--border)}.list-detail-header>div:last-child{display:flex;gap:12px}.list-detail-header button{padding:0;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:600}.danger-link{color:var(--danger)!important}.list-add-title{position:relative;max-width:600px;margin:28px 0 18px}.list-add-title label{display:grid;gap:7px}.list-suggestions{position:absolute;z-index:5;top:64px;left:0;right:0;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:0 14px 35px #1c19171f}.list-suggestions button{width:100%;display:grid;gap:2px;padding:8px;border:0;border-radius:5px;background:transparent;text-align:left}.list-suggestions button:hover{background:var(--row-hover)}.list-suggestions strong{font-size:12.5px}.list-suggestions span,.list-suggestions p{color:var(--muted);font-size:11px}.list-items{max-width:850px;border-top:1px solid var(--border)}.list-items article{min-height:62px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.list-item-number{width:24px;color:var(--ghost);font-size:10.5px}.list-item-title{min-width:0;flex:1;display:grid;gap:3px;padding:9px 0;border:0;background:transparent;text-align:left}.list-item-title strong{overflow:hidden;font-size:13.5px;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.list-item-title small{color:var(--muted);font-size:11px}.list-item-title mark{margin-left:8px;padding:2px 5px;border-radius:3px;background:#f3ede7;color:#7a5b47;font-size:9px;text-transform:uppercase}.list-item-state{width:95px;font-size:11.5px}.list-want,.list-remove{width:52px;padding:0;border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:600}.list-remove{width:58px;color:var(--quiet)}@media(max-width:1180px){.desktop-shell{grid-template-columns:178px minmax(0,1fr)}.library-workspace{grid-template-columns:minmax(470px,1fr) 310px}.library-header{align-items:flex-end}.library-search{width:44%}.library-table-header .table-format,.library-table-row .table-format,.library-table-header .table-context,.library-table-row .table-context{display:none}.library-table-header .table-author,.library-table-row .table-author{width:130px!important}}@media(max-width:1080px){.library-table-header .table-published,.library-table-row .table-published{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}