:root{--color-paper: #f7f5ef;--color-card: #ffffff;--color-ink: #0d0d0d;--color-muted: #575757;--color-primary: #c7105c;--color-primary-2: #e51e6b;--color-accent: #5095c8;--color-outline-strong: #0d0d0d;--color-outline-subtle: rgba(0, 0, 0, .12);--color-highlight-1: rgba(229, 30, 107, .24);--color-highlight-2: rgba(80, 149, 200, .2);--color-tape: #f0f0f0;--color-sticker-shadow: #0d0d0d;--focus-ring: #0d0d0d;--focus-gap: #ffe6f0;--grid-line: rgba(0, 0, 0, .05);--font-display: "VCR_OSD_MONO", "Segoe UI", sans-serif;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "VCR_OSD_MONO", "SFMono-Regular", "ui-monospace", monospace}.dark{--color-paper: #0b1224;--color-card: #111827;--color-ink: #f5f7fb;--color-muted: #9ca3af;--color-outline-strong: #4b5563;--color-outline-subtle: rgba(255, 255, 255, .12);--color-highlight-1: rgba(229, 30, 107, .35);--color-highlight-2: rgba(56, 189, 248, .32);--color-tape: #1f2937;--color-sticker-shadow: #000000;--focus-ring: #38bdf8;--focus-gap: rgba(56, 189, 248, .18);--grid-line: rgba(255, 255, 255, .06)}.sketch-body{min-height:100vh;margin:0;background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 24px,var(--grid-line) 24px,var(--grid-line) 25px,transparent 25px,transparent 50px),repeating-linear-gradient(90deg,transparent 0,transparent 24px,var(--grid-line) 24px,var(--grid-line) 25px,transparent 25px,transparent 50px);background-size:50px 50px,50px 50px}.dark .sketch-body{background-color:var(--color-paper)}.sketch-theme{position:relative}.sketch-theme:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 0);background-size:6px 6px;opacity:.3}.sketch-card{position:relative;background:var(--color-card);border:3px solid var(--color-outline-strong);border-radius:14px 18px 12px 16px;box-shadow:6px 6px 0 var(--color-sticker-shadow),0 0 0 1px var(--color-outline-subtle)}.sketch-card.no-inner-dash:after{display:none}.sketch-card:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed var(--color-outline-subtle);border-radius:12px 16px 10px 14px;pointer-events:none}.sketch-outline{border:2.5px solid var(--color-outline-strong);border-radius:12px 12px 10px 14px;box-shadow:4px 4px 0 var(--color-sticker-shadow)}.sketch-button{border:2.5px solid var(--color-outline-strong)!important;border-radius:12px 14px 12px 10px!important;box-shadow:4px 4px 0 var(--color-sticker-shadow)!important;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;position:relative;overflow:hidden;background:var(--color-card)}.sketch-button:before{content:"";position:absolute;top:12%;right:6%;bottom:12%;left:6%;background:var(--color-highlight-1);transform:rotate(-2deg);z-index:0;opacity:.7}.sketch-button>*{position:relative;z-index:1}.sketch-button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--color-sticker-shadow)!important}.sketch-button:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--color-sticker-shadow)!important}.sketch-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid var(--color-outline-strong);border-radius:16px 12px 12px 10px;background:var(--color-highlight-2);box-shadow:3px 3px 0 var(--color-sticker-shadow);font-family:var(--font-mono);font-weight:700}.sketch-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--color-outline-strong);border-radius:14px 12px 12px 10px;background:var(--color-tape);box-shadow:3px 3px 0 var(--color-sticker-shadow);transform:rotate(-2deg)}.sketch-tab.is-active{background:var(--color-highlight-1);transform:rotate(1deg)}.tape-label{display:inline-block;padding:6px 12px;background:var(--color-tape);border:2px solid var(--color-outline-strong);box-shadow:2px 3px 0 var(--color-sticker-shadow);transform:rotate(-1deg);font-family:var(--font-display);letter-spacing:.05em}.highlight-bar{display:inline-block;background:var(--color-highlight-1);padding:2px 6px;border-radius:6px}.sketch-body :is(button,input,select,textarea,a):focus-visible{outline:3px dotted var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 2px var(--focus-gap),4px 4px 0 var(--color-sticker-shadow)}.sketch-body input:not([type=checkbox]):not([type=radio]):not(.search-input-plain),.sketch-body select,.sketch-body textarea{border:2px solid var(--color-outline-strong)!important;border-radius:12px 10px 12px 14px!important;background:var(--color-card)!important;box-shadow:3px 3px 0 var(--color-sticker-shadow)!important;padding:10px 12px!important;font-family:var(--font-mono);color:var(--color-ink);transition:transform .12s ease,box-shadow .12s ease}.sketch-body input.search-input-plain{border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:0!important;font-family:var(--font-display);letter-spacing:.04em;font-size:15px}.sketch-body input:not([type=checkbox]):not([type=radio]):not(.search-input-plain):hover,.sketch-body select:hover,.sketch-body textarea:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-sticker-shadow)!important}.sketch-body input:not([type=checkbox]):not([type=radio]):not(.search-input-plain):focus,.sketch-body select:focus,.sketch-body textarea:focus{background:var(--color-card)}.sketch-body input.search-input-plain:focus{background:transparent!important;outline:none!important;box-shadow:none!important}.sketch-body .search-container:focus-within{outline:3px dotted var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 2px var(--focus-gap),3px 3px 0 var(--color-sticker-shadow)}.sketch-body input[type=checkbox]{width:18px;height:18px;border:2px solid var(--color-outline-strong);border-radius:4px;box-shadow:2px 2px 0 var(--color-sticker-shadow)}.sketch-backdrop{background:#0006}.sketch-modal{background:var(--color-card);border:3px solid var(--color-outline-strong);border-radius:18px 16px 14px 18px;box-shadow:10px 10px 0 var(--color-sticker-shadow);position:relative}.sketch-modal:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed var(--color-outline-subtle);border-radius:14px 12px 12px 14px;pointer-events:none}.sketch-list-row{border:2px solid var(--color-outline-strong);border-radius:14px 14px 12px 12px;box-shadow:5px 5px 0 var(--color-sticker-shadow);background:var(--color-card)}.sketch-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--color-outline-strong);border-radius:999px;background:var(--color-highlight-2);font-family:var(--font-mono);box-shadow:3px 3px 0 var(--color-sticker-shadow)}.scribble-bg{background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20c10-6 24 6 34 0s16-16 30-10 20 24 30 26 16-6 6-16' fill='none' stroke='rgba(0,0,0,0.08)' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.grain{position:relative}.grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 0);background-size:4px 4px;opacity:.3}.mono-label{font-family:var(--font-mono);letter-spacing:.04em}.sketch-tag{border:2px solid var(--color-outline-strong);border-radius:12px;padding:6px 10px;background:var(--color-highlight-2);box-shadow:3px 3px 0 var(--color-sticker-shadow)}.mobile-bottom-bar-container{position:fixed;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-bar{height:64px;border-radius:18px 18px 0 0;border-bottom:none;box-shadow:0 -4px 12px #00000026,0 0 0 3px var(--color-outline-strong)}.mobile-bar-button{display:flex;align-items:center;justify-content:center;flex:1;height:48px;border:2px solid var(--color-outline-strong);border-radius:10px;background:var(--color-tape);color:var(--color-ink);box-shadow:3px 3px 0 var(--color-sticker-shadow);transition:transform .1s ease,box-shadow .1s ease}.mobile-bar-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-sticker-shadow)}.mobile-bar-button.is-active{background:var(--color-highlight-1)}.mobile-bar-button.has-active{position:relative}.mobile-bar-button.has-active:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;border:1.5px solid var(--color-card)}.mobile-bar-button-primary{display:flex;align-items:center;justify-content:center;flex:1;height:48px;border:2.5px solid var(--color-outline-strong);border-radius:10px;background:var(--color-primary);color:#fff;box-shadow:4px 4px 0 var(--color-sticker-shadow);transition:transform .1s ease,box-shadow .1s ease}.mobile-bar-button-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-sticker-shadow)}.mobile-popup{animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){main{padding-bottom:80px!important}.sketch-modal{padding:1rem!important}.sketch-modal .grid{gap:.75rem!important}.sketch-modal .grid>div{padding-top:0!important;padding-bottom:0!important}.sketch-modal .border-t-2{padding-top:1rem!important;margin-top:1rem!important}.sketch-modal .mt-8{margin-top:1rem!important}.sketch-modal .mb-8{margin-bottom:1rem!important}.sketch-modal .mb-6{margin-bottom:.75rem!important}}