@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal.CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal.BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal.B9HHJjqV.woff2) format("woff2"),url(./dm-sans-latin-500-normal.Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal.Aqo67rzb.woff2) format("woff2"),url(./dm-sans-latin-600-normal.BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal.DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal.CUSSCpQX.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./dm-sans-latin-800-normal.C2H8778U.woff2) format("woff2"),url(./dm-sans-latin-800-normal.BwbkPQqB.woff) format("woff")}@font-face{font-family:Rokkitt;font-style:normal;font-display:swap;font-weight:400;src:url(./rokkitt-latin-400-normal.DWADhnli.woff2) format("woff2"),url(./rokkitt-latin-400-normal.DlTE6CUf.woff) format("woff")}@font-face{font-family:Rokkitt;font-style:normal;font-display:swap;font-weight:600;src:url(./rokkitt-latin-600-normal.Bh_Pkext.woff2) format("woff2"),url(./rokkitt-latin-600-normal.BPn8eGvf.woff) format("woff")}@font-face{font-family:Rokkitt;font-style:normal;font-display:swap;font-weight:700;src:url(./rokkitt-latin-700-normal.B7gNvMdR.woff2) format("woff2"),url(./rokkitt-latin-700-normal.Bs9NHMy_.woff) format("woff")}:root{color-scheme:dark;--bg: #0a0c10;--text: #e4e8ef;--muted: #8a9bb8;--border: #1e2a3e;--header-bg: rgba(10, 12, 16, .75);--header-border: rgba(30, 42, 62, .7);--surface: rgba(16, 24, 38, .6);--surface-2: rgba(16, 24, 38, .7);--surface-hover: rgba(25, 36, 56, .85);--surface-subtle: rgba(16, 24, 38, .35);--surface-thumbnail: rgba(16, 24, 38, .55);--surface-chip: rgba(16, 24, 38, .6);--inset-highlight: rgba(255, 255, 255, .04);--accent: #6b93eb;--accent-2: #5ee8c0;--danger: #ff6b6b;--radius: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--container-width: 980px;--font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Rokkitt", ui-serif, Georgia, "Times New Roman", serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}body.portfolio-light{color-scheme:light;--bg: #f8fafc;--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .14);--header-bg: #f8fafc;--header-border: transparent;--surface: rgba(255, 255, 255, .76);--surface-2: rgba(255, 255, 255, .82);--surface-hover: rgba(255, 255, 255, .95);--surface-subtle: rgba(255, 255, 255, .65);--surface-thumbnail: rgba(15, 23, 42, .03);--surface-chip: rgba(15, 23, 42, .04);--inset-highlight: rgba(15, 23, 42, .06);--shadow: 0 10px 30px rgba(2, 6, 23, .12);--container-width: 1200px;background:var(--bg)}body.tasks-light{color-scheme:light;--bg: #f8fafc;--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .14);--header-bg: #f8fafc;--header-border: rgba(15, 23, 42, .08);--surface: rgba(255, 255, 255, .76);--surface-2: rgba(255, 255, 255, .82);--surface-hover: rgba(255, 255, 255, .95);--surface-subtle: rgba(255, 255, 255, .65);--surface-thumbnail: rgba(15, 23, 42, .03);--surface-chip: rgba(15, 23, 42, .04);--inset-highlight: rgba(15, 23, 42, .06);--shadow: 0 10px 30px rgba(2, 6, 23, .12);background:var(--bg)}body.tasks-light .button{background:linear-gradient(180deg,#6b93eb33,#6b93eb1a);border-color:#6b93eb4d}body.tasks-light .button:hover{background:linear-gradient(180deg,#6b93eb59,#6b93eb33);border-color:#6b93eb99;box-shadow:0 4px 12px #6b93eb33;transform:translateY(-1px)}body.tasks-light .button.secondary{background:#ffffffb3;border-color:#0f172a1f}body.tasks-light .button.secondary:hover{background:#fffffff2;border-color:#6b93eb66;box-shadow:0 4px 12px #6b93eb1f;transform:translateY(-1px)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{background:radial-gradient(1200px 800px at 20% 10%,rgba(107,147,235,.18),transparent 60%),radial-gradient(1000px 700px at 80% 20%,rgba(94,232,192,.12),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em}.nav .brand,.title{font-family:var(--font-display)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.sveltekit-body{display:contents}.container{max-width:var(--container-width);margin:0 auto;padding:24px 20px 56px}.fullscreen-main{min-height:100vh;min-height:100dvh;width:100%;padding:0;overflow:hidden}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--header-border)}.nav{max-width:var(--container-width);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px}.nav .brand{font-size:1.4rem;line-height:1.1;font-weight:700;letter-spacing:.2px;margin-right:8px}.nav .spacer{flex:1}.nav-link{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--muted);transition:color .15s ease}.nav-link:hover{color:var(--accent);text-decoration:none}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 1px 0 var(--inset-highlight) inset}.button{appearance:none;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:linear-gradient(180deg,#6b93eb38,#6b93eb14);color:var(--text);cursor:pointer;box-shadow:var(--shadow);transition:transform .1s ease,border-color .2s,background .2s}.button:hover{border-color:#6b93eb99}.button:active{transform:scale(.97)}.button.secondary{background:var(--surface-2);box-shadow:none;transition:background .2s,border-color .2s}.button.secondary:hover{background:var(--surface-hover);border-color:var(--border)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.panel.pad{padding:18px}.muted{color:var(--muted)}.error{color:var(--danger)}@media(max-width:600px){.panel{border:none;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.panel.pad{padding:0}}
