:root{--bg: #ffffff;--fill: #f5f6f4;--fill-deep: #eceeea;--ink: #101510;--ink2: #666d66;--ink3: #9aa098;--green: #0e9f5c;--green-deep: #0a7a46;--green-soft: #e3f4ea;--sun: #f5a623;--sun-deep: #b97b0a;--sun-soft: #fff3dc;--peach: #fb8b5b;--coral: #e85c3f;--coral-soft: #fcede8;--line: rgba(16, 21, 16, .08);--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--shadow-float: 0 6px 20px rgba(16, 21, 16, .1), 0 24px 56px rgba(16, 21, 16, .14)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body,#root{height:100%}body{font-family:Anuphan,-apple-system,sans-serif;color:var(--ink);background:#fff;overflow:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:0;height:0}.num{font-family:Space Grotesk,Anuphan,sans-serif;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stage{height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(1000px 700px at 20% 0%,rgba(14,159,92,.07),transparent 60%),radial-gradient(900px 700px at 85% 100%,rgba(217,138,6,.05),transparent 55%),#fff}.stage-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:12px;color:#10151247;letter-spacing:.04em}.phone{width:390px;height:844px;background:var(--bg);border-radius:54px;border:10px solid #1b201c;box-shadow:0 0 0 1.5px #ffffff1a,0 40px 90px #0000008c,0 12px 30px #0006;position:relative;overflow:hidden;flex-shrink:0}.phone-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:108px;height:30px;background:#101512;border-radius:20px;z-index:60}.statusbar{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:14px 30px 0;z-index:55;pointer-events:none}.statusbar .time{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:130px;height:5px;border-radius:3px;background:#10151033;z-index:60;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.scene-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}.h1{font-size:27px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.h2{font-size:20px;font-weight:700;line-height:1.35}.sub{font-size:14px;color:var(--ink2);line-height:1.65}.micro{font-size:12px;color:var(--ink3)}.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg)}.fill{background:var(--fill);border-radius:var(--r-md)}.float{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-float);border:1px solid rgba(16,21,16,.04)}.divider{height:1px;background:var(--line)}.btn-primary{width:100%;padding:16px;border-radius:18px;background:var(--green);color:#fff;font-size:16.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #0e9f5c4d;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:active{transform:scale(.97)}.btn-dark{background:var(--ink);box-shadow:0 8px 24px #10151040}.chip{padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;background:var(--fill);color:var(--ink2);transition:all .15s ease}.chip.active{background:var(--ink);color:#fff}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.tag.green{background:var(--green-soft);color:var(--green-deep)}.tag.sun{background:var(--sun-soft);color:var(--sun-deep)}.tag.white{background:#ffffffeb;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tag.fill{background:var(--fill);color:var(--ink2)}.card-press img{transition:transform .3s ease}.card-press:active img{transform:scale(1.05)}.marker{background:linear-gradient(180deg,transparent 60%,rgba(245,166,35,.38) 60%,rgba(245,166,35,.38) 94%,transparent 94%);padding:0 2px}.bubble{max-width:84%;padding:12px 16px;border-radius:20px;font-size:14.5px;line-height:1.65}.bubble.ai{background:var(--fill);border-top-left-radius:6px}.bubble.user{background:var(--ink);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--ink3);animation:think 1.2s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.15s}.thinking-dot:nth-child(3){animation-delay:.3s}@keyframes think{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.cursor-blink{animation:blink .9s step-end infinite;color:var(--green);font-weight:400}@keyframes blink{50%{opacity:0}}.stepper-btn{width:32px;height:32px;border-radius:50%;background:var(--fill);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--ink);transition:all .12s ease;position:relative}.stepper-btn:active{transform:scale(.9);background:var(--green-soft)}.stepper-btn:disabled{opacity:.3}.seg{display:flex;background:var(--fill);border-radius:12px;padding:3px}.seg button{flex:1;padding:7px 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--ink2);position:relative;transition:color .15s ease;white-space:nowrap}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px #1015101f}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#10151273;z-index:80}.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:28px 28px 0 0;z-index:90;box-shadow:0 -20px 60px #10151240;max-height:88%;display:flex;flex-direction:column;overflow:hidden}.sheet-grab{width:42px;height:5px;border-radius:3px;background:#10151024;margin:10px auto 0;flex-shrink:0}