@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@200..800&display=swap";:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#000;--color-paper:#fff;--color-bg:#fff;--color-bg-raised:#f4f4ef;--color-surface:#fff;--color-surface-muted:#fafaf7;--color-surface-elevated:#ffffffe0;--color-surface-inverse:#000;--color-text:#000;--color-text-muted:#000000b8;--color-text-soft:#0000008f;--color-text-inverse:#fff;--color-text-inverse-soft:#ffffffe0;--color-glass-dark:#00000014;--color-glass-light:#ffffff29;--color-line:#00000024;--color-line-strong:#0000003d;--color-line-inverse:#ffffff3d;--color-focus:#000;--color-nav-bg:#ffffffd6;--color-selection-bg:#000;--color-selection-text:#fff;--color-shadow-soft:#00000014;--color-shadow-strong:#00000024;--body-wash:linear-gradient(180deg, #00000008 0%, #0000 18%), radial-gradient(circle at 12% 0%, #0000000a 0%, #0000 26%);--gradient-hero:linear-gradient(135deg, #9df65c 0%, #fcff6b 28%, #6b2dff 68%, #ff4ca5 100%);--gradient-aura:radial-gradient(circle at 14% 18%, #ffffff4d 0%, #fff0 32%), radial-gradient(circle at 82% 24%, #ffffff2e 0%, #fff0 24%), radial-gradient(circle at 78% 72%, #00000029 0%, #0000 32%);--hero-card-bg:#00000042;--hero-card-border:#ffffff2e;--hero-orb:#ffffff29;--hero-note-bg:#fffffff5;--stage-bg:linear-gradient(145deg, #000000f0, #000000b8);--stage-border:#ffffff14;--tabbar-bg:#ffffffe6;--button-primary-bg:#000;--button-primary-text:#fff;--button-light-bg:#fff;--button-light-text:#000;--font-sans:"Manrope", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", "SF Mono", monospace;--weight-320:320;--weight-330:330;--weight-340:340;--weight-400:400;--weight-450:450;--weight-480:480;--weight-540:540;--weight-700:700;--tracking-display:-.02em;--tracking-title:-.015em;--tracking-body-large:-.01em;--tracking-body:-.009em;--tracking-light:-.014em;--tracking-mono:.045em;--radius-subtle:6px;--radius-card:8px;--radius-pill:50px;--radius-circle:999px;--shadow-surface:0 22px 48px var(--color-shadow-soft);--shadow-raised:0 28px 72px var(--color-shadow-strong);--page-max:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--section-gap:clamp(4rem, 8vw, 7rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#090909;--color-bg-raised:#131313;--color-surface:#101010;--color-surface-muted:#151515;--color-surface-elevated:#111111d1;--color-surface-inverse:#fff;--color-text:#fff;--color-text-muted:#ffffffc7;--color-text-soft:#fff9;--color-text-inverse:#000;--color-text-inverse-soft:#000000d1;--color-glass-dark:#ffffff14;--color-glass-light:#ffffff24;--color-line:#ffffff24;--color-line-strong:#ffffff3d;--color-line-inverse:#00000038;--color-focus:#fff;--color-nav-bg:#0a0a0ad1;--color-selection-bg:#fff;--color-selection-text:#000;--color-shadow-soft:#0000004d;--color-shadow-strong:#00000085;--body-wash:linear-gradient(180deg, #ffffff0d 0%, #fff0 18%), radial-gradient(circle at 10% 0%, #ffffff0f 0%, #fff0 24%);--gradient-aura:radial-gradient(circle at 14% 18%, #ffffff2e 0%, #fff0 32%), radial-gradient(circle at 82% 24%, #ffffff14 0%, #fff0 24%), radial-gradient(circle at 78% 72%, #00000057 0%, #0000 32%);--hero-card-bg:#08080875;--hero-card-border:#ffffff1f;--hero-orb:#ffffff14;--hero-note-bg:#0e0e0eeb;--stage-bg:linear-gradient(145deg, #ffffff17, #ffffff0d);--stage-border:#ffffff1a;--tabbar-bg:#121212e6;--button-primary-bg:#fff;--button-primary-text:#000;--button-light-bg:#fff;--button-light-text:#000}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#090909;--color-bg-raised:#131313;--color-surface:#101010;--color-surface-muted:#151515;--color-surface-elevated:#111111d1;--color-surface-inverse:#fff;--color-text:#fff;--color-text-muted:#ffffffc7;--color-text-soft:#fff9;--color-text-inverse:#000;--color-text-inverse-soft:#000000d1;--color-glass-dark:#ffffff14;--color-glass-light:#ffffff24;--color-line:#ffffff24;--color-line-strong:#ffffff3d;--color-line-inverse:#00000038;--color-focus:#fff;--color-nav-bg:#0a0a0ad1;--color-selection-bg:#fff;--color-selection-text:#000;--color-shadow-soft:#0000004d;--color-shadow-strong:#00000085;--body-wash:linear-gradient(180deg, #ffffff0d 0%, #fff0 18%), radial-gradient(circle at 10% 0%, #ffffff0f 0%, #fff0 24%);--gradient-aura:radial-gradient(circle at 14% 18%, #ffffff2e 0%, #fff0 32%), radial-gradient(circle at 82% 24%, #ffffff14 0%, #fff0 24%), radial-gradient(circle at 78% 72%, #00000057 0%, #0000 32%);--hero-card-bg:#08080875;--hero-card-border:#ffffff1f;--hero-orb:#ffffff14;--hero-note-bg:#0e0e0eeb;--stage-bg:linear-gradient(145deg, #ffffff17, #ffffff0d);--stage-border:#ffffff1a;--tabbar-bg:#121212e6;--button-primary-bg:#fff;--button-primary-text:#000;--button-light-bg:#fff;--button-light-text:#000}html{background-color:var(--color-bg);font-family:var(--font-sans);font-feature-settings:"kern" 1;font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--body-wash), var(--color-bg);background-color:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);letter-spacing:var(--tracking-body);margin:0;transition:background-color .22s,color .22s}body,button,input,textarea,select{font-family:var(--font-sans)}*,:before,:after{box-sizing:border-box}#app{min-height:100vh}img,svg,video,canvas{max-width:100%;display:block}button{color:inherit;background:0 0;border:0}a{color:inherit}p,h1,h2,h3,ul{margin:0}ul{padding-left:1.25rem}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}:is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px dashed var(--color-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ds-shell{width:min(100% - 2rem, var(--page-max));margin-inline:auto}.ds-stack{gap:1rem;display:grid}.ds-surface{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-surface);color:var(--color-text);gap:1rem;padding:clamp(1.25rem,2vw,1.75rem);display:grid}.ds-kicker{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-muted);font-size:clamp(.75rem,.71rem + .2vw,1.125rem);font-weight:400;line-height:1.3}.ds-kicker--light{color:var(--color-text-inverse)}.ds-display{font-size:clamp(3rem,8vw,5.375rem);font-weight:var(--weight-400);letter-spacing:var(--tracking-display);color:var(--color-text);line-height:1}.ds-display-sm{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:var(--weight-400);letter-spacing:var(--tracking-display);color:var(--color-text);line-height:1.02}.ds-section-title{font-size:clamp(2rem,4vw,4rem);font-weight:var(--weight-400);letter-spacing:var(--tracking-title);color:var(--color-text);line-height:1.08}.ds-subhead{font-size:clamp(1.25rem,2.1vw,1.625rem);font-weight:var(--weight-540);letter-spacing:var(--tracking-light);color:var(--color-text);line-height:1.35}.ds-feature-title{font-size:1.5rem;font-weight:var(--weight-700);color:var(--color-text);line-height:1.25}.ds-feature-title--inverse{color:var(--color-text-inverse)}.ds-body-large{font-size:clamp(1.05rem,1.2vw + .9rem,1.25rem);font-weight:var(--weight-450);letter-spacing:var(--tracking-body-large);color:var(--color-text-muted);line-height:1.38}.ds-body-large--light{font-weight:var(--weight-330)}.ds-body-large--inverse{color:var(--color-text-inverse)}.ds-body{font-size:1rem;font-weight:var(--weight-330);letter-spacing:var(--tracking-body);color:var(--color-text-muted);line-height:1.45}.ds-body--inverse{color:var(--color-text-inverse-soft)}.ds-mono-sample{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text);font-size:clamp(.95rem,.9rem + .4vw,1.125rem);font-weight:400;line-height:1.4}.ds-button{border-radius:var(--radius-pill);min-height:48px;font-family:var(--font-sans);font-size:1rem;font-weight:var(--weight-450);letter-spacing:var(--tracking-body);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.125rem .625rem;line-height:1;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.ds-button:hover{transform:translateY(-1px)}.ds-button--primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.ds-button--light{background:var(--button-light-bg);color:var(--button-light-text);box-shadow:0 14px 30px var(--color-shadow-strong)}.ds-button--ghost{background:var(--color-glass-dark);color:var(--color-text);border-color:var(--color-line)}.ds-button--glass-light{background:var(--color-glass-light);color:var(--color-paper);-webkit-backdrop-filter:blur(18px);border-color:#ffffff47}.ds-button-row{flex-wrap:wrap;gap:.75rem;display:flex}.ds-dark-stage{border:1px solid var(--stage-border);border-radius:var(--radius-card);background:var(--stage-bg);flex-wrap:wrap;gap:.75rem;padding:1rem;display:flex}.ds-card{border-radius:var(--radius-card);gap:1rem;padding:1.5rem;display:grid}.ds-card--floating{background:var(--hero-card-bg);min-height:320px;color:var(--color-paper);border:1px solid var(--hero-card-border);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(26px);align-content:end}.ds-card--note{background:var(--hero-note-bg);border:1px solid var(--color-line);max-width:220px;box-shadow:0 18px 40px var(--color-shadow-strong);justify-self:end}.ds-tabbar{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--tabbar-bg);scrollbar-color:var(--color-line-strong) transparent;scrollbar-width:thin;scrollbar-gutter:stable both-edges;width:100%;max-width:100%;padding:.625rem;position:relative;overflow:auto hidden;box-shadow:inset 0 0 0 1px #ffffff05}.ds-tabbar:not(.is-scrollable){scrollbar-width:none;overflow:visible}.ds-tabbar::-webkit-scrollbar{height:10px}.ds-tabbar:not(.is-scrollable)::-webkit-scrollbar{display:none}.ds-tabbar::-webkit-scrollbar-track{background:0 0}.ds-tabbar::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-line-strong);background-clip:content-box;border:3px solid #0000}.ds-tabbar__rail{align-items:center;gap:.375rem;min-width:max-content;display:inline-flex;position:relative}.ds-tabbar:not(.is-scrollable) .ds-tabbar__rail{flex-wrap:wrap;min-width:0;display:flex}.ds-tabbar__indicator{inset-block:0;z-index:0;pointer-events:none;border-radius:var(--radius-pill);will-change:transform, width;transition:transform .42s cubic-bezier(.18,.9,.22,1.16),width .42s cubic-bezier(.18,.9,.22,1.16),opacity .18s;position:absolute;left:0}.ds-tabbar__indicator:before{content:"";border-radius:inherit;background:var(--button-primary-bg);box-shadow:0 10px 24px var(--color-shadow-strong);transition:background-color .18s,box-shadow .18s,transform .42s cubic-bezier(.2,.9,.28,1.18);position:absolute;inset:0;transform:scale(1)}.ds-tabbar__indicator.is-magnetic:before{animation:.42s cubic-bezier(.2,.9,.28,1.18) ds-tabbar-indicator-magnetic}.ds-tabbar__item{z-index:1;border-radius:var(--radius-pill);white-space:nowrap;min-height:52px;font-size:clamp(1rem,.96rem + .2vw,1.125rem);font-weight:var(--weight-480);letter-spacing:var(--tracking-body);color:var(--color-text);border:1px solid #0000;flex:none;padding:.875rem 1.25rem;line-height:1;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .32s cubic-bezier(.2,.9,.28,1.18);position:relative;transform:translateY(0)scale(1)}.ds-tabbar__item:hover{background:var(--color-glass-dark);border-color:var(--color-line);transform:translateY(-1px)}.ds-tabbar__item.is-active{color:var(--button-primary-text);transform:translateY(-1px)scale(1.02)}.ds-tabbar__item.is-active:hover{background:0 0;border-color:#0000;transform:translateY(-1px)scale(1.02)}.ds-tabbar__panel{gap:.5rem;padding-top:.25rem;display:grid}@keyframes ds-tabbar-indicator-magnetic{0%{transform:scale(.94)}42%{transform:scaleX(1.08)scaleY(1.03)}72%{transform:scaleX(.985)scaleY(.992)}to{transform:scale(1)}}@media (width>=768px){.ds-tabbar{width:100%}}.ds-mini-card{background:var(--color-surface-muted);border:1px solid var(--color-line);border-radius:var(--radius-subtle);grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1rem;display:grid}.ds-mini-card__index{aspect-ratio:1;background:var(--button-primary-bg);width:40px;color:var(--button-primary-text);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.ds-stat{gap:.25rem;display:grid}.ds-stat strong{font-size:clamp(1.5rem,2vw,2rem);font-weight:var(--weight-540);letter-spacing:var(--tracking-title);line-height:1}.ds-stat span{font-size:.95rem;font-weight:var(--weight-330);color:var(--color-text-muted);line-height:1.4}.ds-showcase{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-surface);overflow:hidden}.ds-showcase__art{background:radial-gradient(circle at 18% 24%, #ffffff57 0%, #fff0 28%), radial-gradient(circle at 74% 34%, #00000029 0%, #0000 24%), var(--gradient-hero);min-height:240px}.ds-showcase__content{gap:.75rem;padding:1.5rem;display:grid}.ds-note-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-surface);color:var(--color-text);gap:1rem;padding:1.5rem;display:grid}.ds-rule-list{font-size:1rem;font-weight:var(--weight-330);letter-spacing:var(--tracking-body);color:var(--color-text-muted);gap:.75rem;line-height:1.5;display:grid}.demo-page{padding-bottom:var(--section-gap)}.demo-nav{z-index:20;border-bottom:1px solid var(--color-line);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(24px);position:sticky;top:0}.demo-nav__inner{align-items:center;gap:1rem;padding-block:1rem;display:grid}.demo-nav__brand{gap:.25rem;display:grid}.demo-nav__title{max-width:26rem;font-size:1rem;font-weight:var(--weight-330);color:var(--color-text-muted);line-height:1.4}.demo-nav__links{flex-wrap:wrap;gap:1rem;display:flex}.demo-nav__links a{font-size:.95rem;font-weight:var(--weight-400);letter-spacing:var(--tracking-body);color:var(--color-text);border-bottom:1px solid;padding-bottom:.15rem;line-height:1;text-decoration:none}.demo-nav__actions{flex-wrap:wrap;gap:.75rem;display:flex}.demo-hero{padding-top:1.5rem}.demo-hero__grid{background:var(--gradient-aura), var(--gradient-hero);box-shadow:var(--shadow-raised);border-radius:24px;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.demo-hero__grid:before{content:"";aspect-ratio:1;background:var(--hero-orb);filter:blur(12px);border-radius:50%;width:clamp(220px,30vw,420px);position:absolute;inset:auto -10% -18% auto}.demo-hero__copy{z-index:1;align-content:start;gap:1.25rem;display:grid;position:relative}.demo-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.demo-hero__visual{z-index:1;align-content:end;gap:1rem;display:grid;position:relative}.demo-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.demo-metric{border:1px solid var(--hero-card-border);border-radius:var(--radius-subtle);background:#ffffff14;padding:.9rem}.demo-metric strong{font-size:1.25rem;font-weight:var(--weight-540);line-height:1;display:block}.demo-metric span{font-size:.85rem;font-weight:var(--weight-340);margin-top:.35rem;line-height:1.3;display:block}.demo-theme-grid,.demo-theme-meta{gap:1rem;display:grid}.demo-theme-meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.demo-theme-chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-muted);min-height:44px;color:var(--color-text);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.78rem;line-height:1;display:inline-flex}.demo-theme-preview{border-radius:var(--radius-card);box-shadow:var(--shadow-surface);border:1px solid #0000;gap:1rem;padding:1.5rem;display:grid}.demo-theme-preview--light{color:#000;background:#fff;border-color:#0000001f}.demo-theme-preview--dark{color:#fff;background:#090909;border-color:#ffffff24}.demo-theme-preview__kicker{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;opacity:.74;font-size:.78rem;line-height:1}.demo-theme-preview__title{font-size:1.25rem;font-weight:var(--weight-540);letter-spacing:var(--tracking-title);line-height:1.15}.demo-theme-preview__body{font-size:1rem;font-weight:var(--weight-330);letter-spacing:var(--tracking-body);opacity:.82;line-height:1.45}.demo-theme-preview__row{flex-wrap:wrap;gap:.75rem;display:flex}.demo-theme-preview__pill{border-radius:var(--radius-pill);min-height:42px;font-size:.95rem;font-weight:var(--weight-450);letter-spacing:var(--tracking-body);justify-content:center;align-items:center;padding:.7rem 1rem;line-height:1;display:inline-flex}.demo-theme-preview--light .demo-theme-preview__pill--solid{color:#fff;background:#050505}.demo-theme-preview--light .demo-theme-preview__pill--glass{color:#050505;background:#ebebeb;border:1px solid #00000024}.demo-theme-preview--dark .demo-theme-preview__pill--solid{color:#050505;background:#fafafa}.demo-theme-preview--dark .demo-theme-preview__pill--glass{color:#fafafa;background:#1b1b1b;border:1px solid #ffffff29}.demo-section{padding-top:var(--section-gap)}.demo-section--tight{padding-top:calc(var(--section-gap) * .75)}.demo-section__header{gap:1rem;max-width:52rem;margin-bottom:2rem;display:grid}.demo-type-grid,.demo-component-grid,.demo-layout__board,.demo-layout__stats{gap:1rem;display:grid}.demo-type-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.demo-component-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.demo-surface-stack{gap:.75rem;display:grid}.demo-layout{align-items:start;gap:1.5rem;display:grid}.demo-layout__copy{gap:1rem;display:grid}.demo-layout__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:.5rem}@media (width>=560px){.demo-nav__inner{grid-template-columns:1.2fr auto}.demo-nav__actions{justify-content:flex-end}}@media (width>=960px){.demo-theme-grid{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(220px,.65fr));align-items:stretch}.demo-nav__inner{grid-template-columns:minmax(0,1.2fr) auto auto}.demo-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:720px}.demo-hero__copy{padding-top:1.25rem}.demo-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.demo-layout__board{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}}@media (width<=639px){.demo-metric-grid{grid-template-columns:1fr}}body.profile-web-theme{--profile-web-grid-color:#0e161c0f;--profile-web-accent-primary:#6692ff33;--profile-web-accent-secondary:#68e4bc2e;--profile-web-accent-depth:#070c1214;--profile-web-base-start:#edf3f1;--profile-web-base-end:#dde6e2;--profile-sheet-border:#ffffff80;--profile-sheet-top-sheen:#ffffff5c;--profile-sheet-base-start:#ffffffe6;--profile-sheet-base-end:#f8faf9c7;--profile-sheet-shadow:#121e222e;--profile-sheet-topbar:linear-gradient(135deg, #78c8ff 0%, #6fe4c2 46%, #d7ff72 100%);background-image:linear-gradient(var(--profile-web-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--profile-web-grid-color) 1px, transparent 1px), radial-gradient(circle at 14% 18%, var(--profile-web-accent-secondary) 0%, transparent 24%), radial-gradient(circle at 84% 16%, var(--profile-web-accent-primary) 0%, transparent 22%), radial-gradient(circle at 78% 72%, var(--profile-web-accent-depth) 0%, transparent 32%), linear-gradient(180deg, var(--profile-web-base-start), var(--profile-web-base-end));background-position:50%;background-size:42px 42px,42px 42px,auto,auto,auto,auto;background-color:var(--profile-web-base-end);background-attachment:fixed}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body.profile-web-theme{--profile-web-grid-color:#9cb6c614;--profile-web-accent-primary:#3a7cff38;--profile-web-accent-secondary:#48debb24;--profile-web-accent-depth:#02060abd;--profile-web-base-start:#071018;--profile-web-base-end:#020508;--profile-sheet-border:#94bee829;--profile-sheet-top-sheen:#a8d6ff14;--profile-sheet-base-start:#090e13e6;--profile-sheet-base-end:#060a0ec2;--profile-sheet-shadow:#0009;--profile-sheet-topbar:linear-gradient(135deg, #73c5ff 0%, #52dfb5 42%, #d7ff70 100%)}}:root[data-theme=dark] body.profile-web-theme{--profile-web-grid-color:#9cb6c614;--profile-web-accent-primary:#3a7cff38;--profile-web-accent-secondary:#48debb24;--profile-web-accent-depth:#02060abd;--profile-web-base-start:#071018;--profile-web-base-end:#020508;--profile-sheet-border:#94bee829;--profile-sheet-top-sheen:#a8d6ff14;--profile-sheet-base-start:#090e13e6;--profile-sheet-base-end:#060a0ec2;--profile-sheet-shadow:#0009;--profile-sheet-topbar:linear-gradient(135deg, #73c5ff 0%, #52dfb5 42%, #d7ff70 100%)}.profile-page{--profile-sheet-width:min(92vw, 230mm);isolation:isolate;min-height:100vh;padding:clamp(1rem,3vw,2.5rem);position:relative}.profile-toolbar{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:20;align-items:center;gap:.7rem;display:flex;position:fixed}.profile-toolbar__progress{border:1px solid var(--color-line);background:var(--color-surface-elevated);width:58px;height:58px;box-shadow:0 14px 36px var(--color-shadow-soft);-webkit-backdrop-filter:blur(18px);border-radius:50%;place-items:center;display:grid;position:relative}.profile-toolbar__progress-native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-toolbar__progress-ring{width:46px;height:46px;transform:rotate(-90deg)}.profile-toolbar__progress-track,.profile-toolbar__progress-value{fill:none;stroke-width:3px}.profile-toolbar__progress-track{stroke:var(--color-line)}.profile-toolbar__progress-value{stroke:var(--button-primary-bg);stroke-linecap:round;transition:stroke-dashoffset .18s,stroke .18s}.profile-toolbar__progress-label{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text);font-size:.66rem;font-weight:500;line-height:1;position:absolute}.profile-toolbar__button{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-elevated);min-height:44px;box-shadow:0 14px 36px var(--color-shadow-soft);-webkit-backdrop-filter:blur(18px);cursor:pointer;font-size:.8rem;font-weight:var(--weight-450);letter-spacing:var(--tracking-title);align-items:center;gap:.55rem;padding:.72rem .96rem;line-height:1;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex}.profile-toolbar__button:hover{border-color:var(--color-line-strong);box-shadow:0 18px 40px var(--color-shadow-soft);transform:translateY(-1px)}.profile-toolbar__button:active{transform:translateY(0)}.profile-toolbar__icon{flex:0 0 18px;width:18px;height:18px}.profile-sheet{width:var(--profile-sheet-width);min-height:calc(var(--profile-sheet-width) * 1.4142);border:1px solid var(--profile-sheet-border);background:linear-gradient(180deg, var(--profile-sheet-top-sheen) 0%, #fff0 22%), linear-gradient(180deg, var(--profile-sheet-base-start) 0%, var(--profile-sheet-base-end) 100%);box-shadow:0 32px 84px var(--profile-sheet-shadow);-webkit-backdrop-filter:blur(26px);border-radius:18px;margin-inline:auto;padding:clamp(1rem,2.2vw,1.4rem);position:relative;overflow:hidden}.profile-sheet:before{content:"";background:var(--profile-sheet-topbar);width:100%;height:10px;position:absolute;inset:0 auto auto 0}.profile-page .demo-section__header{gap:.55rem;max-width:none;margin-bottom:0}.profile-page .ds-section-title{font-size:clamp(1.2rem,1rem + .9vw,1.75rem);line-height:1.08}.profile-page .ds-body,.profile-page .ds-body-large{color:var(--color-text-muted)}.profile-hero{gap:1.1rem;padding-top:.45rem;padding-bottom:1.1rem;display:grid}.profile-hero__intro{align-content:start;gap:1rem;display:grid}.profile-hero__identity,.profile-hero__summary-block{display:grid}.profile-hero__identity{gap:.6rem}.profile-hero__summary-block{gap:.75rem}.profile-hero__name{font-size:clamp(2rem,1.6rem + 2vw,3.1rem);font-weight:var(--weight-400);letter-spacing:var(--tracking-display);line-height:.98}.profile-hero__role{font-size:clamp(1rem,.95rem + .4vw,1.2rem);font-weight:var(--weight-540);letter-spacing:var(--tracking-title);line-height:1.25}.profile-hero__summary{max-width:44rem;font-size:.98rem;font-weight:var(--weight-340);letter-spacing:var(--tracking-body);line-height:1.5}.profile-hero__summary--muted{color:var(--color-text-soft)}.profile-hero__aside{align-content:start;gap:.85rem;display:grid}.profile-hero__portrait-card,.profile-contact-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface-muted) 88%, transparent);gap:.7rem;padding:.8rem;display:grid}.profile-hero__portrait-frame{aspect-ratio:1/.96;border-radius:calc(var(--radius-card) - 3px);background:linear-gradient(#ffffff1f,#fff0);position:relative;overflow:hidden}.profile-hero__portrait-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000024);height:28%;position:absolute;inset:auto 0 0}.profile-hero__portrait-image{object-fit:cover;object-position:center 18%;width:100%;height:100%}.profile-contact-list{gap:.55rem;display:grid}.profile-contact-item{grid-template-columns:minmax(76px,auto) 1fr;align-items:start;gap:.65rem;display:grid}.profile-contact-item__label{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-soft);font-size:.72rem;line-height:1}.profile-contact-item__value{font-size:.95rem;font-weight:var(--weight-400);word-break:break-word;line-height:1.35;text-decoration:none}.profile-contact-card__footer{border-top:1px dashed var(--color-line);gap:.3rem;padding-top:.8rem;display:grid}.profile-contact-card__principle{font-size:.95rem;font-weight:var(--weight-450);letter-spacing:var(--tracking-title);line-height:1.35}.profile-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.profile-stat-row--hero{padding-top:.35rem}.profile-stat-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-muted);gap:.28rem;padding:.85rem .9rem;display:grid}.profile-stat-card strong{font-size:1.35rem;font-weight:var(--weight-540);letter-spacing:var(--tracking-title);line-height:1}.profile-stat-card span{font-size:.82rem;font-weight:var(--weight-330);color:var(--color-text-muted);line-height:1.35}.profile-layout{gap:1.1rem;margin-bottom:1rem;display:grid}.profile-sidebar,.profile-main{align-content:stretch;gap:1rem;display:grid}.profile-section-card{page-break-inside:avoid;break-inside:avoid}.profile-section-card--full{width:100%}.profile-skill-groups{gap:.9rem;display:grid}.profile-skill-group{border-top:1px solid var(--color-line);gap:.45rem;padding-top:.8rem;display:grid}.profile-skill-group:first-child{border-top:0;padding-top:0}.profile-skill-group__title{font-size:1rem;font-weight:var(--weight-540);line-height:1.2}.profile-skill-group__summary{font-size:.88rem;font-weight:var(--weight-330);color:var(--color-text-muted);line-height:1.45}.profile-tag-list{flex-wrap:wrap;gap:.45rem;display:flex}.profile-tag-list--dense{gap:.38rem}.profile-tag{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-muted);min-height:32px;font-size:.78rem;font-weight:var(--weight-400);letter-spacing:var(--tracking-body);align-items:center;padding:.42rem .72rem;line-height:1;display:inline-flex}.profile-tag--quiet{background:0 0;min-height:30px}.profile-timeline{gap:1rem;display:grid;position:relative}.profile-timeline:before{content:"";background:var(--color-line);width:1px;position:absolute;inset:0 auto 0 7px}.profile-timeline__item{grid-template-columns:16px 1fr;gap:.8rem;display:grid;position:relative}.profile-timeline__marker{z-index:1;border:4px solid var(--color-surface);background:var(--button-primary-bg);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-line);border-radius:50%;margin-top:.2rem;position:relative}.profile-timeline__body{gap:.45rem;display:grid}.profile-timeline__topline{gap:.3rem;display:grid}.profile-timeline__company{font-size:1rem;font-weight:var(--weight-540);line-height:1.15}.profile-timeline__role{font-size:.9rem;font-weight:var(--weight-400);color:var(--color-text-muted);line-height:1.35}.profile-timeline__duration{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-soft);font-size:.75rem;line-height:1}.profile-timeline__progression{font-size:.82rem;font-weight:var(--weight-340);color:var(--color-text-soft);line-height:1.4}.profile-timeline__list{font-size:.86rem;font-weight:var(--weight-330);color:var(--color-text-muted);gap:.38rem;margin:0;padding-left:1rem;line-height:1.45;display:grid}.profile-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.profile-project-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-muted);gap:.55rem;padding:.9rem;display:grid}.profile-project-card--featured{background:color-mix(in srgb, var(--color-surface-muted) 76%, transparent);grid-column:1/-1;padding:1rem 1.05rem}.profile-project-card--featured .profile-project-card__title{font-size:1.14rem}.profile-project-card--featured .profile-project-card__work{max-width:46rem}.profile-project-card__title{font-size:.98rem;font-weight:var(--weight-540);line-height:1.25}.profile-project-card__work{font-size:.86rem;font-weight:var(--weight-330);color:var(--color-text-muted);line-height:1.45}@media (width>=560px){.profile-hero{grid-template-columns:minmax(0,1.22fr) minmax(228px,.78fr);align-items:start}.profile-hero__intro{padding-right:.4rem}.profile-timeline__topline{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (width>=960px){.profile-toolbar{top:50%;right:max(1rem, env(safe-area-inset-right));flex-direction:column;transform:translateY(-50%)}.profile-toolbar__button{justify-content:center;min-width:82px}.profile-layout{grid-template-columns:minmax(236px,.72fr) minmax(0,1.28fr);align-items:stretch}.profile-sidebar,.profile-main{align-self:stretch}.profile-layout .profile-section-card{align-content:start;height:100%}}@media (width<=767px){body.profile-web-theme{background-attachment:scroll}.profile-hero__portrait-card{padding:.65rem}.profile-contact-item{grid-template-columns:1fr;gap:.18rem}.profile-toolbar{top:max(.9rem, env(safe-area-inset-top));right:max(.9rem, env(safe-area-inset-right));left:auto;transform:none}.profile-toolbar__button{justify-content:center}.profile-stat-row,.profile-project-grid{grid-template-columns:1fr}.profile-page{min-height:auto}.profile-sheet{width:min(100%,230mm);min-height:auto}}@page{size:A4 portrait;margin:0}@media print{html,body,body.profile-web-theme{background:#fff!important}.profile-page{--profile-sheet-width:auto;min-height:auto;padding:0}.profile-toolbar{display:none}.profile-sheet{width:auto;min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:0;border-radius:0;padding:9mm 9mm 8mm;overflow:visible}.profile-sheet:before{height:4mm}.profile-page .ds-surface,.profile-project-card,.profile-stat-card,.profile-tag{box-shadow:none}.profile-page .ds-surface{background:#fff;gap:.75rem;padding:4mm 4mm 3.5mm}.profile-hero{break-inside:avoid-page;page-break-inside:avoid;border-bottom:1px solid #0000001f;grid-template-columns:minmax(0,1.34fr) minmax(54mm,.66fr);align-items:start;gap:.75rem;padding-top:0;padding-bottom:.8rem}.profile-hero__intro{gap:.75rem;padding-right:.2rem}.profile-hero__identity{gap:.4rem}.profile-hero__summary-block{gap:.55rem}.profile-hero__name{font-size:2.45rem}.profile-hero__role{font-size:1.08rem;line-height:1.2}.profile-hero__summary{max-width:none;font-size:.91rem;line-height:1.42}.profile-hero__aside{gap:.45rem}.profile-hero__portrait-card,.profile-contact-card{box-shadow:none;background:#ffffffe6;gap:.45rem;padding:.52rem}.profile-hero__portrait-frame{aspect-ratio:1/.72}.profile-contact-list{gap:.42rem}.profile-contact-item__label{font-size:.66rem}.profile-contact-item__value,.profile-contact-card__principle{font-size:.87rem;line-height:1.3}.profile-contact-card__footer{padding-top:.55rem}.profile-stat-row{gap:.45rem}.profile-stat-row--hero{break-inside:avoid-page;page-break-inside:avoid;padding-top:.1rem}.profile-stat-card{padding:.6rem .65rem}.profile-stat-card strong{font-size:1.1rem}.profile-stat-card span{font-size:.72rem;line-height:1.28}.profile-layout{grid-template-columns:minmax(63mm,.66fr) minmax(0,1.34fr);align-items:start;gap:.7rem}.profile-sidebar,.profile-main{align-self:start}.profile-layout .profile-section-card,.profile-section-card{break-inside:auto;page-break-inside:auto;height:auto}.profile-skill-groups{gap:.65rem}.profile-skill-group{break-inside:avoid-page;page-break-inside:avoid;gap:.35rem;padding-top:.55rem}.profile-skill-group__title{font-size:.93rem}.profile-skill-group__summary{font-size:.78rem;line-height:1.36}.profile-tag-list{gap:.3rem}.profile-tag{min-height:24px;padding:.24rem .5rem;font-size:.68rem}.profile-timeline{gap:.72rem}.profile-timeline__item{break-inside:avoid-page;page-break-inside:avoid;gap:.55rem}.profile-timeline__company{font-size:.95rem}.profile-timeline__role{font-size:.84rem}.profile-timeline__duration{font-size:.7rem}.profile-timeline__progression,.profile-timeline__list{font-size:.76rem;line-height:1.35}.profile-project-grid{gap:.55rem}.profile-project-card{break-inside:avoid-page;page-break-inside:avoid;gap:.42rem;padding:.72rem}.profile-project-card--featured{padding:.8rem}.profile-project-card__title{font-size:.9rem}.profile-project-card--featured .profile-project-card__title{font-size:1rem}.profile-project-card__work{font-size:.76rem;line-height:1.35}p,li{orphans:3;widows:3}}