.char-stage{z-index:1;margin:0 auto;position:relative}.char-shadow{filter:blur(1px);background:#22302b4d;border-radius:50%;width:54%;height:11px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.char-img{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;width:100%;height:84%;position:absolute;top:0;left:0}.char-stage--walk .char-img{animation:3.2s ease-in-out infinite charBreathe}.char-stage--resting .char-img,.char-stage--resting .char-shadow{animation:none}.char-stage--happy .char-shadow,.char-stage--good .char-shadow,.char-stage--wink .char-shadow,.char-stage--tired1 .char-shadow,.char-stage--tired2 .char-shadow{display:none}.char-stage--happy .char-img{animation:.8s ease-in-out infinite charBounce}.char-stage--tired1 .char-img,.char-stage--tired2 .char-img{animation:2.6s ease-in-out infinite charSlump}@keyframes charBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes charBounce{0%,to{transform:translateY(0)}45%{transform:translateY(-10px)}}@keyframes charSlump{0%,to{transform:translateY(2px)}50%{transform:translateY(4px)}}.notes-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.music-note{color:var(--mint-deep,#17b489);opacity:0;will-change:transform, opacity;animation-name:noteFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:20px}.music-note:nth-child(3n){color:var(--coral,#ff6f61)}.music-note:nth-child(3n+1){color:var(--purple,#9b7ede)}@keyframes noteFloat{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.9}80%{opacity:.7}to{transform:translate(var(--drift), -150px) rotate(18deg);opacity:0}}.particles-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{opacity:0;will-change:transform, opacity;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.particle-up{animation-name:particleFloatUp;bottom:10px}.particle-down{animation-name:particleFloatDown;top:-12px}@keyframes particleFloatUp{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.9}80%{opacity:.6}to{transform:translate(var(--drift), -120px) rotate(16deg);opacity:0}}@keyframes particleFloatDown{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.85}85%{opacity:.5}to{transform:translate(var(--drift), 120px) rotate(-14deg);opacity:0}}:root{--mint:#2dd4a0;--mint-deep:#17b489;--mint-pale:#e4fbf3;--amber:#f5a623;--purple:#9b7ede;--coral:#ff6f61;--ink:#22302b;--ink2:#5c6b65;--ink3:#9aa6a0;--bg:#f6fbf9;--card:#fff;--border:#22302b14;--border2:#22302b24;--radius:18px;--radius-sm:12px;--shadow:0 8px 24px #2dd4a01f, 0 1px 3px #0000000a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(circle at 15% 0%, #dff8ee 0%, transparent 45%), radial-gradient(circle at 100% 20%, #fdefe0 0%, transparent 40%), var(--bg);min-height:100vh;color:var(--ink);overscroll-behavior:none;font-family:"M PLUS Rounded 1c",Nunito,sans-serif}.app{max-width:460px;min-height:100vh;margin:0 auto;padding-bottom:28px;position:relative}.screen{padding:18px 16px 8px;animation:.35s fadeIn}.screen-measuring{touch-action:pan-y;overscroll-behavior-x:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cloud-banner{color:#946200;text-align:center;background:#fff6e5;padding:6px 10px;font-size:11px;font-weight:700}.topbar{justify-content:space-between;align-items:center;padding:4px 2px 14px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand-mark{background:var(--mint-pale);border-radius:50%;flex-shrink:0;width:30px;height:30px;overflow:hidden}.brand-mark img{object-fit:cover;object-position:50% 42%;width:100%;height:100%;display:block}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-name{letter-spacing:.2px;font-size:16px;font-weight:800}.brand-tagline{color:var(--ink3);letter-spacing:.1px;font-size:10px;font-weight:600}.icon-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--ink2);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:active{transform:none}.plan-badge{background:var(--card);border:1px solid var(--border);color:var(--ink2);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.profile-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.profile-bar-info{color:var(--ink2);font-size:12px}.profile-bar-info strong{color:var(--ink);font-weight:800}.profile-input-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-input-label{color:var(--ink3);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.stage{background:linear-gradient(180deg,#fff 0%,var(--mint-pale) 100%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;min-height:170px;margin-bottom:14px;padding:18px 12px 14px;display:flex;position:relative;overflow:hidden}.stage-caption{color:var(--ink2);letter-spacing:.3px;text-align:center;z-index:1;margin-top:8px;font-size:13px;font-weight:700;position:relative}.hero-card{background:linear-gradient(135deg,var(--mint) 0%,var(--mint-deep) 100%);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:0;min-height:190px;margin-bottom:14px;padding:22px 8px 0 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #17b48947}.hero-text{z-index:1;color:#fff;flex:1;min-width:0;padding-bottom:20px;position:relative}.hero-greeting{opacity:.92;margin-bottom:4px;font-size:14px;font-weight:800}.hero-headline{letter-spacing:.2px;margin-bottom:16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:25px;font-weight:900;line-height:1.28}.hero-note-icon{vertical-align:middle;font-size:19px}.hero-score{align-items:flex-end;gap:8px;display:flex}.hero-score-num{font-family:Nunito,sans-serif;font-size:48px;font-weight:900;line-height:1}.hero-score-label{opacity:.92;font-size:11px;font-weight:800;line-height:1.4}.hero-score-empty{opacity:.92;max-width:150px;font-size:12px;font-weight:700;line-height:1.6}.hero-char{z-index:1;flex-shrink:0;align-self:flex-end;width:172px;margin-left:-14px;position:relative}.hero-char .char-stage{margin:0 auto}.result-hero-card{background:linear-gradient(135deg,#2dc4c8 0%,#1c9bb0 100%);align-items:center;min-height:150px;padding-top:18px;padding-bottom:18px}.result-hero-card .hero-char{align-self:center;width:140px;margin-left:0}.result-hero-headline{margin-bottom:0;font-size:20px;line-height:1.4}.result-hero-score{color:#fff;margin-top:10px}.btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .12s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#fff;box-shadow:0 10px 22px #2dd4a059}.btn-danger{color:var(--coral);border:1.5px solid var(--coral);background:#fff}.btn-ghost{color:var(--ink2);border:1.5px solid var(--border2);background:#fff}.btn-sm{border-radius:12px;width:auto;padding:10px 14px;font-size:13px}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.text-btn{color:var(--mint-deep);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:800}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 10px #22302b0d}.card-title{color:var(--ink2);letter-spacing:.2px;margin-bottom:8px;font-size:12px;font-weight:700}.body-text{color:var(--ink2);font-size:13px;line-height:1.7}.body-list{color:var(--ink2);padding-left:18px;font-size:13px;line-height:1.9}.experimental-card{background:#f7f5ff;border:1px dashed #d9cffa}.experimental{color:var(--ink3);background:#f7f5ff;border:1px dashed #d9cffa;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.6}.consent-row{color:var(--ink2);align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;line-height:1.5;display:flex}.consent-row input{flex-shrink:0;width:18px;height:18px;margin-top:2px}.section-title{color:var(--ink2);margin:16px 0 8px 2px;font-size:13px;font-weight:800}.section-title-row{justify-content:space-between;align-items:center;margin:16px 2px 8px;display:flex}.section-title-row .section-title{margin:0}.section-title-hint{color:var(--ink3);font-size:11px;font-weight:600}.score-hero{text-align:center;padding:8px 0 4px}.score-num{background:linear-gradient(135deg,var(--mint-deep),var(--mint));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Nunito,sans-serif;font-size:64px;font-weight:900;line-height:1}.score-unit{color:var(--ink3);margin-top:2px;font-size:13px;font-weight:700}.score-label{margin-top:6px;font-size:14px;font-weight:800}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.metric-name{color:var(--ink3);margin-bottom:2px;font-size:11px;font-weight:700}.metric-val{font-family:Nunito,sans-serif;font-size:20px;font-weight:800}.bar-bg{background:#eef3f0;border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .6s}.raw-preview .raw-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.raw-mini{background:var(--bg);text-align:center;border-radius:10px;padding:8px 4px}.raw-mini-label{color:var(--ink3);font-size:10px;font-weight:700}.raw-mini-value{margin-top:2px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800}.raw-mini-unit{color:var(--ink3);margin-left:1px;font-size:9px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border2);color:var(--ink2);cursor:pointer;background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.chip.sel{background:var(--mint);border-color:var(--mint);color:#fff}.chip-sm{padding:6px 12px;font-size:12px}.text-input{border:1.5px solid var(--border2);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.text-input:focus{border-color:var(--mint);outline:none}.shoe-chip-row{flex-wrap:wrap;gap:8px;display:flex}.shoe-chip{background:var(--mint-pale);color:var(--mint-deep);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:800}.shoe-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.shoe-row:last-child{border-bottom:none}.shoe-row-name{font-size:14px;font-weight:800}.shoe-row-sub{color:var(--ink3);margin-top:2px;font-size:11px}.shoe-guess-text{font-size:15px;font-weight:800}.annotation-summary{flex-direction:column;gap:2px;display:flex}.annotation-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.annotation-row:last-child{border-bottom:none}.annotation-row-label{color:var(--ink3);flex-shrink:0;font-size:12px;font-weight:700}.annotation-row-value{color:var(--ink);text-align:right;font-size:13px;font-weight:700}.annotation-row-value--empty{color:var(--ink3);font-weight:500}.empty{text-align:center;color:var(--ink3);padding:30px 10px;font-size:13px}.empty-inline{color:var(--ink3);padding:6px 0;font-size:12px}.perm-banner{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:14px;padding:18px}.perm-banner p{color:var(--ink2);margin-bottom:10px;font-size:13px;line-height:1.6}.hold-btn{-webkit-user-select:none;user-select:none;touch-action:none;position:relative;overflow:hidden}.hold-btn .hold-fill{pointer-events:none;background:#ffffff73;width:0%;transition-property:width;transition-timing-function:linear;position:absolute;inset:0}.hold-btn .hold-btn-label{z-index:1;position:relative}.hold-btn.holding .hold-fill{width:100%}.hold-btn:disabled{opacity:.4}.pocket-lock-banner{background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#fff;border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex;box-shadow:0 8px 20px #2dd4a04d}.pocket-lock-count{background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;display:flex}.pocket-lock-banner div:last-child{font-size:12.5px;font-weight:700;line-height:1.5}.note{color:var(--ink3);text-align:center;margin-top:10px;font-size:11px;line-height:1.6}.note-highlight{color:var(--mint-deep,#17b489);font-size:15px;font-weight:800}.note.warn{color:var(--coral);font-weight:700}.wave-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:8px 12px}.wave-label{color:var(--ink2);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.axis-caption{color:var(--ink3);justify-content:space-between;margin-top:4px;padding:0 2px;font-size:10px;font-weight:700;display:flex}.stat-row{gap:8px;margin:10px 0;display:flex}.stat-pill{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;flex:1;padding:8px 10px}.stat-pill .l{color:var(--ink3);font-size:10px;font-weight:700}.stat-pill .v{font-family:Nunito,sans-serif;font-size:17px;font-weight:800}.hist-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 4px;display:flex}.hist-item:last-child{border-bottom:none}.hist-item--clickable{cursor:pointer;border-radius:10px;transition:background .12s}.hist-item--clickable:active{background:var(--bg)}.hist-score{background:var(--mint-pale);width:46px;height:46px;color:var(--mint-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:16px;font-weight:900;display:flex}.hist-mid{flex:1;min-width:0}.hist-date{font-size:12px;font-weight:800}.hist-tags{color:var(--ink3);margin-top:2px;font-size:11px}.hist-chevron{color:var(--ink3);flex-shrink:0;padding:0 2px;font-size:20px}.hist-delete-btn{cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;font-size:16px}.hist-delete-btn:active{opacity:1;background:var(--bg)}.hist-delete-confirm{background:var(--coral);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:11px;font-weight:800}.upsell-card{background:#fff9ec;border:1px solid #f3e2b8}.install-hint-card{background:#effbf6;border:1px solid #bfebdd}.danger-card{background:#fff3f2;border:1px solid #f5c6c2}.danger-card .btn{margin-top:10px}.btn-danger-solid{background:var(--coral);color:#fff;border:1.5px solid var(--coral)}.build-time-badge{color:var(--ink2);background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:6px 10px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;display:inline-block}.plan-card{position:relative}.plan-card-title{margin-bottom:8px;font-size:16px;font-weight:900}.plan-card--highlight{border-color:var(--mint);box-shadow:0 4px 16px #2dd4a02e}.plan-current{color:var(--mint-deep);background:var(--mint-pale);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:14px;right:16px}