:root{--paper: #ffffff;--paper-2: #f4f4f5;--paper-3: #ebebec;--ink: #111111;--ink-soft: #4a4a4a;--ink-mute: #8b8b8b;--rule: #d6d6d8;--rule-strong: #111111;--accent: #1f3a8a;--accent-soft: #eef1f8;--ok: #0a6b3a;--warn: #8a5a00;--danger: #9a1c1c;--font-hand: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#e7e7e8;font-family:var(--font-hand);color:var(--ink)}.sketch{background:var(--paper);color:var(--ink);font-family:var(--font-hand);font-size:14px;line-height:1.35;width:100%;height:100%;position:relative;overflow:hidden}.sk-box{border:1px solid var(--rule);border-radius:4px;background:var(--paper);position:relative}.sk-box.dash{border-style:dashed;border-color:var(--rule)}.sk-box.flat{background:var(--paper)}.sk-box.fill{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sk-box.accent{background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--accent)}.sk-box.soft{background:var(--paper-2);border-color:var(--rule)}.sk-rot-1,.sk-rot-2,.sk-rot-3{transform:none}.sk-input{border:none;border-bottom:1px solid var(--ink);background:transparent;font-family:var(--font-hand);font-size:14px;padding:2px 0;color:var(--ink);width:100%;outline:none}.sk-input.dotted{border-bottom-style:dashed}.sk-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--ink);border-radius:4px;background:var(--paper);font-family:var(--font-hand);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--ink);transition:opacity .1s}.sk-btn:disabled{cursor:default}.sk-btn.primary,.sk-btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.sk-btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.sk-btn.ghost:hover{color:var(--ink)}.sk-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border:1px solid var(--rule);border-radius:3px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;background:var(--paper);color:var(--ink-soft);line-height:1.7;white-space:nowrap}.sk-chip.fill{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sk-chip.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.sk-chip.ok{color:var(--ok);border-color:var(--rule)}.sk-chip.warn{color:var(--warn);border-color:var(--rule)}.sk-chip.danger{color:var(--danger);border-color:var(--rule)}.sk-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-mute);display:inline-block;flex-shrink:0}.sk-chip.ok .dot{background:var(--ok)}.sk-chip.warn .dot{background:var(--warn)}.sk-chip.danger .dot{background:var(--danger)}.sk-chip.accent .dot,.sk-chip.fill .dot{background:#fff}.sk-av{width:22px;height:22px;border-radius:50%;border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;background:var(--paper);color:var(--ink-soft);flex-shrink:0}.hl{font-weight:600;color:var(--accent)}.mono{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;color:var(--ink-soft)}.mono.lg{font-size:11.5px}.sk-hatch{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.06) 6px 7px),var(--paper-2);border:1px dashed var(--rule);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--ink-mute);font-family:var(--font-mono);font-size:10px}.sk-squig{height:1px;background:var(--rule)}.sk-nav{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.sk-nav:hover{background:var(--paper-2);color:var(--ink)}.sk-nav.active{background:var(--ink);color:var(--paper)}.sk-nav .ic{width:12px;height:12px;border:1px solid currentColor;border-radius:2px;flex-shrink:0}.sk-table{width:100%;border-collapse:collapse;font-size:13px}.sk-table th,.sk-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--rule);vertical-align:middle}.sk-table th{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--ink);background:var(--paper)}.sk-table tbody tr:hover{background:var(--paper-2)}.sk-topbar{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid var(--ink);background:var(--paper);flex-shrink:0}.sk-brand{font-family:var(--font-hand);font-weight:600;font-size:15px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.sk-brand:before{content:"";width:14px;height:14px;background:var(--ink);border-radius:2px;align-self:center;flex-shrink:0}.sk-phone-inner{width:290px;height:580px;border:1.5px solid var(--ink);border-radius:36px;background:var(--paper);padding:10px;position:relative;display:flex;flex-direction:column}.sk-phone-notch{position:absolute;top:4px;left:50%;transform:translate(-50%);width:80px;height:18px;background:var(--ink);border-radius:0 0 10px 10px}.sk-note{font-family:var(--font-hand);font-size:12px;font-style:italic;color:var(--ink-soft);background:var(--paper-2);padding:8px 10px;border-left:2px solid var(--ink);border-radius:0 3px 3px 0;display:block}.sk-scroll{overflow:hidden}.row{display:flex}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.flex-1{flex:1;min-width:0;min-height:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-mute{color:var(--ink-mute)}.text-soft{color:var(--ink-soft)}.text-xs{font-size:11px}.text-sm{font-size:12.5px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:19px}.text-2xl{font-size:24px;letter-spacing:-.01em}.text-3xl{font-size:30px;letter-spacing:-.01em}.bold{font-weight:600}.w-full{width:100%}.h-full{height:100%}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.px-16{padding-left:16px;padding-right:16px}.py-12{padding-top:12px;padding-bottom:12px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.rounded{border-radius:4px}.relative{position:relative}.absolute{position:absolute}