@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--bg:#f4f4ef;--bg2:#e9ebe4;--ink:#10120f;--muted:#62665e;--card:#fffffbd1;--line:#10120f29;--line-strong:#10120f6b;--accent:#c9f500;--accent-ink:#151b00;--signal:#6e41e8;--shadow:#15191117;--space-section:clamp(56px,7vw,72px);--space-block:24px;--space-stack:16px;--space-tight:12px;--content-width:680px}[data-theme=dark]{--bg:#0d0f0d;--bg2:#151813;--ink:#f2f3ed;--muted:#9da198;--card:#181b16d6;--line:#eff3e626;--line-strong:#eff3e66b;--accent:#c9f500;--accent-ink:#151b00;--signal:#9d7cff;--shadow:#00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(135deg,transparent 0 48%,var(--line) 48% 48.1%,transparent 48.1%),linear-gradient(160deg,var(--bg),var(--bg2));margin:0}@supports (color:color-mix(in lab, red, red)){body{background:linear-gradient(135deg,transparent 0 48%,color-mix(in srgb,var(--line) 46%,transparent) 48% 48.1%,transparent 48.1%),linear-gradient(160deg,var(--bg),var(--bg2))}}body{background-size:520px 520px,100% 100%;min-height:100vh;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body:before{content:"";pointer-events:none;opacity:.46;background:linear-gradient(90deg,transparent calc(100% - 1px),var(--line) 1px),linear-gradient(transparent calc(100% - 1px),var(--line) 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button:disabled{cursor:not-allowed}.container{width:min(1180px,100% - 40px);margin-inline:auto}.page-main{padding-block:var(--space-section)}.page-flow{gap:var(--space-section);padding-block:var(--space-section);flex-direction:column;display:flex}.page-section{gap:var(--space-block);display:grid}.page-section--hero{gap:var(--space-block);padding-block:clamp(48px,8vw,88px)}.page-section--panel{gap:var(--space-block);padding:clamp(32px,5vw,56px)}.page-section--cta{gap:var(--space-block);text-align:center;padding:clamp(40px,6vw,64px)}.page-section--cta .section-head{text-align:center;max-width:560px;margin-inline:auto}.page-centered{min-height:calc(100vh - 150px);padding-block:var(--space-section);place-items:center;display:grid}.section-head{max-width:var(--content-width);gap:10px;margin:0;display:grid}.section-head--wide{max-width:760px}.section-head .section-title{margin:0}.section-head .lead{max-width:56ch;margin:0;font-size:17px;line-height:1.65}.section-body{gap:var(--space-block);display:grid}.section-actions{gap:var(--space-stack);margin-top:var(--space-stack);flex-wrap:wrap;display:flex}.content-stack{gap:var(--space-block);display:grid}.content-stack--tight{gap:var(--space-stack)}.hero-copy{gap:18px;max-width:640px;display:grid}.hero-copy .display{margin:0}.hero-actions{gap:var(--space-stack);flex-wrap:wrap;margin-top:6px;display:flex}.feature-cell{gap:14px;padding:clamp(22px,3vw,28px);display:grid}.feature-cell h3{letter-spacing:-.03em;margin:0;font-size:20px}.feature-cell p{margin:0;line-height:1.6}.feature-inline{gap:10px;display:grid}.feature-inline h3{letter-spacing:-.03em;margin:8px 0 0;font-size:19px}.feature-inline p{margin:0;line-height:1.6}.pricing-grid{gap:var(--space-block);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.pricing-card{gap:18px;min-height:100%;display:grid;position:relative}.pricing-card--featured{border-color:var(--accent)}.pricing-badge{background:var(--accent);color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;top:-11px;left:24px}.pricing-price{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,44px);line-height:1}.pricing-price small{margin-left:4px;font-size:14px}.pricing-features{gap:12px;display:grid}.pricing-features span{align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;display:flex}.card-pad{padding:clamp(22px,3vw,28px)}.site-footer{border-top:1px solid var(--line);margin-top:var(--space-section);padding-block:clamp(40px,5vw,56px)}.login-form{gap:var(--space-block);width:min(440px,100%);padding:clamp(28px,5vw,44px);display:grid}.login-form h1{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(30px,5vw,38px)}.login-options{gap:10px;margin-top:4px;display:grid}.login-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.login-option input{accent-color:var(--accent);width:16px;height:16px}.login-option-hint{margin:0;font-size:12px;line-height:1.5}.divider-row{align-items:center;gap:var(--space-stack);display:flex}.divider-row i{background:var(--line);flex:1;height:1px}.site-header{z-index:40;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb,var(--bg) 88%,transparent)}}.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-shell{justify-content:space-between;align-items:center;height:72px;display:flex}.nav-links{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:28px;font-size:12px;font-weight:700;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--accent);height:2px;transition:all .2s;position:absolute;bottom:-8px;left:0;right:100%}.nav-links a:hover:after{right:0}.mobile-nav{gap:4px;width:230px;padding:12px;display:grid;position:absolute;top:64px;right:16px}.brand{color:var(--ink);letter-spacing:-.055em;align-items:center;gap:3px;font-weight:800;display:inline-flex}.brand-word{margin-left:-6px;font-size:22px;line-height:1}.brand-x{color:var(--signal);letter-spacing:-.08em}.brand-mark{flex:none;width:46px;height:38px;overflow:visible}.brand-frame{fill:var(--card)}@supports (color:color-mix(in lab, red, red)){.brand-frame{fill:color-mix(in srgb,var(--card) 62%,transparent)}}.brand-frame{stroke:var(--line-strong);stroke-width:1px}.brand-page{fill:none;stroke:var(--ink);stroke-width:2.3px;stroke-linecap:square;stroke-linejoin:miter}.brand-signal{fill:none;stroke:var(--signal);stroke-width:1.5px}.brand-node{fill:var(--accent);stroke:var(--ink);stroke-width:1px}.brand:hover .brand-frame{stroke:var(--ink)}.brand:hover .brand-signal{stroke:var(--accent)}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 18px 60px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:4px;position:relative}.card:before{content:"";background:var(--accent);width:24px;height:2px;position:absolute;top:-1px;left:14px}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.display{letter-spacing:-.065em;text-wrap:balance;font-size:clamp(48px,7.6vw,102px);font-weight:760;line-height:.88}.section-title{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(32px,4.5vw,56px);font-weight:720;line-height:.98}.muted{color:var(--muted)}.btn{border:1px solid var(--line-strong);cursor:pointer;letter-spacing:.04em;background:var(--card);min-height:42px;color:var(--ink);border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--line-strong);transform:translate(-2px,-2px)}.btn-primary{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.icon-btn{flex:none;width:auto;min-width:42px;height:42px;padding:0 11px}.control-label{font-size:10px}.field{width:100%;color:var(--ink);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.field{background:color-mix(in srgb,var(--card) 88%,transparent)}}.field{border:1px solid var(--line);border-radius:2px;outline:none;padding:13px 14px}.field:focus{border-color:var(--signal);box-shadow:3px 3px 0 var(--signal)}@supports (color:color-mix(in lab, red, red)){.field:focus{box-shadow:3px 3px 0 color-mix(in srgb,var(--signal) 28%,transparent)}}.tech-panel{position:relative;overflow:hidden}.tech-panel:after{content:"SYSTEM / X-01";color:var(--muted);letter-spacing:.16em;opacity:.55;font-size:9px;font-weight:800;position:absolute;top:58px;right:-18px;transform:rotate(90deg)}.hero-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:clamp(32px,5vw,48px);display:grid}.hero-index{border-left:1px solid var(--line-strong);gap:22px;padding-left:22px;display:grid}.hero-index>div{gap:4px;display:grid}.hero-index strong{letter-spacing:-.06em;font-size:34px;line-height:1;display:block}.signal-text{color:var(--signal)}.grid-books{gap:var(--space-block);grid-template-columns:repeat(4,1fr);display:grid}.responsive-grid{gap:var(--space-block);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.create-layout{gap:var(--space-block);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.plan-banner{justify-content:space-between;align-items:center;gap:var(--space-block);color:var(--ink);background:var(--accent);padding:18px 22px;display:flex}@supports (color:color-mix(in lab, red, red)){.plan-banner{background:color-mix(in srgb,var(--accent) 20%,var(--card))}}.plan-banner{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.plan-banner{border:1px solid color-mix(in srgb,var(--accent) 62%,var(--line))}}.plan-banner>div{gap:3px;display:grid}.plan-banner strong{font-size:18px}.plan-banner small{color:var(--muted)}.diy-form{gap:0;display:grid;overflow:hidden}.form-section{border-bottom:1px solid var(--line);gap:22px;padding:clamp(24px,4vw,42px);display:grid}.form-section:last-child{border-bottom:0}.form-section-head{align-items:flex-start;gap:16px;display:flex}.form-section-head>span{color:var(--signal);letter-spacing:.14em;font-size:11px;font-weight:900}.form-section-head p{margin:0 0 6px}.form-section-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,30px)}.field-note{color:var(--muted);text-align:right;margin-top:6px;font-size:11px;display:block}.premium-section{background:linear-gradient(135deg,var(--signal),transparent);min-height:320px;position:relative}@supports (color:color-mix(in lab, red, red)){.premium-section{background:linear-gradient(135deg,color-mix(in srgb,var(--signal) 5%,transparent),transparent)}}.premium-section.locked>label,.premium-section.locked>.form-grid,.premium-section.locked>.feature-checks{opacity:.22;filter:blur(1px);pointer-events:none}.locked-overlay{text-align:center;background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex;position:absolute;inset:76px 28px 28px}@supports (color:color-mix(in lab, red, red)){.locked-overlay{background:color-mix(in srgb,var(--card) 88%,transparent)}}.locked-overlay{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locked-overlay strong{font-size:20px}.locked-overlay span{max-width:460px;color:var(--muted);font-size:13px;line-height:1.55}.feature-checks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feature-checks label{border:1px solid var(--line);align-items:center;gap:9px;padding:12px;font-size:13px;display:flex}.project-status h3{margin-bottom:4px}.completion-score{color:var(--signal);letter-spacing:-.07em;font-size:52px;font-weight:800}.completion-score small{color:var(--muted);font-size:16px}.project-status hr{border:0;border-top:1px solid var(--line);margin:22px 0}.estimate-row{justify-content:space-between;gap:16px;margin:10px 0;font-size:13px;display:flex}.included-item{align-items:center;gap:8px;font-size:13px;display:flex}.entitlement-compare{margin-top:var(--space-section);border:1px solid var(--line);background:var(--card);grid-template-columns:1fr 1fr;display:grid}.entitlement-compare>div{padding:clamp(26px,4vw,44px)}.entitlement-compare>div+div{border-left:1px solid var(--line)}.entitlement-compare .full-access{background:linear-gradient(135deg,var(--accent),transparent)}@supports (color:color-mix(in lab, red, red)){.entitlement-compare .full-access{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent)}}.entitlement-compare h2{letter-spacing:-.04em;margin:12px 0 24px;font-size:clamp(25px,3vw,36px)}.entitlement-compare p{align-items:center;gap:7px;display:flex}.entitlement-compare>div>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.entitlement-compare span{align-items:center;gap:8px;font-size:13px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sidebar-sticky{position:sticky;top:92px}.reader-layout{border-top:1px solid var(--line);grid-template-columns:250px minmax(0,1fr) 250px;display:grid}.reader-sidebar{height:calc(100vh - 68px);padding:20px;position:sticky;top:68px;overflow:auto}.reader-left{border-right:1px solid var(--line)}.reader-right{border-left:1px solid var(--line)}.tool-list{gap:8px;display:grid}.tool-button{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:9px;padding:11px;display:flex}.tool-button:hover{border-color:var(--accent);background:var(--card)}.book-card{transition:all .25s;overflow:hidden}.book-card:hover{transform:translateY(-4px)}.book-cover{aspect-ratio:3/4;color:#f4f4ef;background:#132544;position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover--css{flex-direction:column;justify-content:space-between;padding:14px 12px 12px;font-size:11px;line-height:1.2;display:flex}.book-cover__accent{width:28px;height:2px;position:absolute;top:0;left:12px}.book-cover__label{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:8px;font-weight:800}.book-cover__titles{flex-direction:column;gap:2px;margin-top:6px;display:flex}.book-cover__title-line{letter-spacing:-.03em;font-size:13px;font-weight:800;line-height:1.05}.book-cover__subtitle{opacity:.85;margin-top:4px;font-size:9px;font-style:italic}.book-cover__foot{opacity:.85;justify-content:space-between;align-items:flex-end;margin-top:auto;font-size:8px;display:flex}.book-cover__mark{letter-spacing:-.04em;font-size:12px;font-weight:800}.book-cover__mark span{color:var(--accent,#c9f500)}.book-card-body{gap:12px;padding:18px;display:grid}.book-card-title{margin:0;font-size:17px;font-weight:700;line-height:1.2}.book-card-sub{margin:0;font-size:13px}.book-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.65em;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.book-meta{color:var(--muted);letter-spacing:.02em;flex-wrap:wrap;gap:8px 12px;margin:0;font-size:11px;font-weight:700;display:flex}.book-meta span{align-items:center;gap:4px;display:inline-flex}.progress{background:var(--line);height:2px;margin:12px 0}.progress i{background:var(--accent);height:100%;display:block}.footer-grid{grid-template-columns:2fr 1fr 1fr auto;align-items:start;gap:28px;display:grid}.footer-links{gap:8px;font:13px Arial,sans-serif;display:grid}.example-grid{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.example-button{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;padding:12px}.example-button:hover{border-color:var(--accent)}.modal-credit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.modal-credit-row .eyebrow{align-items:center;gap:6px;display:flex}.credit-warning{color:#cf8f8f;font-size:13px}.credit-warning a{color:var(--accent);text-decoration:underline}.stats-grid{gap:var(--space-stack);grid-template-columns:repeat(4,1fr);display:grid}.filter-bar{gap:var(--space-stack);padding:var(--space-stack);grid-template-columns:minmax(180px,1fr) auto auto;display:grid}.library-categories{gap:var(--space-stack);grid-template-columns:repeat(3,1fr);display:grid}.category-tab{min-height:92px;color:var(--ink);text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;grid-template-columns:auto 1fr;gap:4px 13px;padding:16px 18px;transition:all .2s;display:grid}.category-tab>span{color:var(--signal);letter-spacing:.12em;grid-row:1/3;font-size:11px;font-weight:900}.category-tab strong{align-self:end;font-size:17px}.category-tab small{color:var(--muted)}.category-tab:hover,.category-tab.active{border-color:var(--ink);box-shadow:4px 4px 0 var(--line-strong);transform:translate(-2px,-2px)}.category-tab.active{background:var(--ink);color:var(--bg)}.category-tab.active small{color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.category-tab.active small{color:color-mix(in srgb,var(--bg) 68%,transparent)}}.results-readout{justify-content:space-between;align-items:center;gap:16px;padding-block:4px 2px;display:flex}.results-readout p{margin:0}.pagination{margin-top:var(--space-block);justify-content:center;align-items:center;gap:8px;display:flex}.page-number{width:42px;height:42px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;font-size:11px;font-weight:900}.page-number.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.empty-state{text-align:center;padding:64px 24px}.shelf-tabs{flex-wrap:wrap;gap:8px;display:flex}.empty-shelf{text-align:center;place-items:center;gap:12px;padding:clamp(48px,8vw,72px) 24px;display:grid}.empty-shelf h3{letter-spacing:-.03em;margin:0;font-size:clamp(24px,4vw,30px)}.page-note{margin:var(--space-block) 0 0;text-align:center;font-size:13px}.legal-doc .legal-body h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(20px,3vw,26px)}.legal-doc .legal-body p{color:var(--muted);margin:0 0 12px;line-height:1.65}.legal-doc .legal-body section+section{border-top:1px solid var(--line);padding-top:18px}.legal-updated{margin:0 0 var(--space-block);font-size:13px}.legal-back{margin:var(--space-block) 0 0;font-size:13px}.credit-table{gap:10px;display:grid}.credit-table-row{border:1px solid var(--line);grid-template-columns:1.2fr .6fr 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.credit-table-row strong{font-size:15px}.account-layout{gap:var(--space-block);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.account-main{min-width:0}.account-profile-card{position:sticky;top:88px}.account-profile-name{letter-spacing:-.03em;align-items:center;gap:8px;margin:16px 0 4px;font-size:22px;display:flex}.account-profile-email{word-break:break-all;margin:0;font-size:13px}.account-member-since{align-items:center;gap:6px;margin:10px 0 0;font-size:12px;display:flex}.account-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.account-plan-title{margin-top:8px;font-weight:700}.account-plan-meta{margin-top:6px;font-size:12px}.account-plan-pill{align-items:center;gap:6px;margin-top:10px;display:inline-flex}.account-upgrade-link{margin-top:12px;font-size:12px}.account-stats-grid{gap:var(--space-stack);grid-template-columns:repeat(3,1fr);display:grid}.account-stat-card{text-align:left;border:1px solid var(--line);cursor:default;gap:6px;transition:border-color .15s,background .15s;display:grid}button.account-stat-card{cursor:pointer;background:var(--card);font:inherit;color:inherit;width:100%}.account-stat-card--active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.account-stat-card--active{border-color:color-mix(in srgb,var(--accent) 70%,var(--line))}}.account-stat-card--active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.account-stat-card--active{background:color-mix(in srgb,var(--accent) 8%,var(--card))}}.account-stat-label{margin:8px 0 0;font-size:12px}.account-stat-value{letter-spacing:-.05em;font-size:28px}.account-actions-bar{flex-wrap:wrap;gap:10px;display:flex}.account-library{gap:18px;display:grid}.account-library-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-library-head h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(24px,3vw,32px)}.account-library-sub{max-width:520px;margin:6px 0 0;font-size:13px}.account-library-count{white-space:nowrap;padding-top:8px;font-size:13px}.account-tab-bar{flex-wrap:wrap;gap:8px;display:flex}.account-tab{align-items:center;gap:8px;display:inline-flex}.account-tab-count{background:var(--signal);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.account-tab-count{background:color-mix(in srgb,var(--signal) 12%,transparent)}}.account-tab-count{color:var(--signal)}.btn-primary .account-tab-count{background:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.btn-primary .account-tab-count{background:color-mix(in srgb,var(--accent-ink) 18%,transparent)}}.btn-primary .account-tab-count{color:var(--accent-ink)}.account-empty{text-align:left;justify-items:start;gap:10px;padding:28px 8px;display:grid}.account-empty h3{margin:0}.account-recent{gap:12px;display:grid}.account-recent-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-recent-head h3{letter-spacing:-.03em;margin:0;font-size:18px}.account-recent-link{padding-inline:12px}.account-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-recent-item{border:1px solid var(--line);color:inherit;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.account-recent-item:hover{border-color:var(--line-strong);background:var(--signal)}@supports (color:color-mix(in lab, red, red)){.account-recent-item:hover{background:color-mix(in srgb,var(--signal) 4%,var(--card))}}.account-recent-item strong{font-size:14px;line-height:1.35;display:block}.account-recent-item span{font-size:12px}.account-recent-cover{border-radius:2px;width:56px;height:74px;overflow:hidden}.account-recent-cover .book-cover{height:100%;min-height:74px}.account-recent-cover .book-cover img,.account-avatar{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:2px;place-items:center;display:grid}.plan-pill{letter-spacing:.12em;text-transform:uppercase;background:var(--signal);margin-top:8px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}@supports (color:color-mix(in lab, red, red)){.plan-pill{background:color-mix(in srgb,var(--signal) 18%,transparent)}}.plan-pill{color:var(--signal);border:1px solid var(--signal)}@supports (color:color-mix(in lab, red, red)){.plan-pill{border:1px solid color-mix(in srgb,var(--signal) 40%,var(--line))}}.search-field{position:relative}.search-field svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-field .field{padding-left:38px}main{min-height:calc(100vh - 150px)}.reader-page{min-height:calc(100vh - 72px)}.reader-header{padding:clamp(28px,5vw,48px) 0 12px}.reader-header-grid{grid-template-columns:min(220px,42vw) 1fr;align-items:start;gap:clamp(20px,4vw,36px);display:grid}.reader-cover{border-radius:2px;box-shadow:0 18px 48px #07111f59}.reader-title{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,58px);line-height:1.05}.reader-subtitle{margin:0;font-size:18px;font-style:italic}.reader-byline{margin:0;font-size:14px}.reader-summary{max-width:760px;margin:0;line-height:1.65}.reader-article{contain:layout style;width:min(720px,100% - 32px);margin:0 auto;padding:clamp(40px,6vw,80px) 0}.reader-chapter-title{letter-spacing:-.04em;text-wrap:balance;margin:16px 0 36px;font-size:clamp(34px,5.5vw,56px);line-height:1.08}.reader-prose{font-family:Georgia,Noto Serif SC,Source Han Serif SC,serif;font-size:19px;line-height:1.92}.reader-prose p{margin:0 0 1.35em}.choice-moment{border-bottom:2px solid var(--accent);background:linear-gradient(#0000 62%,#c9f50059 62%);padding:0 2px;display:inline}.choice-moment-text{font-weight:600}.choice-moment-btn{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--accent);background:var(--bg);color:var(--ink);cursor:pointer;vertical-align:middle;border-radius:2px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.choice-moment-btn:hover{background:var(--accent);color:var(--ink)}.chapter-nav-btn small{opacity:.7;font-size:10px;display:block}.reader-branch-cta{margin-top:28px}.reader-nav-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;display:flex}.chapter-nav-btn{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;padding:14px 4px;transition:color .15s;display:block}.chapter-nav-btn small{color:var(--muted);margin-bottom:2px;font-size:10px;display:block}.chapter-nav-btn span{font-size:14px;line-height:1.35}.chapter-nav-btn.active,.chapter-nav-btn:hover{color:var(--signal)}.tool-hint{margin:0 0 12px;font-size:12px;line-height:1.45}.reader-toast{z-index:80;background:var(--ink);color:var(--bg);box-shadow:0 8px 32px var(--shadow);border-radius:2px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020810c2;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{gap:0;width:min(620px,100%);max-height:90vh;display:grid;overflow:auto}.modal-head{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.modal-title{letter-spacing:-.03em;margin:10px 0 6px;font-size:clamp(26px,4vw,31px)}.modal-sub{margin:0;font-size:14px;line-height:1.5}.modal-field{gap:10px;display:grid}.modal-field .field{resize:vertical;min-height:100px}.modal-submit{width:100%;margin-top:4px}.branch-preview{border:1px solid var(--accent);margin:12px 0;padding:14px}@supports (color:color-mix(in lab, red, red)){.branch-preview{border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line))}}.branch-preview{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.branch-preview{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.branch-preview p{margin:0 0 8px;font-size:13px;line-height:1.55}.skeleton-reader{gap:16px;padding:48px 0;display:grid}.skeleton-line{background:linear-gradient(90deg,var(--line),var(--line),var(--line));height:14px}@supports (color:color-mix(in lab, red, red)){.skeleton-line{background:linear-gradient(90deg,var(--line),color-mix(in srgb,var(--line) 40%,transparent),var(--line))}}.skeleton-line{background-size:200% 100%;border-radius:2px;max-width:480px;animation:1.2s infinite shimmer}.skeleton-line--wide{max-width:640px;height:32px}.skeleton-block{background:linear-gradient(90deg,var(--line),var(--line),var(--line));height:280px;margin-top:24px}@supports (color:color-mix(in lab, red, red)){.skeleton-block{background:linear-gradient(90deg,var(--line),color-mix(in srgb,var(--line) 40%,transparent),var(--line))}}.skeleton-block{background-size:200% 100%;border-radius:4px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.generating-shell{text-align:center;width:min(560px,100%)}.generating-cover{border:1px solid var(--line);background:var(--card);width:100px;height:130px;box-shadow:0 18px 50px var(--shadow);border-radius:4px;place-items:center;margin:0 auto;display:grid}.generating-stages{text-align:left}.generating-stage{opacity:.35;align-items:center;gap:12px;padding:10px 0;transition:opacity .2s;display:flex}.generating-stage.active{opacity:1}.stage-dot{border:1px solid var(--line);border-radius:50%;flex:none;width:17px;height:17px}.generating-note{margin:0;font-size:13px}.generating-error{text-align:center;place-items:center;gap:14px;display:grid}.queue-bg-btn{margin:0 auto}.queue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.queue-column{grid-template-rows:auto 1fr;min-height:320px;display:grid;overflow:hidden}.queue-column-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 18px;display:flex}.queue-column-head h3{flex:1;margin:0;font-size:1rem}.queue-count{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px}.queue-column-body{align-content:start;gap:10px;max-height:520px;padding:14px;display:grid;overflow:auto}.queue-card{color:inherit;gap:8px;text-decoration:none;transition:border-color .15s;display:grid}.queue-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.queue-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.queue-card-head{align-items:flex-start;gap:8px;display:flex}.queue-card-head strong{font-size:14px;line-height:1.35}.queue-card-meta{margin:0;font-size:12px}.queue-progress{height:4px}.queue-empty{margin:0;padding:8px 2px;font-size:13px}.queue-error{color:var(--signal);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.queue-actions{justify-content:center;padding-top:8px;display:flex}.queue-loading,.queue-banner-error{justify-content:center;align-items:center;gap:10px;display:flex}.queue-banner-error{color:var(--signal)}.queue-failed{gap:12px;display:grid}.queue-failed-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.nav-queue-link{position:relative}.toast-stack{z-index:9999;gap:8px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:2px;padding:12px 14px;font-size:13px;box-shadow:0 8px 24px #0000002e}.toast--error{color:#cf8f8f;border-color:#cf8f8f}.toast--success{border-color:var(--accent)}.nav-badge{background:var(--accent);color:var(--bg);border-radius:999px;margin-left:6px;padding:3px 6px;font-size:11px;line-height:1}.btn-queue{align-items:center;gap:8px;display:inline-flex}.login-option--single{margin-top:4px}@media (max-width:900px){.queue-grid{grid-template-columns:1fr}.queue-column{min-height:auto}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid-books{content-visibility:auto;contain-intrinsic-size:320px}.book-card{content-visibility:auto;contain-intrinsic-size:380px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-index{border-left:0;border-top:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);margin-top:8px;padding:22px 0 0}.reader-layout{grid-template-columns:210px minmax(0,1fr)}.reader-right{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;height:auto;position:static}.reader-right .tool-list{grid-template-columns:repeat(2,1fr)}.create-layout{grid-template-columns:1fr}.sidebar-sticky{position:static}.account-layout{grid-template-columns:1fr}.account-profile-card{position:static}}.mobile-only{display:none}@media (max-width:800px){.grid-books{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none!important}.mobile-only{display:inline-flex!important}.footer-grid,.stats-grid{grid-template-columns:1fr 1fr}.account-stats-grid{grid-template-columns:repeat(2,1fr)}.account-recent-grid{grid-template-columns:1fr}.reader-layout{display:block}.reader-sidebar{height:auto;position:static}.reader-left{border-right:0;border-bottom:1px solid var(--line)}.reader-header-grid{grid-template-columns:min(180px,38vw) 1fr}.page-flow{gap:clamp(40px,8vw,56px)}}@media (max-width:650px){.entitlement-compare{grid-template-columns:1fr}.entitlement-compare>div+div{border-left:0;border-top:1px solid var(--line)}.entitlement-compare>div>div{grid-template-columns:1fr}.plan-banner{flex-direction:column;align-items:stretch}.feature-checks{grid-template-columns:1fr}.locked-overlay{inset:80px 16px 16px}.library-categories{grid-template-columns:1fr}.category-tab{min-height:82px}.form-grid,.example-grid,.filter-bar,.reader-right .tool-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.display{font-size:clamp(43px,15vw,68px)}.hero-index{grid-template-columns:1fr 1fr}.hero-index>div:last-child,.control-label{display:none}.grid-books{grid-template-columns:1fr;gap:14px}.container{width:min(100% - 22px,1160px)}.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.book-summary{min-height:auto}.reader-header-grid{grid-template-columns:1fr;max-width:240px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}