:root{--board-bg:#f4eee2;--board-frame:#dfd0bb;--board-inner-glow:inset 0 0 50px #b48c5a33;--board-shadow:0 20px 50px #a0825a2e, 0 4px 14px #0000000d;--board-bracket:#8c643c59;--coffee-stain:#96552824;--header-note-bg:#fffbeb;--header-note-text:#1e293b;--header-note-muted:#64748b;--header-note-border:#fef08a;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 12px 30px #00000024, 0 2px 8px #0000000f;--card-hover-shadow:0 24px 55px #0000003d, 0 6px 16px #0000001a;--card-text-title:#0f172a;--card-text-desc:#334155;--card-text-tech:#2563eb;--card-border-dashed:#cbd5e1;--hud-bg:#f8fafc;--hud-border:#e2e8f0;--hud-text:#0284c7;--yarn-base-color:#dc2626;--yarn-tag-bg:#fff;--yarn-tag-text:#991b1b;--yarn-tag-border:#fca5a5;--tab-nav-bg:#0000000f;--tab-nav-btn-text:#475569;--dot-bg:#0003;--btn-demo-bg:#eff6ff;--btn-demo-color:#1d4ed8;--btn-demo-border:#bfdbfe;--btn-code-bg:#f1f5f9;--btn-code-color:#334155;--btn-code-border:#cbd5e1;--btn-info-color:#64748b;--modal-btn-code-bg:#0f172a;--modal-btn-code-text:#fff;--modal-btn-code-border:#1e293b;--washi-tape-bg:#fef08ab3;--washi-tape-border:#facc1580}[data-theme=dark]{--board-bg:#111218;--board-frame:#1e212b;--board-inner-glow:inset 0 0 90px #000000d9;--board-shadow:0 30px 80px #000000b3;--board-bracket:#ffffff2e;--coffee-stain:#b46e321f;--header-note-bg:#222532;--header-note-text:#f8fafc;--header-note-muted:#94a3b8;--header-note-border:#ffffff1f;--card-bg:#1c1e28;--card-border:#ffffff26;--card-shadow:0 16px 45px #000000a6, 0 4px 14px #00000073;--card-hover-shadow:0 32px 75px #000000d9, 0 8px 25px #0009;--card-text-title:#fff;--card-text-desc:#cbd5e1;--card-text-tech:#60a5fa;--card-border-dashed:#ffffff24;--hud-bg:#0f172ad9;--hud-border:#38bdf840;--hud-text:#38bdf8;--yarn-base-color:#ef4444;--yarn-tag-bg:#1f2330;--yarn-tag-text:#fca5a5;--yarn-tag-border:#ef444466;--tab-nav-bg:#ffffff14;--tab-nav-btn-text:#cbd5e1;--dot-bg:#ffffff40;--btn-demo-bg:#2563eb3d;--btn-demo-color:#93c5fd;--btn-demo-border:#60a5fa73;--btn-code-bg:#ffffff14;--btn-code-color:#f1f5f9;--btn-code-border:#ffffff2e;--btn-info-color:#94a3b8;--modal-btn-code-bg:#222530;--modal-btn-code-text:#f8fafc;--modal-btn-code-border:#3d4254;--washi-tape-bg:#eab30859;--washi-tape-border:#eab30880}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--board-bg:#111218;--board-frame:#1e212b;--board-inner-glow:inset 0 0 90px #000000d9;--board-shadow:0 30px 80px #000000b3;--board-bracket:#ffffff2e;--coffee-stain:#b46e321f;--header-note-bg:#222532;--header-note-text:#f8fafc;--header-note-muted:#94a3b8;--header-note-border:#ffffff1f;--card-bg:#1c1e28;--card-border:#ffffff26;--card-shadow:0 16px 45px #000000a6, 0 4px 14px #00000073;--card-hover-shadow:0 32px 75px #000000d9, 0 8px 25px #0009;--card-text-title:#fff;--card-text-desc:#cbd5e1;--card-text-tech:#60a5fa;--card-border-dashed:#ffffff24;--hud-bg:#0f172ad9;--hud-border:#38bdf840;--hud-text:#38bdf8;--yarn-base-color:#ef4444;--yarn-tag-bg:#1f2330;--yarn-tag-text:#fca5a5;--yarn-tag-border:#ef444466;--tab-nav-bg:#ffffff14;--tab-nav-btn-text:#cbd5e1;--dot-bg:#ffffff40;--btn-demo-bg:#2563eb3d;--btn-demo-color:#93c5fd;--btn-demo-border:#60a5fa73;--btn-code-bg:#ffffff14;--btn-code-color:#f1f5f9;--btn-code-border:#ffffff2e;--btn-info-color:#94a3b8;--modal-btn-code-bg:#222530;--modal-btn-code-text:#f8fafc;--modal-btn-code-border:#3d4254;--washi-tape-bg:#eab30859;--washi-tape-border:#eab30880}}.board-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 24px 160px;display:flex;position:relative}.board-container{background-color:var(--board-bg);border:14px solid var(--board-frame);width:100%;max-width:1260px;min-height:780px;box-shadow:0 0 0 1px #0000000f, var(--board-inner-glow), var(--board-shadow);border-radius:18px;margin:0 auto;position:relative;overflow:hidden}.board-container:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle,#0000000a 1px,#0000 1px),radial-gradient(circle at 25% 75%,#00000005 1px,#0000 1px);background-size:18px 18px,10px 10px;position:absolute;inset:0}.board-corner{border-color:var(--board-bracket);pointer-events:none;z-index:4;border-style:solid;width:22px;height:22px;position:absolute}.corner-tl{border-width:3px 0 0 3px;top:10px;left:10px}.corner-tr{border-width:3px 3px 0 0;top:10px;right:10px}.corner-bl{border-width:0 0 3px 3px;bottom:10px;left:10px}.corner-br{border-width:0 3px 3px 0;bottom:10px;right:10px}.string-canvas{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.conspiracy-curve{transition:stroke .25s,filter .25s,stroke-width .25s}.curve-active{filter:drop-shadow(0 0 8px #eab308);stroke:#eab308!important;stroke-width:3.5px!important}.curve-tag-badge{fill:var(--yarn-tag-bg);stroke:var(--yarn-tag-border);stroke-width:1.5px}.curve-tag-text{fill:var(--yarn-tag-text);letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:700}.coffee-stain{border:4px solid var(--coffee-stain);z-index:2;pointer-events:none;border-radius:50%;position:absolute}.stain-1{border-right-color:#0000;width:130px;height:130px;top:6%;left:18%;transform:rotate(45deg)}.stain-2{border-bottom-color:#0000;border-left-color:#0000;width:160px;height:160px;bottom:12%;right:18%;transform:rotate(-30deg)}.board-header-row{z-index:15;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 36px 0;display:flex;position:relative}.torn-note{background-color:var(--header-note-bg);color:var(--header-note-text);border:1px solid var(--header-note-border);border-radius:4px;padding:12px 24px 14px;transition:all .3s;position:relative;transform:rotate(-1deg);box-shadow:2px 8px 22px #0003}.torn-note h1{color:var(--header-note-text);margin-bottom:2px;font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.2}.torn-note p{color:var(--header-note-muted);font-size:.92rem}.board-cabinet-controls{background:var(--tab-nav-bg);border:1px solid var(--card-border);border-radius:30px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex}.category-chip{color:var(--tab-nav-btn-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;padding:6px 12px;font-size:.84rem;font-weight:600;transition:all .25s}.category-chip:hover{color:var(--card-text-title)}.category-chip.chip-active{background:#eab308;font-weight:700;box-shadow:0 2px 8px #eab30866;color:#0f1117!important}.view-mode-toggle{border-left:1px solid var(--card-border-dashed);align-items:center;gap:4px;padding-left:8px;display:inline-flex}.view-btn{color:var(--tab-nav-btn-text);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:5px 10px;font-size:.8rem;font-weight:600;transition:all .2s}.view-btn.active{background:var(--card-bg);color:var(--card-text-title);box-shadow:0 2px 6px #0000001a}.projects-grid{z-index:10;width:100%;height:calc(100% - 100px);position:absolute;top:100px;left:0}.projects-grid.grid-archive-mode{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:32px;height:auto;padding:30px 36px 60px;display:grid;position:relative;top:0}.grid-archive-mode .card-anchor{justify-content:center;display:flex;animation:none!important;position:relative!important;top:0!important;left:0!important}.card-anchor{transition:z-index .2s;position:absolute}.card-anchor.card-enter{animation:.42s cubic-bezier(.16,1,.3,1) both cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (min-width:861px){.card-anchor{will-change:auto}}.polaroid-card{perspective:1200px;-webkit-user-select:none;user-select:none;width:320px;position:relative}.polaroid-card-inner{background-color:var(--card-bg);width:100%;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transform-style:preserve-3d;border-radius:6px;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:relative}.polaroid-card:hover .polaroid-card-inner{box-shadow:var(--card-hover-shadow)}.polaroid-card.is-flipped .polaroid-card-inner{transform:rotateY(180deg)!important}.polaroid-face-front{backface-visibility:hidden;padding:12px 12px 18px;transform:rotateY(0)}.polaroid-face-back{backface-visibility:hidden;background-color:var(--card-bg);box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:space-between;padding:16px 14px;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}.back-header-strip{border-bottom:1px dashed var(--card-border-dashed);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.back-stamp{font-family:var(--font-mono,monospace);color:#ef4444;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800}.back-flip-btn{background:var(--tab-nav-bg);color:var(--card-text-desc);cursor:pointer;border:none;border-radius:12px;padding:3px 8px;font-size:.76rem;font-weight:700;transition:all .2s}.back-flip-btn:hover{color:#0f1117;background:#eab308}.back-title{color:var(--card-text-title);margin-bottom:6px;font-size:1.15rem;font-weight:700;line-height:1.25}.back-notes-text{color:var(--card-text-desc);flex:1;margin-bottom:10px;font-size:.84rem;line-height:1.45;overflow-y:auto}.back-tech-pills{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.back-tech-pill{background:var(--tab-nav-bg);color:var(--card-text-tech);border:1px solid var(--card-border);border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600}.back-action-row{border-top:1px dashed var(--card-border-dashed);gap:8px;padding-top:8px;display:flex}.washi-tape-strip{background:var(--washi-tape-bg);border:1px solid var(--washi-tape-border);pointer-events:none;z-index:24;border-left:2px dashed #00000026;border-right:2px dashed #00000026;width:55px;height:18px;position:absolute;top:-8px;right:18px;transform:rotate(8deg)translateZ(24px);box-shadow:0 2px 4px #00000026}.push-pin{z-index:26;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:-10px;left:50%;transform:translate(-50%)translateZ(32px);box-shadow:inset -2px -2px 4px #0006,inset 2px 2px 4px #ffffffa6,0 5px 8px #00000073}.push-pin:after{content:"";z-index:-1;background:#94a3b8;width:2px;height:8px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.polaroid-image-frame{border:1px solid var(--card-border);background-color:#0b0f19;border-radius:3px;width:100%;height:178px;position:relative;overflow:hidden}.polaroid-real-img{object-fit:cover;width:100%;height:100%;display:block}.polaroid-card:hover .polaroid-real-img{transition:transform .5s cubic-bezier(.16,1,.3,1);transform:scale(1.04)}.recruiter-hud-strip{background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:4px;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;transition:background-color .3s;display:flex}.hud-metric-text{font-family:var(--font-mono,monospace);color:var(--hud-text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.hud-live-tag{color:#22c55e;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;gap:4px;font-size:.62rem;font-weight:700;display:inline-flex}.hud-live-tag:before{content:"";background-color:#22c55e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #22c55ebf}.polaroid-caption{color:var(--card-text-title);text-align:left;margin-top:8px}.polaroid-caption h3{color:var(--card-text-title);margin-bottom:3px;font-size:1.22rem;line-height:1.25;transition:color .3s}.caption-desc{color:var(--card-text-desc);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.84rem;line-height:1.35;transition:color .3s;display:-webkit-box;overflow:hidden}.caption-tech{color:var(--card-text-tech);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:.8rem;font-weight:600;transition:color .3s;overflow:hidden}.scrapbook-actions{border-top:1px dashed var(--card-border-dashed);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.scrapbook-btn-demo{color:var(--btn-demo-color);background:var(--btn-demo-bg);border:1px solid var(--btn-demo-border);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.scrapbook-btn-demo:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59}.scrapbook-btn-code{color:var(--btn-code-color);background:var(--btn-code-bg);border:1px solid var(--btn-code-border);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.scrapbook-btn-code:hover{opacity:.95;transform:translateY(-1px)}.scrapbook-btn-flip{color:var(--btn-info-color);cursor:pointer;background:var(--tab-nav-bg);border:none;border-radius:12px;align-items:center;gap:3px;padding:4px 8px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.scrapbook-btn-flip:hover{color:#0f1117;background:#eab308}.modal-backdrop{z-index:99999;background:#080a0ee6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card.dossier-modal-sheet{background:var(--card-bg,#1a1c24);border:2px solid var(--card-border,#ffffff29);width:100%;max-width:660px;max-height:88vh;color:var(--card-text-title,#f1f5f9);border-radius:18px;flex-direction:column;padding:20px 24px 22px;display:flex;position:relative;overflow-y:auto;box-shadow:0 35px 90px #000000bf}.bottom-sheet-drag-handle{display:none}.dossier-top-bar{border-bottom:1px solid var(--card-border-dashed,#ffffff1f);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.dossier-window-controls{align-items:center;gap:7px;display:flex}.window-dot{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .2s,opacity .2s;display:inline-block}.window-dot:hover{opacity:.85;transform:scale(1.15)}.dot-close{background:#ff5f56;border:1px solid #e0443e}.dot-min{background:#ffbd2e;border:1px solid #dea123}.dot-max{background:#27c93f;border:1px solid #1aab29}.dossier-case-tag{letter-spacing:.08em;color:#eab308;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.case-pulse-blip{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #22c55ecc}.modal-close-btn{border:1px solid var(--card-border,#ffffff2e);width:30px;height:30px;color:var(--card-text-desc,#94a3b8);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.dossier-segment-switcher{background:var(--tab-nav-bg,#00000014);border:1px solid var(--card-border,#ffffff1f);border-radius:30px;gap:4px;margin-bottom:16px;padding:3px;display:flex}.segment-btn{color:var(--card-text-desc,#94a3b8);font-family:var(--font-body,system-ui, sans-serif);cursor:pointer;background:0 0;border:none;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.segment-btn.segment-active{background:#eab308;box-shadow:0 2px 10px #eab30859;color:#0f1117!important}.dossier-viewport-frame{border:1px solid var(--card-border,#ffffff26);background:#000;border-radius:10px;margin-bottom:14px;overflow:hidden;box-shadow:0 10px 24px #00000059}.viewport-status-bar{background:#0f172af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.viewport-url-chip{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.72rem;overflow:hidden}.viewport-badge-online{color:#4ade80;letter-spacing:.08em;font-size:.65rem;font-weight:800}.modal-img-container{background:#050608;width:100%;height:230px;overflow:hidden}.modal-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.modal-img-container:hover img{transform:scale(1.02)}.dossier-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.modal-title{color:var(--card-text-title,#fff);font-size:1.55rem;font-weight:700;line-height:1.25}.dossier-metric-ticker{font-family:var(--font-mono,monospace);color:#0284c7;background:#38bdf824;border:1px solid #38bdf859;border-radius:12px;padding:3px 9px;font-size:.76rem;font-weight:700}[data-theme=dark] .dossier-metric-ticker{color:#38bdf8;border-color:#38bdf866}.dossier-quick-summary{color:var(--card-text-desc,#cbd5e1);margin-bottom:14px;font-size:.88rem;line-height:1.5}.blueprint-stamp-strip{border-bottom:1px dashed var(--card-border-dashed);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.stamp-classified{font-family:var(--font-mono,monospace);color:#ef4444;letter-spacing:.12em;font-size:.68rem;font-weight:800}.stamp-id{font-family:var(--font-mono,monospace);color:var(--card-text-desc);opacity:.7;font-size:.68rem}.blueprint-notes-box{background:var(--tab-nav-bg,#0000000a);border:1px solid var(--card-border);border-radius:8px;margin-bottom:14px;padding:12px 14px 12px 18px;position:relative}.notes-marker-accent{background:#eab308;border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.dossier-section-title{letter-spacing:.08em;color:var(--card-text-desc);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.74rem;font-weight:800;display:flex}.dossier-count{opacity:.7;font-weight:600}.modal-tech-list{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.modal-tech-tag{font-family:var(--font-body,system-ui, sans-serif);background:var(--tab-nav-bg,#0000000d);color:var(--card-text-title,#0f172a);border:1px solid var(--card-border,#0000001f);border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600}[data-theme=dark] .modal-tech-tag{color:#f1f5f9;border-color:#ffffff26}.modal-actions.dossier-actions-dock{border-top:1px solid var(--card-border-dashed,#ffffff26);align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.demo-btn-wrap{flex:1.5;width:100%}.code-btn-wrap{flex:none}.modal-btn-demo{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #eab30859;color:#0f1117!important;font-family:var(--font-body,system-ui, sans-serif)!important;background:#eab308!important;font-size:.94rem!important;font-weight:700!important}.modal-btn-demo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #eab3088c;background:#f59e0b!important}.modal-btn-code.modal-btn-code-compact{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 10px #0f172a33;color:#fff!important;font-family:var(--font-body,system-ui, sans-serif)!important;background:#0f172a!important;border:1.5px solid #1e293b!important;border-radius:20px!important;padding:8px 16px!important;font-size:.82rem!important;font-weight:700!important}[data-theme=dark] .modal-btn-code.modal-btn-code-compact{box-shadow:0 3px 10px #0006;color:#fff!important;background:#1e2230!important;border:1.5px solid #ffffff38!important}.modal-btn-code.modal-btn-code-compact:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a4d;color:#fff!important;background:#1e293b!important}[data-theme=dark] .modal-btn-code.modal-btn-code-compact:hover{box-shadow:0 6px 18px #0000008c;background:#2b3145!important;border-color:#ffffff73!important}[data-theme=light] .modal-card.dossier-modal-sheet{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 25px 65px #0000002e,0 4px 16px #0000000f!important}[data-theme=light] .dossier-top-bar{border-bottom-color:#e2e8f0!important}[data-theme=light] .modal-close-btn{color:#334155!important;background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .dossier-segment-switcher{background:#f1f5f9!important;border-color:#e2e8f0!important}[data-theme=light] .segment-btn{color:#475569!important}[data-theme=light] .segment-btn.segment-active{color:#0f1117!important;background:#eab308!important}[data-theme=light] .dossier-viewport-frame{border-color:#e2e8f0!important;box-shadow:0 8px 25px #0000001f!important}[data-theme=light] .viewport-status-bar{color:#cbd5e1!important;background:#0f172a!important}[data-theme=light] .modal-title{color:#0f172a!important}[data-theme=light] .dossier-quick-summary{color:#334155!important}[data-theme=light] .blueprint-notes-box{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .modal-desc{color:#334155!important}[data-theme=light] .modal-tech-tag{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .modal-btn-code.modal-btn-code-compact{color:#fff!important;background:#0f172a!important;border:1.5px solid #0f172a!important;box-shadow:0 3px 10px #0f172a2e!important}[data-theme=light] .modal-btn-code.modal-btn-code-compact:hover{color:#fff!important;background:#1e293b!important}.projects-grid.grid-archive-mode{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:28px 20px;width:100%;min-height:auto;padding:24px 20px 60px;display:grid;position:relative;height:auto!important}.projects-grid.grid-archive-mode .card-anchor{justify-content:center;display:flex;animation:none!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.mobile-case-navigator,.mobile-carousel-pagination{display:none}@media (max-width:860px){.board-wrapper{min-height:auto;padding:60px 10px 140px}.board-container{border-width:6px;border-radius:14px;min-height:auto;overflow:visible}.board-header-row{flex-direction:column;align-items:center;padding:14px 12px 6px}.torn-note{box-sizing:border-box;text-align:center;width:100%;padding:10px 16px;transform:rotate(0)}.torn-note h1{margin-bottom:2px;font-size:1.35rem}.torn-note p{font-size:.8rem}.board-cabinet-controls{justify-content:center;width:100%;padding:4px 8px;overflow-x:auto}.mobile-case-navigator{justify-content:center;margin-top:4px;padding:4px 12px 8px;display:flex}.mobile-tabs-row{background:var(--tab-nav-bg);border:1px solid var(--card-border);border-radius:30px;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.mobile-tab-btn{color:var(--tab-nav-btn-text);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.82rem;font-weight:600;transition:all .25s;display:inline-flex}.mobile-tab-btn .tab-digit{font-family:var(--font-mono,monospace);opacity:.7;font-size:.65rem}.mobile-tab-btn.tab-active{background:#eab308;font-weight:700;transform:scale(1.02);box-shadow:0 2px 8px #eab30866;color:#0f1117!important}.projects-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%;height:auto;padding:12px 20px 16px;display:flex;position:relative;top:0;left:0;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.card-anchor{scroll-snap-align:center;flex:0 0 268px;justify-content:center;display:flex;animation:none!important;position:relative!important;top:0!important;left:0!important}.polaroid-card{width:268px}.polaroid-card-inner{min-height:320px}.polaroid-face-front{padding:10px 10px 14px}.polaroid-image-frame{height:135px}.washi-tape-strip{width:44px;height:15px;top:-6px;right:14px}.push-pin{width:15px;height:15px;top:-8px}.recruiter-hud-strip{margin-top:6px;padding:3px 6px}.hud-metric-text{font-size:.62rem}.hud-live-tag{font-size:.58rem}.polaroid-caption{margin-top:6px}.polaroid-caption h3{margin-bottom:2px;font-size:1.08rem;line-height:1.2}.caption-desc{-webkit-line-clamp:2;margin-bottom:4px;font-size:.78rem;line-height:1.3}.caption-tech{margin-bottom:6px;font-size:.72rem}.scrapbook-actions{gap:6px;padding-top:6px}.scrapbook-btn-demo,.scrapbook-btn-code{padding:4px 9px;font-size:.85rem}.mobile-carousel-pagination{flex-direction:column;align-items:center;gap:6px;padding:4px 12px 18px;display:flex}.carousel-dots{align-items:center;gap:6px;display:flex}.carousel-dot{background:var(--dot-bg);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.carousel-dot.dot-active{background:#eab308;border-radius:8px;width:20px;box-shadow:0 0 8px #eab30880}.carousel-hint{color:var(--header-note-muted);font-size:.82rem}.string-canvas,.coffee-stain{display:none}.modal-backdrop{align-items:flex-end;padding:0}.modal-card.dossier-modal-sheet{border-bottom:none;border-radius:26px 26px 0 0;max-height:84vh;padding:10px 16px 20px;box-shadow:0 -12px 45px #000000b3}.bottom-sheet-drag-handle{background:#a0a0a073;border-radius:3px;width:44px;height:5px;margin:4px auto 10px;display:block}.dossier-top-bar{margin-bottom:10px;padding-bottom:8px}.dossier-segment-switcher{margin-bottom:12px}.segment-btn{padding:7px 8px;font-size:.78rem}.modal-title{font-size:1.25rem;line-height:1.2}.dossier-metric-ticker{padding:2px 7px;font-size:.7rem}.modal-img-container{border-radius:8px;height:175px}.viewport-status-bar{padding:4px 10px}.viewport-url-chip{max-width:170px;font-size:.66rem}.viewport-badge-online{font-size:.6rem}.blueprint-notes-box{margin-bottom:10px;padding:10px 12px 10px 14px}.modal-desc{font-size:.86rem;line-height:1.5}.modal-tech-tag{padding:3px 8px;font-size:.72rem}.modal-actions.dossier-actions-dock{flex-direction:row;align-items:center;gap:8px;padding-top:10px}.demo-btn-wrap{flex:1.5}.code-btn-wrap{flex:none}.modal-btn-demo{white-space:nowrap;padding:9px 14px!important;font-size:.84rem!important}.modal-btn-code.modal-btn-code-compact{white-space:nowrap;padding:8px 12px!important;font-size:.76rem!important}}