:root{color-scheme:dark;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#07080d;color:#f7f4ee;--bg: #07080d;--bg-2: #0c0d15;--panel: rgba(24, 25, 35, .72);--panel-strong: rgba(29, 30, 42, .86);--line: rgba(255, 255, 255, .11);--line-strong: rgba(170, 126, 255, .36);--text: #f7f4ee;--muted: #9897a4;--muted-2: #6f6f7c;--purple: #a879ff;--purple-2: #7a45ec;--purple-soft: rgba(168, 121, 255, .16);--glow: 0 0 42px rgba(125, 73, 255, .28);--radius: 18px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 38% 18%,rgba(103,58,183,.28),transparent 32%),radial-gradient(circle at 84% 8%,rgba(137,90,255,.18),transparent 22%),linear-gradient(180deg,#0b0c13,#07080d 42%,#05060a);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100vw,1880px);margin:0 auto}.topbar,.access-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:84px;padding:0 52px;border-bottom:1px solid var(--line);background:#07080dc7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand,.nav-tabs,.toolbar,.segmented,.command-button,.search-box,.hero-search,.settings-button,.brand-mark,.metric-card,.key-input,.key-actions a,.key-actions button{display:flex;align-items:center}.brand{gap:14px;font-size:24px;font-weight:850}.brand-mark{justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6f3cff,#b78cff);color:#fff;box-shadow:var(--glow)}.nav-tabs{gap:34px;color:var(--muted);font-size:17px;font-weight:760}.nav-tabs button,.settings-button{border:0;background:transparent;color:var(--muted)}.nav-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:84px;padding:0 2px;font-weight:780}.nav-tabs button.active,.nav-tabs button:hover,.settings-button:hover,.access-header .nav-tabs span:first-child{color:var(--purple)}.nav-tabs button.active:after,.access-header .nav-tabs span:first-child:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--purple);box-shadow:0 0 18px #a879ffbf}.access-header .nav-tabs span{position:relative;display:inline-flex;align-items:center;min-height:84px}.settings-button,.session-note{justify-self:end;color:var(--muted);font-size:16px}.page{padding:54px 58px 84px}.hero-wall,.notes-hero{display:grid;grid-template-columns:minmax(340px,640px) minmax(320px,1fr);gap:72px;align-items:center;margin-bottom:36px}.hero-wall h1,.notes-hero h1,.access-hero h1{margin:0;font-size:clamp(58px,6vw,86px);line-height:1.06;letter-spacing:0}.hero-wall h1 span,.notes-hero h1 span,.access-hero h1 strong{color:var(--purple);text-shadow:0 0 36px rgba(168,121,255,.42)}.hero-wall p,.notes-hero p,.dashboard-hero span,.access-hero p{margin:18px 0 0;color:var(--muted);font-size:18px}.hero-search,.search-box{gap:14px;height:58px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:#12131cb8;box-shadow:inset 0 0 0 1px #ffffff05}.notes-hero .search-box{width:min(100%,680px);justify-self:end;border-color:var(--line-strong);box-shadow:0 0 34px #8854ff2e}.hero-search input,.search-box input,.key-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:18px}kbd{padding:5px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px}.toolbar{justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0 22px}.segmented{min-height:50px;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#14151ec7}.segmented button,.command-button{min-height:38px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:820;white-space:nowrap}.segmented button.active{color:#eee7ff;background:linear-gradient(135deg,#714bc6d6,#60409c85);box-shadow:inset 0 0 0 1px #be9eff3d}.command-button{gap:10px;border:1px solid var(--line);background:#14151ec7;color:var(--text)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:18px}.book-card{position:relative;min-height:374px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#1c1d28e6,#11121ad6);box-shadow:0 24px 70px #00000047;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.book-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 26px 90px #5c33bf33}.generated-cover{position:relative;width:100%;aspect-ratio:.72;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:linear-gradient(135deg,transparent 0 64%,rgba(0,0,0,.08) 64%),var(--cover-paper);box-shadow:0 18px 36px #00000061}.generated-cover:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid color-mix(in srgb,var(--cover-ink),transparent 62%)}.generated-cover:after{content:"";position:absolute;top:0;bottom:0;left:16%;width:8px;background:var(--cover-ink);opacity:.88}.generated-cover img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:cover}.cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:18px 16px 16px 28%;color:var(--cover-dark)}.cover-fallback span,.cover-fallback small{font-size:11px;font-weight:850;color:var(--cover-ink)}.cover-fallback strong{align-self:center;font-size:clamp(16px,1.5vw,24px);line-height:1.16;word-break:break-all}.generated-cover.compact .cover-fallback{padding:10px 8px 10px 30%}.generated-cover.compact .cover-fallback strong{font-size:13px}.book-card-info{display:grid;gap:5px;padding-top:14px}.book-card-info strong,.book-card-info span,.book-card-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card-info strong{font-size:17px}.book-card-info span,.book-card-info small{color:var(--muted)}.dashboard-shell{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:0 24px 34px}.sidebar{position:sticky;top:100px;align-self:start;display:grid;gap:18px;max-height:calc(100vh - 124px);overflow:auto;padding:18px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#1d1e2ae6,#0f1018db);scrollbar-width:thin;scrollbar-color:rgba(168,121,255,.38) transparent}.side-block{display:grid;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--line)}.side-block h3{margin:6px 8px 8px;color:var(--muted);font-size:14px}.side-block button,.side-settings{display:flex;align-items:center;gap:12px;min-height:42px;width:100%;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:760;text-align:left}.side-block button:hover,.side-settings:hover{color:var(--text);background:#ffffff0a}.side-block .side-active{color:var(--purple);background:#a879ff1f}.side-settings{align-self:end;border:1px solid var(--line);background:#ffffff05}.dashboard-main{display:grid;gap:28px;padding:0 0 52px}.dashboard-card,.panel,.receipt-card,.key-panel,.feature-board article{border:1px solid var(--line);background:radial-gradient(circle at 22% 0%,rgba(168,121,255,.12),transparent 34%),linear-gradient(180deg,#1b1c27db,#0e0f17d1);box-shadow:inset 0 1px #ffffff09,0 24px 90px #0000003d}.dashboard-card{padding:30px 28px 26px;border-radius:var(--radius)}.hero-card{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,.9fr);gap:30px}.dashboard-hero p{margin:0 0 12px;color:var(--muted);font-weight:820}.dashboard-hero h1{margin:0;max-width:420px;font-size:clamp(58px,5.8vw,80px);line-height:1.03}.dashboard-hero h1:first-letter{color:var(--purple)}.dashboard-controls{display:grid;align-content:center;justify-items:end;gap:32px}.dashboard-controls .search-box{width:min(100%,520px)}.metric-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{align-items:flex-start;flex-direction:column;gap:9px;min-height:150px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#11121bb8}.metric-card svg,.receipt-title svg{color:var(--purple)}.metric-card span,.metric-card small,.panel h2{color:var(--muted)}.metric-card strong{font-size:30px}.dashboard-grid{display:grid;grid-template-columns:.8fr 1.8fr;gap:22px}.panel{padding:30px;border-radius:var(--radius)}.panel h2{margin:0 0 24px;font-size:18px;color:var(--text)}.bars{display:grid;gap:18px}.bar-row{display:grid;grid-template-columns:140px 1fr 40px;gap:12px;align-items:center}.bar-row span,.bar-row b{color:var(--muted);font-size:15px}.bar-row div,.recent-books i{height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.bar-row i,.recent-books b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#d4b7ff);box-shadow:0 0 18px #a879ff57}.panel-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:#c7aaff;font-weight:800}.recent-books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.recent-books article{display:grid;gap:8px}.recent-books .generated-cover{width:100%}.recent-books strong,.recent-books span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-books span,.recent-books small{color:var(--muted)}.receipt-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:22px;align-items:start}.receipt-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;min-height:290px;max-height:360px;padding:24px;border-radius:12px;overflow:hidden}.receipt-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--purple);font-weight:850;min-width:0}.receipt-title span{display:inline-flex;align-items:center;gap:10px;min-width:80px}.receipt-title em{overflow:hidden;color:var(--muted);font-size:13px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.receipt-title svg{padding:7px;box-sizing:content-box;border-radius:8px;background:#a879ff24}.note-body{min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 72%,transparent 100%)}.note-text,.review-text{margin:0;color:#dddbe5;font-size:17px;line-height:1.68}.review-text{margin-top:12px;color:var(--muted);font-size:14px}.receipt-card footer{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.note-book-mini{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.note-book-mini .generated-cover{width:34px}.note-book-mini span,.note-book-mini small{display:block;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.note-book-mini small,.receipt-card time{color:var(--muted);font-size:13px}.access-page{min-height:100vh;padding:0 7vw 82px;background:radial-gradient(ellipse at 50% 24%,rgba(110,61,255,.26),transparent 38%),linear-gradient(180deg,#0b0c13,#07080d)}.access-hero{position:relative;display:grid;grid-template-columns:minmax(420px,1fr) minmax(400px,590px);gap:78px;align-items:center;min-height:520px}.access-hero:before{content:"";position:absolute;left:12%;top:13%;width:54%;height:64%;pointer-events:none;border:1px solid rgba(168,121,255,.16);border-radius:50%;transform:rotate(-11deg)}.access-hero h1 strong{font-weight:inherit}.quick-link{display:inline-flex;align-items:center;justify-content:center;min-width:244px;height:64px;margin-top:42px;border:1px solid var(--line-strong);border-radius:12px;background:#a879ff14;color:#dbcfff;text-decoration:none;font-size:18px;font-weight:850;box-shadow:0 0 34px #7e4eff2e}.key-panel{position:relative;padding:34px 42px 38px;border-radius:28px}.key-panel>span,.key-panel label{color:var(--muted);font-size:15px;font-weight:850}.key-panel h2{margin:8px 0 34px;font-size:30px}.panel-lock{position:absolute;top:34px;right:34px;color:var(--purple)}.key-input{gap:14px;height:68px;margin-top:12px;padding:0 22px;border:1px solid var(--line);border-radius:12px;background:#06070cb8;color:var(--purple)}.sync-mode,.key-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.sync-mode button{min-height:58px;border:1px solid var(--line);border-radius:10px;background:#1a1b26c7;color:var(--text);font-size:17px;font-weight:850}.sync-mode button.active{border-color:var(--line-strong);background:linear-gradient(135deg,#a879ff3d,#ffffff0a)}.key-actions a,.key-actions button{justify-content:center;min-height:58px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#1a1b26c7;font-size:17px;font-weight:850;text-decoration:none}.key-actions button{border-color:transparent;background:linear-gradient(135deg,#6736e9,#9b58ff);box-shadow:0 0 34px #7e4eff47}.key-actions button:disabled{opacity:.65;cursor:progress}.sync-status,.sync-error{margin:22px 0 0;color:#c8b6ff;font-size:15px;line-height:1.7}.sync-error{color:#ff9c88}.feature-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-board article{position:relative;display:grid;grid-template-columns:72px 1fr auto;gap:22px;align-items:center;min-height:126px;padding:26px 28px;border-radius:12px}.feature-board article>svg:first-child{padding:16px;box-sizing:content-box;border:1px solid rgba(168,121,255,.22);border-radius:14px;background:var(--purple-soft);color:var(--purple)}.feature-board article>svg:last-child{color:var(--muted-2)}.feature-board h3{margin:0 0 8px;font-size:20px}.feature-board p{margin:0;color:var(--muted);line-height:1.6}.state-screen{display:grid;place-items:center;gap:16px;min-height:100vh;color:var(--muted)}@media(max-width:1180px){.topbar,.access-header{grid-template-columns:1fr;gap:10px;padding:16px 24px}.settings-button,.session-note{justify-self:start}.hero-wall,.notes-hero,.access-hero,.hero-card,.dashboard-shell,.dashboard-grid,.feature-board{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.dashboard-main{padding-right:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.recent-books{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.page,.access-page{padding:28px 18px 60px}.topbar,.access-header{position:static}.brand{font-size:20px}.nav-tabs{width:100%;gap:20px;overflow-x:auto}.hero-wall h1,.notes-hero h1,.access-hero h1{font-size:44px}.book-grid,.metric-grid,.receipt-grid,.recent-books,.sync-mode,.key-actions{grid-template-columns:1fr}.book-card{min-height:0}.toolbar,.segmented,.search-box{width:100%}.segmented{overflow-x:auto}.key-panel{padding:28px 20px}.feature-board article{grid-template-columns:56px 1fr}.feature-board article>svg:last-child{display:none}}