:root{--bg: #F1F5F0;--fg: #16231C;--mute: #66796D;--card: #FFFFFF;--topo: #BED1C4;--accent: #8FE3B8;--on: #10231A;--at: #1F7A4D;--s1: 2px;--s2: 4px;--s3: 8px;--s4: 16px;--s5: 32px;--s6: 64px;--r: 8px;box-sizing:border-box;transition:background .256s,color .256s}:root[data-theme=dark]{--bg: #070B09;--fg: #E3EDE6;--mute: #758B7E;--card: #0E1612;--topo: #14221A;--accent: #8FE3B8;--on: #070B09;--at: #8FE3B8}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}main{max-width:864px;margin:0 auto;padding:0 var(--s4) var(--s6)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) 0 0;gap:var(--s4)}.nav-links{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.lock{display:flex;align-items:center;gap:var(--s3);color:var(--at);text-decoration:none;cursor:pointer}.wm{font:600 28px/1 system-ui,sans-serif;letter-spacing:-.02em;color:var(--fg)}.wm .i{position:relative;display:inline-block}.wm .i:after{content:"";position:absolute;left:50%;top:.1em;width:.26em;height:.13em;border-radius:.26em .26em 0 0;transform:translate(-50%);background:var(--accent)}.theme-switch{display:inline-flex;align-items:center;background:var(--card);border-radius:var(--r);padding:var(--s1);box-sizing:border-box;gap:var(--s1);box-shadow:0 1px 3px #0000000a;cursor:pointer}.theme-switch .switch-opt{padding:6px 12px;min-height:auto;line-height:1;border-radius:calc(var(--r) - var(--s2));font:600 12px ui-monospace,JetBrains Mono,monospace;color:var(--mute);transition:background .128s,color .128s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-switch .switch-opt.active{background:var(--accent);color:var(--on)}.s{padding:var(--s5) 0}.k{font:12px ui-monospace,JetBrains Mono,monospace;color:var(--at);letter-spacing:.08em;text-transform:uppercase}h1{font-size:48px;line-height:1.05;margin:var(--s3) 0 var(--s4);letter-spacing:-.02em}@media (max-width: 640px){h1{font-size:30px}h2{font-size:22px}}h1 mark{background:var(--accent);color:var(--on);padding:0 var(--s3);border-radius:var(--r)}h2{font-size:26px;line-height:1.2;margin:var(--s3) 0 var(--s4)}.lead{font-size:15px;color:var(--mute);max-width:36em;margin:0 0 var(--s5)}.row{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center}.btn{background:var(--accent);color:var(--on);border:0;border-radius:var(--r);min-height:56px;padding:0 var(--s5);font:600 15px system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);text-decoration:none;transition:opacity .128s,transform .128s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-secondary{background:var(--card);color:var(--fg);border:0;border-radius:var(--r);min-height:56px;padding:0 var(--s4);font:600 14px system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);text-decoration:none;transition:background .128s}.btn-secondary:hover{background:color-mix(in srgb,var(--mute) 12%,var(--card))}.btn-sm{min-height:40px;padding:0 var(--s4);font-size:13px}.ln{color:var(--at);font-weight:600;text-decoration:none;cursor:pointer}.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)}.c{background:var(--card);border-radius:var(--r);padding:var(--s4)}.c b{display:block;margin-bottom:var(--s2)}.c span{color:var(--mute);font-size:14px}.field{position:relative;flex:1;min-width:200px;display:flex}input{width:100%;box-sizing:border-box;min-height:56px;padding:22px var(--s4) 6px;border:0;border-radius:var(--r);background:var(--card);color:var(--fg);font:inherit;outline:2px solid transparent;transition:outline-color .128s}input:focus{outline-color:var(--accent)}.field label{position:absolute;left:var(--s4);top:18px;color:var(--mute);font-size:14px;pointer-events:none;transition:transform .128s ease,color .128s ease,font-size .128s ease;transform-origin:left top}.field input:focus~label,.field input:not(:-moz-placeholder)~label{transform:translateY(-12px) scale(.75);color:var(--at);font-family:ui-monospace,JetBrains Mono,monospace;letter-spacing:.08em;font-weight:600}.field input:focus~label,.field input:not(:placeholder-shown)~label{transform:translateY(-12px) scale(.75);color:var(--at);font-family:ui-monospace,JetBrains Mono,monospace;letter-spacing:.08em;font-weight:600}.radio-group{display:flex;flex-wrap:wrap;gap:var(--s3);width:100%}.radio-item{display:inline-flex;align-items:center;gap:var(--s3);background:var(--card);border-radius:var(--r);padding:var(--s3) var(--s4);min-height:56px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:14px system-ui,sans-serif;flex:1;min-width:160px;transition:background .128s}.radio-box{width:16px;height:16px;border-radius:4px;border:2px solid var(--mute);display:flex;align-items:center;justify-content:center;transition:border-color .128s}.radio-box:after{content:"";width:8px;height:8px;border-radius:2px;background:transparent;transition:background .128s}.radio-item.active .radio-box{border-color:var(--at)}.radio-item.active .radio-box:after{background:var(--accent)}.radio-item.active{font-weight:600;color:var(--fg);background:color-mix(in srgb,var(--accent) 14%,var(--card))}.slider-box{display:flex;align-items:center;gap:var(--s3);background:var(--card);border-radius:var(--r);padding:var(--s2) var(--s3);min-height:48px;box-sizing:border-box;flex:1}.slider-label{font:600 11px ui-monospace,monospace;color:var(--mute)}.slider-track-wrap{flex:1;display:flex;align-items:center}input[type=range].sq-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--topo);border-radius:2px;outline:none;padding:0;min-height:6px;cursor:pointer}input[type=range].sq-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:2px;background:var(--accent);border:2px solid var(--at);cursor:pointer}input[type=range].sq-slider::-moz-range-thumb{width:14px;height:14px;border-radius:2px;background:var(--accent);border:2px solid var(--at);cursor:pointer}.slider-val{font:600 11px ui-monospace,monospace;color:var(--at);min-width:32px;text-align:right}.e{background:var(--card);border-radius:var(--r);padding:var(--s4);margin-top:var(--s3);display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.e.now{background:color-mix(in srgb,var(--accent) 24%,var(--card))}.e i{font:12px ui-monospace,monospace;color:var(--mute);font-style:normal;display:block}.e.now i{color:var(--at);font-weight:600}.e p{margin:var(--s2) 0 0;font-size:15px}.e.queued{background:color-mix(in srgb,var(--topo) 20%,var(--card))}.toast-msg{position:fixed;bottom:var(--s5);right:var(--s4);background:var(--on);color:var(--accent);border-radius:var(--r);padding:var(--s3) var(--s4);font:600 13px ui-monospace,monospace;letter-spacing:.02em;z-index:1000;box-shadow:0 4px 12px #00000026}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 12s linear infinite}footer{padding:var(--s5) 0 var(--s6);color:var(--mute);font:12px ui-monospace,monospace}