:root{--radius:6px;--shadow:0 8px 30px rgba(0,0,0,.12);--font-serif:"Computer Modern", "Latin Modern", "CMU Serif", Georgia, "Times New Roman", serif;--font-mono:"Segoe UI Mono", "Cascadia Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", Arial}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#190a28;--bg2:#0f0505;--text:#e6e6d2;--muted:#a0a096;--surface:rgba(255,255,255,.06);--surface2:rgba(255,255,255,.1);--border:rgba(255,255,255,.14);--primary:rgba(190,120,80,.8);--primary2:#dc9664;--danger:#ef4444;--success:#4ade80;--current-font:var(--font-mono)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdfbf7;--bg2:#fcf9f0;--text:#2a2a2a;--muted:#6b6a65;--surface:#fff;--surface2:#fdfbf7;--border:#e6e2d8;--primary:#b45309;--primary2:#92400e;--danger:#e11d48;--success:#16a34a;--current-font:var(--font-serif)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:0 0;margin:0;line-height:1.6}.app-root{min-height:100vh;color:var(--text);font-family:var(--current-font), system-ui, -apple-system, sans-serif;background:linear-gradient(180deg, var(--bg), var(--bg2));transition:background .3s,color .3s}.resume-scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;overflow-y:auto}.resume-section{scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100vh;animation:.5s ease-out forwards quickFadeIn;display:flex}@keyframes quickFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page{place-items:start center;width:100%;padding:56px 18px;display:grid}a{color:var(--primary2);text-decoration:none}a:hover{text-decoration:underline}.page{place-items:start center;min-height:100vh;padding:56px 18px;display:grid}.stack{flex-direction:column;gap:16px;width:min(220mm,100%);display:flex}.header{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.header .title{letter-spacing:-.01em;margin:0;font-size:28px}.header .subtitle{color:var(--muted);margin:0}.muted{color:var(--muted);margin:0}hr.sep{border:0;border-top:1px solid var(--border);margin:10px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:24px}.card h2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px}code,.code{font-family:var(--font-mono), ui-monospace;color:var(--text);background:color-mix(in oklab, var(--bg) 72%, transparent);border:1px solid color-mix(in oklab, var(--border) 75%, transparent);border-radius:8px;padding:2px 6px;font-size:12px}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px}.input,textarea{border:1px solid var(--border);background:color-mix(in oklab, var(--bg2) 72%, transparent);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11px 12px;font-family:inherit}:is(.input,textarea):focus{border-color:color-mix(in oklab, var(--primary) 65%, var(--border));box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent)}.actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--border);background:color-mix(in oklab, var(--surface2) 65%, transparent);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 14px;transition:transform .12s,background .12s,border-color .12s}.btn:hover{background:color-mix(in oklab, var(--surface2) 80%, transparent);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.btn-primary{border-color:color-mix(in oklab, var(--primary) 55%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--primary) 92%, white 0%), color-mix(in oklab, var(--primary) 68%, black 0%))}.btn.btn-primary:hover{border-color:color-mix(in oklab, var(--primary) 75%, var(--border))}.status-box{color:var(--text);border-radius:12px;padding:10px 12px}.status-box.error{background:color-mix(in oklab, var(--danger) 12%, transparent);border:1px solid color-mix(in oklab, var(--danger) 35%, transparent)}.status-box.success{background:color-mix(in oklab, var(--success) 12%, transparent);border:1px solid color-mix(in oklab, var(--success) 35%, transparent)}@extend .status-box.error;.error{color:var(--text);background:color-mix(in oklab, var(--danger) 12%, transparent);border:1px solid color-mix(in oklab, var(--danger) 35%, transparent);border-radius:12px;padding:10px 12px}@extend .status-box.success;.success{color:var(--text);background:color-mix(in oklab, var(--success) 12%, transparent);border:1px solid color-mix(in oklab, var(--success) 35%, transparent);border-radius:12px;padding:10px 12px}.notice-box{background:color-mix(in oklab, var(--surface2) 50%, transparent);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px;padding:16px}.notice-box h3{margin-top:0;font-size:1.1rem}.notice-box p{margin:0;font-size:.9rem}.notice-box p:not(:last-child){margin-bottom:16px}.home-page-wrapper{max-width:700px}.home-text-block{white-space:pre-wrap;margin-bottom:24px;line-height:1.7}.home-actions{flex-direction:column;justify-content:center;gap:16px}.home-continue-btn{justify-content:center;min-width:200px}.home-privacy-link{cursor:pointer;font-size:.85rem;text-decoration:none}.front-page-wrapper{max-width:1000px}.front-page-wrapper .profile-grid{grid-template-columns:1.4fr .8fr;align-items:start;gap:24px;display:grid}.front-page-wrapper .info-fields{gap:14px}.front-page-wrapper .media-placeholder{place-items:center;min-height:320px;display:grid}.floating-save-indicator{z-index:1000;position:fixed;bottom:20px;right:20px}.admin-side-panel{z-index:100;flex-direction:column;align-items:flex-end;gap:16px;width:250px;display:flex;position:absolute;top:15px;right:16px}.page{place-items:start center;width:100%;padding:56px 18px;display:grid;position:relative}.menu-header{z-index:1000;padding:12px 16px;position:fixed;top:0;left:0}.cover-letter-wrapper{max-width:800px;margin:0 auto}.cover-letter-wrapper .cover-letter-document{padding:40px;line-height:1.6}.cover-letter-wrapper .address-block{margin-bottom:24px}.cover-letter-wrapper .subject-line{margin-bottom:24px}.timeline-page-wrapper{max-width:800px;margin:0 auto;position:relative}.timeline-container{margin-top:20px;padding-bottom:20px;padding-left:40px;position:relative}.timeline-container .timeline-line{background-color:var(--border,#ccc);width:2px;position:absolute;top:0;bottom:0;left:15px}.timeline-event-wrapper,.timeline-today-wrapper{gap:12px;margin-bottom:32px;display:flex;position:relative}.timeline-event-wrapper{align-items:start}.timeline-event-wrapper .timeline-event-dot{background-color:var(--primary,#007bff);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:12px;left:-30px}.timeline-event-wrapper .timeline-event-card{cursor:pointer;flex:1;padding:16px;transition:transform .2s}.timeline-event-wrapper .timeline-event-body{border-top:1px solid var(--border,#eee);margin-top:12px;padding-top:12px;animation:.3s fadeIn}.timeline-today-wrapper{align-items:center}.timeline-today-wrapper .timeline-today-dot{z-index:2;background-color:#28a745;border-radius:50%;width:14px;height:14px;position:absolute;left:-31px}.timeline-today-wrapper .timeline-today-text{color:#28a745;font-size:.95rem}.skills-page-wrapper{max-width:1000px;margin:0 auto}.skills-page-wrapper .skills-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.skills-page-wrapper .skills-filter-bar .filter-btn{cursor:pointer;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:6px 14px;font-size:.9rem;transition:all .2s}.skills-page-wrapper .skills-filter-bar .filter-btn.active{background:var(--surface2);border-color:var(--primary)}.skills-page-wrapper .bento-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.skills-page-wrapper .bento-grid .bento-card{cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.skills-page-wrapper .bento-grid .bento-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.skills-page-wrapper .bento-grid .bento-card.expanded{grid-column:1/-1}.skills-page-wrapper .bento-grid .bento-card .bento-header{align-items:center;gap:12px;display:flex}.skills-page-wrapper .bento-grid .bento-card .bento-logo{object-fit:cover;background:color-mix(in oklab, var(--bg) 50%, transparent);border-radius:8px;width:40px;height:40px}.skills-page-wrapper .bento-grid .bento-card .bento-category-dot{border-radius:50%;width:8px;height:8px;margin-left:auto}.skills-page-wrapper .bento-grid .bento-card .bento-body{border-top:1px solid var(--border);margin-top:16px;padding-top:16px;line-height:1.6;animation:.4s fadeIn}.modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{width:100%;max-width:500px;padding:24px}.modal-overlay .modal-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.menu-wrapper{position:relative}.hamburger-btn{background:0 0;flex-direction:column;gap:4px;padding:10px;display:flex}.hamburger-line{background:var(--text);border-radius:2px;width:20px;height:2px}.dropdown-menu{z-index:1000;flex-direction:column;gap:8px;min-width:140px;margin-top:8px;padding:12px;display:flex;position:absolute;top:100%;left:0}.dropdown-btn{justify-content:center;width:100%}.logout-btn{color:var(--danger);border-color:color-mix(in oklab, var(--danger) 30%, transparent)}