*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-body);background-color:var(--paper-cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none;border:none;cursor:pointer;padding:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:inherit}:root{--primary: #008f99;--primary-light: #e0f7fa;--accent-orange: #d94e1e;--paper-cream: #f2f0e4;--paper-white: #f9f8f3;--charcoal: #1a1a1a;--ink-black: #050505;--blueprint-blue: #e1e8ed;--font-display: "Space Grotesk", sans-serif;--font-body: "Noto Sans", sans-serif;--font-hand: "Rock Salt", cursive;--font-marker: "Permanent Marker", cursive;--font-mono: "Share Tech Mono", monospace;--font-nixie: "VT323", monospace;--shadow-sketch: 3px 3px 0px 0px var(--charcoal), 2px 2px 0px 0px var(--charcoal);--shadow-sketch-lg: 6px 6px 0px 0px var(--charcoal), 4px 4px 0px 0px var(--charcoal);--shadow-paper: 1px 1px 5px rgba(0, 0, 0, .1), 5px 5px 0 rgba(0, 0, 0, .05);--shadow-hard: 4px 4px 0px 0px var(--accent-orange);--bg-grid-pattern: linear-gradient(to right, #e5e5e5 1px, transparent 1px), linear-gradient(to bottom, #e5e5e5 1px, transparent 1px);--bg-blueprint: linear-gradient(#008f9910 1px, transparent 1px), linear-gradient(90deg, #008f9910 1px, transparent 1px);--bg-halftone: radial-gradient(circle, var(--primary) 1px, transparent 1px)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");mix-blend-mode:multiply}.ink-border{border:2px solid var(--charcoal);border-radius:2px 255px 3px 25px/255px 5px 225px 3px}.ink-border-thick{border:3px solid var(--charcoal);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:4px 4px 0 var(--charcoal)}.tape-strip{position:absolute;height:30px;width:80px;background-color:#dcdcc899;border-left:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a;transform:rotate(-3deg);z-index:20}.tape-strip-long{position:absolute;height:35px;width:140px;background-color:#e6e1c8b3;border:1px solid rgba(0,0,0,.05);box-shadow:1px 1px 3px #0000001a;transform:rotate(2deg);z-index:15}.tape-strip-sm{position:absolute;height:20px;width:50px;background-color:#f0e68cb3;border:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a;z-index:20}.riso-print{filter:grayscale(100%) contrast(120%) brightness(110%);mix-blend-mode:multiply}.halftone-dots{background-image:var(--bg-halftone);background-size:4px 4px;opacity:.15}.halftone-title{background-image:var(--bg-halftone);background-size:3px 3px}.coffee-stain{position:absolute;width:120px;height:120px;border:4px solid #8b5a2b20;border-radius:50%;pointer-events:none;z-index:5;box-shadow:inset 0 0 20px #8b5a2b10;filter:blur(1px)}.coffee-stain:after{content:"";position:absolute;top:-10px;left:-5px;width:90%;height:90%;border:2px solid #8b5a2b15;border-radius:48%;transform:rotate(20deg)}.stamp-classified{border:3px solid var(--accent-orange);color:var(--accent-orange);font-family:var(--font-marker);padding:.2rem 1rem;text-transform:uppercase;font-size:1.2rem;transform:rotate(-15deg);opacity:.8;mix-blend-mode:multiply;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='200' height='100' viewBox='0 0 200 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='200' height='100' viewBox='0 0 200 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E")}.stamp-urgent{border:6px double var(--accent-orange);color:var(--accent-orange);font-family:var(--font-marker);padding:.5rem 1.5rem;text-transform:uppercase;font-size:2rem;transform:rotate(-12deg);opacity:.9;mix-blend-mode:multiply;position:absolute;z-index:40;background:#ffffffb3;pointer-events:none}.terminal-input{background-color:#fff9;border:2px solid var(--charcoal);font-family:var(--font-nixie);font-size:1.25rem;color:var(--charcoal);padding:.75rem 1rem;width:100%;outline:none;transition:all .2s ease}.terminal-input:focus{background-color:#fff;border-color:var(--accent-orange);box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.dial-knob{border-radius:50%;background:conic-gradient(from 180deg,#eee,#ccc);border:2px solid var(--charcoal);box-shadow:2px 2px 0 var(--charcoal)}.radar-grid{background-image:radial-gradient(circle,rgba(26,26,26,.2) 1px,transparent 1px),linear-gradient(rgba(26,26,26,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.1) 1px,transparent 1px);background-size:20px 20px,40px 40px,40px 40px;background-position:center}.typewriter-input{background-color:transparent;border:none;border-bottom:2px solid var(--charcoal);font-family:var(--font-mono);color:var(--charcoal);padding:.5rem 0;width:100%;outline:none;background-image:radial-gradient(var(--charcoal) 1px,transparent 1px);background-size:4px 4px;background-repeat:repeat-x;background-position:bottom}.switch-toggle{appearance:none;-webkit-appearance:none;background-color:#fff;margin:0;width:2.5rem;height:1.25rem;border:2px solid var(--charcoal);box-shadow:2px 2px 0 var(--charcoal);position:relative;cursor:pointer;outline:none;border-radius:0;transition:background-color .2s}.switch-toggle:after{content:"";position:absolute;top:1px;left:1px;width:1rem;height:calc(100% - 2px);background-color:var(--charcoal);transition:transform .2s}.switch-toggle:checked{background-color:var(--paper-cream)}.switch-toggle:checked:after{transform:translate(1.15rem)}.typewriter-input:focus{border-bottom-color:var(--accent-orange);box-shadow:0 4px 0 -2px #d94e1e33}.code-block{background-color:var(--charcoal);color:var(--paper-cream);font-family:var(--font-mono);padding:1rem;border-radius:4px;position:relative;box-shadow:4px 4px #0003;overflow-x:auto}.code-block:before{content:"/// SNIPPET_REF_99 ///";position:absolute;top:0;right:0;background:var(--accent-orange);color:#fff;font-size:10px;padding:2px 6px;font-weight:700}.stamp-tech{border:3px solid var(--charcoal);color:var(--charcoal);font-family:var(--font-mono);padding:.3rem .9rem;text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.5px;transform:rotate(-1deg);display:inline-block;background:#fffc;box-shadow:3px 3px #00000026;transition:transform .2s,box-shadow .2s}.stamp-tech:hover{transform:translate(-2px,-2px) rotate(0);box-shadow:5px 5px #0003}.stamp-tech-color-0{border-color:var(--charcoal);color:var(--charcoal);transform:rotate(-2deg)}.stamp-tech-color-1{border-color:var(--accent-orange);color:var(--accent-orange);background:#d94e1e0f;transform:rotate(2deg)}.stamp-tech-color-2{border-color:var(--primary);color:var(--primary);background:#008f990f;transform:rotate(-3deg)}.stamp-tech-color-3{border-color:#7c3aed;color:#7c3aed;background:#7c3aed0f;transform:rotate(1.5deg)}.stamp-tech-color-4{border-color:#e11d48;color:#e11d48;background:#e11d480f;transform:rotate(-1.5deg)}.section-divider{position:relative;height:2px;background:var(--charcoal);margin:3rem 0;border-radius:50%/100% 100% 0% 0%;transform:rotate(.5deg)}.section-divider:before{content:"";position:absolute;left:0;top:-5px;width:100%;height:4px;background:transparent;border-top:2px solid var(--charcoal);border-radius:50%;transform:rotate(-.5deg)}.timeline-line{position:absolute;top:0;bottom:0;left:20px;width:2px;background-image:linear-gradient(to bottom,var(--charcoal) 50%,transparent 50%);background-size:2px 10px;z-index:10}.folder-tab{clip-path:polygon(0 0,85% 0,95% 100%,0% 100%)}.switch-toggle{appearance:none;width:40px;height:20px;background:#e5e7eb;border:2px solid var(--charcoal);position:relative;cursor:pointer}.switch-toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--charcoal);transition:transform .2s}.switch-toggle:checked{background:var(--accent-orange)}.switch-toggle:checked:after{transform:translate(20px);background:#fff}@media(min-width:768px){.timeline-line{left:50%;transform:translate(-50%)}}.logs-scroll::-webkit-scrollbar{width:8px}.logs-scroll::-webkit-scrollbar-track{background:var(--paper-cream);border-left:1px solid var(--charcoal)}.logs-scroll::-webkit-scrollbar-thumb{background:var(--charcoal);border:1px solid var(--paper-cream)}