.kin-tokens{--cream:#fbf3e3;--cream-2:#f6ead3;--paper:#fffdf7;--ink:#2e2013;--ink-soft:#5a4a38;--ink-faint:#7a6a56;--input-bg:#fff;--coral:#ff6f52;--coral-deep:#e24e33;--sky:#6fc6ee;--sky-deep:#1f6e96;--lemon:#ffc94a;--mint:#7bdfb0;--mint-deep:#0e3324;--pink:#f2a8e6;--pink-deep:#8a2a71;--raised:0 14px 26px -10px #2e201359, inset 0 2px 0 #ffffff8c, inset 0 -10px 18px #2e20131a;--raised-sm:0 8px 16px -8px #2e201352, inset 0 2px 0 #ffffff8c, inset 0 -6px 10px #2e20131a;--raised-xs:0 4px 8px -4px #2e20134d, inset 0 1px 0 #ffffff80, inset 0 -3px 6px #2e201314;--pressed:inset 0 6px 14px #2e20134d, inset 0 -2px 0 #ffffff59;--pressed-sm:inset 0 4px 8px #2e201347, inset 0 -1px 0 #ffffff4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--cream);color:var(--ink);font-family:var(--font-nunito), sans-serif;-webkit-font-smoothing:antialiased}.kin-tokens.dark{--cream:#1e1811;--cream-2:#261f15;--paper:#2e2619;--ink:#fbf3e3;--ink-soft:#d5c7b1;--ink-faint:#bcab91;--input-bg:#3a3021;--raised:0 14px 26px -10px #0000008c, inset 0 2px 0 #ffffff0f, inset 0 -10px 18px #00000059;--raised-sm:0 8px 16px -8px #00000080, inset 0 2px 0 #ffffff0f, inset 0 -6px 10px #0000004d;--raised-xs:0 4px 8px -4px #00000080, inset 0 1px 0 #ffffff0d, inset 0 -3px 6px #00000040;--pressed:inset 0 6px 14px #00000080, inset 0 -2px 0 #ffffff0a;--pressed-sm:inset 0 4px 8px #00000073, inset 0 -1px 0 #ffffff0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.kin-tokens *{box-sizing:border-box}.kin-tokens a,.kin-tokens button{font-family:inherit}.kin-tokens button{cursor:pointer}.kin-tokens input{font-family:inherit}.kin-tokens h1,.kin-tokens h2,.kin-tokens h3{font-family:var(--font-fredoka), sans-serif;color:var(--ink);margin:0;font-weight:600}.kin-tokens .icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}.kin-tokens .clay{box-shadow:var(--raised);border-radius:26px}.kin-tokens .clay-sm{box-shadow:var(--raised-sm);border-radius:18px}.kin-tokens .clay-xs{box-shadow:var(--raised-xs);border-radius:14px}.kin-tokens .clay-press{box-shadow:var(--pressed);border-radius:18px}.kin-tokens .clay-press-sm{box-shadow:var(--pressed-sm);border-radius:14px}.kin-tokens .btn{font-family:var(--font-fredoka), sans-serif;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:600;transition:transform .1s,box-shadow .1s;display:inline-flex}.kin-tokens .btn:active{transform:translateY(2px)}.kin-tokens .btn-coral{background:var(--coral);color:#fff;box-shadow:var(--raised-xs)}.kin-tokens .btn-coral:active{box-shadow:var(--pressed-sm)}.kin-tokens .btn-ghost{background:var(--cream-2);color:var(--ink);box-shadow:var(--raised-xs)}.kin-tokens .btn-ghost:active{box-shadow:var(--pressed-sm)}.kin-tokens .btn-dark{background:var(--ink);color:var(--cream);box-shadow:var(--raised-xs)}.kin-tokens .btn-dark:active{box-shadow:var(--pressed-sm)}.kin-tokens .badge{font-family:var(--font-fredoka), sans-serif;background:var(--mint);color:#183a2b;box-shadow:var(--raised-sm);border-radius:999px;align-items:center;gap:8px;padding:8px 18px 8px 12px;font-size:14px;font-weight:500;display:inline-flex}.kin-tokens .badge-dot{background:var(--coral);border-radius:50%;width:9px;height:9px}.kin-tokens .switch{background:var(--cream-2);width:60px;height:34px;box-shadow:var(--pressed-sm);border:none;border-radius:999px;flex:none;position:relative}.kin-tokens .switch b{background:var(--paper);width:26px;height:26px;box-shadow:var(--raised-xs);border-radius:50%;transition:left .14s;position:absolute;top:4px;left:4px}.kin-tokens .switch.on{background:var(--mint)}.kin-tokens .switch.on b{left:30px}.kin-tokens .slider{width:100%}.kin-tokens .inp{background:var(--input-bg);width:100%;min-height:52px;box-shadow:var(--pressed-sm);font-family:var(--font-nunito), sans-serif;color:var(--ink);border:none;border-radius:18px;padding:14px 18px;font-size:16px;font-weight:700}.kin-tokens .inp::placeholder{color:var(--ink-faint)}.kin-tokens .field{margin-bottom:20px}.kin-tokens .field label{font-family:var(--font-fredoka), sans-serif;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.kin-tokens .muted{color:var(--ink-faint);font-size:13.5px;font-weight:800}.kin-tokens .pillbar{background:var(--cream-2);box-shadow:var(--pressed-sm);border-radius:999px;flex-wrap:wrap;gap:6px;margin-bottom:26px;padding:6px;display:inline-flex}.kin-tokens .pill{font-family:var(--font-fredoka), sans-serif;color:var(--ink-soft);background:0 0;border:none;border-radius:999px;min-height:44px;padding:10px 20px;font-size:14.5px;font-weight:600}.kin-tokens .pill.on{background:var(--paper);color:var(--ink);box-shadow:var(--raised-xs)}.kin-tokens .grid{gap:20px;display:grid}.kin-tokens .g3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.kin-tokens .g4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.kin-tokens .card{background:var(--paper);box-shadow:var(--raised);border-radius:26px;padding:20px}.kin-tokens .card h3{margin-bottom:6px;font-size:21px}.kin-tokens .card p{color:var(--ink-soft);margin:0 0 16px;font-size:14.5px;font-weight:600;line-height:1.5}.kin-tokens.full-flow{z-index:80;background:radial-gradient(circle at 12% 18%, #6fc6ee59, transparent 42%), radial-gradient(circle at 88% 78%, #f2a8e652, transparent 42%), var(--cream);position:fixed;inset:0;overflow:auto}.kin-tokens .flow-w{max-width:620px;margin:0 auto;padding:40px 20px 70px}.kin-tokens .flow-w.wide{max-width:1000px}.kin-tokens .stat{background:var(--paper);box-shadow:var(--raised-sm);border-radius:22px;padding:18px}.kin-tokens .stat .ic{width:40px;height:40px;box-shadow:var(--raised-xs);border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;font-size:18px;display:flex}.kin-tokens .stat .big{font-family:var(--font-fredoka), sans-serif;font-size:30px;font-weight:600}.kin-tokens .stat .lbl{color:var(--ink-faint);font-size:13.5px;font-weight:800}.kin-tokens .barrow{grid-template-columns:150px 1fr;align-items:center;gap:14px;margin-bottom:12px;display:grid}.kin-tokens .barrow .nm{color:var(--ink-soft);text-align:right;font-size:13.5px;font-weight:800}.kin-tokens .bartrack{background:var(--cream-2);height:22px;box-shadow:var(--pressed-sm);border-radius:999px;overflow:hidden}.kin-tokens .barfill{border-radius:999px;height:100%}.kin-tokens .bartrack.loading .barfill{background:linear-gradient(90deg, var(--sky), var(--mint));width:40%;animation:1.1s ease-in-out infinite kin-bar-slide}@keyframes kin-bar-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.kin-tokens .optrow{background:var(--paper);box-shadow:var(--raised-xs);text-align:left;border:none;border-radius:20px;align-items:center;gap:14px;width:100%;min-height:60px;margin-bottom:12px;padding:16px 18px;display:flex}.kin-tokens .optrow.on{background:var(--sky);color:#0a3247;box-shadow:var(--raised-sm)}.kin-tokens .optrow .tick{background:var(--cream-2);width:26px;height:26px;box-shadow:var(--pressed-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.kin-tokens .optrow.on .tick{background:var(--paper);box-shadow:var(--raised-xs);color:var(--sky-deep)}.kin-tokens .pinrow{gap:10px;margin:6px 0 18px;display:flex}.kin-tokens .pinbox{text-align:center;background:var(--input-bg);width:56px;height:64px;box-shadow:var(--pressed-sm);font-family:var(--font-fredoka), sans-serif;color:var(--ink);border:none;border-radius:18px;font-size:26px;font-weight:600}.kin-tokens .overlay{z-index:60;background:#2e201373;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.kin-tokens .overlay.open{display:flex}.kin-tokens .modal{background:var(--paper);box-shadow:var(--raised);border-radius:30px;width:100%;max-width:560px;max-height:88vh;padding:26px;position:relative;overflow:auto}.kin-tokens .modal h2{margin-bottom:8px;font-size:26px}.kin-tokens .modal p{color:var(--ink-soft);font-size:15px;font-weight:600;line-height:1.5}.kin-tokens .modal-x{background:var(--cream-2);width:44px;height:44px;box-shadow:var(--raised-xs);color:var(--ink);border:none;border-radius:50%;font-size:18px;position:absolute;top:16px;right:16px}.kin-tokens .modal-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.kin-tokens .steps{flex-direction:column;gap:10px;margin:16px 0;padding:0;list-style:none;display:flex}.kin-tokens .steps li{align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.kin-tokens .steps .dot{width:34px;height:34px;box-shadow:var(--raised-xs);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.kin-tokens .lock{text-align:center}.kin-tokens .lock .big{font-size:46px}:focus-visible{outline:3px solid var(--coral-deep);outline-offset:3px}.kin-tokens .modal{text-align:center}.kin-tokens .modal h2{padding:0 40px}.kin-tokens .modal-actions,.kin-tokens .modal .pinrow{justify-content:center}.kin-tokens .modal .steps{text-align:left;margin-left:auto;margin-right:auto;display:inline-block}.kin-tokens .modal .optrow,.kin-tokens .modal input:not(.pinbox){text-align:left}