@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--color-primary:#1c5073;--color-primary-light:#5ba8ec;--color-accent:#ff6c5c;--color-success:#2ecc70;--color-warning:#ffca57;--color-bg-light:#fbfbf9;--color-bg-dark:#131820;--color-text:#1a1a1a;--color-text-secondary:#5c6470;--color-border:#e2e5e9;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Courier Prime", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--shadow-flat:4px 4px 0px var(--color-text);--shadow-flat-hover:8px 8px 0px var(--color-text);--shadow-glass:0 8px 32px 0 #1b4f7214;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-light);width:100%;min-height:100vh;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.2rem,3vw,1.8rem)}h4{font-size:clamp(1.1rem,2vw,1.35rem)}a{color:var(--color-primary-light);transition:color .2s var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-primary)}@keyframes gridParallax{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@keyframes bokehParallax{0%{transform:translateY(0)}to{transform:translateY(40px)}}.bg-grid{z-index:-1;background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.4;background-position:50%;background-size:40px 40px;width:100vw;height:100vh;animation:linear gridParallax;animation-timeline:scroll();position:fixed;top:0;left:0}.bokeh-lights{z-index:-2;pointer-events:none;width:100vw;height:100vh;animation:linear bokehParallax;animation-timeline:scroll();position:fixed;top:0;left:0;overflow:hidden}.bokeh-light{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.bokeh-1{background-color:var(--color-primary-light);width:50vw;height:50vw;top:-10%;left:-10%}.bokeh-2{background-color:var(--color-accent);width:60vw;height:60vw;bottom:-10%;right:-10%}.btn-primary{font-family:var(--font-display);text-transform:uppercase;background-color:var(--color-primary);color:#fff;border:2px solid var(--color-text);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform .15s var(--ease-spring), box-shadow .15s var(--ease-spring);justify-content:center;align-items:center;gap:8px;padding:.8rem 1.6rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-flat-hover);transform:translate(-3px,-3px)}.btn-primary:active{box-shadow:2px 2px 0px var(--color-text);transform:translate(1px,1px)}.btn-accent{font-family:var(--font-display);text-transform:uppercase;background-color:var(--color-accent);color:var(--color-text);border:2px solid var(--color-text);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform .15s var(--ease-spring), box-shadow .15s var(--ease-spring);justify-content:center;align-items:center;gap:8px;padding:.8rem 1.6rem;font-weight:600;display:inline-flex}.btn-accent:hover{box-shadow:var(--shadow-flat-hover);transform:translate(-3px,-3px)}.btn-accent:active{box-shadow:2px 2px 0px var(--color-text);transform:translate(1px,1px)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:2px solid var(--color-text);box-shadow:var(--shadow-flat);padding:var(--space-lg);background:#fafaf8bf;border-radius:12px}.dossier-layout{align-items:flex-start;gap:0;width:100%;margin-top:2rem;display:flex;position:relative}.dossier-tabs{z-index:100;flex-direction:column;width:160px;display:flex;position:absolute;top:0;left:-160px}@media (width>=901px){.dossier-layout{grid-template-columns:160px 1fr!important;align-items:flex-start!important;gap:0!important;display:grid!important}.dossier-tabs{border-right:none!important;width:100%!important;padding-right:0!important;position:static!important;left:0!important}}@media (width<=900px){.dossier-layout{flex-direction:column!important;gap:0!important;width:100%!important;margin-left:0!important;margin-right:0!important}.dossier-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto;border-bottom:3px solid var(--color-text)!important;background-color:#0000!important;flex-direction:row!important;gap:4px!important;width:100%!important;margin-bottom:0!important;padding-bottom:0!important;position:static!important}.dossier-tabs::-webkit-scrollbar{display:none}.dossier-tab-btn{flex-shrink:0;border:3px solid var(--color-text)!important;box-shadow:none!important;border-bottom:none!important;border-radius:8px 8px 0 0!important;margin-bottom:0!important;padding:8px 12px!important;font-size:.8rem!important;left:0!important}.dossier-tab-btn.active{background-color:var(--color-accent)!important;color:var(--color-text)!important;z-index:120!important;transform:translateY(3px)!important}.dossier-sheet{width:100%;top:0;left:0;box-shadow:var(--shadow-flat)!important;opacity:0!important;pointer-events:none!important;border-radius:0 0 12px 12px!important;height:100%!important;padding:15px!important;position:absolute!important;overflow:hidden!important;transform:none!important}.dossier-sheet.active{opacity:1!important;pointer-events:auto!important;height:auto!important;position:relative!important;overflow:visible!important;transform:none!important}}.dossier-tab-btn{font-family:var(--font-display);text-transform:uppercase;text-align:left;border:2px solid var(--color-text);background-color:var(--color-warning);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);border-right:none;border-radius:8px 0 0 8px;margin-bottom:8px;padding:10px 14px;font-size:.85rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;left:2px;box-shadow:-4px 2px #00000026}.dossier-tab-btn:hover{background-color:var(--color-primary-light);color:#fff;left:0}.dossier-tab-btn.active{background-color:var(--color-accent);color:var(--color-text);z-index:200;font-weight:700;left:4px;box-shadow:-6px 4px #0003}.dossier-stack{flex-grow:1;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid;position:relative}.dossier-sheet{background:var(--color-bg-light);border:3px solid var(--color-text);padding:var(--space-lg);box-shadow:var(--shadow-flat);box-sizing:border-box;opacity:.05;pointer-events:none;border-radius:0 12px 12px;grid-area:1/1/-1/-1;width:100%;min-width:0;height:100%;transition:transform .3s cubic-bezier(.19,1,.22,1),z-index .3s,opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.dossier-sheet.active{z-index:10;opacity:1;pointer-events:auto;box-shadow:var(--shadow-flat-hover);height:auto;position:relative;overflow:visible}.dossier-sheet.slide-out{opacity:.95;z-index:50!important;transform:translate(-100px,-20px)rotate(-3deg)!important}.section-tag{font-family:var(--font-mono);text-transform:uppercase;background:var(--color-warning);color:var(--color-text);border:2px solid var(--color-text);box-shadow:2px 2px 0px var(--color-text);margin-bottom:1.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.matrix-table{border-collapse:collapse;width:100%;margin-top:1rem}.matrix-table th,.matrix-table td{border:2px solid var(--color-text);text-align:left;padding:.8rem;font-size:.85rem}.matrix-table th{background:var(--color-primary);color:#fff}.tabs-nav{flex-wrap:wrap;gap:.25rem;display:flex}.tab-btn{font-family:var(--font-display);background:var(--color-bg-light);color:var(--color-text);cursor:pointer;transition:all .15s var(--ease-smooth);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.tab-btn.active{background:var(--color-text);color:var(--color-bg-light)}.tab-content{padding:var(--space-lg);background:var(--color-bg-light)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.retro-card{background:var(--color-bg-light);border:2px solid var(--color-text);padding:var(--space-md);box-shadow:4px 4px 0px var(--color-text)}.illustration-box{border:2.5px solid var(--color-text);text-align:center;background:#e5dfd3;margin:1.5rem 0;padding:.8rem}.illustration-box img{border:2px solid var(--color-text);max-width:100%;height:auto}.illustration-caption{font-family:var(--font-mono);color:var(--color-text-secondary);margin-top:.6rem;font-size:.75rem}.checklist{flex-direction:column;gap:1.2rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.checklist-item{align-items:start;gap:1rem;display:flex}.checklist-checkbox{background:var(--color-bg-light);cursor:pointer;width:26px;height:26px;font-weight:700;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checklist-checkbox.checked{background:var(--color-accent);color:var(--color-text)}.checklist-text{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.checklist-text:hover{color:var(--color-primary);text-decoration:underline}.recipe-box{border:2px dashed var(--color-accent);font-family:var(--font-mono);background:#ff6b5b0a;margin-top:1.2rem;padding:1.5rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-accent)!important;outline-offset:3px!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0a141e99;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--color-bg-light);border:3px solid var(--color-text);box-shadow:8px 8px 0px var(--color-text);padding:var(--space-lg);border-radius:8px;width:90%;max-width:500px;position:relative}.modal-close-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;padding:4px 8px;font-size:1.8rem;font-weight:700;line-height:1;position:absolute;top:.5rem;right:.5rem}.modal-close-btn:hover{color:var(--color-accent)}.wizard-flow{flex-direction:column;gap:1.25rem;display:flex}@keyframes vibrate{0%{transform:translate(0)rotate(0)}20%{transform:translate(-2px,1px)rotate(-.5deg)}40%{transform:translate(1px,-1px)rotate(.5deg)}60%{transform:translate(-1px,2px)rotate(0)}80%{transform:translate(2px,1px)rotate(.5deg)}to{transform:translate(0)rotate(0)}}.vibrate-animation{animation:.15s linear infinite vibrate}:root{--ease-spring-rebound:cubic-bezier(.175, .885, .42, 1.6);--ease-squish:cubic-bezier(.25, 1, .5, 1)}@keyframes cinematicReveal{0%{opacity:0;filter:blur(8px);transform:translateY(40px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.reveal-item{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards cinematicReveal}.btn-haptic{transition:transform .25s var(--ease-spring-rebound), box-shadow .15s var(--ease-squish), background-color .2s ease, color .2s ease, border-color .2s ease}.btn-haptic:active{box-shadow:2px 2px 0px var(--color-text)!important;transition:transform 50ms var(--ease-squish)!important;transform:scale(.94,.9)translate(1px,1px)!important}.bento-card-active{background:var(--color-bg-light);border:3px solid var(--color-text);box-shadow:6px 6px 0px var(--color-text);transform:rotate(var(--rotate-deg,-.5deg));transition:transform .3s var(--ease-spring-rebound), box-shadow .3s var(--ease-spring-rebound);transform-origin:50%}@media (width>=769px){.bento-featured{grid-column:span 2!important}}.bento-card-active:hover{box-shadow:10px 10px 0px var(--color-text);z-index:5;transform:rotate(0)scale(1.008)translate(-4px,-4px)}.bento-card-locked{background:var(--color-bg-light);border:2.5px solid var(--color-border);opacity:.75;cursor:not-allowed;transition:border-color .25s}@media (prefers-reduced-motion:reduce){.reveal-item{opacity:1!important;animation:none!important}.btn-haptic{transition:none!important}.btn-haptic:active{transform:none!important}.bento-card-active{transition:none!important;transform:none!important}.bento-card-active:hover{transform:none!important}}