.page-blog,.page-article{min-height:calc(100vh - var(--main-pad-top));min-height:calc(100dvh - var(--main-pad-top));padding:0 var(--page-pad-x) var(--page-pad-bottom)}.blog-inner{max-width:var(--content-max);margin:0 auto}.blog-panel{padding:var(--reading-inset-block) var(--reading-inset);overflow:hidden}.blog-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-panel>.page-title:first-child{margin-top:-3px}.blog-panel .page-title:has(+.page-subtitle){margin-bottom:0}.blog-panel .page-subtitle{margin-top:10px;margin-bottom:var(--space-8)}.blog-item{padding:var(--space-8) var(--space-4);margin:0 calc(-1 * var(--space-4));transition:opacity var(--dur-fast) var(--ease-smooth);text-decoration:none;display:block;position:relative}.blog-item>*{z-index:1;position:relative}.blog-item:after{content:"";inset:var(--space-4) 0;z-index:0;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--blur-glass-pill));backdrop-filter:blur(var(--blur-glass-pill));opacity:0;transition:opacity var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-smooth);pointer-events:none;position:absolute;transform:scale(.99)}.blog-item:hover:after{opacity:1;transform:scale(1)}.blog-list--animated .blog-item:after{display:none}.blog-slide-pill{inset:var(--space-4) 0;z-index:0;border-radius:var(--radius-md);position:absolute}.blog-list li{border-bottom:1px solid var(--color-border)}.blog-list li:last-child{border-bottom:none}.blog-list{margin-top:calc(-1 * var(--space-8));margin-bottom:calc(-1 * var(--space-8))}.blog-item-meta{font-family:var(--font-body), sans-serif;font-size:var(--fs-small);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.blog-item-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-sub);line-height:var(--lh-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.blog-item-excerpt{font-family:var(--font-body), sans-serif;font-size:var(--fs-body-s);line-height:var(--lh-normal);color:var(--color-text-secondary);margin-bottom:0}.blog-article{max-width:var(--content-max)}.blog-article-panel{padding-inline:var(--reading-inset-min);flex-direction:column;display:flex}.blog-article-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-h2);line-height:var(--lh-tight);color:var(--color-text-primary);margin:0 0 var(--space-3)}.blog-article-panel>.blog-article-body{margin-top:var(--space-8)}.blog-article-head{font-family:var(--font-body), sans-serif;font-size:var(--fs-body);grid-template-columns:[wide-start] minmax(0, 1fr) [text-start] min(100%, var(--reading-measure)) [text-end] minmax(0, 1fr) [wide-end];display:grid}.blog-article-head>*{grid-column:text;min-width:0}.blog-article-head>.blog-article-title{grid-column:text-start/wide-end}.blog-article-head>.blog-item-meta{margin-bottom:var(--space-4)}.blog-article-body{grid-template-columns:[wide-start] minmax(0, 1fr) [text-start] min(100%, var(--reading-measure)) [text-end] minmax(0, 1fr) [wide-end];row-gap:var(--space-5);font-family:var(--font-body), sans-serif;font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--color-text-secondary);display:grid}.blog-article-body>*{grid-column:text;min-width:0}.blog-article-body p{margin:0}.blog-article-body h2,.blog-article-body h3{font-family:var(--font-main);font-weight:var(--fw-title);line-height:var(--lh-snug);color:var(--color-text-primary);margin:0}.blog-article-body h2{font-size:var(--fs-card);margin-top:var(--space-6)}.blog-article-body h3{font-size:var(--fs-sub);margin-top:var(--space-5);margin-bottom:calc(-1 * var(--space-2))}.blog-article-body a{color:var(--color-text-primary);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-border-active);text-decoration-color:var(--color-border-active);transition:text-decoration-color var(--dur-fast) var(--ease-smooth)}.blog-article-body a:hover{-webkit-text-decoration-color:var(--color-text-primary);text-decoration-color:var(--color-text-primary)}.blog-article-body ul,.blog-article-body ol{gap:var(--space-2);padding-left:var(--space-5);flex-direction:column;margin:0;display:flex}.blog-article-body li{padding-left:var(--space-1)}.blog-article-body li::marker{color:var(--color-text-tertiary)}.blog-article-body li>ul,.blog-article-body li>ol{margin-top:var(--space-2)}.blog-article-body li:has(>input[type=checkbox]){margin-left:calc(-1 * var(--space-5));align-items:baseline;gap:var(--space-2);padding-left:0;list-style:none;display:flex}.blog-article-body li>input[type=checkbox]{accent-color:var(--color-text-primary);flex-shrink:0;transform:translateY(2px)}.blog-article-body strong{color:var(--color-text-primary);font-weight:var(--fw-eyebrow)}.blog-article-body code{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--color-surface-subtle);color:var(--color-text-primary);padding:2px 6px;font-size:.9em}.blog-article-body pre{margin:var(--space-3) 0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);line-height:var(--lh-normal);overflow-x:auto}.blog-article-body pre code{background:0 0;padding:0}.article-figure{margin:var(--space-3) 0;gap:var(--space-3);flex-direction:column;display:flex}.article-figure-frame{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);width:100%;box-shadow:var(--shadow-image);display:block;position:relative;overflow:hidden;container-type:inline-size}.article-figure img{object-fit:cover}.article-figure-frame:has(.article-ui){height:auto}.article-figure-frame :where(.article-ui){width:100%;font-family:var(--font-body), sans-serif;color:var(--color-text-primary)}.ui-sheet{gap:var(--space-2);padding:var(--space-3);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);display:grid}@container (max-width:520px){.ui-sheet{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr)}}@container (max-width:340px){.ui-sheet{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(2,1fr)}}.ui-tile{padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-solid);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;display:flex;overflow:hidden}.ui-tile-label{font-family:var(--font-body), sans-serif;font-size:var(--fs-eyebrow);color:var(--color-text-tertiary);line-height:1.2}.ui-tile-value{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-label);color:var(--color-text-primary);line-height:1.1}.ui-tile-chart{width:100%;margin-top:auto;display:block}.ui-forms{gap:var(--space-5);padding:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-field-label{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-small);color:var(--color-text-secondary)}.ui-input{height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-solid);font-size:var(--fs-small);color:var(--color-text-primary);align-items:center;display:flex}.ui-input--invalid{border-color:var(--color-border-active);border-width:2px}.ui-input--empty{color:var(--color-text-tertiary)}.ui-message{height:var(--space-5);font-size:var(--fs-eyebrow);color:var(--color-text-secondary);align-items:center;line-height:1.2;display:flex}.ui-screens{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.ui-screen{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg-solid);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;display:flex}.ui-screen--open{border-style:dashed;border-color:var(--color-border-active);box-shadow:none;background:0 0}.ui-screen-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-control-pill);background:var(--color-surface-subtle);color:var(--color-text-secondary);place-items:center;display:grid}.ui-screen-icon--ok{background:rgba(var(--color-accent-rgb), .12);color:var(--color-accent)}.ui-screen-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-small);color:var(--color-text-primary)}.ui-screen-sub{font-size:var(--fs-eyebrow);color:var(--color-text-tertiary);line-height:1.3}.ui-screen-foot{padding-top:var(--space-3);height:var(--space-8);align-items:flex-end;margin-top:auto;display:flex}.ui-themes{gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ui-theme-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-left-bg);flex-direction:column;display:flex}.ui-theme-card[data-theme=light]{--color-left-bg:#fefefe;--color-border:#f0f0f0;--color-text-primary:#111;--color-text-secondary:#666;--color-surface-subtle:#00000008}.ui-theme-row{align-items:center;gap:var(--space-3);display:flex}.ui-theme-avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--color-surface-subtle);flex-shrink:0}.ui-theme-name{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-small);color:var(--color-text-primary)}.ui-theme-role{font-size:var(--fs-eyebrow);color:var(--color-text-secondary)}.ui-theme-btn{padding:4px var(--space-4);border-radius:var(--radius-control-pill);background:var(--color-text-primary);color:var(--color-left-bg);font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-eyebrow);align-self:flex-start}.ui-token-names{justify-content:center;gap:var(--space-3);grid-column:1/-1;display:flex}.ui-token-name{padding:2px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control-pill);background:var(--color-surface-subtle);font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--color-text-secondary)}.ui-curves{justify-content:center;gap:var(--space-5);padding:var(--space-7);--dur-curve-demo:2.6s;--curve-travel:calc((100cqw - var(--space-7) * 2 - var(--space-10) - 8px) * .9);flex-direction:column;display:flex}.ui-curve-label{font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--color-text-tertiary);margin-bottom:6px}.ui-curve-track{height:var(--space-7);border-radius:var(--radius-control-pill);background:var(--color-surface-subtle);position:relative}.ui-curve-chip{width:var(--space-10);height:calc(var(--space-7) - 8px);border-radius:var(--radius-control-pill);background:var(--color-text-primary);animation:ui-curve-travel var(--dur-curve-demo) infinite alternate;position:absolute;top:4px;left:4px}.ui-curve-chip--out{animation-timing-function:var(--ease-out)}.ui-curve-chip--in-out{animation-timing-function:var(--ease-in-out)}.ui-curve-chip--spring{animation-timing-function:var(--ease-spring)}@keyframes ui-curve-travel{0%,12%{transform:translate(0)}88%,to{transform:translateX(var(--curve-travel))}}@media (prefers-reduced-motion:reduce){.ui-curve-chip{transform:translateX(var(--curve-travel));animation:none}}.article-figure--slot .article-figure-frame{color:var(--color-text-tertiary);place-items:center;display:grid}.article-figure figcaption{font-size:var(--fs-small);color:var(--color-text-tertiary);line-height:1.4}.article-figure--wide{grid-column:wide}.article-callout{margin:var(--space-3) 0;gap:var(--space-3-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:flex}.article-callout-icon{font-size:var(--fs-label);line-height:var(--lh-relaxed);flex-shrink:0}.article-callout-body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.article-callout-body>:last-child{margin-bottom:0}.article-callout--accent{border-color:#0000;border-left:2px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-toggle{margin:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.article-toggle summary{align-items:center;gap:var(--space-3);padding:var(--space-3-5) 0;cursor:pointer;font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-label);color:var(--color-text-primary);list-style:none;display:flex}.article-toggle summary::-webkit-details-marker{display:none}.article-toggle-chevron{color:var(--color-text-tertiary);transition:transform var(--dur-fast) var(--ease-smooth);flex-shrink:0}.article-toggle[open] .article-toggle-chevron{transform:rotate(90deg)}.article-toggle-body{gap:var(--space-4);padding:0 0 var(--space-4) var(--space-7);flex-direction:column;display:flex}.article-columns{margin:var(--space-3) 0;gap:var(--space-6);grid-column:wide;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.article-column{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.article-table{margin:var(--space-3) 0;scrollbar-width:thin;grid-column:wide;overflow-x:auto}.article-table table{border-collapse:collapse;width:100%;font-size:var(--fs-body-s);line-height:var(--lh-normal)}.article-table th,.article-table td{padding:var(--space-3) var(--space-3-5);text-align:left;vertical-align:top}.article-table th{border-bottom:1px solid var(--color-border);font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-small);color:var(--color-text-primary);white-space:nowrap}.article-bookmark{margin:var(--space-3) 0;gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-smooth);flex-direction:column;text-decoration:none;display:flex}.blog-article-body a.article-bookmark{text-decoration:none}.article-bookmark:hover{border-color:var(--color-border-active)}.article-bookmark-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-label);color:var(--color-text-primary)}.article-bookmark-desc{font-size:var(--fs-body-s);line-height:var(--lh-normal);color:var(--color-text-secondary)}.article-bookmark-host{margin-top:var(--space-2);font-size:var(--fs-small);color:var(--color-text-tertiary)}.blog-article-body hr{margin:var(--space-5) auto;width:var(--space-10);background:var(--color-border-active);border:0;height:1px}.blog-panel--empty{min-height:calc(100vh - var(--main-pad-top) - var(--page-pad-bottom));min-height:calc(100dvh - var(--main-pad-top) - var(--page-pad-bottom))}.reading-progress{height:2px;z-index:var(--z-controls);background:var(--color-text-primary);transform-origin:0;pointer-events:none;position:fixed;bottom:0;left:0;right:0;transform:scaleX(0)}.blog-article-standfirst{max-width:56ch;font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-body-l);line-height:var(--lh-normal);color:var(--color-text-primary);margin:0}.blog-article-body h2{padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-column:text}.blog-article-body>h2:first-child{border-top:none;margin-top:0;padding-top:0}.blog-article-body h2,.blog-article-body h3{scroll-margin-top:120px}.blog-article-body blockquote{margin:var(--space-3) 0;gap:var(--space-3);border-left:2px solid var(--color-text-primary);padding-left:var(--space-5);flex-direction:column;font-style:normal;display:flex}.blog-article-body blockquote p{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-sub);line-height:var(--lh-snug);color:var(--color-text-primary)}.blog-article-body blockquote cite{font-family:var(--font-body), sans-serif;font-size:var(--fs-small);color:var(--color-text-tertiary);font-style:normal}@media (max-width:640px){.blog-article-body{--reading-measure:100%}.blog-article-body h2{margin-top:var(--space-5);padding-top:var(--space-5);scroll-margin-top:var(--space-5)}.blog-article-body h3{scroll-margin-top:var(--space-5)}.article-callout,.article-bookmark{padding:var(--space-4)}.article-toggle-body{padding-left:var(--space-5)}.article-table{margin-left:calc(-1 * var(--card-pad));margin-right:calc(-1 * var(--card-pad));padding:0 var(--card-pad)}}.ui-shift{gap:var(--space-4);padding:var(--space-4);--dur-shift-demo:3.2s;grid-template-columns:1fr 1fr;display:grid}.ui-shift-col{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-solid);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.ui-shift-label{font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--color-text-tertiary)}.ui-shift-media{border-radius:var(--radius-sm);background:var(--color-surface-subtle);height:var(--space-12);flex-shrink:0}.ui-shift-col--unreserved .ui-shift-media{animation:ui-shift-pop var(--dur-shift-demo) var(--ease-smooth) infinite}.ui-shift-col--reserved .ui-shift-media{animation:ui-shift-fill var(--dur-shift-demo) var(--ease-smooth) infinite}.ui-shift-line{height:var(--space-2);background:var(--color-text-primary);opacity:.1;border-radius:3px}.ui-shift-line--short{width:60%}@keyframes ui-shift-pop{0%,30%{height:0}40%,to{height:var(--space-12)}}@keyframes ui-shift-fill{0%,30%{background:var(--color-surface-subtle)}40%,to{background:var(--color-skeleton)}}@media (prefers-reduced-motion:reduce){.ui-shift-media{animation:none}}.ui-coverage{gap:var(--space-2);padding:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@container (max-width:520px){.ui-coverage{grid-template-columns:repeat(3,1fr)}}.ui-component{padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-solid);flex-direction:column;gap:6px;display:flex}.ui-component--missing{border-style:dashed;border-color:var(--color-border-active);background:0 0}.ui-component-name{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-eyebrow);color:var(--color-text-primary)}.ui-component-uses{font-size:var(--fs-eyebrow);color:var(--color-text-tertiary)}.ui-component--missing .ui-component-name,.ui-component--missing .ui-component-uses{color:var(--color-text-tertiary)}.ui-week{gap:var(--space-2);padding:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.ui-day{gap:var(--space-2);flex-direction:column;display:flex}.ui-day-name{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-eyebrow);color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);padding-bottom:6px}.ui-block{padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-size:var(--fs-eyebrow);color:var(--color-text-secondary);text-align:center;line-height:1.3}.ui-block--live{background:var(--color-text-primary);color:var(--color-left-bg);font-family:var(--font-main);font-weight:var(--fw-title)}.ui-block--tall{flex:1;justify-content:center;align-items:center;display:flex}.ui-memory{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.ui-memory-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-solid);display:flex}.ui-memory-path{font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--color-text-primary);flex-shrink:0;width:11em}.ui-memory-what{font-size:var(--fs-eyebrow);color:var(--color-text-secondary)}.ui-memory-row--volatile{background:0 0;border-style:dashed}.ui-drop{gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ui-drop-col{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ui-drop-label{font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--color-text-tertiary)}.ui-drop-panel{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-solid);box-shadow:var(--shadow-card);aspect-ratio:4/3;overflow:hidden}.ui-drop-grid{gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(3,1fr);height:100%;display:grid}.ui-drop-panel--clipped .ui-drop-grid{width:240%;height:240%}.ui-drop-cell{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);flex-direction:column;justify-content:center;gap:4px;display:flex}.ui-drop-bar{background:var(--color-text-primary);opacity:.18;border-radius:2px;height:5px}.ui-drop-bar--short{opacity:.1;width:55%}.ui-scale{gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ui-scale-col{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-solid);box-shadow:var(--shadow-card);flex-direction:column;min-width:0;display:flex}.ui-scale-head{font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--color-text-tertiary)}.ui-scale-stack{gap:var(--space-2);flex-direction:column;display:flex}.ui-scale-line{color:var(--color-text-secondary);text-wrap:balance;line-height:1.3}.ui-scale-line--heavy{font-family:var(--font-main);font-weight:var(--fw-title);color:var(--color-text-primary)}.process-figure{padding:var(--card-pad);flex-direction:column;display:flex;container-type:inline-size}.article-figure-frame:has(.process-figure){height:auto}.process-figure .process-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.process-figure .process-label{font-family:var(--font-body), sans-serif;font-weight:var(--fw-regular);font-size:var(--fs-small);line-height:var(--lh-normal);color:var(--color-text-secondary);margin:0}.process-figure .process-rail{--rail-dashes:20;--rail-tick:5px;--rail-tick-lg:13px;--rail-num:24px;height:calc(var(--rail-num) + var(--space-2) + var(--rail-tick-lg));--rail-span:calc(100% - 0px);flex:1;min-width:0;position:relative}@container (max-width:480px){.process-figure .process-rail{--rail-dashes:13}}.process-figure .process-rail-track,.process-figure .process-rail-done,.process-figure .process-rail-run{height:var(--rail-tick-lg);--rail-seg:calc((100% - 1px) / 3);background-position:0 100%,0 100%;background-repeat:repeat-x;background-size:var(--rail-seg) 100%, var(--rail-seg) var(--rail-tick);background-image:linear-gradient(to right, var(--rail-mark,var(--color-timeline-marker)) 0 1px, transparent 1px), repeating-linear-gradient(to right, var(--rail-ink,var(--color-timeline)) 0 1px, transparent 1px calc(100% / var(--rail-dashes)));position:absolute;bottom:0;left:0;right:-1px}.process-figure .process-rail-done{--rail-ink:var(--color-text-primary);--rail-mark:var(--color-text-primary);clip-path:inset(0 calc(100% - var(--rail-done,0px) - 1px) 0 0);transition:clip-path var(--dur-normal) var(--ease-smooth)}.process-figure .process-rail-run{--rail-ink:var(--color-text-primary);--rail-mark:var(--color-text-primary);animation:linear forwards process-rail-fill}@keyframes process-rail-fill{0%{clip-path:inset(0 calc(100% - var(--run-from)) 0 var(--run-from))}to{clip-path:inset(0 calc(100% - var(--run-to)) 0 var(--run-from))}}.process-figure .process-rail-last{width:0;height:0;animation:linear forwards process-rail-hold;position:absolute}@keyframes process-rail-hold{0%{opacity:1}to{opacity:.99}}.process-figure:hover .process-rail-run,.process-figure:hover .process-rail-last{animation-play-state:paused}.process-figure:has(:focus-visible) .process-rail-run{animation-play-state:paused}.process-figure:has(:focus-visible) .process-rail-last{animation-play-state:paused}.process-figure .process-tick{width:var(--rail-num);margin-left:calc(-1 * var(--rail-num) / 2);cursor:pointer;transition:color var(--dur-normal) var(--ease-smooth);background:0 0;border:0;justify-content:center;padding:0;display:flex;position:absolute;top:0;bottom:0}.process-figure .process-tick:before{content:"";position:absolute;inset:0 -10px}.process-figure .process-tick-num{width:var(--rail-num);height:var(--rail-num);font-size:var(--fs-tiny);font-weight:var(--fw-title);font-variant-numeric:lining-nums tabular-nums;transition:color var(--dur-normal) var(--ease-smooth), background-color var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;padding-bottom:2px;line-height:1;display:flex;position:absolute;top:0;left:.5px}.process-figure .process-tick:focus-visible{outline:none}.process-figure .process-tick:focus-visible .process-tick-num{outline:2px solid var(--color-text-primary);outline-offset:2px}.process-figure .process-tick:hover .process-tick-num{box-shadow:var(--shadow-elevated)}.process-figure .process-tick.is-active .process-tick-num{background:var(--btn-primary-bg);color:var(--btn-primary-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-color:#0000}.process-figure .process-tick.is-active:hover .process-tick-num{box-shadow:var(--shadow-elevated);opacity:.9}@media (prefers-reduced-motion:reduce){.process-figure .process-rail-done,.process-figure .process-tick,.process-figure .process-tick-num{transition:none}}.process-figure .process-stack{margin-top:var(--space-4);flex:1;align-content:start;display:grid}.process-figure .process-panel{opacity:0;transform:translateX(calc(var(--process-shift,0) * 20px));transition:opacity var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-smooth);grid-area:1/1}.process-figure .process-panel.is-active{opacity:1;transition:opacity var(--dur-normal) var(--ease-smooth) var(--dur-fast), transform var(--dur-normal) var(--ease-out) var(--dur-fast);transform:none}.process-figure .process-panel-title{margin:0 0 var(--space-3);font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-card);line-height:var(--lh-tight);color:var(--color-text-primary)}.process-figure .process-panel-text{max-width:46ch;font-family:var(--font-body), sans-serif;font-size:var(--fs-body-s);line-height:var(--lh-relaxed);color:var(--color-text-secondary);margin:0}.process-figure .process-tags{gap:var(--space-2);margin:var(--space-4) 0 0;flex-flow:wrap;padding:0;list-style:none;display:flex}.process-figure .process-tag{border-radius:var(--radius-hover-pill);box-shadow:inset 0 0 0 1px var(--color-border);font-family:var(--font-body), sans-serif;font-size:var(--fs-tiny);line-height:var(--lh-normal);color:var(--color-text-secondary);padding:5px 10px}@media (prefers-reduced-motion:reduce){.process-figure .process-panel{transition:none;transform:none}}.process-figure .process-foot{margin-top:var(--space-6);align-items:center;display:flex}
.page-ventures{min-height:calc(100vh - var(--main-pad-top));min-height:calc(100dvh - var(--main-pad-top));padding:0 var(--page-pad-x) var(--page-pad-bottom)}.ventures-inner{max-width:var(--content-max);margin:0 auto}.ventures-empty{justify-content:center;align-items:center;gap:var(--space-4);min-height:calc(100vh - var(--main-pad-top) - var(--page-pad-bottom));min-height:calc(100dvh - var(--main-pad-top) - var(--page-pad-bottom));text-align:center;flex-direction:column;display:flex}.ventures-empty>svg{color:var(--color-text-tertiary)}.ventures-empty>p{max-width:34ch;font-family:var(--font-body), sans-serif;font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--color-text-secondary);text-wrap:balance;margin:0}.ventures-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.venture-card{gap:0;min-height:0}.venture-card--featured{grid-column:1/-1}.venture-copy{display:contents}@media (min-width:641px){.venture-card--featured{gap:var(--space-6);grid-template-columns:minmax(260px,5fr) minmax(0,6fr);display:grid}.venture-card--featured .venture-shot{object-position:top left}.venture-card--featured .venture-media{min-height:100%;margin:calc(-1 * var(--card-pad)) 0 calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad));aspect-ratio:auto;border-radius:calc(var(--radius-lg) - 1px) 0 0 calc(var(--radius-lg) - 1px);grid-area:1/1;align-self:stretch}.venture-card--featured .venture-copy{flex-direction:column;align-items:flex-start;display:flex}}.venture-media{margin:calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) var(--space-5);aspect-ratio:16/9;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;background:var(--color-skeleton);box-shadow:inset 0 0 0 1px var(--glass-border);position:relative;overflow:hidden}.venture-shot{object-fit:cover;object-position:top center}.venture-card>.card-external{z-index:4}.venture-name{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-card);line-height:var(--lh-tight);color:var(--color-text-primary);margin:0}.venture-meta{font-family:var(--font-body), sans-serif;font-size:var(--fs-small);color:var(--color-text-tertiary);margin:var(--space-2) 0 0}.venture-summary{font-family:var(--font-body), sans-serif;font-size:var(--fs-body-s);line-height:var(--lh-normal);color:var(--color-text-secondary);margin:var(--space-3) 0 0}.venture-stack{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.venture-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.venture-action{margin:0}.venture-action-status{align-items:center;gap:var(--space-2);min-height:var(--control-h);font-family:var(--font-main);font-size:var(--fs-control-label);font-weight:var(--fw-button);color:var(--color-text-secondary);display:inline-flex}.venture-action-status>span{color:var(--color-text-tertiary)}.venture-card>.card-external .external-arrow>svg:last-child{display:none}.venture-card>.card-external:hover .external-arrow>svg:first-child,.venture-card>.card-external:focus-visible .external-arrow>svg:first-child{transform:none}.venture-tag{border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);font-size:var(--fs-small);color:var(--color-text-secondary);flex:none}@media (max-width:640px){.ventures-grid{grid-template-columns:minmax(0,1fr)}}
.travel-card{--travel-lift:var(--space-4);padding:0;position:relative;overflow:hidden;container-type:inline-size}.travel-sizer{--travel-fit-d:min(100cqw - 2 * var(--card-pad), 380px);height:calc(var(--travel-head-h, calc(var(--card-pad) + var(--fs-card) * var(--lh-tight) + var(--space-3) + var(--fs-body) * var(--lh-snug) + var(--space-8))) + var(--travel-fit-d) + var(--card-pad))}.travel-head{z-index:2;gap:var(--space-3);padding:var(--card-pad) var(--card-pad) var(--space-8);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.travel-head:before{content:"";z-index:-1;pointer-events:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-backdrop-filter:blur(var(--blur-scrim));backdrop-filter:blur(var(--blur-scrim));position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.travel-count{line-height:var(--lh-snug);font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-body);color:#b4b4b4;mix-blend-mode:difference;font-variant-numeric:lining-nums tabular-nums;margin:0}.travel-count--empty{color:var(--color-text-secondary)}.travel-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-card);line-height:var(--lh-tight);color:#fff;mix-blend-mode:difference;margin:0}.travel-globe{border-radius:inherit;display:flex;position:absolute;inset:0;overflow:hidden;container-type:size}.travel-globe-skeleton{z-index:1;pointer-events:none;border-radius:inherit;opacity:1;transition:opacity var(--dur-fast) var(--ease-smooth);position:absolute;inset:0}.travel-card.has-globe .travel-globe-skeleton{opacity:0}.travel-map{border-radius:inherit;flex:1;position:relative;overflow:hidden}.travel-map canvas{outline:none}.travel-map .maplibregl-ctrl-bottom-left,.travel-map .maplibregl-ctrl-bottom-right{display:none}.travel-zoom{z-index:3;right:var(--card-pad);bottom:var(--card-pad);gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.travel-zoom button{width:var(--space-8);height:var(--space-8);color:var(--color-text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-fast) var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.travel-zoom button:hover{color:var(--color-text-primary);box-shadow:var(--shadow-elevated)}.travel-tip{z-index:var(--z-controls);margin:calc(var(--space-3-5) * -1) 0 0 var(--space-3-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg-solid);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-card);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-smooth);flex-direction:column;gap:1px;display:flex;position:fixed;top:0;left:0}.travel-tip.is-on{opacity:1}.travel-tip.is-flipped{margin-left:calc(var(--space-3-5) * -1);translate:-100%}.travel-tip-name{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-small);color:var(--color-text-primary)}.travel-tip-years{font-family:var(--font-body), sans-serif;font-size:var(--fs-small);color:var(--color-text-tertiary);font-variant-numeric:lining-nums tabular-nums}.travel-map .maplibregl-canvas-container.maplibregl-interactive{cursor:grab}.travel-shade{top:var(--travel-globe-y,50%);left:var(--travel-globe-x,50%);width:var(--travel-globe-d,0px);aspect-ratio:1;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--dur-slow) var(--ease-smooth);mix-blend-mode:multiply;background:radial-gradient(circle at 34% 28%,#fff,#00000005 62%),radial-gradient(circle,#0000 55%,#00000021 92%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.travel-card.has-globe .travel-shade{opacity:1}[data-theme=dark] .travel-shade{mix-blend-mode:screen;background:radial-gradient(circle at 34% 28%,#ffffff29,#0000 55%),radial-gradient(circle,#ffffff0d,#0000 62%)}
.favorites-panel{flex-direction:column;align-items:flex-start;display:flex}@media (max-width:640px){.favorites-tabs .tabbar-item .tabbar-label{opacity:1;max-width:160px;margin-left:var(--space-2)}.favorites-tabs .tabbar-item.is-active{min-width:0}.favorites-tabs--inline .tabbar-pages{max-width:none}}.favorites-empty{margin:var(--space-8) 0 0;max-width:64ch;font-family:var(--font-body), sans-serif;font-size:var(--fs-body-s);line-height:var(--lh-relaxed);color:var(--color-text-secondary)}.favorites-grid{--favorites-band:clamp(220px, 38vh, 340px);--fav-ratio:.667;--fav-scale:1;padding:var(--space-2) 0 var(--space-4) var(--page-pad-x);align-self:stretch;align-items:flex-start;gap:var(--space-8);overscroll-behavior-x:none;scrollbar-width:none;-ms-overflow-style:none;margin:0;scroll-padding-inline-start:var(--page-pad-x);list-style:none;display:flex;overflow-x:auto}.favorites-grid::-webkit-scrollbar{display:none}.favorites-grid:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.favorites-grid--games,.favorites-grid--series{--fav-ratio:.75}.favorites-grid--albums{--fav-ratio:1;--favorites-lp-out:calc(var(--favorites-band) * var(--fav-scale) * .08);gap:calc(var(--space-10) - var(--favorites-lp-out))}.favorites-grid--albums .favorites-item{width:calc(max(calc(var(--favorites-band) * var(--fav-scale) * var(--fav-ratio)), 116px) + var(--favorites-lp-out));padding-right:var(--favorites-lp-out)}@media (max-width:640px){.favorites-grid{--favorites-band:180px;gap:var(--space-5)}.favorites-grid--albums{gap:calc(var(--space-6) - var(--favorites-lp-out))}}.favorites-item{grid-template-rows:var(--favorites-band) auto;row-gap:var(--space-2);width:max(calc(var(--favorites-band) * var(--fav-scale) * var(--fav-ratio)), 116px);content-visibility:auto;contain-intrinsic-size:auto var(--favorites-band);flex:none;min-width:0;display:grid}.favorites-detail{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.favorites-art{width:calc(var(--favorites-band) * var(--fav-scale) * var(--fav-ratio));height:calc(var(--favorites-band) * var(--fav-scale));border-radius:var(--radius-sm);background:var(--color-left-bg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-image);align-self:end;display:block;position:relative;overflow:hidden}.favorites-grid--albums .favorites-art{border-radius:var(--radius-xs);overflow:visible}.favorites-grid--albums .favorites-art.is-blank{background:var(--color-artwork-empty);overflow:hidden}.favorites-grid--albums .favorites-art.is-blank:before{content:none}.favorites-grid--albums .favorites-art:before{content:"";z-index:0;width:86%;height:86%;transition:transform var(--dur-slow) var(--ease-out);background:radial-gradient(circle,#ffffffb3 0 2.5%,#0000 3%),radial-gradient(circle,#6b6b6b 0 15%,#0000 15.5%),repeating-radial-gradient(circle,#ffffff12 0 1px,#0000 1px 3px),radial-gradient(circle at 32% 28%,#4a4a4a 0,#161616 68%);border-radius:50%;position:absolute;top:7%;right:0;transform:translate(0);box-shadow:0 0 0 1px #ffffff24,0 1px 3px #00000040}.favorites-item:hover .favorites-art:before,.favorites-item:focus-within .favorites-art:before{transform:translate(9.3%)}@media (prefers-reduced-motion:reduce){.favorites-grid--albums .favorites-art:before{transition:none}}.favorites-grid--albums .favorites-art img,.favorites-grid--albums .favorites-blank{z-index:1;border-radius:var(--radius-xs);position:relative}.favorites-art img{object-fit:cover;width:100%;height:100%;display:block}.favorites-art[data-case]{--favorites-case:#3a3a3c;--favorites-case-head:7px;--favorites-case-foot:4px}.favorites-art[data-case=playstation]{--favorites-case:#1b4593;--favorites-case-head:8px;--favorites-case-foot:4px}.favorites-art[data-case=xbox]{--favorites-case:#16801a;--favorites-case-head:9px;--favorites-case-foot:5px}.favorites-art[data-case=switch]{--favorites-case:#d81b23;--favorites-case-head:8px;--favorites-case-foot:5px}.favorites-art[data-case=gamecube]{--favorites-case:#17171a;--favorites-case-head:7px;--favorites-case-foot:4px}.favorites-art[data-case=nintendo]{--favorites-case:#c2c5cb;--favorites-case-head:6px;--favorites-case-foot:4px}.favorites-art[data-case]:not([data-box]){box-sizing:content-box;padding-top:var(--favorites-case-head);padding-bottom:var(--favorites-case-foot);background:var(--favorites-case);height:calc(var(--favorites-band) * var(--fav-scale) - var(--favorites-case-head) - var(--favorites-case-foot))}.favorites-art[data-case]:not([data-box]):before{content:"";inset:var(--favorites-case-head) 0 var(--favorites-case-foot) 0;z-index:2;pointer-events:none;position:absolute;box-shadow:inset 0 1px 2px #00000038,inset 0 -1px 2px #00000038}.favorites-grid--games .favorites-art:after,.favorites-grid--series .favorites-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000052 0,#00000014 3.5%,#ffffff29 6%,#fff0 9%),linear-gradient(112deg,#ffffff1a 0,#fff0 38%);position:absolute;inset:0}.favorites-grid--books .favorites-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000057 0,#0000001a 2%,#ffffff1f 4%,#fff0 7%),linear-gradient(270deg,#ffffff73 0,#fff3 1.4%,#00000024 1.4%,#0000 3.2%);position:absolute;inset:0}.favorites-blank{background:var(--color-artwork-empty);width:100%;height:100%;display:block}.favorites-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-small);line-height:var(--lh-tight);color:var(--color-text-primary);overflow-wrap:anywhere}.favorites-title a{color:inherit;text-decoration:none}.favorites-title a:hover{text-decoration:underline}.favorites-sub,.favorites-meta{font-family:var(--font-body), sans-serif;font-size:var(--fs-small);line-height:var(--lh-tight);color:var(--color-text-tertiary);overflow-wrap:anywhere}.favorites-sub{color:var(--color-text-secondary)}.favorites-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:nowrap;display:flex;overflow:hidden}.favorites-tag{border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);padding:1px var(--space-2);font-size:var(--fs-tiny);color:var(--color-text-secondary);flex:none}.modal--favorites{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:none;max-height:92svh;box-shadow:var(--shadow-elevated);align-self:flex-end;padding:0;overflow:hidden}.modal--favorites .modal-scroll{overscroll-behavior:contain;max-height:92svh;padding:var(--space-6) 0 var(--space-8);overflow-y:auto}.favorites-head{align-items:center;gap:var(--space-4);padding-left:var(--page-pad-x);margin-bottom:var(--space-6);display:flex}.favorites-head-title{font-family:var(--font-main);font-weight:var(--fw-title);font-size:var(--fs-card);line-height:var(--lh-tight);color:var(--color-text-primary);white-space:nowrap;margin:0}.favorites-head .favorites-tabs--inline{flex:1;min-width:0;margin-bottom:0}.favorites-tabs--inline{margin-bottom:var(--space-6);scrollbar-width:none;justify-content:safe center;padding:0;position:static;overflow-x:auto;transform:none}.favorites-tabs--inline::-webkit-scrollbar{display:none}.favorites-tabs--inline .tabbar-pages{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;flex:none}.favorites-tabs--inline .tabbar-pages .tabbar-item,.favorites-tabs--inline .tabbar-pages .tabbar-pill{border-radius:var(--radius-hover-pill)}.modal--favorites .favorites-detail{min-height:104px}.modal--favorites .favorites-empty{margin-top:var(--space-4);padding:0 var(--page-pad-x)}.modal--favorites .modal-close{top:calc(var(--space-6) + (var(--tabbar-pill-h) - var(--control-h)) / 2)}@media (max-width:900px){.favorites-tabs--inline{padding-right:calc(var(--space-6) + var(--control-h) + var(--space-4))}}@media (max-width:640px){.favorites-head{align-items:flex-start;gap:var(--space-3);flex-direction:column;padding-left:0}.favorites-head-title{padding-left:var(--page-pad-x)}.favorites-head .favorites-tabs--inline{width:100%;padding-right:var(--space-4);flex:none}.modal--favorites .modal-close{top:var(--space-4)}.favorites-tabs--inline{padding-left:var(--space-4)}}
.ds{max-width:var(--content-max);padding-bottom:var(--page-pad-bottom);margin:0 auto}.ds-head{margin-bottom:var(--space-8)}.ds-section{margin-top:var(--space-6);padding:var(--card-pad)}.ds-h2{font-family:var(--font-main);font-size:var(--fs-h2);font-weight:var(--fw-title);line-height:var(--lh-tight);color:var(--color-text-primary)}.ds-blurb{margin-top:var(--space-3);max-width:62ch;font-family:var(--font-body), sans-serif;font-size:var(--fs-body-s);line-height:var(--lh-relaxed);color:var(--color-text-secondary)}.ds code{font-family:var(--font-mono);font-size:.92em}.ds-list,.ds-recipes{margin-top:var(--space-6);gap:var(--space-1);list-style:none;display:grid}.ds-row{gap:var(--space-5);min-width:0;padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-hover-pill);border:1px solid #0000;grid-template-columns:200px 1fr;align-items:center;display:grid}.ds-row:hover{border-color:var(--color-border);background:var(--color-surface-subtle)}.ds-demo{align-items:center;min-height:40px;display:flex;overflow:hidden}.ds-row--stack{gap:var(--space-3);grid-template-columns:1fr}.ds-row--stack .ds-demo{scrollbar-width:thin;overflow-x:auto}.ds-demo:empty{display:none}.ds-name,.ds-value{overflow-wrap:anywhere;display:block}.ds-name{color:var(--color-text-primary)}.ds-value{font-family:var(--font-body), sans-serif;font-size:var(--fs-tiny);color:var(--color-text-tertiary);margin-top:2px}.ds-dark-value:before{content:""}.ds-why-fold{margin-top:var(--space-2)}.ds-why-fold>summary{cursor:pointer;font-family:var(--font-body), sans-serif;font-size:var(--fs-small);color:var(--color-text-tertiary)}.ds-why-fold>summary:hover{color:var(--color-text-secondary)}.ds-why-fold .ds-why{margin-top:var(--space-2)}.ds-why{margin-top:var(--space-2);max-width:62ch;font-family:var(--font-body), sans-serif;font-size:var(--fs-small);line-height:var(--lh-normal);color:var(--color-text-secondary)}.ds-swatches{gap:var(--space-2);display:flex}.ds-swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border-active);width:72px;height:40px;display:block}.ds-value-dark,[data-theme=dark] .ds-value-light{display:none}[data-theme=dark] .ds-value-dark{display:inline}.ds-type{font-family:var(--font-main);color:var(--color-text-primary);white-space:nowrap}.ds-type--block{white-space:normal;font-size:var(--fs-small)}.ds-bar{background:var(--color-text-primary);border-radius:2px;height:24px;display:block}.ds-box{background:var(--color-surface-subtle);border:1px solid var(--color-border-active);width:72px;height:40px;display:block}.ds-box--plain{background:var(--color-bg);border-color:#0000}.ds-blur{border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg, var(--color-text-primary) 0 4px, var(--color-bg) 4px 8px);width:120px;height:40px;display:block;position:relative;overflow:hidden}.ds-blur-pane{position:absolute;inset:0 0 0 50%}.ds-track{border-radius:var(--radius-hover-pill);background:var(--color-surface-subtle);width:160px;height:24px;display:block}.ds-dot{border-radius:var(--radius-control-pill);background:var(--color-text-primary);width:24px;height:24px;transition-property:transform;display:block}.ds-row:hover .ds-dot{transform:translate(136px)}.ds-table{margin-top:var(--space-6)}.ds-scroller{scrollbar-width:thin;overflow-x:auto}.ds-table th,.ds-table td{padding:var(--space-3) var(--space-3) var(--space-3) 0;vertical-align:top}.ds-table tbody th{color:var(--color-text-primary)}.ds-num{font-variant-numeric:lining-nums tabular-nums}.ds-note{max-width:42ch}.ds-recipes{gap:var(--space-4)}.ds-recipe{min-width:0}.ds-stage{align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface-subtle);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.ds-hover-rows{width:100%;list-style:none}.ds-hover-row{--pill-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3-5);font-family:var(--font-body), sans-serif;font-size:var(--fs-small);color:var(--color-text-primary);display:flex;position:relative}.ds-hover-row>*{z-index:1;position:relative}.ds-hover-row:after{inset:0}.ds-hover-row.is-shown:after{opacity:1;transform:scale(1)}.ds-hover-hint{color:var(--color-text-secondary)}.ds-stage--tall{align-items:flex-start;min-height:200px}.ds-stage--block{background:0 0;min-width:0;padding:0;display:block;overflow-x:auto}.ds-static-tooltip{opacity:1;position:static}.ds-surface{width:100%;height:72px;display:block}@media (max-width:640px){.ds-stage--tall .filter-menu-panel{width:100%;position:static}.ds-stage--tall{min-height:0}.ds-row{gap:var(--space-3);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ds-row:hover .ds-dot{transform:none}}
@media print{:root,[data-theme=dark]{--color-bg:#fff;--color-left-bg:#fff;--color-text-primary:#000;--color-text-secondary:#333;--color-text-tertiary:#555;--color-border:#ddd;--color-border-subtle:#eee;--color-surface-subtle:#fff}html,body{color:#000;background:#fff}.tabbar,.tabbar-fade,.theme-toggle,.skip-link,.modal-backdrop,.modal-overlay{display:none}#main-content{padding-top:0}.page-cv,.page-blog,.page-article,.page-about,.page-home{min-height:0;padding:0}[data-theme] .exp-panel,[data-theme] .about-card,[data-theme] .bento-card,[data-theme] .blog-panel{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;margin:0;padding:0}.right:before,.case-meta:before{display:none}.case{break-inside:avoid;page-break-inside:avoid;padding:0 0 18pt}.case-title{break-after:avoid;page-break-after:avoid}.case-image{display:none}.impact-list{break-inside:avoid;page-break-inside:avoid}body{font-size:10pt;line-height:1.4}.case-title{font-size:13pt}.case-desc,.impact-list{font-size:10pt}.case-content a[href^=http]:after{content:" (" attr(href) ")";color:#555;word-break:break-all;font-size:8pt}@page{margin:16mm}}