:root{--ink: #17151C;--ink-2: #2A2532;--paper: #FFFDFB;--amber: #FFB020;--coral: #FF6B4A;--mint: #00C48C;--violet: #6B5BFF;--violet-deep: #4B3BE0;--violet-text: #5346D6;--mint-text: #00996E;--mint-deep: #00805C;--mint-ink: #0A5843;--amber-text: #C77A00;--amber-deep: #B06E00;--amber-ink: #8A5600;--coral-text: #C2452A;--sans: "General Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Chivo Mono", ui-monospace, "Cascadia Mono", monospace;--ink-04: rgba(23, 21, 28, .04);--ink-07: rgba(23, 21, 28, .07);--ink-10: rgba(23, 21, 28, .1);--ink-16: rgba(23, 21, 28, .16);--ink-34: rgba(23, 21, 28, .34);--ink-42: rgba(23, 21, 28, .42);--ink-50: rgba(23, 21, 28, .5);--ink-60: rgba(23, 21, 28, .6);--ink-72: rgba(23, 21, 28, .72)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--paper)}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}::-webkit-scrollbar{width:0;height:0}a{color:var(--violet);text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:inherit}input,textarea,select{font:inherit;color:var(--ink)}@keyframes hoEnter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes hoRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hoFade{0%{opacity:0}to{opacity:1}}@keyframes hoDrift{0%{transform:translate3d(-8%,-6%,0) scale(1)}50%{transform:translate3d(8%,7%,0) scale(1.22)}to{transform:translate3d(-8%,-6%,0) scale(1)}}@keyframes hoDrift2{0%{transform:translate3d(6%,8%,0) scale(1.12)}50%{transform:translate3d(-7%,-6%,0) scale(.9)}to{transform:translate3d(6%,8%,0) scale(1.12)}}@keyframes hoBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hoBarY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hoPulse{0%,to{opacity:.3}50%{opacity:.95}}@keyframes hoBreath{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}@keyframes hoSweep{0%{transform:translate(-140%) skew(-18deg)}to{transform:translate(320%) skew(-18deg)}}@keyframes hoDash{to{stroke-dashoffset:-40}}@keyframes hoDraw{0%{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes hoPop{0%{transform:scale(.86);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes hoConfetti{0%{transform:translateY(-14px) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(72vh) rotate(420deg);opacity:0}}@keyframes hoSpin{to{transform:rotate(360deg)}}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);position:relative;overflow:hidden;max-width:560px;margin:0 auto}@media(min-width:600px){.app{box-shadow:0 0 0 1px var(--ink-07),0 30px 80px #17151c14}}.app:before,.app:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.app:before{top:-160px;left:-110px;width:420px;height:420px;background:radial-gradient(closest-side,rgba(255,176,32,.4),transparent 70%);filter:blur(24px);animation:hoDrift 17s ease-in-out infinite}.app:after{top:180px;right:-150px;width:360px;height:360px;background:radial-gradient(closest-side,rgba(107,91,255,.26),transparent 70%);filter:blur(24px);animation:hoDrift2 22s ease-in-out infinite}.screen{flex:1;display:flex;flex-direction:column;position:relative;z-index:2;animation:hoEnter .6s cubic-bezier(.16,1,.3,1) both;padding-bottom:8px}.screen.pad{padding-left:22px;padding-right:22px;padding-top:calc(28px + env(safe-area-inset-top))}.mono{font-family:var(--mono)}.label{font:400 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-42)}.label.sm{font-size:8.5px;letter-spacing:.14em;color:var(--ink-34)}.label.section{font-size:9.5px;color:#17151c5c}.h-display{margin:0;font:200 52px/.98 var(--sans);letter-spacing:-.04em}.h-screen{margin:0;font:200 40px/1 var(--sans);letter-spacing:-.04em}.grad-text{background:linear-gradient(96deg,var(--amber),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}.grad-text.violet{background:linear-gradient(96deg,var(--coral),var(--violet));-webkit-background-clip:text;background-clip:text}.grad-text.full{background:linear-gradient(96deg,var(--amber) 4%,var(--coral) 42%,var(--violet) 92%);-webkit-background-clip:text;background-clip:text;font-weight:600}.card{background:#fff;border:1px solid var(--ink-07);border-radius:22px}.card.warm{background:linear-gradient(158deg,#fff6e4,#ffede6 52%,#f0edff);border:1px solid rgba(255,176,32,.24);box-shadow:0 14px 34px #ff8c3c1f;position:relative;overflow:hidden}.card.violet{background:linear-gradient(150deg,#f0edff,#ffede6);border:1px solid rgba(107,91,255,.18);box-shadow:0 10px 26px #6b5bff14}.card.mint{background:#dff6ee;border:1px solid rgba(0,196,140,.22)}.card.amber{background:#fff2d9;border:1px solid rgba(255,176,32,.28)}.tile{flex:1;padding:14px 13px;border-radius:17px;background:#fff;border:1px solid var(--ink-07);min-width:0}.tile .value{margin-top:9px;font:300 22px/1 var(--mono)}.tile.mint{background:#dff6ee;border-color:#00c48c33}.tile.mint .value{color:var(--mint-text)}.tile.amber{background:#fff2d9;border-color:#ffb02042}.tile.amber .value{color:var(--amber-text)}.tile.violet{background:#ece9ff;border-color:#6b5bff33}.tile.violet .value{color:var(--violet-text)}.row{display:flex;gap:9px}.stack{display:flex;flex-direction:column;gap:9px}.btn{display:flex;align-items:center;justify-content:center;padding:19px;border-radius:22px;font:500 17px/1 var(--sans);cursor:pointer;transition:transform .12s ease;user-select:none;width:100%}.btn:active{transform:scale(.985)}.btn.dark{background:linear-gradient(135deg,#17151c,#332c45);color:#fff;box-shadow:0 16px 38px #17151c3d}.btn.fire{background:linear-gradient(135deg,#ff8a4a,#ff5a5a);color:#fff;box-shadow:0 14px 32px #ff5a5a52}.btn.sun{background:linear-gradient(135deg,var(--amber),var(--coral));color:#fff;box-shadow:0 16px 40px #ff783c66}.btn.ghost{background:#fffc;border:1px solid rgba(23,21,28,.12);color:var(--ink-60);font-weight:400}.btn.sm{padding:12px;border-radius:14px;font-size:13.5px}.back-link{display:inline-flex;align-items:center;gap:7px;font:400 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-50);cursor:pointer}.chip{padding:5px 11px;border-radius:999px;background:#fff;border:1px solid rgba(23,21,28,.09);font:400 10.5px/1 var(--mono);color:var(--ink-60);white-space:nowrap}.chip.mint{background:#dff6ee;border-color:#00c48c3d;color:var(--mint-deep)}.chip.amber{background:#fff2d9;border-color:#ffb0204d;color:var(--amber-deep)}.chip.violet{background:#ece9ff;border-color:#6b5bff38;color:var(--violet-text)}.bottom-nav{position:sticky;bottom:0;margin-top:auto;z-index:10;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fffdfb00,#fffdfbe6 32%,#fffdfb 68%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(23,21,28,.05)}.bottom-nav .inner{display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;width:54px;cursor:pointer;transition:opacity .2s ease}.nav-item .txt{font:400 9.5px/1 var(--mono);letter-spacing:.05em;color:var(--ink)}.nav-item .dash{width:16px;height:2.5px;border-radius:2px;background:var(--coral)}.field{display:flex;flex-direction:column;gap:8px}.field>span{font:400 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-42)}.input{padding:14px 15px;border-radius:16px;background:#fff;border:1px solid var(--ink-10);font:400 16px/1.2 var(--sans);outline:none;width:100%}.input:focus{border-color:#6b5bff80;box-shadow:0 0 0 3px #6b5bff1f}.input.mono{font-family:var(--mono)}textarea.input{resize:vertical;min-height:96px;line-height:1.5}.seg{display:flex;gap:6px}.seg button{flex:1;padding:11px 8px;border-radius:13px;background:#fff;border:1px solid var(--ink-10);font:400 13px/1.2 var(--sans);color:var(--ink-60)}.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.sweep{position:absolute;top:0;left:0;width:80px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:hoSweep 5.5s ease-in-out infinite 1.2s;pointer-events:none}.spin{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--ink-10);border-top-color:var(--violet);animation:hoSpin .8s linear infinite}.center-load{flex:1;display:flex;align-items:center;justify-content:center;min-height:40vh}.list-row{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:17px;background:#fff;border:1px solid var(--ink-07);cursor:pointer}.rise{animation:hoRise .7s cubic-bezier(.16,1,.3,1) both}.fade{animation:hoFade .7s ease both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}.d5{animation-delay:.3s}.d6{animation-delay:.36s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
