:root{--color-accent:#e8384f;--color-accent-100:#fdece7;--color-accent-200:#f9d0c8;--color-accent-300:#f2ab9c;--color-accent-400:#ea7f6a;--color-accent-500:#e8384f;--color-accent-600:#d13048;--color-accent-700:#9c2a3a;--color-accent-800:#351012;--color-accent-900:#2b0f12;--color-pop:#ffb648;--color-pop-ink:#3a1608;--color-text:#201e1d;--color-neutral-800:#444141;--color-divider:#201e1d66;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--radius-pill:999px;--radius-card:34px;--radius-card-lg:38px;--radius-panel:40px;--radius-list:28px;--radius-list-sm:26px;--radius-field:24px;--radius-phone:46px;--shadow-btn-primary:0 10px 24px color-mix(in srgb, var(--color-accent) 34%, transparent);--shadow-card-active:0 16px 40px color-mix(in srgb, var(--color-text) 16%, transparent);--shadow-list-item:0 8px 24px color-mix(in srgb, var(--color-text) 12%, transparent);--shadow-phone:0 24px 60px color-mix(in srgb, var(--color-accent-900) 26%, transparent)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);color:var(--color-accent-900);background:radial-gradient(120% 80% at 50% 0%, var(--color-accent-300), var(--color-accent-200))}button,input,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}#root{flex-direction:column;align-items:center;gap:22px;min-height:100vh;padding:30px 16px 44px;display:flex}.phone{background:var(--color-accent-100);border-radius:var(--radius-phone);width:390px;height:844px;box-shadow:var(--shadow-phone);color:var(--color-accent-900);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.phone--native{width:100%;height:100%;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0;position:fixed;inset:0}.phone-statusbar{letter-spacing:.02em;color:var(--color-accent-800);flex:none;justify-content:space-between;align-items:center;padding:14px 26px 10px;font-size:11.5px;font-weight:600;display:flex}.phone-statusbar .device-label{align-items:center;gap:7px;display:flex}.phone-statusbar .dot{background:var(--color-accent);border-radius:50%;width:9px;height:9px;display:block}.panel-gradient-full{border-radius:var(--radius-panel);background:linear-gradient(170deg, var(--color-accent-800), var(--color-accent-900));min-height:0;color:var(--color-accent-100);flex-direction:column;flex:1;margin:6px;display:flex;position:relative;overflow:hidden}.panel-gradient-full:before{content:"";background:color-mix(in srgb, var(--color-accent) 65%, transparent);pointer-events:none;border-radius:42% 58% 63% 37%/41% 45% 55% 59%;width:200px;height:200px;position:absolute;top:-60px;right:-70px}.panel-gradient-full>*{position:relative}.panel-gradient-soft{border-radius:var(--radius-panel);background:linear-gradient(170deg, var(--color-accent-600), var(--color-accent-900));min-height:0;color:var(--color-accent-100);flex-direction:column;flex:1;margin:6px;display:flex}.phone--native .panel-gradient-full,.phone--native .panel-gradient-soft{border-radius:0;margin:0}.phone--native .overlay-scrim{padding:0}.phone--native .overlay-panel{border-radius:0}.panel-bottom{justify-content:flex-end;padding:30px 28px}.screen-pad{flex-direction:column;flex:1;min-height:0;padding:22px 26px 26px;display:flex}.screen-pad-scroll{flex-direction:column;flex:1;padding:22px 26px 26px;display:flex;overflow:auto}.kicker{color:var(--color-accent-800);font-size:12px;font-weight:600}.kicker-on-dark{opacity:.85;font-size:12px;font-weight:700}h1.display,h2.display,h3.display,.display{font-family:var(--font-display);font-weight:400}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{opacity:.7;color:inherit;font-size:12.5px;font-weight:600}.input-pill{font-family:var(--font-body);border-radius:var(--radius-pill);border:1.5px solid color-mix(in srgb, var(--color-accent-900) 16%, transparent);color:var(--color-accent-900);background:#fff;width:100%;padding:15px 20px;font-size:15.5px}.input-pill::placeholder{color:color-mix(in srgb, var(--color-accent-900) 40%, transparent)}textarea.input-field{box-sizing:border-box;resize:none;width:100%;min-height:86px;font-family:var(--font-body);border-radius:var(--radius-field);border:1.5px solid color-mix(in srgb, var(--color-accent-900) 16%, transparent);color:var(--color-accent-900);background:#fff;padding:16px 18px;font-size:15px;line-height:1.5}.btn{border-radius:var(--radius-pill);width:100%;font-family:var(--font-body);border:0;padding:16px 22px;font-size:15.5px}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-btn-primary);font-weight:700}.btn-primary:disabled{background:color-mix(in srgb, var(--color-accent-900) 12%, transparent);color:var(--color-accent-800);box-shadow:none}.btn-light-solid{background:var(--color-accent-100);color:var(--color-accent-800);font-weight:700}.btn-ghost-on-dark{border:1.5px solid color-mix(in srgb, var(--color-accent-100) 55%, transparent);color:var(--color-accent-100);background:0 0;padding:15px 22px;font-size:15px;font-weight:600}.sticker{background:var(--color-pop);color:var(--color-pop-ink);font-family:var(--font-display);box-shadow:0 10px 22px color-mix(in srgb, var(--color-pop-ink) 30%, transparent);border-radius:20px 20px 20px 4px;align-self:flex-start;font-weight:600;transform:rotate(-2deg)}.btn-ghost-on-light{border:1.5px solid color-mix(in srgb, var(--color-accent-900) 20%, transparent);color:var(--color-accent-900);background:0 0;padding:15px 22px;font-size:15px;font-weight:600}.btn-text{color:var(--color-accent-800);background:0 0;border:0;padding:12px;font-size:14.5px;font-weight:600}.tag{border-radius:var(--radius-pill);padding:7px 13px;font-size:11px;font-weight:700;display:inline-block}.tag-accent{background:var(--color-accent-200);color:var(--color-accent-800)}.tag-outline{border:1.5px solid color-mix(in srgb, var(--color-accent-900) 18%, transparent);color:var(--color-accent-800);font-weight:600}.list-card{border-radius:var(--radius-list);color:var(--color-accent-900);box-shadow:var(--shadow-list-item);background:#fff;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.list-card-sm{border-radius:var(--radius-list-sm);color:var(--color-accent-900);box-shadow:0 6px 18px color-mix(in srgb, var(--color-text) 10%, transparent);background:#fff;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.list-card-dashed{border-radius:var(--radius-list);border:1.5px dashed color-mix(in srgb, var(--color-accent) 45%, transparent);background:var(--color-accent-100);color:var(--color-accent-900);flex-direction:column;gap:8px;padding:18px 20px;display:flex}.overlay-scrim{background:color-mix(in srgb, var(--color-accent-900) 58%, transparent);align-items:flex-end;padding:8px;display:flex;position:absolute;inset:0}.overlay-panel{border-radius:var(--radius-card-lg);background:linear-gradient(170deg, var(--color-accent-600), var(--color-accent-900));width:100%;color:var(--color-accent-100);padding:30px 26px 26px}.error-text{color:var(--color-accent-700);font-size:12.5px;font-weight:600}@keyframes ambosGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.86)}}.wait-dot{border-radius:50%;width:18px;height:18px;animation:1.4s infinite ambosGlow;display:block}.wait-dot-a{background:var(--color-accent)}.wait-dot-b{background:var(--color-accent-400);animation-delay:.7s}
