@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--bg: #FFF6E4;--bg-2: #FCEED2;--surface: #FFFFFF;--surface-2: #FFFBF1;--lime: #BFE25A;--lime-2: #A6CE3B;--lime-ink: #2F4A0F;--lemon: #FFD93D;--mango: #FFA63A;--coral: #FF6F5C;--plum: #6A2E5C;--leaf: #2F8E54;--leaf-soft: #D6F0D5;--ink: #1E2A24;--ink-2: #3A4842;--ink-mute: #80897F;--ink-faint: #B4BBB1;--line: #ECE2C8;--line-2: #F4ECD5;--radius-xs: 8px;--radius-s: 12px;--radius-m: 18px;--radius-l: 26px;--radius-xl: 34px;--shadow-card: 0 2px 0 rgba(40,30,10,.04), 0 8px 24px rgba(40,30,10,.06);--shadow-pop: 0 12px 36px rgba(40,30,10,.18);--font-display: "Bricolage Grotesque", ui-sans-serif, sans-serif;--font-body: "DM Sans", ui-sans-serif, sans-serif}.cn-phone{width:390px;height:844px;background:var(--bg);border-radius:44px;box-shadow:inset 0 0 0 1px #281e0a14,0 1px #ffffffe6 inset,0 30px 60px -20px #281e0a2e;position:relative;overflow:hidden;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;isolation:isolate}.cn-phone,.cn-phone *{box-sizing:border-box}.cn-phone--tall{height:auto;min-height:844px}.cn-phone--tall .cn-body,.cn-phone--tall .cn-scroll{overflow:visible}.cn-status{height:44px;flex:0 0 44px;padding:14px 28px 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--ink);letter-spacing:.2px;z-index:5;position:relative}.cn-status .signal{display:flex;align-items:center;gap:5px}.cn-status svg{display:block}.cn-body{flex:1 1 auto;overflow:hidden;position:relative;display:flex;flex-direction:column}.cn-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cn-appbar{padding:10px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cn-appbar h1{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.02em;margin:0}.cn-appbar .sub{font-size:13px;color:var(--ink-mute);margin-top:4px}.cn-icon-btn{width:40px;height:40px;border-radius:999px;background:var(--surface);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;flex:0 0 auto}.cn-icon-btn:hover{background:var(--surface-2)}.cn-icon-btn.lime{background:var(--lime);border-color:var(--lime-2);color:var(--lime-ink)}.cn-icon-btn svg{width:20px;height:20px;flex:0 0 20px}.cn-tabs{flex:0 0 auto;height:78px;padding:8px 14px 22px;background:#fff6e4d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;z-index:5}.cn-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--ink-mute);background:none;border:0;cursor:pointer;padding:4px 0 0;border-radius:14px;letter-spacing:.2px}.cn-tab.active{color:var(--ink)}.cn-tab.active .cn-tab-dot{background:var(--lime)}.cn-tab svg{width:24px;height:24px;stroke-width:1.8}.cn-tab-dot{width:5px;height:5px;border-radius:99px;background:transparent;margin-top:1px}.cn-card{background:var(--surface);border-radius:var(--radius-l);border:1px solid var(--line);box-shadow:var(--shadow-card)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.pill.lime{background:var(--lime);border-color:var(--lime-2);color:var(--lime-ink)}.pill.lemon{background:var(--lemon);border-color:#e6bd16;color:#4a3a00}.pill.coral{background:#ffe6e0;border-color:#ffc4b6;color:#7a2716}.pill.leaf{background:var(--leaf-soft);border-color:#abdba8;color:#1f5c30}.pill.ink{background:var(--ink);border-color:var(--ink);color:#fffbf1}.pill.ghost{background:transparent}.pill svg{width:12px;height:12px;flex:0 0 12px}.btn.small svg{width:14px;height:14px;flex:0 0 14px}.btn svg{width:18px;height:18px;flex:0 0 18px}.dot{width:7px;height:7px;border-radius:999px;display:inline-block}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:-.005em;padding:16px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--lime);color:var(--lime-ink);box-shadow:inset 0 -2px 0 var(--lime-2)}.btn.primary:hover{background:#c8ea66}.btn.dark{background:var(--ink);color:#fffbf1}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.block{width:100%}.btn.small{padding:9px 14px;font-size:13.5px}.cn-section-h{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);padding:12px 22px 8px}.cn-input{width:100%;padding:14px 16px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);font-family:var(--font-body);font-size:15px;color:var(--ink);outline:none}.cn-input:focus{border-color:var(--lime-2);box-shadow:0 0 0 3px #bfe25a59}.cn-label{font-size:12px;font-weight:600;color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase}.cn-search{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface);border-radius:16px;border:1px solid var(--line)}.cn-search input{flex:1;border:0;outline:0;font-size:15px;background:transparent;font-family:var(--font-body)}.cn-phone image-slot{background:linear-gradient(135deg,#ffe7b6,#ffcfa0)}.cn-modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#14140f73;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fadein .2s ease}.cn-modal{background:var(--surface);width:100%;border-radius:26px 26px 0 0;padding:22px 22px 30px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.f1{flex:1}.muted{color:var(--ink-mute)}.tabular{font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;min-height:100%}a{color:inherit;text-decoration:none}svg:not([width]){width:1em;height:1em;flex:0 0 auto}