:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#2f251d;font-synthesis:none;text-rendering:optimizelegibility;background:#f4efe7;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:radial-gradient(circle at 10% 0,#f0d39773,#0000 34rem),linear-gradient(135deg,#fff9ee 0%,#f1e4d3 42%,#e3ceb2 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #d7a84f}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2e6;border-bottom:1px solid #5f3c1924;grid-template-columns:minmax(9rem,auto) 1fr auto;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.brand{color:#6f421a;text-align:left;background:0 0;border:0;gap:.1rem;min-width:0;padding:0;display:grid}.brand span{font-size:1.35rem;font-weight:700;line-height:1.1}.brand strong{letter-spacing:.18em;font-family:Arial,sans-serif;font-size:.68rem}nav{justify-content:center;gap:.5rem;min-width:0;display:flex}.nav-button,.session-pill button,.detail-actions button,.row-actions button{color:#4e3823;background:#ffffff9e;border:1px solid #6e492138;border-radius:.55rem;min-height:2.35rem;padding:.45rem .8rem}.nav-button.active,.session-pill button:hover,.detail-actions button:hover,.row-actions button:hover{color:#fff9ed;background:#7f4c1f;border-color:#ba7d29}.session-pill{justify-content:end;align-items:center;gap:.5rem;min-width:0;display:inline-flex}.session-pill span{white-space:nowrap;color:#6b4a2c;font-size:.9rem}main{width:min(100%,1540px);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.loading,.status-panel,.empty-state{background:#fffaf2bf;border:1px solid #65432129;border-radius:.75rem;padding:2rem}.login-page{grid-template-columns:minmax(18rem,24rem) 1fr;align-items:center;gap:clamp(1.25rem,4vw,3rem);min-height:calc(100vh - 8rem);display:grid}.login-panel,.profile-form,.book-list,.admin-page{background:#fffcf7db;border:1px solid #6f481e2e;border-radius:.75rem;box-shadow:0 1.25rem 3.5rem #4b2d111f}.login-panel{padding:clamp(1.25rem,4vw,2rem)}.eyebrow{color:#b17428;letter-spacing:.22em;margin:0 0 .45rem;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700}h1,h2{margin:0;line-height:1.15}.login-panel h1,.form-heading h1,.section-heading h1,.status-panel h1{color:#53361f;font-size:clamp(1.7rem,4vw,2.4rem)}.login-panel form{gap:.8rem;margin-top:1.5rem;display:grid}label span,.login-panel label,legend{color:#684525;font-weight:700}input,textarea{color:#2f251d;background:#fffefa;border:1px solid #69482a33;border-radius:.5rem;width:100%;padding:.75rem .85rem}textarea{resize:vertical;min-height:7.5rem}.primary-action{color:#fff9ed;background:linear-gradient(135deg,#986124,#c59039);border:0;border-radius:.55rem;min-height:2.85rem;font-weight:700;box-shadow:0 .8rem 1.6rem #8b581d2e}.form-error{color:#9d2424;margin:0;font-weight:700}.toast{z-index:50;color:#fff;background:#135c3a;border-radius:.6rem;margin:0;padding:.8rem 1rem;position:fixed;bottom:1rem;right:1rem}.compose-grid{grid-template-columns:minmax(22rem,34rem) 1fr;align-items:start;gap:clamp(1.25rem,3vw,2rem);display:grid}.profile-form{gap:1.4rem;padding:clamp(1rem,3vw,1.5rem);display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:.75rem}.template-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.template-option{background:#fffdf8;border:1px solid #6d492029;border-radius:.6rem;grid-template-columns:auto 1fr;align-items:center;gap:.18rem .55rem;min-height:4.6rem;padding:.75rem;display:grid}.template-option.checked{border-color:#b67f33;box-shadow:inset 0 0 0 2px #b67f3333}.template-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.template-option small{color:#7a654c;grid-column:2}.swatch{border:2px solid #fff;border-radius:50%;width:1.45rem;height:1.45rem;box-shadow:0 0 0 1px #0000001f}.swatch.red,.card-dot.red{background:#a71617}.swatch.blue,.card-dot.blue{background:#063763}.swatch.cream,.card-dot.cream{background:#aa7b4c}.swatch.emerald,.card-dot.emerald{background:#0d6b3f}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.field-grid label,.rating-grid label{gap:.35rem;display:grid}.field-grid .full{grid-column:1/-1}.tag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.tag{color:#5d4228;background:#fffdf8;border:1px solid #69482a2e;border-radius:.5rem;justify-content:center;align-items:center;min-height:2.35rem;display:inline-flex}.tag.checked{background:#f8e8c8;border-color:#b67f33}.tag input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.rating-grid label{grid-template-columns:4rem 1fr 2rem;align-items:center}input[type=range]{accent-color:#ba7d29;padding:0}.preview-pane{min-width:0;position:sticky;top:5.5rem}.profile-preview{--theme-bg:#0b6a40;--theme-deep:#064b30;--theme-paper:#fffdf7;--theme-ink:#0a5134;--theme-gold:#e2b955;--theme-line:#0a51344d;background:linear-gradient(135deg, #ffffff14 0 13%, transparent 13% 28%, #ffffff14 28% 42%, transparent 42%), var(--theme-bg);width:100%;color:var(--theme-ink);border-radius:.45rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,1.5vw,1rem);padding:clamp(.8rem,2vw,1.3rem);display:grid;box-shadow:0 1.4rem 4rem #3423142e}.theme-red{--theme-bg:#9f1417;--theme-deep:#6f0d0e;--theme-ink:#a51618;--theme-gold:#e8c16a;--theme-line:#a516184d}.theme-blue{--theme-bg:#073762;--theme-deep:#031f3c;--theme-ink:#0b315a;--theme-gold:#d8a84b;--theme-line:#0b315a47}.theme-cream{--theme-bg:#a27a52;--theme-deep:#755537;--theme-ink:#6b4328;--theme-gold:#c58a3b;--theme-line:#6b432847}.preview-page{aspect-ratio:.72;background:linear-gradient(180deg, #fffffff0, #fffcf4f7), var(--theme-paper);border:1px solid #ffffff47;min-width:0;padding:clamp(.75rem,2.2vw,1.55rem);overflow:hidden;box-shadow:inset 0 0 0 2px #e2b9555c}.profile-main,.message-page{align-content:start;gap:clamp(.55rem,1.4vw,1rem);display:grid}.preview-title,.message-heading{color:var(--theme-gold);justify-content:space-between;align-items:end;gap:.5rem;display:flex}.preview-title h2,.message-heading h2,.message-title{color:var(--theme-ink);letter-spacing:0;font-size:clamp(1.05rem,2.6vw,2rem)}.preview-title p,.message-heading p{letter-spacing:.22em;margin:0 0 .2rem;font-family:Arial,sans-serif;font-size:clamp(.55rem,1.2vw,.75rem);font-weight:700}.identity-block{grid-template-columns:minmax(4.8rem,.6fr) 1fr;align-items:stretch;gap:.75rem;display:grid}.photo-box{border:1px solid var(--theme-gold);min-height:7rem;color:var(--theme-gold);place-items:center;font-size:clamp(1.25rem,3vw,2.1rem);font-style:italic;display:grid;overflow:hidden}.photo-box img{object-fit:cover;width:100%;height:100%}.fact-grid,.note-lines{gap:.45rem;margin:0;display:grid}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-grid div,.note-lines div{grid-template-columns:max-content 1fr;align-items:end;gap:.2rem;min-width:0;display:grid}.fact-grid dt,.note-lines dt{font-weight:700}.fact-grid dd,.note-lines dd{border-bottom:1px solid var(--theme-line);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.divider{color:var(--theme-gold);text-align:center;align-items:center;gap:.65rem;font-size:clamp(.85rem,2vw,1.1rem);font-weight:700;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--theme-gold);flex:1}.preview-ratings{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:auto;display:grid}.preview-ratings>div{justify-items:center;gap:.25rem;font-weight:700;display:grid}.rating-bar{background:color-mix(in srgb, var(--theme-ink), white 80%);border-radius:999px;grid-template-columns:repeat(10,1fr);width:100%;max-width:9rem;height:.75rem;display:grid;overflow:hidden}.rating-bar i{background:0 0;border-right:1px solid #fffc}.rating-bar i.filled{background:color-mix(in srgb, var(--theme-ink), white 58%)}.preview-page footer{color:var(--theme-ink);text-align:center;margin-top:auto;font-family:Georgia,serif;font-size:clamp(.9rem,2vw,1.35rem);font-weight:700}.tag-preview{border:1px solid var(--theme-gold);grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.75rem;display:grid}.tag-preview span{white-space:nowrap;justify-content:center;align-items:center;gap:.2rem;min-height:1.6rem;display:inline-flex}.tag-preview span:after{content:"";border:1px solid;border-radius:.15rem;width:.65rem;height:.65rem}.tag-preview span.selected:after{box-shadow:inset 0 0 0 2px var(--theme-paper);background:currentColor}.message-title{color:var(--theme-gold)}.message-box{border:1px solid var(--theme-gold);background:#ffffff80;align-content:start;height:100%;min-height:0;padding:clamp(.9rem,2vw,1.2rem);display:grid;position:relative}.message-box p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.8}.message-box small{color:var(--theme-gold);text-align:right;place-self:end;max-width:14rem}.book-layout{grid-template-columns:minmax(16rem,24rem) 1fr;align-items:start;gap:clamp(1.25rem,3vw,2rem);display:grid}.book-list{gap:.75rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.profile-card{color:#47311e;text-align:left;background:#fffefa;border:1px solid #69482a29;border-radius:.6rem;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .65rem;width:100%;min-height:4rem;padding:.75rem;display:grid}.profile-card.active{border-color:#b67f33;box-shadow:inset 0 0 0 2px #b67f3329}.profile-card small{color:#77614b;text-overflow:ellipsis;white-space:nowrap;grid-column:2;min-width:0;overflow:hidden}.card-dot{border-radius:50%;width:.85rem;height:.85rem}.book-detail{min-width:0}.detail-actions{justify-content:flex-end;margin-bottom:.8rem;display:flex}.admin-page{gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.admin-table{gap:.5rem;display:grid}.admin-row{background:#fffefa;border:1px solid #69482a1f;border-radius:.55rem;grid-template-columns:1.1fr .6fr .8fr auto;align-items:center;gap:.8rem;padding:.75rem;display:grid}.admin-row.head{color:#7c5733;background:0 0;border:0;font-weight:700}.row-actions{flex-wrap:wrap;gap:.45rem;display:flex}.row-actions .danger{color:#9d2424;border-color:#9d242447}.row-actions .danger:hover{color:#fff;background:#9d2424;border-color:#9d2424}@media (width<=1180px){.compose-grid,.book-layout,.login-page{grid-template-columns:1fr}.preview-pane{position:static}}@media (width<=760px){.topbar{grid-template-columns:1fr;position:static}nav{justify-content:start;padding-bottom:.2rem;overflow-x:auto}.session-pill{justify-content:start}main{padding:.8rem}.field-grid,.rating-grid,.template-options,.tag-grid,.profile-preview{grid-template-columns:1fr}.preview-page{aspect-ratio:auto;min-height:42rem}.identity-block,.fact-grid,.preview-ratings,.tag-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-box{min-height:10rem}.admin-row,.admin-row.head{grid-template-columns:1fr}.admin-row.head{display:none}}@media (width<=420px){.identity-block,.fact-grid,.preview-ratings,.tag-preview{grid-template-columns:1fr}.preview-page{min-height:48rem}}.inline-editor{align-items:start}.compact-tools{position:sticky;top:5.5rem}.inline-help{color:#6f563d;margin:0;line-height:1.75}.tool-actions{gap:.65rem;display:grid}.secondary-action{color:#5b3a1f;background:#fffefa;border:1px solid #6e492138;border-radius:.55rem;min-height:2.85rem;padding:.55rem .9rem;font-weight:700}.secondary-action:hover{background:#f6ead7;border-color:#ba7d29}.export-control{gap:.35rem;display:grid}.export-control small{color:#9d2424;line-height:1.5}.line-text,.inline-line-input{width:100%;min-height:1.45rem;color:var(--theme-ink);line-height:1.35;display:block}.inline-line-input{outline-offset:.15rem;background:0 0;border:0;border-radius:0;padding:0 0 .1rem}.inline-line-input::placeholder,.message-input::placeholder{color:color-mix(in srgb, var(--theme-ink), transparent 55%)}.profile-preview[data-exporting=true] ::placeholder{color:#0000}.photo-box{position:relative}.photo-box img{z-index:0;position:absolute;inset:0}.photo-box>span{z-index:1;pointer-events:none;position:relative}.photo-url-input{inset-inline:.55rem;z-index:2;border:1px solid color-mix(in srgb, var(--theme-gold), white 20%);color:var(--theme-ink);text-align:center;background:#fffdf7e6;border-radius:.35rem;padding:.45rem .5rem;font-size:.78rem;position:absolute;bottom:.55rem}.tag-preview button{min-width:0;min-height:1.8rem;color:var(--theme-ink);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:.2rem;padding:0;display:inline-flex}.tag-preview button:disabled{cursor:default;opacity:1}.tag-preview button:after{content:"";border:1px solid;border-radius:.15rem;flex:none;width:.65rem;height:.65rem}.tag-preview button.selected:after{box-shadow:inset 0 0 0 2px var(--theme-paper);background:currentColor}.editable-rating button{background:0 0;border:0;border-right:1px solid #fffc;border-radius:0;min-width:0;min-height:0;padding:0}.editable-rating button.filled{background:color-mix(in srgb, var(--theme-ink), white 58%)}.message-input{width:100%;height:100%;min-height:22rem;color:var(--theme-ink);resize:none;background:0 0;border:0;border-radius:0;padding:0;line-height:1.8}.detail-actions{align-items:start;gap:.6rem}