*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f3ff;--panel:#fff;--ink:#241c3a;--muted:#6b6382;--accent:#6d4aff;--accent-ink:#fff;--anchor:#fff6e0;--anchor-border:#ffcf6a}body,html{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}body{padding:0;min-height:100vh}.setup,main{max-width:640px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.setup h1{font-size:1.5rem;margin-bottom:1rem}.setup-form{display:flex;flex-direction:column;gap:.9rem;background:var(--panel);padding:1.25rem;border-radius:18px;box-shadow:0 8px 30px rgba(60,40,120,.08)}.setup-form h2{font-size:1.15rem}.setup-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.setup-form label.inline{flex-direction:row;align-items:center;gap:.5rem;color:var(--ink)}.setup-form input,.setup-form select{padding:.6rem .7rem;border:1px solid #ddd6f0;border-radius:12px;font-size:1rem;background:#fff;color:var(--ink)}.setup-modes{display:flex;flex-direction:column;gap:.5rem}.error{color:#c0392b;background:#fdecea;padding:.6rem .8rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;word-break:break-word}.btn-next,.btn-primary{background:var(--accent);color:var(--accent-ink);border:none;border-radius:14px;padding:.85rem 1.2rem;font-size:1.05rem;font-weight:600;cursor:pointer}.btn-next:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:14px;padding:.7rem 1rem;font-size:.95rem;cursor:pointer}.reader{max-width:640px;margin:0 auto;min-height:100vh;padding:.75rem 1.1rem 2rem;display:flex;flex-direction:column}.reader-topbar{display:flex;align-items:center;gap:.6rem;padding:.5rem 0 1rem;flex-wrap:wrap}.scene-progress{font-weight:700;color:var(--muted)}.antourage-badge{font-size:.8rem;color:var(--muted);background:#efeaff;padding:.2rem .55rem;border-radius:999px}.mode-toggles{margin-left:auto;display:flex;gap:.4rem}.chip{border:1px solid #ddd6f0;background:#fff;border-radius:999px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;color:var(--muted)}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.scene{flex:1 1;display:flex;flex-direction:column;gap:1rem;animation:fade .4s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.narration{font-size:1.15rem}.anchor{background:var(--anchor);border-left:4px solid var(--anchor-border);padding:.8rem 1rem;border-radius:8px;font-style:italic;font-size:1.1rem}.illustration{height:160px;border-radius:16px;background:linear-gradient(135deg,#2a2350,#4a3a8a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#fff}.art-emoji{font-size:3rem}.art-meta{font-size:.75rem;opacity:.8}.choice .prompt{font-weight:600;margin-bottom:.5rem}.choice-options{display:flex;flex-direction:column;gap:.5rem}.choice-option{text-align:left;padding:.75rem 1rem;border:2px solid #ddd6f0;background:#fff;border-radius:14px;font-size:1rem;cursor:pointer;color:var(--ink)}.choice-option.selected{border-color:var(--accent);background:#f1ecff}.parent-card{background:#fff8ec;border:1px dashed #e6b45a;border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.7rem}.parent-card-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#b5852a;font-weight:700}.interaction{background:var(--panel);border-radius:16px;padding:1rem;box-shadow:0 4px 18px rgba(60,40,120,.07);display:flex;flex-direction:column;gap:.7rem;align-items:center;text-align:center}.interaction .prompt{font-weight:600}.assist{color:var(--accent);font-size:.95rem}.done-badge,.on-success{color:#2a8a4a}.done-badge{font-weight:700}.mic-explain{font-size:.9rem;color:var(--muted)}.mech-grid,.mic-buttons{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.mech-target{width:64px;height:64px;border-radius:14px;border:2px solid #ddd6f0;background:#f3f0ff;font-size:1.8rem;cursor:pointer}.mech-target.done{background:#e5fbec;border-color:#8fe0a8}.mech-hold,.mech-tap{font-size:1.3rem;padding:1rem 1.6rem;border-radius:16px;border:none;background:var(--accent);color:#fff;cursor:pointer;min-width:160px}.mech-hold{background:linear-gradient(90deg,var(--accent) var(--pct,0),#d9d0ff var(--pct,0))}.mech-rub{width:100%;height:90px;border-radius:16px;background:repeating-linear-gradient(45deg,#efeaff,#efeaff 10px,#e3dbff 0,#e3dbff 20px);display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.mech-trace{position:relative;width:200px;height:200px;touch-action:none}.trace-dot{position:absolute;width:22px;height:22px;margin:-11px;border-radius:50%;background:#ddd6f0}.trace-dot.on{background:var(--accent)}.mech-trace-label{position:absolute;inset:0;justify-content:center;color:var(--muted)}.mech-breath,.mech-trace-label{display:flex;align-items:center}.mech-breath{flex-direction:column;gap:.5rem}.breath-ball{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b7a3ff,#6d4aff);transition:transform 1.9s ease-in-out}.breath-ball.in{transform:scale(1.4)}.breath-ball.out{transform:scale(.8)}.mech-loud{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.loud-bar{width:80%;height:18px;border-radius:999px;background:#eee;position:relative;overflow:hidden}.loud-bar:after{content:"";position:absolute;inset:0;width:var(--lvl,0);background:linear-gradient(90deg,#6d4aff,#ff6ad5)}.btn-next{margin-top:1.2rem;width:100%}.final-screen{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;gap:.8rem;align-items:center}.final-emoji{font-size:4rem}.reader.evening{--bg:#14101f;--panel:#221a35;--ink:#e9e3ff;--muted:#9a90bd;--accent:#8b6dff;--anchor:#2a2340;--anchor-border:#6d4aff;background:var(--bg);color:var(--ink)}.reader.evening .illustration{background:linear-gradient(135deg,#1c1730,#2c2450)}.reader.evening .choice-option,.reader.evening .setup-form input{background:#2a2140;color:var(--ink);border-color:#3a3157}.cabinet{max-width:680px;margin:0 auto;padding:1.25rem 1.1rem 3rem;display:flex;flex-direction:column;gap:1rem}.cabinet h1{font-size:1.4rem}.cabinet h3{font-size:1.05rem;margin-bottom:.4rem}.hint,.lead,.muted{color:var(--muted)}.hint{font-size:.9rem}.card{background:var(--panel);border-radius:16px;padding:1.1rem;box-shadow:0 6px 24px rgba(60,40,120,.07);gap:.7rem}.card,.card label{display:flex;flex-direction:column}.card label{gap:.3rem;font-size:.9rem;color:var(--muted)}.card label.inline{flex-direction:row;align-items:center;gap:.5rem;color:var(--ink)}.card input,.card select{padding:.6rem .7rem;border:1px solid #ddd6f0;border-radius:12px;font-size:1rem;background:#fff;color:var(--ink)}.card ul{padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem}.card.good{border-left:4px solid #4caf7d}.card.bad{border-left:4px solid #e0736a}.card.flags{border-left:4px solid #e0a43a;background:#fff8ec}.cab-header,.tabs{display:flex;gap:.5rem}.cab-header{justify-content:space-between;align-items:center}.tabs button{flex:1 1;padding:.5rem;border:1px solid #ddd6f0;background:#fff;border-radius:10px;cursor:pointer;color:var(--muted)}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-ghost.small{padding:.35rem .7rem;font-size:.85rem;align-self:flex-start}.steps{color:var(--muted);font-size:.85rem}.wizard-nav{display:flex;gap:.6rem;justify-content:space-between;margin-top:.4rem}.child-bar{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.chip.add{border-style:dashed}.cp-tabs,.problem-chips{display:flex;gap:.4rem;flex-wrap:wrap}.skeleton-cards{display:grid;grid-template-columns:1fr;grid-gap:.7rem;gap:.7rem}@media (min-width:560px){.skeleton-cards{grid-template-columns:1fr 1fr}}.skeleton-card{text-align:left;background:var(--panel);border:1px solid #eae4fb;border-radius:16px;padding:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem}.skeleton-card:hover{border-color:var(--accent)}.badge{align-self:flex-start;font-size:.72rem;background:#efeaff;color:var(--accent);padding:.2rem .55rem;border-radius:999px}.skeleton-card .ages{font-size:.82rem;color:var(--muted)}.why{color:var(--muted);font-size:.95rem}.prep-modes{gap:.4rem;padding-top:.3rem}.after-actions,.prep-modes{display:flex;flex-direction:column}.after-actions{gap:.5rem}.final-emoji{font-size:3rem;align-self:center}.result-badge{padding:.7rem 1rem;border-radius:14px;font-weight:600;text-align:center}.result-badge.ok{background:#e5fbec;color:#1f8a52}.result-badge.no{background:#fdf0e6;color:#b5652a}.tracker-q{display:flex;flex-direction:column;gap:.4rem}.tracker-q p{font-size:.92rem}.scale{display:flex;gap:.4rem}.scale-btn{width:40px;height:40px;border-radius:10px;border:1px solid #ddd6f0;background:#fff;cursor:pointer;font-size:1rem;color:var(--ink)}.scale-btn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.done{border-color:#8fe0a8}.good,.good-note{color:#1f8a52}.rule-note{font-size:.82rem}.chart{display:flex;gap:1rem;align-items:flex-end;height:160px;padding-top:.5rem}.chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%}.chart-bar-wrap{flex:1 1;width:60%;display:flex;align-items:flex-end;background:#f1ecff;border-radius:8px 8px 0 0}.chart-bar{width:100%;background:linear-gradient(180deg,#8b6dff,#6d4aff);border-radius:8px 8px 0 0;min-height:3px;transition:height .4s}.chart-val{font-weight:700}.chart-label{font-size:.78rem;color:var(--muted)}.course-days{display:flex;flex-direction:column;gap:.5rem}.course-day{display:grid;grid-template-columns:auto auto 1fr;grid-gap:.5rem .7rem;gap:.5rem .7rem;align-items:center;background:var(--panel);border:1px solid #eae4fb;border-radius:12px;padding:.7rem .9rem;cursor:pointer}.course-day.done{background:#f2fbf5;border-color:#bfe8cd}.course-day .day-num{font-weight:700;color:var(--accent)}.course-day .day-action{grid-column:3}.course-day .day-format{grid-column:3;font-size:.8rem;color:var(--muted)}.hero-hdr{display:flex;gap:.8rem;align-items:center}.hero-emoji{font-size:2.6rem}.hero-chip{border-color:var(--accent);color:var(--accent);font-weight:600}.artifact-shelf{display:flex;flex-wrap:wrap;gap:.6rem}.artifact{display:inline-flex;align-items:center;gap:.35rem;background:#f6f0ff;border:1px solid #e0d4ff;border-radius:999px;padding:.35rem .7rem;font-size:.9rem}.artifact-icon{font-size:1.1rem}.fear-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.6rem;gap:.6rem}.fear-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;background:#f3f0ff;border:1px solid #e6e0fb;border-radius:14px;padding:.8rem .5rem}.fear-tile.done{background:#f2fbf5;border-color:#bfe8cd}.fear-badge{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.fear-icon{font-size:1.9rem}.fear-title{font-size:.85rem;font-weight:600}.deeds{list-style:none;padding:0;gap:.7rem}.deed,.deeds{display:flex;flex-direction:column}.deed{border:1px solid #eae4fb;border-radius:12px;padding:.75rem .9rem;gap:.45rem}.deed-head{font-size:1rem}.deed-artifact,.small-btn{font-size:.9rem}.small-btn{align-self:flex-start;padding:.5rem .9rem}