:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app{--cursor-x:50vw;--cursor-y:50vh;--cursor-glow-opacity:0;min-height:100vh;position:relative;overflow:hidden}.app:before{content:"";z-index:0;pointer-events:none;opacity:calc(.08 + (var(--cursor-glow-opacity) * .56));background:radial-gradient(circle, color-mix(in srgb, var(--primary) 62%, transparent) 0 1.2px, transparent 1.2px), radial-gradient(circle, color-mix(in srgb, var(--primary) 36%, transparent) 0 .8px, transparent .8px);-webkit-mask-image:radial-gradient(circle 32rem at var(--cursor-x) var(--cursor-y), #000 0%, #000000eb 34%, #00000073 58%, #0000 78%);-webkit-mask-image:radial-gradient(circle 32rem at var(--cursor-x) var(--cursor-y), #000 0%, #000000eb 34%, #00000073 58%, #0000 78%);mask-image:radial-gradient(circle 32rem at var(--cursor-x) var(--cursor-y), #000 0%, #000000eb 34%, #00000073 58%, #0000 78%);background-position:0 0,10px 10px;background-size:20px 20px,20px 20px;transition:opacity .25s,background .18s,-webkit-mask-image .18s,mask-image .18s;position:absolute;inset:0}.app:after{content:"";z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.theme-tiles-transitioning .feature-card,.theme-tiles-transitioning .list-card,.theme-tiles-transitioning .article-card,.theme-tiles-transitioning .feature-card *,.theme-tiles-transitioning .list-card *,.theme-tiles-transitioning .article-card *{transition:background-color .5s,border-color .5s,color .5s,box-shadow .5s}.theme-transition-overlay{z-index:2;pointer-events:none;visibility:hidden;background-color:var(--base-300);will-change:clip-path;position:fixed;inset:0}.theme-dim{--base-100:#252e3d;--base-200:#1f2633;--base-300:#141b25;--base-content:#c6d0e3;--primary:#8ea0ff;--primary-content:#07101f;--border:#98abd329;--badge:#ff6f86;--surface-strong:#ffffff0f;--surface-soft:#ffffff08;--surface-shadow:#050a1461;--tile-base:#2d394c;--tile-accent:#34445b;color:var(--base-content);background:radial-gradient(circle at 0 0,#6681ff1f,#0000 28%),radial-gradient(circle at 100% 0,#47c9b014,#0000 24%),linear-gradient(#1a2230 0%,#141b25 38%,#10161f 100%)}.theme-dim.app:before{opacity:calc(.06 + (var(--cursor-glow-opacity) * .48))}.theme-silk.app:before{opacity:calc(.06 + (var(--cursor-glow-opacity) * .42))}.theme-silk{--base-100:#faf6f1;--base-200:#efe7de;--base-300:#e4d8cb;--base-content:#3e3a37;--primary:#6c5240;--primary-content:#fcf8f4;--border:#6c524024;--badge:#cf5a68;--surface-strong:#ffffffbd;--surface-soft:#ffffff7a;--surface-shadow:#65503c24;--tile-base:#d8c9ba;--tile-accent:#e3d7cb;color:var(--base-content);background:radial-gradient(circle at 0 0,#6c524014,#0000 28%),radial-gradient(circle at 100% 0,#d0895c14,#0000 24%),linear-gradient(#f2e9df 0%,#e9ddd1 48%,#e1d5ca 100%)}.page{z-index:3;min-height:100vh;padding:1rem;position:relative}.topbar,.landing-grid,.list-card,.article-card,.footer{width:min(72rem,100%);margin-inline:auto}.breadcrumbs{flex:1;min-width:0;margin-bottom:0;font-size:.875rem}.breadcrumb-row{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.history-nav{flex:none;align-items:center;gap:.4rem;margin-bottom:0;display:flex}.history-button{border:1px solid var(--border);background-color:var(--base-100);width:2rem;height:2rem;color:inherit;cursor:pointer;box-shadow:inset 0 0 0 999px var(--base-100);background-image:none;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.history-button:disabled{opacity:.4;cursor:not-allowed}.breadcrumbs ul{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:.375rem;display:flex}.breadcrumbs a,.breadcrumbs span{opacity:.7;align-items:center;gap:.375rem;transition:opacity .15s;display:inline-flex}.breadcrumbs a:hover,.breadcrumbs span:hover{opacity:1}.breadcrumbs .separator{opacity:.4;margin-inline:.25rem}.breadcrumbs .current{opacity:1;font-weight:500}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin-bottom:2rem;padding-top:0;transition:border-color .18s,background-color .18s,box-shadow .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s,padding .18s;display:flex;position:sticky;top:0}.topbar-scrolled{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--base-300) 82%, transparent);box-shadow:0 14px 34px var(--surface-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);padding:.7rem 1rem 0}.topbar-scrolled .history-button{background-color:var(--base-100);box-shadow:inset 0 0 0 999px var(--base-100), 0 1px 0 #ffffff0a;background-image:none}.theme-toggle{flex:none;align-self:center;display:flex}.theme-controls{align-items:center;gap:.5rem;display:flex;position:relative}.theme-slider{border:1px solid var(--border);cursor:pointer;background:var(--base-100);color:inherit;border-radius:999px;padding:.2rem}.theme-slider-track{grid-template-columns:1fr 1fr;align-items:center;width:3.9rem;height:2rem;display:grid;position:relative}.theme-icon{z-index:1;color:inherit;opacity:.7;justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex;position:relative}.theme-slider.dark .moon-icon,.theme-slider.light .sun-icon{opacity:1}.theme-thumb{background:var(--primary);border-radius:999px;width:2rem;height:2rem;transition:transform .2s;position:absolute;top:0;left:0;box-shadow:0 4px 16px #0000002e}.theme-slider.light .theme-thumb{transform:translate(1.9rem)}.theme-slider.light{color:var(--primary-content)}.theme-slider.light .moon-icon{color:var(--base-content)}.topbar-scrolled .terminal-trigger{opacity:0;pointer-events:none;border-width:0;flex-basis:0;width:0;margin:0;padding:0;overflow:hidden}.settings-button{border:1px solid var(--border);background:var(--base-100);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;border-radius:.7rem;flex:0 0 2.25rem;justify-content:center;align-items:center;transition:width .18s,opacity .18s,margin .18s,padding .18s,border-color .18s;display:inline-flex}.settings-button.active{color:var(--primary)}.settings-title{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin:0 0 .5rem;font-size:.78rem;font-weight:800}.terminal-drawer{border-left:1px solid var(--border);background:color-mix(in srgb, var(--base-100) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;z-index:60;width:min(26rem,100vw);height:100vh;padding:1.1rem;transition:transform .22s,opacity .18s,visibility .18s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 40px #0003}.terminal-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.terminal-drawer-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.terminal-drawer-header h2{margin:0;font-size:1.35rem;line-height:1.2}.terminal-copy{margin:0 0 1rem}.terminal-command-block{border:1px solid var(--border);background:color-mix(in srgb, var(--base-200) 65%, transparent);border-radius:.9rem;margin-bottom:.9rem;padding:.9rem 1rem}.terminal-command-label{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 .45rem;font-size:.78rem;font-weight:800}.terminal-command-block code{white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;display:block}.terminal-hint{opacity:.8;margin:1rem 0 0;font-size:.92rem;line-height:1.7}.contact-form{gap:.85rem;display:grid}.contact-field{gap:.45rem;display:grid}.contact-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-size:.8rem;font-weight:800}.contact-field input,.contact-field textarea{border:1px solid var(--border);background:color-mix(in srgb, var(--base-200) 62%, transparent);width:100%;color:inherit;font:inherit;resize:vertical;border-radius:.85rem;padding:.8rem .9rem}.contact-field input::placeholder,.contact-field textarea::placeholder{color:inherit;opacity:.55}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent);outline:none}.contact-submit{justify-self:start}.contact-honey{display:none}.landing-grid{gap:1.5rem;margin-bottom:3rem;display:grid}.feature-card,.list-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 94%, var(--tile-accent))), var(--tile-base);box-shadow:inset 0 1px 0 #ffffff0f, 0 24px 48px -20px var(--surface-shadow);border-radius:1.5rem;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s}.feature-card{padding:2rem}.feature-card:hover,.list-card:hover,.article-card:hover{box-shadow:inset 0 1px 0 #ffffff14, 0 28px 56px -22px var(--surface-shadow);border-color:color-mix(in srgb, var(--primary) 24%, var(--border));transform:translateY(-2px)}.hero-feature{flex-direction:column;min-height:22rem;display:flex}.hero-feature-body{align-content:start;display:grid}.compact-card{flex-direction:column;min-height:6.3rem;display:flex}.compact-profile-row{grid-template-columns:3.5rem 1fr;align-items:center;gap:.85rem;margin:.25rem 0 .75rem;display:grid}.compact-profile-avatar{border:1px solid var(--border);background:color-mix(in srgb, var(--base-200) 70%, transparent);border-radius:.9rem;width:3.5rem;overflow:hidden}.compact-profile-avatar img{filter:grayscale();width:100%;height:auto;transition:filter .22s;display:block}.compact-profile-text{margin:0}.compact-card:hover .compact-profile-avatar img{filter:grayscale(0)}.compact-card .text-link,.compact-cta{margin-top:auto}.compact-card h2,.section-heading h1,.hero-feature h1,.post-row h2{color:inherit;margin:0}.hero-feature h1,.section-heading h1{letter-spacing:-.025em;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:900;line-height:1.1}.profile-title{width:auto;max-width:100%;color:color-mix(in srgb, var(--primary) 82%, white 18%);text-shadow:0 10px 30px color-mix(in srgb, var(--primary) 20%, transparent);white-space:nowrap;flex:none;font-size:6rem;line-height:.95;display:block}.compact-card h2,.post-row h2{font-size:1.75rem;font-weight:800;line-height:1.2}.feature-kicker,.post-category{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:800}.feature-text{opacity:.9;font-size:1.05rem;line-height:1.7}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.section-chip{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:.9rem;padding:.9rem 1rem}.section-chip span{font-size:.95rem;font-weight:700;line-height:1.35;display:block}.blog-preview-filters{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.blog-preview-filters button{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .85rem;transition:box-shadow .18s,border-color .18s,background-color .18s}.blog-preview-filters button.active{background:color-mix(in srgb, var(--primary) 22%, var(--base-100));border-color:var(--primary);color:var(--primary);box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000014}.blog-preview-list{gap:.8rem;max-height:30rem;margin-top:1rem;display:grid;position:relative;overflow:hidden}.blog-preview-list:after{content:"";background:linear-gradient(180deg, #0000 0%, color-mix(in srgb, var(--base-100) 78%, transparent) 65%, var(--base-100) 100%);pointer-events:none;height:4.5rem;position:absolute;bottom:0;left:0;right:0}.blog-preview-card{border:1px solid var(--border);text-align:left;background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));width:100%;color:inherit;cursor:pointer;border-radius:.95rem;padding:1rem 1.05rem;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s}.blog-preview-card:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));box-shadow:0 16px 30px -22px var(--surface-shadow);transform:translateY(-2px)}.blog-preview-meta{opacity:.72;flex-wrap:wrap;gap:.8rem;margin-bottom:.55rem;font-size:.78rem;display:flex}.blog-preview-card h3{margin:0 0 .45rem;font-size:1.05rem;line-height:1.3}.blog-preview-card p,.blog-preview-empty{opacity:.82;margin:0;font-size:.95rem;line-height:1.6}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.cta-row-end{justify-content:flex-end}.cta-primary,.cta-secondary,.text-link{border-radius:.75rem;justify-content:center;align-items:center;padding:.8rem 1.1rem;font-weight:600;display:inline-flex}.cta-with-icon{gap:.45rem}.cta-logo{object-fit:contain;opacity:.72;filter:brightness(0)invert();flex:none;width:1rem;height:1rem}.theme-silk .cta-logo{filter:brightness(0)invert(.3)}.cta-logo-github{width:1.12rem;height:1.12rem}.download-cta{background:color-mix(in srgb, var(--primary) 86%, white 14%);color:var(--primary-content);border-color:color-mix(in srgb, var(--primary) 68%, transparent);animation:3.2s ease-in-out infinite downloadPulse;position:relative;overflow:hidden}.theme-silk .download-cta{color:#f7efe7;background:#4d3a2f;border-color:#4d3a2fb8}.download-cta .icon-sm{transition:transform .18s}.download-cta:hover .icon-sm{transform:translateY(1px)}.cta-primary{background:var(--primary);color:var(--primary-content);box-shadow:inset 0 1px 0 #ffffff2e, 0 12px 24px -16px color-mix(in srgb, var(--primary) 42%, transparent)}.cta-secondary{border:1px solid var(--border);background:color-mix(in srgb, var(--base-100) 82%, transparent);transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s}.theme-silk .cta-secondary{background:color-mix(in srgb, var(--tile-accent) 70%, var(--base-100));border-color:#6c52402e}.profile-cta{gap:.55rem;animation:3.4s ease-in-out infinite profileCtaPulse;position:relative}.profile-cta-icon{color:currentColor;flex:none;width:.95rem;height:.95rem}.cta-secondary:hover,.blog-preview-filters button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #7582ff24,0 0 18px #7582ff1f}.theme-dim .cta-secondary{border-color:color-mix(in srgb, #fff 18%, var(--border));background:0 0;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff0a}.theme-dim .blog-preview-filters button{border-color:color-mix(in srgb, #fff 18%, var(--border));box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff0a}.theme-dim .cta-secondary:hover,.theme-dim .blog-preview-filters button:hover{background:color-mix(in srgb, var(--base-100) 90%, #8a6bff1a);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #8a6bff14,0 0 20px #8a6bff24}.theme-dim .blog-preview-filters button.active{background:color-mix(in srgb, var(--primary) 32%, var(--base-100));color:#e8ebff;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #080d1d1a}@keyframes downloadPulse{0%,to{box-shadow:0 0 #7582ff00}50%{box-shadow:0 0 0 1px #7582ff1f,0 0 18px #7582ff1a}}@keyframes profileCtaPulse{0%,to{box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff0a}50%{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px color-mix(in srgb, var(--primary) 14%, transparent), 0 10px 22px color-mix(in srgb, var(--primary) 10%, transparent)}}.text-link{color:var(--primary);padding-inline:0}.list-card{margin-bottom:3rem;padding:2rem}.section-heading{margin-bottom:2rem}.profile-heading{align-items:flex-start;display:flex}.section-heading .feature-text{max-width:44rem}.section-heading .music-page-intro{width:100%;max-width:none;font-size:1.2rem;line-height:1.8}.post-row{border:1px solid color-mix(in srgb, white 22%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 99%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 96%, var(--tile-accent)));box-shadow:inset 0 1px 0 #ffffff0d, 0 10px 24px -20px var(--surface-shadow);border-radius:1.15rem;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:1.5rem;margin-top:1rem;padding:1.4rem 1.45rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.theme-silk .post-row{border-width:1.5px;border-color:#6c52404d;box-shadow:inset 0 1px #ffffff38,0 10px 24px -20px #65503c1f}.post-row:hover{border-color:color-mix(in srgb, white 14%, var(--primary));box-shadow:inset 0 1px 0 #ffffff14, 0 18px 30px -24px var(--surface-shadow);transform:translate(4px)}.post-row>div:first-child{flex:32rem;max-width:46rem}.post-meta{text-align:right;opacity:.85;flex-direction:column;flex:0 0 12rem;align-self:stretch;align-items:flex-end;gap:.75rem;min-width:12rem;display:flex}.post-meta .cta-secondary{min-width:7.5rem;margin-top:auto}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-tile{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:1rem;padding:1.4rem;transition:transform .2s,border-color .2s,box-shadow .2s}.project-tile:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));box-shadow:0 20px 30px -24px var(--surface-shadow);transform:translateY(-3px)}.project-tile h2{margin:0;font-size:1.35rem;line-height:1.2}.music-synth-shell{margin-top:1.5rem}.music-synth-panel{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));color:#f6dfc3;background:radial-gradient(circle at top,#ffbc7c29,#0000 30%),linear-gradient(160deg,#24120e 0%,#1a0f0b 45%,#120b09 100%);border-radius:1.5rem;padding:1.25rem;box-shadow:inset 0 1px #ffffff0d,0 18px 38px #00000047}.music-synth-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.music-synth-header h2{color:#ffd9b0;margin:.2rem 0 0;font-size:clamp(1.4rem,2.4vw,2rem)}.music-synth-loading{color:#ffcfaa;opacity:.82;margin-bottom:1rem;font-size:.95rem}.music-synth-kicker{color:#ff9e5e;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.music-control-card,.music-envelope-card,.music-note-display,.music-slider-control.compact{background:linear-gradient(#ffffff0d,#ffffff05),#0000001f;border:1px solid #ff9e5e2e;border-radius:1.2rem;box-shadow:inset 0 1px #ffffff0a}.music-control-card{padding:1rem}.music-waveforms{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.music-waveform-option{color:#ffcfaa;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ff9e5e33;border-radius:.95rem;justify-content:center;align-items:center;min-height:3.2rem;font-weight:800;transition:transform .18s,border-color .18s,background-color .18s;display:flex}.music-waveform-option input{display:none}.music-waveform-option.active,.music-waveform-option:hover{background:#ffb1641f;border-color:#ffb164;transform:translateY(-1px)}.music-toggle-row,.music-display-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.music-display-row{align-items:stretch}.music-note-display{padding:1rem 1.1rem}.music-note-display span,.music-slider-control span,.music-toggle-control span{color:#ff9e5e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem;font-size:.78rem;font-weight:800;display:block}.music-note-display strong{color:#ffe0b8;font-size:1.7rem;line-height:1;display:block}.music-slider-control,.music-toggle-control{padding:.9rem 1rem;display:block}.music-slider-control em,.music-toggle-control strong{color:#ffe0b8;margin-top:.45rem;font-style:normal;font-weight:700;display:block}.music-toggle-control input{accent-color:#ff9e5e}.music-slider-control input[type=range]{accent-color:#ff9e5e;width:100%}.music-keyboard{background:linear-gradient(#ffffff0d,#0000 24%),linear-gradient(160deg,#2d1b15 0%,#1c110d 100%);border:1px solid #ff9e5e2e;border-radius:1.4rem;justify-content:center;gap:0;margin-top:1.4rem;padding:1.9rem 1rem 1rem;display:flex;overflow-x:auto}.music-key-group{flex:0 0 4.7rem;width:4.7rem;position:relative}.music-key{margin:0;font-family:inherit}.music-key.white{color:#24120e;background:linear-gradient(#f8f2e9 0%,#ede0d2 58%,#dbcab9 100%);border:1px solid #bdb2a5;border-radius:0 0 .8rem .8rem;width:4.3rem;height:15rem;padding:0 0 .9rem;box-shadow:0 .5rem 1rem #00000042,inset 0 1px #ffffffe6}.music-key.black{color:#ffe0b8;z-index:2;background:linear-gradient(#3e3c3a 0%,#151414 62%,#050505 100%);border:1px solid #090909;border-radius:0 0 .5rem .5rem;width:2.8rem;height:9.2rem;padding:0 0 .8rem;position:absolute;top:0;left:2.9rem;box-shadow:0 .5rem 1rem #00000073,inset 0 1px #ffffff14}.music-key.white,.music-key.black{flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;transition:transform 80ms,box-shadow .12s,background-color .12s;display:flex}.music-key span{font-size:.95rem;font-weight:800}.music-key small{opacity:.7;font-size:.68rem;font-weight:700}.music-key.white.active,.music-key.white:active{transform:translateY(3px);box-shadow:0 .2rem .5rem #0000004d,inset 0 1px #fff9}.music-key.black.active,.music-key.black:active{transform:translateY(2px);box-shadow:0 .25rem .5rem #00000080,0 0 14px #ffbe8e33}.music-envelope-card{margin-top:1.4rem;padding:1rem}.music-envelope-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:.85rem;display:grid}.detail-card{padding:1.5rem}.about-layout{align-items:start;gap:1.5rem;display:grid}.about-cards,.contribution-sections{gap:1rem;margin-top:1.5rem;display:grid}.certifications-section,.calendar-section{margin-top:2rem}.calendar-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:1rem;justify-content:center;padding:1rem;display:flex;overflow-x:auto}.calendar-card>*{margin-inline:auto}.certifications-grid{grid-template-columns:1fr;gap:1rem;display:grid}.certificate-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:1rem;grid-template-columns:12rem 1fr;align-items:start;gap:1rem;padding:.9rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.certificate-card:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));box-shadow:0 20px 30px -24px var(--surface-shadow);transform:translateY(-3px)}.certificate-image{border-radius:.5rem;width:100%;height:auto;display:block}.certificate-copy{align-content:start;gap:.45rem;display:grid}.certificate-copy h3{margin:0;font-size:1.2rem;line-height:1.2}.certificate-copy p{margin:0;line-height:1.6}.certificate-actions{flex-wrap:wrap;gap:.7rem;margin-top:.4rem;display:flex}.certificate-notes-layout{align-items:start;gap:1rem;display:grid}.certificate-notes-image-wrap{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:1rem;padding:.9rem}.about-avatar{border:1px solid var(--border);border-radius:1.25rem;width:min(100%,14rem);overflow:hidden}.about-avatar img{width:100%;height:auto;display:block}.about-copy p{margin:0 0 1rem;font-size:1.05rem;line-height:1.8}.about-copy .console-note{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem;margin-bottom:0;font-size:.95rem;line-height:1.6;display:flex}.about-copy .console-note-stacked{justify-items:start;display:grid}.console-note code{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:.55rem;align-items:center;padding:.28rem .55rem;font-size:.9rem;display:inline-flex}.typing-command{overflow:hidden}.typing-command-text{white-space:nowrap;width:0;animation:14s steps(29,end) infinite typingCommand;display:inline-block;overflow:hidden}.typing-cursor{border-right:2px solid;width:.55ch;height:1.05em;margin-left:.08rem;animation:.9s step-end infinite blinkCursor}@keyframes typingCommand{0%{width:0}16%{width:29ch}88%{width:29ch}to{width:0}}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.contribution-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));border-radius:1rem;padding:1.4rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s}.contribution-card:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));box-shadow:0 18px 28px -24px var(--surface-shadow);transform:translateY(-3px)}.contribution-card h2{margin:0 0 1rem;font-size:1.4rem;line-height:1.2}.contribution-list{gap:.75rem;margin:0;padding-left:1.2rem;display:grid}.contribution-list li{line-height:1.7}.article-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--tile-base) 98%, var(--tile-accent)), color-mix(in srgb, var(--tile-base) 95%, var(--tile-accent)));box-shadow:inset 0 1px 0 #ffffff0d, 0 28px 58px -24px var(--surface-shadow);border-radius:1.5rem;margin-bottom:3rem;overflow:hidden}.article-inner{z-index:1;text-align:justify;padding:4rem 1.5rem;position:relative}.article-header{margin-bottom:2rem}.badge{background:var(--badge);color:#fff;min-height:2rem;box-shadow:0 10px 20px -16px color-mix(in srgb, var(--badge) 58%, transparent);letter-spacing:.1em;text-transform:uppercase;border-radius:1.9rem;align-items:center;margin-bottom:1rem;padding:0 .9rem;font-size:.875rem;font-weight:700;display:inline-flex}.landing-grid>*,.list-card,.article-card{animation:.82s both surfaceEnter}.landing-grid>:nth-child(2){animation-delay:80ms}.landing-grid>:nth-child(3){animation-delay:.14s}.landing-grid>:nth-child(4){animation-delay:.2s}@keyframes surfaceEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.article-header h1{text-align:left;color:inherit;letter-spacing:-.025em;margin:0 0 1.5rem;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:900;line-height:1.25}.meta-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem 0;display:flex}.author{align-items:center;gap:.75rem;display:flex}.avatar-frame{border:2px solid var(--primary);border-radius:999px;width:3rem;height:3rem;overflow:hidden}.avatar-frame img{object-fit:cover;width:100%;height:100%;display:block}.author-copy p{text-align:left;margin:0}.author-name{color:inherit;font-size:1.125rem;font-weight:700}.author-role{text-transform:uppercase;opacity:.6;font-size:.75rem;font-weight:900}.meta-list{opacity:.6;flex-wrap:wrap;align-items:center;gap:1rem;margin-left:auto;font-size:.875rem;display:flex}.meta-list span{align-items:center;gap:.375rem;display:inline-flex}.content{max-width:none;color:color-mix(in srgb, var(--base-content) 80%, transparent)}.intro{border-left:4px solid var(--primary);color:var(--base-content);margin:0 0 2.5rem;padding-left:1.5rem;font-size:1.5rem;font-style:italic;font-weight:500;line-height:1.625}.content p{margin:0 0 1.5rem;font-size:1.125rem;line-height:1.75}.content h2{text-align:left;color:var(--base-content);margin:2.5rem 0 1.5rem;font-size:1.875rem;font-weight:900}.content h3{margin:2rem 0 1rem;font-size:1.35rem;line-height:1.3}.content a{color:var(--primary)}.content code{background:color-mix(in srgb, var(--base-200) 72%, transparent);border-radius:.35rem;padding:.1rem .35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.article-code{border:1px solid var(--border);background:color-mix(in srgb, var(--base-200) 68%, transparent);border-radius:.9rem;margin:0 0 1.5rem;padding:1rem 1.1rem;overflow-x:auto}.article-code code{background:0 0;padding:0;display:block}.article-code .hljs{color:#d8deea}.article-code .hljs-keyword,.article-code .hljs-selector-tag,.article-code .hljs-literal,.article-code .hljs-title.function_{color:#c792ea}.article-code .hljs-string,.article-code .hljs-attr,.article-code .hljs-template-string{color:#c3e88d}.article-code .hljs-number,.article-code .hljs-symbol,.article-code .hljs-bullet{color:#f78c6c}.article-code .hljs-comment,.article-code .hljs-quote{color:#7f8c98}.article-code .hljs-variable,.article-code .hljs-title,.article-code .hljs-property{color:#82aaff}.article-code .hljs-built_in,.article-code .hljs-type,.article-code .hljs-class{color:#89ddff}.article-code .hljs-operator,.article-code .hljs-punctuation{color:#89a4b9}.article-list{gap:.55rem;margin:0 0 1.5rem;padding-left:1.4rem;display:grid}.content blockquote{border-left:4px solid var(--primary);background:color-mix(in srgb, var(--base-200) 55%, transparent);border-radius:.6rem;margin:0 0 1.5rem;padding:.9rem 1rem .9rem 1.1rem}.article-image{border:1px solid var(--border);border-radius:.9rem;width:100%;height:auto;margin:0 0 1.5rem;display:block}.expiration-note{background:color-mix(in srgb, var(--base-200) 70%, transparent);color:inherit;border-radius:1rem;margin-top:2.5rem;padding:1rem 1.25rem}.footer{color:color-mix(in srgb, var(--base-content) 68%, #000 32%);padding:0 0 1rem;font-size:.9rem}.footer aside{text-align:center;justify-items:center;gap:1rem;display:grid}.brand-block{justify-items:center;gap:.75rem;display:grid}.brand-name{margin:0;font-size:.98rem;font-weight:700}.brand-block p,.footer aside>p{margin:0}.brand-block p:not(.brand-name),.footer aside>p{font-size:.82rem}.icon-sm,.icon-xs,.icon-brand{flex:none}.icon-sm{width:1rem;height:1rem}.icon-xs{width:.75rem;height:.75rem}.icon-brand{width:2.25rem;height:2.25rem}.primary-text{color:var(--primary)}.theme-silk .article-code .hljs{color:#4b4743}.theme-silk .article-code .hljs-keyword,.theme-silk .article-code .hljs-selector-tag,.theme-silk .article-code .hljs-literal,.theme-silk .article-code .hljs-title.function_{color:#7c3aed}.theme-silk .article-code .hljs-string,.theme-silk .article-code .hljs-attr,.theme-silk .article-code .hljs-template-string{color:#3f7c2f}.theme-silk .article-code .hljs-number,.theme-silk .article-code .hljs-symbol,.theme-silk .article-code .hljs-bullet{color:#b45309}.theme-silk .article-code .hljs-comment,.theme-silk .article-code .hljs-quote{color:#8a8178}.theme-silk .article-code .hljs-variable,.theme-silk .article-code .hljs-title,.theme-silk .article-code .hljs-property{color:#2356a8}.theme-silk .article-code .hljs-built_in,.theme-silk .article-code .hljs-type,.theme-silk .article-code .hljs-class{color:#0f766e}.theme-silk .article-code .hljs-operator,.theme-silk .article-code .hljs-punctuation{color:#746c64}@media (width>=768px){.page{padding:2rem}.landing-grid{grid-template-columns:2fr 1fr}.hero-feature{grid-row:span 3}.about-layout{grid-template-columns:14rem 1fr}.about-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.certifications-grid{grid-template-columns:1fr}.certificate-notes-layout{grid-template-columns:20rem 1fr}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-inner{padding-inline:3rem}}@media (width>=1024px){.article-inner{padding-inline:5rem}}@media (width<=1199px){.about-avatar{display:none}.about-layout{grid-template-columns:1fr}.profile-title{font-size:5.5rem}}@media (width<=900px){.music-waveforms,.music-envelope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-toggle-row,.music-display-row{grid-template-columns:1fr}.profile-title{white-space:normal;font-size:4.75rem}}@media (width<=640px){.music-synth-panel{padding:1rem}.music-synth-header{flex-direction:column}.music-waveforms,.music-envelope-grid{grid-template-columns:1fr}.music-keyboard{justify-content:flex-start;padding-inline:.75rem}.music-key-group{flex-basis:4.1rem;width:4.1rem}.music-key.white{width:3.7rem;height:12.5rem}.music-key.black{width:2.35rem;height:7.8rem;left:2.45rem}.profile-title{font-size:3.6rem}.topbar-scrolled{padding:.75rem}.section-grid{grid-template-columns:1fr}.blog-preview-filters{gap:.5rem}.projects-grid,.certifications-grid,.certificate-card,.compact-profile-row{grid-template-columns:1fr}.breadcrumb-row{gap:.5rem}.theme-toggle{justify-content:flex-end}.meta-list{margin-left:0}}