@charset "UTF-8";:root{--bg: #0a0a0b;--surface: #131316;--surface-2: #1a1a1e;--surface-3: #232328;--border: #2a2a30;--border-soft: #1f1f24;--text: #f1f1ef;--text-dim: #a4a4a8;--text-faint: #85858c;--text-mute: #45454a;--accent: oklch(66% .22 22deg);--accent-hot: oklch(74% .24 28deg);--accent-deep: oklch(42% .18 22deg);--accent-glow: oklch(66% .22 22deg / 18%);--ok: oklch(78% .16 145deg);--warn: oklch(82% .16 80deg);--info: oklch(72% .13 230deg);--f-sans: "IBM Plex Sans", system-ui, sans-serif;--f-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--page-w: 1440px;--pad: 16px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--sh-1: 0 1px 2px rgb(0 0 0 / 40%);--sh-2: 0 6px 24px rgb(0 0 0 / 50%);--code-bg: #131316;--code-head: #1a1a1e;--code-border: #2a2a30;--code-text: #f1f1ef;--code-dim: #a4a4a8;--code-mute: #45454a;--code-comment: #6a6a70;--code-kw: oklch(78% .16 22deg);--code-str: oklch(82% .13 145deg);--code-name: oklch(78% .14 250deg);--code-attr: oklch(78% .14 280deg)}@media(min-width:900px){:root{--pad: 32px}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);z-index:999;opacity:.6}::selection{background:var(--accent-glow);color:var(--text)}sd-app,sd-nav,sd-channel-header,sd-tabs-bar,sd-articles,sd-series,sd-about,sd-stack,sd-contact,sd-player,sd-video-meta,sd-comments,sd-like-bar,sd-comment,sd-article-detail,sd-series-detail,sd-code-block{display:block}sd-home,sd-up-next,sd-scene-intro,sd-scene-stack,sd-scene-projects,sd-scene-timeline,sd-scene-outro{display:contents}@media(min-width:900px){html,body{font-size:14px}}.boot{min-height:100vh;display:grid;place-items:center;color:var(--accent);font-family:var(--f-mono)}.boot__pre{margin:0;font-size:13px}.boot__caret{display:inline-block;width:8px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.btn{--bg: var(--surface-2);--bd: var(--border);--fg: var(--text);display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:38px;border-radius:999px;border:1px solid var(--bd);background:var(--bg);color:var(--fg);font:inherit;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{filter:brightness(1.15)}.btn--primary{--bg: var(--text);--bd: var(--text);--fg: #0a0a0b;font-weight:600}.btn--primary:hover{--bg: #fff;--bd: #fff}.btn--accent{--bg: var(--accent);--bd: var(--accent);--fg: #0a0a0b;font-weight:600}.btn--ghost{--bg: transparent}.btn--sm{height:32px;font-size:12px;padding:0 12px}.btn--grow{flex:1 1 auto}.tabs{position:fixed;inset-inline:0;bottom:0;z-index:40;display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0a0a0beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-soft)}.tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:4px 2px;font-family:var(--f-mono);font-size:9px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint);background:transparent;border:0;cursor:pointer;text-decoration:none;line-height:1.1;transition:color .15s}.tab__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab[aria-selected=true]{color:var(--accent)}.btn,.rel-card,.series-row,.series-ribbon__btn,.series-ribbon__title,.vgrid-card,.pcard,.vid-card{text-decoration:none}@media(min-width:900px){.tabs{position:static;z-index:auto;inset-inline:auto;max-width:var(--page-w);margin:0 auto;justify-content:flex-start;gap:4px;padding:4px var(--pad) 0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;border-bottom:1px solid var(--border-soft);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:block;flex:0 0 auto;gap:0;padding:12px 16px;font-size:12px;letter-spacing:.06em;border-bottom:2px solid transparent;margin-bottom:-1px;line-height:normal}.tab .tab__icon{display:none}.tab:hover{color:var(--text-dim)}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}}.main{max-width:var(--page-w);margin:0 auto;padding:24px var(--pad) calc(72px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr);gap:28px}@media(min-width:900px){.main{padding-bottom:80px}}@media(min-width:1100px){.main{grid-template-columns:minmax(0,1fr) 380px}}.main>router-outlet{display:none}.cursor{display:inline-block;width:8px;background:currentcolor;height:1em;vertical-align:-3px;animation:blink 1s steps(1) infinite;margin-left:2px;opacity:.85}.tab-pane{grid-column:1/-1}.main:has(.tab-pane){grid-template-columns:minmax(0,1fr)}:root:has(sd-home) sd-channel-header{display:none}@media(min-width:900px){:root:has(sd-home) sd-channel-header{display:block}}body:has(.player.is-fullscreen){overflow:hidden}@media(pointer:coarse){body:has(.player sd-bsp-demo){overflow:hidden}body:has(.player sd-bsp-demo) .tabs,body:has(.player sd-bsp-demo) .prefs-dock{display:none}}body:has(.player.is-fullscreen) .tabs{display:none}.prefs-dock{position:fixed;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;padding:4px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;box-shadow:var(--sh-2)}@media(min-width:900px){.prefs-dock{display:none}}body:has(.player.is-fullscreen) .prefs-dock{display:none}.tabview{padding:8px 4px 40px}.tabview__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border-soft)}.tabview__title{font-family:var(--f-mono);font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px;line-height:1.15}.tabview__title span{color:var(--accent)}.tabview__sub{font-family:var(--f-mono);font-size:12.5px;color:var(--text-dim);margin:0}.tabview__count{display:flex;align-items:baseline;gap:8px;font-family:var(--f-mono)}.tabview__count-v{font-size:32px;font-weight:700;color:var(--accent);letter-spacing:-.02em}.tabview__count-lbl{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.article-detail__topbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0 16px}.article-detail__topbar-arrow{margin-right:4px}.article-detail__topbar-actions{margin-left:auto;display:flex;gap:8px}.video-meta__author-av{width:40px;height:40px;border-radius:999px;background:radial-gradient(circle at 30% 25%,#ff7071,#620914 70%);background:radial-gradient(circle at 30% 25%,color(xyz 0.506 0.341 0.192),#620914 70%);display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;color:#0a0a0b}[data-theme=light]{--bg: #faf9f6;--surface: #fff;--surface-2: #f3f1ec;--surface-3: #e7e4dc;--border: #d4d0c7;--border-soft: #e6e3d9;--text: #1a1a1a;--text-dim: #555;--text-faint: #6b6b6b;--text-mute: #b0aea7;--accent: oklch(56% .21 22deg);--accent-hot: oklch(62% .23 28deg);--accent-deep: oklch(38% .18 22deg);--accent-glow: oklch(56% .21 22deg / 12%);--sh-1: 0 1px 2px rgb(20 18 12 / 6%);--sh-2: 0 8px 28px rgb(20 18 12 / 8%)}[data-theme=light] body:before{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.012) 0,rgba(0,0,0,.012) 1px,transparent 1px,transparent 3px);opacity:.5}[data-theme=light] .btn--primary{--bg: #1a1a1a;--bd: #1a1a1a;--fg: #fff}[data-theme=light] .btn--primary:hover{--bg: #000;--bd: #000}[data-theme=light] .btn--accent{color:#fff;--fg: #fff}[data-theme=light] .likebar button:hover{background:#0000000d}[data-theme=light] ::selection{background:var(--accent-glow);color:var(--text)}[data-theme=light] .boot{color:var(--accent)}[data-theme=light] .konami{color:var(--text-mute)}[data-theme=light] .konami b{color:var(--accent)}[data-theme=light] .comment__name-tag{background:var(--surface);border-color:var(--border)}[data-theme=light] .tab[aria-selected=true]{border-bottom-color:var(--accent)}[data-theme=light] .tabs{background:#faf9f6eb}@media(min-width:900px){[data-theme=light] .tabs{background:none}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-in{opacity:1;transform:none}.egg{position:fixed;bottom:24px;right:24px;z-index:100;background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-md);padding:12px 16px;font-family:var(--f-mono);font-size:12px;color:var(--text);box-shadow:var(--sh-2);animation:eggIn .3s ease;display:flex;align-items:center;gap:10px}.egg b{color:var(--accent)}@keyframes eggIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.konami{position:fixed;bottom:24px;left:24px;display:none;font-family:var(--f-mono);font-size:11px;color:var(--text-faint);pointer-events:none;z-index:100}.konami b{color:var(--accent)}@media(min-width:900px){.konami{display:block}}.scene{position:absolute;inset:0;display:grid;place-items:center;padding:24px 32px 70px;opacity:0;pointer-events:none;transition:opacity .35s ease;overflow:hidden}.scene--on{opacity:1}@property --scene-fit{syntax: "<length>"; inherits: false; initial-value: 0;}.scene--fit{--scene-fit: calc(100cqw / 760);bottom:auto;width:760px;aspect-ratio:16/9;transform-origin:top left;transform:scale(tan(atan2(var(--scene-fit),1px)))}.scene-intro__wrap{width:100%;max-width:720px}.scene-intro__hi{font-family:var(--f-mono);font-size:14px;color:var(--accent);margin-bottom:16px;min-height:22px}.scene-intro__name{font-size:64px;font-weight:700;letter-spacing:-.04em;line-height:1;margin:0 0 14px;background:linear-gradient(180deg,#fff,#888);-webkit-background-clip:text;background-clip:text;color:transparent}.scene-intro__name span{color:var(--accent)}.scene-intro__role{font-family:var(--f-mono);font-size:16px;color:var(--text-dim)}.scene-intro__role .tag{display:inline-block;border:1px solid var(--border);padding:2px 8px;border-radius:4px;margin:0 4px;background:var(--surface);color:var(--text)}.scene-projects{width:100%;max-width:760px}.scene-projects__head{font-family:var(--f-mono);font-size:12px;color:var(--text-faint);margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase}.scene-projects__head b{color:var(--accent)}.scene-projects__list{display:grid;gap:10px}.scene-timeline{width:100%;max-width:720px}.scene-timeline__title{font-family:var(--f-mono);font-size:12px;color:var(--text-faint);margin-bottom:18px;text-transform:uppercase;letter-spacing:.04em}.scene-timeline__title b{color:var(--accent)}.scene-outro{text-align:center}.scene-outro__hash{font-family:var(--f-mono);font-size:14px;color:var(--accent);margin-bottom:12px}.scene-outro__links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.scene-outro__link{font-family:var(--f-mono);font-size:13px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-decoration:none}.scene-outro__link span{color:var(--accent)}.scene-outro__link:hover{border-color:var(--accent);color:var(--accent)}@media(min-width:900px){.scene--fit{inset:0;width:auto;aspect-ratio:auto;transform-origin:initial;transform:none}}.player.is-fullscreen .scene--fit,.mini-player .scene--fit{bottom:auto;width:760px;aspect-ratio:16/9;transform-origin:top left;transform:scale(tan(atan2(var(--scene-fit),1px)))}.scene-stack-rich__cmd,.scene-timeline-rich__cmd,.scene-projects-rich__cmd{font-family:var(--f-mono);font-size:13px;color:var(--accent);margin-bottom:2px}.scene-stack-rich__sub span,.scene-timeline-rich__sub span,.scene-projects-rich__sub span{color:var(--text-mute)}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--r-md);margin:22px 0;overflow:hidden;color:var(--code-text);font-family:var(--f-mono)}.code-block__head{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--code-head);border-bottom:1px solid var(--code-border);font-size:11px;color:var(--code-dim)}.code-block__lang{margin-left:8px;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.code-block__copy{margin-left:auto;background:transparent;border:1px solid var(--code-border);color:var(--code-dim);font-family:var(--f-mono);font-size:10.5px;padding:3px 8px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.code-block__copy:hover{color:var(--code-text);border-color:var(--code-mute)}.code-block__body{padding:14px;margin:0;font-size:11.5px;line-height:1.7;color:var(--code-dim);max-width:100%;overflow-x:auto;background:var(--code-bg);scrollbar-width:thin;scrollbar-color:var(--code-mute) transparent}.code-block__body::-webkit-scrollbar{height:8px}.code-block__body::-webkit-scrollbar-thumb{border-radius:var(--r-sm);background:var(--code-mute)}.code-block__line{display:flex;width:max-content;min-width:100%}.code-block__no{position:sticky;left:0;flex:none;min-width:22px;padding-right:12px;background:var(--code-bg);color:var(--code-mute);text-align:right;-webkit-user-select:none;user-select:none}.code-block__code{white-space:pre}.code-block .k{color:var(--code-kw)}.code-block .s{color:var(--code-str)}.code-block .c{color:var(--code-comment)}.code-block .n{color:var(--code-name)}.code-block .a{color:var(--code-attr)}@media(min-width:900px){.code-block{margin:30px 0}.code-block__body{padding:20px;font-size:12px;line-height:1.8}.code-block__no{min-width:28px;padding-right:14px}}.contact-form__head-dot,.code-block__dot{width:10px;height:10px;border-radius:999px}.contact-form__head-dot--red,.code-block__dot--red{background:#ff5f57}.contact-form__head-dot--yellow,.code-block__dot--yellow{background:#febc2e}.contact-form__head-dot--green,.code-block__dot--green{background:#28c840}.likebar{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;overflow:hidden;height:36px}.likebar button{display:inline-flex;align-items:center;gap:6px;padding:0 14px;background:transparent;border:0;color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:background .15s}.likebar button:hover{background:#ffffff0d}.likebar button.is-on{color:var(--accent)}.likebar__divider{width:1px;background:var(--border)}.comment{display:grid;grid-template-columns:40px 1fr;gap:14px;margin-bottom:22px}.comment__av{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-family:var(--f-mono);font-weight:600;font-size:14px;color:#fff}.comment__head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.comment__name{font-weight:600;font-size:13px}.comment__name-tag{margin-left:4px;display:inline-block;font-family:var(--f-mono);font-size:9.5px;color:var(--text);background:var(--surface-3);border:1px solid var(--border);padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;vertical-align:1px}.comment__pinned{color:var(--text-faint);margin-right:6px;font-family:var(--f-mono);font-size:10px;text-transform:uppercase}.comment__when{font-family:var(--f-mono);font-size:11px;color:var(--text-faint)}.comment__body{color:var(--text);font-size:13.5px;line-height:1.55;margin:0}.comment__actions{display:flex;align-items:center;gap:14px;margin-top:8px;font-family:var(--f-mono);font-size:11px;color:var(--text-faint)}.comment__actions button{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;gap:4px}.comment__actions button:hover{color:var(--text)}.comment__actions button.is-on{color:var(--accent)}.vgrid-card,.pcard{cursor:pointer}.vid-card__thumb-grid,.vgrid-card__thumb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:16px 16px}.series-row__sym,.rel-card__sym{width:64px;height:64px;display:grid;place-items:center;border-radius:6px;font-family:var(--f-mono);font-size:28px;font-weight:700;border:1px solid var(--border-soft)}.loadbar{position:fixed;inset:0 0 auto;height:2px;z-index:100;background:linear-gradient(90deg,transparent,var(--accent),transparent) no-repeat;background-size:40% 100%;animation:loadbar .9s ease-in-out infinite}@keyframes loadbar{0%{background-position:-40% 0}to{background-position:140% 0}}