:root{--bg:#f7f0e6;--bg-soft:#f1e6d6;--paper:#fffaf3;--ink:#3a2a22;--ink-soft:#6b5346;--muted:#9a7f6e;--accent:#8b5a3c;--accent-deep:#6e4028;--gold:#c9a06a;--line:#e4d3bf;--ok:#4a7c59;--warn:#b86b2c;--danger:#a33b3b;--shadow:0 10px 30px #5a321e14;--radius:16px;--font-serif:"Songti SC", "STSong", "Noto Serif SC", "Iowan Old Style", Palatino, serif;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #f3dfc4 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e8d5c0 0%, transparent 50%), var(--bg);min-height:100vh;line-height:1.7}#app{flex-direction:column;min-height:100vh;display:flex}.shell{flex:1;width:min(920px,100%);margin:0 auto;padding:1rem 1rem 3rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f7f0e6f2,#f7f0e6bf);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0 1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-serif);color:var(--accent-deep);font-size:1.05rem;font-weight:700;text-decoration:none}.brand small{color:var(--muted);font-size:.75rem;font-weight:400;font-family:var(--font-sans);display:block}.nav-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-size:.92rem;transition:all .15s}.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fffaf3;border-color:#0000;box-shadow:0 8px 18px #6e402840}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:#e7c1c1}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem 1.2rem}.hero h1,.card h1,.card h2{font-family:var(--font-serif);color:var(--accent-deep);margin:0 0 .75rem;line-height:1.35}.hero p,.card p{color:var(--ink-soft);margin:.5rem 0}.kicker{letter-spacing:.04em;color:var(--muted);margin:0 0 .35rem;font-size:.78rem}.lead{color:var(--ink);margin:.2rem 0 .85rem;font-size:1.02rem}.intro-grid{gap:.6rem;display:grid}@media (width>=700px){.intro-grid{grid-template-columns:repeat(3,1fr)}}.intro-card{background:var(--bg-soft);border-radius:12px;padding:.75rem .85rem}.intro-card h2{font-family:var(--font-serif);color:var(--accent-deep);margin:0 0 .2rem;font-size:.98rem}.intro-card p{margin:0;font-size:.88rem;line-height:1.55}.star-label{color:var(--muted);letter-spacing:.06em;margin:.95rem 0 0;font-size:.78rem}.star-list{margin:.35rem 0 0;padding:0;list-style:none}.star-list li{border-top:1px dashed var(--line);color:var(--ink);grid-template-columns:2.6rem 1fr;align-items:center;gap:.35rem;padding:.55rem 0;font-size:.92rem;display:grid}@media (width>=700px){.star-list{grid-template-columns:repeat(3,1fr);gap:.35rem .8rem;display:grid}.star-list li{border-top:none;padding:.35rem 0}}.star-list .mark{color:var(--gold);font-weight:700}.test-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=640px){.test-grid{grid-template-columns:1fr 1fr}}.test-card{color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;text-decoration:none;transition:all .15s;display:block}.test-card:hover{border-color:var(--gold);transform:translateY(-2px)}.test-card .ch{color:var(--muted);letter-spacing:.04em;font-size:.78rem}.test-card h3{font-family:var(--font-serif);color:var(--accent-deep);margin:.25rem 0 .4rem;font-size:1.15rem}.test-card .blurb{color:var(--ink-soft);margin:0 0 .35rem;font-size:.9rem;line-height:1.5}.test-card .meta{color:var(--muted);font-size:.82rem}.badge{color:var(--accent-deep);background:#f3e2cf;border-radius:999px;margin-top:.55rem;padding:.15rem .55rem;font-size:.75rem;display:inline-block}.badge.warn{color:var(--warn);background:#f7e0c7}.progress{background:var(--bg-soft);border-radius:999px;height:8px;margin:.75rem 0 1rem;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--gold), var(--accent));border-radius:inherit;height:100%;display:block}.section-title{font-family:var(--font-serif);color:var(--accent-deep);margin:0 0 .5rem;font-size:1.2rem}.item{border-top:1px solid var(--line);padding:1rem 0}.item:first-of-type{border-top:none}.item .q{white-space:pre-wrap;margin-bottom:.65rem;font-weight:500}.item .stars{color:var(--gold);margin-left:.35rem}.item .note{color:var(--warn);background:#fff4e8;border-radius:10px;margin:.35rem 0 .6rem;padding:.45rem .65rem;font-size:.85rem}.likert{grid-template-columns:repeat(11,1fr);gap:.25rem;display:grid}@media (width<=560px){.likert{grid-template-columns:repeat(6,1fr)}}.likert button{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:10px;padding:.45rem 0}.likert button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.options{gap:.45rem;display:grid}.option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;display:flex}.option:has(input:checked){border-color:var(--accent);background:#f8eee4}.option input{margin-top:.3rem}.option .key{color:var(--accent);min-width:1.2rem;font-weight:700}.tf-row{flex-wrap:wrap;gap:.5rem;display:flex}.tf-row button{border:1px solid var(--line);min-width:5rem;font:inherit;cursor:pointer;background:#fff;border-radius:999px;flex:1;padding:.55rem .8rem}.tf-row button.active.yes{background:var(--ok);color:#fff;border-color:var(--ok)}.tf-row button.active.no{background:var(--danger);color:#fff;border-color:var(--danger)}.tf-row button.active.na{background:var(--muted);color:#fff;border-color:var(--muted)}.sticky-bar{background:linear-gradient(#f7f0e6cc,#f7f0e6fa);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.75rem 0;display:flex;position:sticky;bottom:0}.warning-box{color:var(--accent-deep);background:#fff1e4;border:1px solid #efd0ad;border-radius:14px;margin-bottom:1rem;padding:.35rem 1rem}.warning-box p{color:var(--accent-deep);margin:.75rem 0}.result-score{font-family:var(--font-serif);color:var(--accent-deep);margin:.2rem 0;font-size:2.4rem}.score-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.score-grid div{background:var(--bg-soft);text-align:center;border-radius:12px;padding:.7rem}.score-grid strong{color:var(--accent-deep);font-size:1.2rem;display:block}.score-grid span{color:var(--muted);font-size:.8rem}.archive-item{border-top:1px dashed var(--line);padding:.85rem 0}.archive-item:first-child{border-top:none}.archive-item .when{color:var(--muted);font-size:.8rem}.footer{color:var(--muted);text-align:center;max-width:920px;margin-top:auto;margin-left:auto;margin-right:auto;padding:1.5rem 1rem 2rem;font-size:.78rem;line-height:1.6}.notes-block{color:var(--ink-soft);background:var(--bg-soft);border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.88rem}.notes-block li{margin:.25rem 0}.empty{color:var(--muted);text-align:center;padding:1.5rem 0}.steps{flex-wrap:wrap;gap:.35rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.steps li.on{color:var(--accent-deep);background:var(--paper);border-color:var(--line)}.tone-gold{--lamp:#c9a06a;--lamp-bg:#f8efdf}.tone-ok{--lamp:#3f7d52;--lamp-bg:#e7f3ea}.tone-soft{--lamp:#6a9a72;--lamp-bg:#eef6f0}.tone-warn{--lamp:#b86b2c;--lamp-bg:#fff1e4}.tone-danger{--lamp:#a33b3b;--lamp-bg:#fdecec}.tone-deep{--lamp:#6e2430;--lamp-bg:#f8e6e8}.result-card h2{margin:1.15rem 0 .55rem;font-size:1.05rem}.theme{color:var(--ink);margin:0 0 .35rem}.study-note{color:var(--muted);margin:0 0 .4rem;font-size:.82rem}.status-hero{background:var(--lamp-bg);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:.9rem 1rem;display:grid}.lamp{background:var(--lamp);width:1.35rem;height:1.35rem;box-shadow:0 0 0 6px color-mix(in srgb, var(--lamp) 22%, transparent);border-radius:50%;flex:none}.lamp-name{font-family:var(--font-serif);color:var(--accent-deep);margin:0;font-size:1.15rem}.lamp-name span{font-family:var(--font-sans);color:var(--muted);margin-left:.35rem;font-size:.78rem}.headline{color:var(--ink);margin:.2rem 0 0;font-size:1rem;line-height:1.55}.score-line{color:var(--ink-soft);margin:.35rem 0 0;font-size:.85rem}.score-line strong{font-family:var(--font-serif);color:var(--accent-deep);font-size:1.15rem}.diagram-visuals{grid-template-columns:1fr;align-items:center;gap:.25rem;display:grid}@media (width>=640px){.diagram-visuals{grid-template-columns:150px 1fr}}.ring,.radar{width:100%;height:auto;display:block}.ring{max-width:168px;margin:0 auto}.radar{max-width:280px;margin:0 auto}.ring-track{stroke:var(--line);stroke-width:8px}.ring-value{stroke:var(--lamp,var(--accent));stroke-width:8px;stroke-linecap:round}.ring-num{font-family:var(--font-serif);fill:var(--accent-deep);font-size:28px;font-weight:700}.ring-sub{fill:var(--muted);font-size:11px;font-family:var(--font-sans)}.radar-grid{fill:none;stroke:var(--line);stroke-width:1.2px}.radar-grid.inner{stroke-dasharray:3 3}.radar-spoke line{stroke:var(--line);stroke-width:1px}.radar-shape{fill:color-mix(in srgb, var(--lamp,var(--accent)) 28%, transparent);stroke:var(--lamp,var(--accent));stroke-width:1.6px}.radar-dot circle{fill:var(--lamp,var(--accent))}.radar-label text{fill:var(--ink-soft);font-size:13px;font-family:var(--font-sans)}.bars{gap:.65rem;margin-top:.35rem;display:grid}.bar-label{color:var(--ink-soft);justify-content:space-between;margin-bottom:.2rem;font-size:.82rem;display:flex}.bar-track{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.bar-track>span{background:linear-gradient(90deg, var(--gold), var(--lamp,var(--accent)));border-radius:inherit;height:100%;display:block}.diagram-note{color:var(--muted);margin:.55rem 0 0;font-size:.78rem}.points,.actions{gap:.55rem;margin:0;padding:0;display:grid}.points{list-style:none}.points li,.actions li{background:var(--bg-soft);color:var(--ink);border-radius:12px;padding:.65rem .8rem;font-size:.94rem;line-height:1.55}.actions{counter-reset:act;list-style:none}.actions li{border:1px solid var(--line);background:#fff;grid-template-columns:1.6rem 1fr;align-items:start;gap:.45rem;display:grid}.actions li:before{counter-increment:act;content:counter(act);background:var(--lamp-bg,var(--bg-soft));width:1.45rem;height:1.45rem;color:var(--accent-deep);border-radius:50%;place-items:center;margin-top:.1rem;font-size:.78rem;display:grid}.grief-remind{background:#fff1e4;border:1px solid #efd0ad;border-radius:14px;margin-top:.9rem;padding:.8rem .9rem}.grief-remind strong{font-family:var(--font-serif);color:var(--accent-deep)}.grief-remind p{color:var(--ink);margin:.3rem 0 0;font-size:.92rem}.book-band{border-top:1px dashed var(--line);margin-top:1rem;padding-top:.7rem}.book-band summary{cursor:pointer;color:var(--accent-deep);font-size:.92rem}.book-band summary span{color:var(--muted);margin-left:.35rem;font-size:.78rem}.book-band p{white-space:pre-wrap;background:var(--bg-soft);border-radius:12px;padding:.75rem .85rem;font-size:.9rem}.archive-page{margin-bottom:1rem}.archive-head h1{font-family:var(--font-serif);color:var(--accent-deep);margin:0 0 .25rem}.archive-head p{color:var(--muted);margin:0 0 .85rem;font-size:.9rem}.archive-list{gap:.75rem;display:grid}.archive-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem 1rem}.archive-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;display:grid}.archive-card .lamp{width:.9rem;height:.9rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--lamp) 22%, transparent)}.archive-id strong{font-family:var(--font-serif);color:var(--accent-deep);font-size:1.05rem}.arch-total{font-family:var(--font-serif);color:var(--accent-deep);font-size:1.45rem;line-height:1}.arch-total small{color:var(--muted);font-size:.72rem;font-family:var(--font-sans)}.archive-card .headline{font-size:.92rem}.arch-split{color:var(--muted);margin:.45rem 0 .35rem;font-size:.8rem}.mini-bars{gap:.28rem;display:grid}.mini-bars span{background:var(--bg-soft);border-radius:999px;height:6px;display:block;overflow:hidden}.mini-bars i{background:var(--lamp,var(--accent));border-radius:inherit;height:100%;display:block}.empty-card{background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:1.25rem 1rem}.empty-card strong{font-family:var(--font-serif);color:var(--accent-deep)}.empty-card p{color:var(--muted);margin:.35rem 0 .8rem}.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.test-card{transition:none}}.save-note{color:var(--muted);margin:.9rem 0 .2rem;font-size:.85rem}.save-note.warn{color:var(--danger)}.cloud-share{margin-top:1rem}.cloud-share .sc-share{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.cloud-share .sc-btn{appearance:none;background:var(--accent);color:#fffaf3;font:inherit;cursor:pointer;border:none;border-radius:999px;min-height:48px;padding:10px 18px;font-size:1rem}.cloud-share .sc-btn:hover{background:var(--accent-deep)}.cloud-share .sc-btn[aria-busy=true]{opacity:.72}.cloud-share .sc-retry{appearance:none;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;min-height:44px;font-size:.95rem;text-decoration:underline}.cloud-share .sc-note{color:var(--ink-soft);flex:100%;margin:0;font-size:.9rem}.cloud-share .sc-note.warn{color:var(--danger)}.arch-actions{gap:.5rem;margin-top:.7rem;display:flex}.arch-actions .btn{flex:1;min-height:44px}