@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--background: #fffcf7;--surface: #ffffff;--surface-low: #fcf9f3;--surface-mid: #f6f3ec;--surface-high: #f0eee6;--text: #383833;--text-muted: #65655e;--outline: #81817a;--primary: #516a5b;--primary-dim: #465e4f;--primary-soft: #cee9d6;--secondary-soft: #eee1d1;--radius: 1rem;--radius-lg: 1.85rem;--font-body: "Plus Jakarta Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-headline: "Manrope", var(--font-body)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-body);background:var(--background);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:0 0 max(2rem,env(safe-area-inset-bottom));max-width:40rem;margin:0 auto;background:var(--background)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;min-height:3.5rem;padding:max(.75rem,env(safe-area-inset-top)) 1rem .7rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in oklab,var(--background) 86%,white);box-shadow:0 1.25rem 1.5rem #3836330f}.topbar-title{margin:0;font-family:var(--font-headline);font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--primary)}.topbar-back{position:absolute;left:1rem;border:0;width:2.1rem;height:2.1rem;border-radius:999px;background:transparent;color:var(--primary);cursor:pointer}.content{padding:1.25rem 1.25rem 0}.headline{margin:0 0 .6rem;font-family:var(--font-headline);font-size:2rem;line-height:1.08;letter-spacing:-.02em}.muted{color:var(--text-muted)}.hero{display:grid;place-items:center;text-align:center;margin-top:1rem}.hero-emoji{width:6.75rem;height:6.75rem;border-radius:999px;background:var(--surface);box-shadow:0 .25rem 1rem #38363314;display:grid;place-items:center;font-size:3rem;margin-bottom:.85rem}.hero-badge{margin-top:.35rem;padding:.28rem .7rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#595045;background:var(--secondary-soft)}.card{border-radius:var(--radius-lg);background:var(--surface-low);padding:1.2rem;border:1px solid color-mix(in oklab,var(--outline) 20%,white)}.note{margin-top:1rem;border-radius:.8rem;background:color-mix(in oklab,var(--surface-mid) 70%,white);padding:.8rem .9rem;font-size:.83rem}.progress-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.progress-meta strong{font-family:var(--font-headline);color:var(--primary);font-size:2rem;line-height:1}.progress{height:.45rem;background:#eae8e0;border-radius:999px;overflow:hidden;margin-bottom:1.15rem}.progress-bar{height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.btn{display:block;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:700;font-family:var(--font-body);border:none;border-radius:.95rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-soft) 100%);color:#fff;box-shadow:0 .6rem 1.4rem #516a5b40}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-option{text-align:left;background:var(--surface-mid);color:var(--text);border:1px solid transparent;border-radius:var(--radius);padding:1rem;margin-bottom:.65rem;font-weight:600;box-shadow:none}.btn-option:hover{background:var(--primary-soft);border-color:color-mix(in oklab,var(--primary) 22%,white)}.btn-option-label{color:#8a867d;margin-right:.75rem;font-family:var(--font-headline);font-weight:700}.results-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin:.9rem 0 1rem}.result-block{border-radius:var(--radius);background:var(--surface);padding:1rem}.result-block h3{margin:0 0 .35rem;font-family:var(--font-headline);font-size:1.05rem}.disclaimer{font-size:.72rem;color:var(--text-muted);margin-top:1rem;line-height:1.6}.stack{display:grid;gap:.8rem}.preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414148c;display:grid;place-items:center;padding:1rem;z-index:50}.preview-panel{width:min(28rem,100%);background:#fff;border-radius:var(--radius);padding:.9rem}.preview-title{margin:0 0 .55rem;font-family:var(--font-headline);font-weight:700;text-align:center}.preview-image{display:block;width:100%;border-radius:.8rem;margin-bottom:.75rem}@media(min-width:640px){.content{padding:1.5rem 1.5rem 0}.headline{font-size:2.35rem}.hero-emoji{width:7.5rem;height:7.5rem;font-size:3.3rem}.results-grid{grid-template-columns:1fr 1fr}}