.aist-template-heading .studio-eyebrow{color:var(--aist-accent);font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.14em;margin:0 0 15px}
.aist-template-heading h1{font-size:calc(clamp(30px,4vw,54px)*var(--zk-ui-scale));letter-spacing:var(--zk-tracking-tight);overflow-wrap:anywhere;margin:0 0 18px;line-height:1.2}
.aist-template-heading>p:last-child{color:var(--aist-muted);font-size:calc(14px*var(--zk-ui-scale));white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.aist-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aist-template-card{border:1px solid var(--studio-border,var(--aist-line));overflow:hidden;background:var(--studio-bg-card,var(--aist-surface));border-radius:16px;min-width:0;transition:border-color .15s,background-color .15s,box-shadow .15s}
.aist-template-card:hover{border-color:var(--studio-border-strong,var(--studio-field-line,var(--aist-line)));background:var(--studio-bg-elevated,var(--aist-surface-raised))}
.aist-template-card>a{display:block;color:inherit;text-decoration:none}
.aist-template-card__body{padding:16px 18px}
.aist-template-license{font:calc(12px*var(--zk-ui-scale))/1.5 var(--zk-font-mono);color:var(--aist-muted)}
.aist-template-card h2{font-size:calc(17px*var(--zk-ui-scale));overflow-wrap:anywhere;margin:6px 0;line-height:1.4}
.aist-template-card p{color:var(--aist-muted);font-size:calc(13px*var(--zk-ui-scale));display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 14px;line-height:1.6}
.aist-template-card footer{display:flex;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);border-top:1px solid var(--studio-border,var(--aist-line));overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:12px}
.aist-template-notice{background:var(--aist-surface);border:1px solid var(--aist-line);border-radius:var(--zk-radius-control);font-size:calc(13px*var(--zk-ui-scale));overflow-wrap:anywhere;padding:24px;line-height:1.8}
.aist-template-notice h1,.aist-template-notice h2{font-size:calc(20px*var(--zk-ui-scale))}
.aist-template-more{align-self: center}
.aist-template-back{display:inline-flex;min-height:calc(44px*var(--zk-ui-scale));color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));text-decoration:none;align-self: flex-start;align-items: center}
.aist-template-detail__grid{display:grid;grid-template-columns:minmax(0,1.15fr)minmax(calc(300px*var(--zk-ui-scale)),.85fr);align-items: start;gap:30px}
.aist-template-art{overflow:hidden;border:1px solid var(--aist-line);background:var(--aist-stage);border-radius:var(--zk-radius-panel)}
.aist-template-art .aist-genre-scene{height:calc(400px*var(--zk-ui-scale))}
.aist-template-art>p{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));border-top:1px solid var(--aist-line);margin:0;padding:18px;line-height:1.7}
.aist-template-use{display:flex;background:var(--aist-surface);border:1px solid var(--aist-line);border-radius:var(--zk-radius-panel);flex-direction:column;gap:18px;min-width:0;padding:24px}
.aist-template-use h2{font-size:calc(18px*var(--zk-ui-scale));margin:0}
.aist-template-use dl{display:flex;flex-direction:column;gap:18px;margin:0}
.aist-template-use dl>div{display:grid;grid-template-columns:calc(100px*var(--zk-ui-scale))minmax(0,1fr);font-size:calc(12px*var(--zk-ui-scale));gap:12px;line-height:1.6}
.aist-template-use dt{color:var(--aist-muted)}
.aist-template-use dd{overflow-wrap:anywhere;margin:0}
.aist-template-use dd small{display:block;color:var(--aist-muted)}
.aist-template-owner{border-top:1px solid var(--aist-line);padding-top:22px}
.aist-template-owner h2{font-size:calc(16px*var(--zk-ui-scale))}
.aist-template-owner p{max-width:calc(620px*var(--zk-ui-scale));font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);line-height:1.7}
.aist-template-banner{display:flex;border:1px solid var(--aist-line);background:var(--aist-surface);border-radius:var(--zk-radius-control);justify-content:space-between;align-items: center;gap:24px;padding:25px}
.aist-template-banner .studio-eyebrow{font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-accent);margin:0 0 10px}
.aist-template-banner h2{font-size:calc(22px*var(--zk-ui-scale));letter-spacing:var(--zk-tracking-tight);margin:0 0 9px}
.aist-template-banner p:last-child{font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);margin:0;line-height:1.7}
.aist-template-banner .studio-button{flex-shrink:0}
.aist-template-share-entry{grid-column:1/-1;display:flex;border-top:1px solid var(--aist-line);flex-direction:column;gap:10px;padding-top:14px}
.aist-template-share-entry .studio-button{font-size:calc(12px*var(--zk-ui-scale));min-height:calc(44px*var(--zk-ui-scale));justify-content:space-between}
.aist-template-share-dialog .aist-play-confirm{line-height:1.7;font-size:calc(12px*var(--zk-ui-scale));align-items: flex-start}
.aist-template-share-dialog .aist-play-confirm input{flex-shrink:0;margin-top:3px}
.aist-template-share-dialog textarea{resize:vertical}
.aist-template-origin{background:var(--aist-surface);border:1px solid var(--aist-line);border-radius:var(--zk-radius-control);color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));overflow-wrap:anywhere;padding:10px 14px}
.aist-template-origin summary,.aist-template-credits summary{cursor:pointer;line-height:1.6}
.aist-template-origin a{color:var(--aist-accent);display:inline-flex;min-height:calc(44px*var(--zk-ui-scale));align-items: center}
.aist-template-credits ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:12px 0 0;padding:0}
.aist-template-credits li{display:flex;font-size:calc(12px*var(--zk-ui-scale));overflow-wrap:anywhere;flex-direction:column;gap:4px}
.aist-template-credits li span{color:var(--aist-muted)}
@media (max-width:1100px){.aist-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.aist-template-library,.aist-template-detail{gap:20px;padding-top:0}.aist-template-grid{grid-template-columns:minmax(0,1fr);gap:16px}.aist-template-card .aist-genre-scene{height:calc(145px*var(--zk-ui-scale))}.aist-template-card__body{padding:18px}.aist-template-detail__grid{display:flex;flex-direction:column;gap:16px}.aist-template-art,.aist-template-use{width:100%}.aist-template-art .aist-genre-scene{height:calc(190px*var(--zk-ui-scale))}.aist-template-use{padding:18px}.aist-template-use dl>div{grid-template-columns:calc(85px*var(--zk-ui-scale))minmax(0,1fr)}.aist-template-use .studio-button{white-space:normal}.aist-template-heading h1{font-size:calc(34px*var(--zk-ui-scale))}.aist-template-heading>p:last-child{font-size:calc(13px*var(--zk-ui-scale))}.aist-template-banner{flex-direction:column;align-items:stretch;gap:18px;padding:20px}}
.aist-template-library,.aist-template-detail{--aist-ink:var(--studio-ink,var(--studio-text,var(--zk-text)));--aist-muted:var(--studio-muted,var(--zk-text-2));--aist-line:var(--studio-border,var(--studio-line,var(--zk-line)));--aist-surface:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));--aist-surface-raised:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));--aist-accent:var(--studio-accent,var(--zk-accent));--aist-stage:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--aist-ink);min-width:0}
.aist-template-library{gap:22px}
.aist-template-library__heading{display:flex;justify-content:space-between;align-items: flex-start;gap:24px;max-width:none}
.aist-template-library__heading>div{min-width:0;max-width:720px}
.aist-template-library__heading h1,.aist-template-detail .aist-template-heading h1{font:700 calc(clamp(26px,2.8vw,34px)*var(--zk-ui-scale))/1.25 var(--zk-font-sans);letter-spacing:-.035em;margin:0 0 10px}
.aist-template-library__heading p{color:var(--aist-muted);font-size:calc(14px*var(--zk-ui-scale));max-width:60ch;margin:0;line-height:1.65}
.aist-library-create{display:inline-flex;background-color:var(--studio-accent);color:var(--studio-accent-fg,var(--studio-on-accent,var(--studio-on-accent)));font-size:calc(14px*var(--zk-ui-scale));text-decoration:none;text-align:center;border:1px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items: center;gap:8px;min-height:44px;padding:10px 18px;font-weight:600;line-height:1.5}
.aist-template-tools{display:grid;gap:12px}
.aist-template-search{display:flex;border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-elevated,var(--aist-surface-raised));color:var(--aist-muted);border-radius:9999px;align-items: center;gap:10px;width:100%;min-height:44px;padding:0 16px}
.aist-template-search:focus-within{border-color:var(--studio-border-strong,var(--studio-field-line));outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:2px}
.aist-template-search>svg{flex:none}
.aist-template-search input{appearance:none;color:var(--aist-ink);font:inherit;font-size:max(16px,calc(14px*var(--zk-ui-scale)));outline:none;background:0 0;border:0;border-radius:0;flex:1;width:100%;min-width:0;min-height:42px;padding:8px 0}
.aist-template-search input::placeholder{color:var(--aist-muted);opacity:1}
.aist-template-search input::-webkit-search-cancel-button{appearance:none}
.aist-template-search button{display:inline-grid;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:none;place-items: center;width:38px;height:38px;padding:0}
.aist-template-filter-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}
.aist-template-filters{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.aist-template-filters>button{display:inline-flex;border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-card,var(--aist-surface));color:var(--aist-muted);font-size:calc(13px*var(--zk-ui-scale));cursor:pointer;border-radius:9999px;align-items: center;gap:6px;min-height:38px;padding:6px 14px;font-weight:500;line-height:1.4}
.aist-template-filters>button[aria-pressed=true]{border-color:var(--studio-ink,var(--aist-ink));background:var(--studio-bg-elevated,var(--aist-surface-raised));color:var(--studio-ink,var(--aist-ink));box-shadow:0 2px 8px var(--studio-border);font-weight:600}
.aist-template-count{color:var(--aist-muted);font-size:calc(13px*var(--zk-ui-scale));margin:0;padding-block-start:6px;padding-block-end:6px;line-height:1.5}
.aist-template-grid{align-items:stretch;gap:16px}
.aist-template-card{border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-card,var(--aist-surface));box-shadow:none;border-radius:16px;transition:border-color .15s,background-color .15s,box-shadow .15s}
.aist-template-card>a{display:flex;flex-direction:column;min-width:0;height:100%}
.aist-template-card__art{position:relative;overflow:hidden;background:var(--studio-bg-elevated,var(--aist-stage));border-bottom:1px solid var(--studio-border,var(--aist-line))}
.aist-template-card__art .aist-genre-scene{aspect-ratio:2.2;border:0;border-radius:0;height:auto;min-height:0}
.aist-template-genre{position:absolute;z-index:1;border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-card,var(--aist-surface));color:var(--aist-ink);font-size:calc(11px*var(--zk-ui-scale));overflow-wrap:anywhere;border-radius:9999px;max-width:calc(100% - 20px);padding:4px 10px;font-weight:600;line-height:1.4;top:10px;left:10px}
.aist-template-art-label{position:absolute;z-index:1;background:var(--studio-bg-card,var(--aist-surface));color:var(--aist-muted);font-size:calc(10px*var(--zk-ui-scale));border-radius:9999px;max-width:calc(100% - 20px);padding:3px 8px;line-height:1.4;bottom:8px;right:10px}
.aist-template-card__art .aist-genre-scene__caption{display:none}
.aist-template-card__body{display:flex;flex-direction:column;flex:1;padding:16px 18px}
.aist-template-card__title{display:flex;justify-content:space-between;align-items: flex-start;gap:12px}
.aist-template-card__title>svg{color:var(--aist-muted);flex-shrink:0;margin-top:3px}
.aist-template-card h2{font-size:calc(17px*var(--zk-ui-scale));letter-spacing:-.02em;margin:0 0 6px;font-weight:650;line-height:1.4}
.aist-template-card p{font-size:calc(13px*var(--zk-ui-scale));margin-bottom:14px;line-height:1.6}
.aist-template-card__meta{display:flex;color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));overflow-wrap:anywhere;align-items: center;gap:8px;min-width:0;margin-top:auto;margin-bottom:12px;line-height:1.4}
.aist-template-avatar{display:inline-grid;background:var(--studio-bg-elevated,var(--aist-surface-raised));color:var(--aist-ink);font-size:calc(11px*var(--zk-ui-scale));border-radius:50%;flex:none;place-items: center;width:24px;height:24px;font-weight:600}
.aist-template-license{background:var(--studio-bg-elevated,var(--aist-surface-raised));color:var(--aist-muted);font:500 calc(11px*var(--zk-ui-scale))/1.4 var(--zk-font-sans);border-radius:9999px;flex-shrink:0;margin-left:auto;padding:2px 8px}
.aist-template-card footer{font-size:calc(12px*var(--zk-ui-scale));gap:10px;padding-top:12px}
.aist-template-card footer>:last-child{color:var(--aist-ink);font-weight:600}
.aist-template-empty{display:flex;border:1px dashed var(--studio-border,var(--aist-line));background:var(--studio-bg-card,var(--aist-surface));text-align:center;border-radius:16px;flex-direction:column;align-items: center;gap:14px;padding:48px 22px}
.aist-template-empty>svg{color:var(--aist-muted)}
.aist-template-empty h2{font-size:calc(18px*var(--zk-ui-scale));margin:0;line-height:1.5}
.aist-template-empty p{color:var(--aist-muted);font-size:calc(14px*var(--zk-ui-scale));max-width:46ch;margin:0 0 6px;line-height:1.7}
.aist-template-notice{display:flex;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:16px}
.aist-template-notice p{margin:0}
.aist-template-pagination{display:grid;justify-items:center;gap:10px;padding-top:10px}
.aist-template-pagination>p{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));text-align:center;margin:0;line-height:1.7}
.aist-template-sr-only{position:absolute;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}
.aist-template-library :-webkit-any(button,a):focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:3px}
.aist-template-library :-moz-any(button,a):focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:3px}
.aist-template-library :is(button,a):focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:3px}
.aist-template-detail :-webkit-any(button,a,summary):focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:3px}
.aist-template-detail :-moz-any(button,a,summary):focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:3px}
.aist-template-detail :is(button,a,summary):focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:3px}
.aist-template-card:focus-within,.aist-template-card[data-selected=true]{border-color:var(--studio-ink,var(--aist-ink));box-shadow:0 4px 16px var(--studio-border)}
.aist-template-card>a:focus-visible{outline-offset:-3px}
.aist-template-library :-webkit-any(button,a){scroll-margin-block:80px}
.aist-template-library :-moz-any(button,a){scroll-margin-block:80px}
.aist-template-library :is(button,a){scroll-margin-block:80px}
.aist-template-detail .aist-template-heading{max-width:850px}
.aist-template-detail .aist-template-heading .studio-eyebrow{font-size:calc(13px*var(--zk-ui-scale));letter-spacing:normal;color:var(--aist-muted)}
.aist-template-detail .aist-template-heading>p:last-child{font-size:calc(15px*var(--zk-ui-scale));line-height:1.8}
.aist-template-detail__grid{grid-template-columns:minmax(0,1.5fr)minmax(280px,.9fr);gap:24px}
.aist-template-detail .aist-template-use{border-radius:16px;gap:18px;padding:24px}
.aist-template-detail .aist-template-use .studio-button{white-space:normal;text-align:center;border-radius:9999px;min-height:44px}
.aist-template-detail .aist-template-use dl>div{font-size:calc(13px*var(--zk-ui-scale))}
.aist-template-detail .aist-template-use .aist-primary-action{background-color:var(--studio-accent);color:var(--studio-accent-fg,var(--studio-on-accent,var(--studio-bg-card)));border-color:#0000;border-radius:9999px}
.aist-template-detail .aist-template-art{border-radius:16px}
.aist-template-origin summary,.aist-template-credits summary{min-height:44px;padding-block-start:10px;padding-block-end:10px}
@media (hover:hover){.aist-library-create:hover{background-color:var(--studio-accent);opacity:.92}.aist-template-card:hover{border-color:var(--studio-border-strong,var(--studio-field-line,var(--aist-line)));background:var(--studio-bg-elevated,var(--aist-surface-raised))}.aist-template-search button:hover{background:var(--studio-bg-card,var(--aist-surface))}.aist-template-filters>button:hover{border-color:var(--studio-border-strong,var(--studio-field-line,var(--aist-line)));color:var(--aist-ink)}}
@media (max-width:1200px){.aist-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aist-template-library__heading{flex-wrap:wrap}}
@media (max-width:820px){.aist-template-detail__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:580px){.aist-template-library{gap:24px}.aist-template-library__heading{gap:18px}.aist-template-library__heading h1,.aist-template-detail .aist-template-heading h1{font-size:calc(30px*var(--zk-ui-scale));letter-spacing:-.04em}.aist-template-library__heading p{font-size:calc(14px*var(--zk-ui-scale))}.aist-template-grid{grid-template-columns:minmax(0,1fr);gap:18px}.aist-template-card__body{padding:20px}.aist-template-card__art .aist-genre-scene{aspect-ratio:1.6;height:auto}.aist-template-filter-row{gap:4px}.aist-template-filters{gap:6px}.aist-template-filters>button{padding-inline-start:11px;padding-inline-end:11px}.aist-template-count{padding-bottom:0}.aist-template-detail .aist-template-use{padding:20px}}
@media (prefers-reduced-motion:reduce){.aist-template-card{transition:none}}
@media (forced-colors:active){.aist-template-filters>button[aria-pressed=true]{border-width:3px}.aist-template-card{border-color:canvastext}}
.aist-template-library .aist-template-more[aria-disabled=true]{opacity:.65;cursor:wait}
.aist-template-pagination{scroll-margin-block-end:12px}
.ai-shell .aist-studio-surface{color:var(--zk-text)}
.ai-shell .aist-studio-surface .studio-page{display:grid;gap:var(--zk-space-6);min-width:0}
.ai-shell .aist-studio-surface .studio-eyebrow{color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.3 var(--zk-font-sans);margin:0}
.ai-shell .aist-studio-surface .studio-desc{color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);margin:0}
.ai-shell .aist-studio-surface .studio-error{color:var(--zk-danger);font-size:var(--zk-fs-label);margin:0;line-height:1.5}
.ai-shell .aist-studio-surface .studio-field{display:grid;gap:var(--zk-space-2);min-width:0;margin:0}
.ai-shell .aist-studio-surface .studio-title{font:var(--zk-fw-bold)var(--zk-fs-headline)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.ai-shell .aist-studio-surface .studio-button{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-button-h);padding:0 var(--zk-button-px);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-button-radius);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.2 var(--zk-font-sans);text-decoration:none;cursor:pointer}
.ai-shell .aist-studio-surface .studio-button--ghost{background:0 0}
.ai-shell .aist-studio-surface .studio-button--start{background:var(--zk-accent);color:var(--zk-on-accent);border-color:#0000}
@media (hover:hover){.ai-shell .aist-studio-surface .studio-button:hover:not(:disabled){background:var(--zk-surface-2)}.ai-shell .aist-studio-surface .studio-button--start:hover:not(:disabled){background:var(--zk-accent-hover)}}
.ai-shell .aist-studio-surface .studio-button:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-shell .aist-studio-surface{--aist-ink:var(--studio-text,var(--zk-text));--aist-muted:var(--studio-text-muted,var(--zk-text-2));--aist-line:var(--studio-border,var(--zk-line));--aist-panel:var(--studio-bg,var(--zk-bg));--aist-surface:var(--studio-bg-elevated,var(--zk-surface));--aist-surface-raised:var(--zk-surface-2);--aist-accent:var(--studio-accent,var(--zk-accent-fg));--aist-on-accent:var(--studio-on-accent,var(--zk-on-accent-fg));--aist-wash:color-mix(in srgb,var(--aist-accent)9%,var(--aist-surface));--aist-stage:var(--aist-surface);--aist-stage-ink:var(--aist-ink);--aist-user-bubble:var(--studio-bg-subtle)}
:root[data-theme=dark] .ai-shell .aist-studio-surface,.dark .ai-shell .aist-studio-surface{--aist-user-bubble:var(--studio-bg-subtle)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ai-shell .aist-studio-surface{--aist-user-bubble:var(--studio-bg-subtle)}}
.ai-shell .ai-dev-project{width:100%;min-width:0;padding:8px 14px 12px}
.ai-shell .aist-studio-surface .studio-page.aist-ws{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:none;padding:0}
.ai-shell .aist-workspace__topbar{display:flex;border:1px solid var(--aist-line);background:var(--aist-surface);border-radius:14px;flex-wrap:wrap;flex:none;justify-content:space-between;align-items: center;gap:8px 12px;min-block-size:48px;padding:6px 12px}
.ai-shell .aist-maker__identity{display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-inline-size:0}
.ai-shell .aist-maker__identity h1{letter-spacing:-.02em;color:var(--aist-ink);overflow-wrap:anywhere;margin:0;font-size:clamp(15px,1.3vw,17px);font-weight:650;line-height:1.3}
.ai-shell .aist-maker__foundation{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-muted);font:600 11.5px/1.4 var(--zk-font-mono);border-radius:999px;align-items: center;gap:4px;padding:2px 8px}
.ai-shell .aist-maker__identity .aist-run-status{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:999px;align-items: center;gap:6px;margin:0;padding:2px 9px;font-size:12px;font-weight:550;line-height:1.4}
.ai-shell .aist-maker__private{display:inline-flex;color:var(--aist-muted);align-items: center;gap:5px;font-size:12px}
.ai-shell .aist-workspace__topbar-actions{display:flex;flex-wrap:wrap;align-items: center;gap:6px;min-inline-size:0}
.ai-shell .aist-conversation__views{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:999px;flex-wrap:wrap;align-items: center;gap:2px;padding:2px}
.ai-shell .aist-conversation__views button{display:inline-flex;color:var(--aist-muted);font:600 12.5px/1.3 var(--zk-font-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items: center;gap:5px;min-block-size:30px;padding:4px 11px;transition:background-color .12s,color .12s}
.ai-shell .aist-conversation__views button[aria-pressed=true]{color:var(--aist-ink);background:var(--aist-surface);box-shadow:0 1px 2px var(--studio-shadow-color)}
.ai-shell .aist-toolbar-button{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-ink);font:600 12.5px/1.3 var(--zk-font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;border-radius:999px;align-items: center;gap:5px;min-block-size:32px;padding:4px 11px}
.ai-shell .aist-toolbar-button:hover:not(:disabled){border-color:var(--studio-border-strong,var(--zk-line-strong));background:var(--aist-surface-raised)}
.ai-shell .aist-workspace__panes{min-inline-size:0}
.ai-shell .aist-workspace__files{display:none}
.ai-shell .aist-workspace__files h2{display:flex;border-block-end:1px solid var(--aist-line);justify-content:space-between;align-items: center;margin:0;padding:10px 12px;font-size:12.5px}
.ai-shell .aist-workspace__files h2 span{color:var(--aist-muted);font-weight:500}
.ai-shell .aist-workspace__files ul{list-style:none;display:grid;gap:2px;margin:0;padding:6px}
.ai-shell .aist-workspace__files li button{display:flex;color:var(--aist-ink);font:500 12px/1.35 var(--zk-font-mono);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items: center;gap:8px;min-block-size:34px;inline-size:100%;padding:5px 8px}
.ai-shell .aist-workspace__files li button:hover,.ai-shell .aist-workspace__files li button[aria-current=true]{background:var(--aist-wash);font-weight:650}
.ai-shell .aist-workspace__file-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
.ai-shell .aist-workspace__file-dot{background:var(--aist-accent);border-radius:50%;flex:none;block-size:6px;inline-size:6px;margin-inline-start:auto}
.ai-shell .aist-workspace__files .aist-wb-note{padding:10px 12px}
.ai-shell .aist-workspace__chat{display:flex;background:var(--aist-panel);flex-direction:column;min-block-size:0;min-inline-size:0}
.ai-shell .aist-conversation__header{display:flex;border-block-end:1px solid var(--aist-line);background:var(--aist-surface);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;min-block-size:40px;padding:4px 14px}
.ai-shell .aist-conversation__header h2{color:var(--aist-ink);margin:0;font-size:13px;font-weight:650}
.ai-shell .aist-conversation__header-main,.ai-shell .aist-conversation__header-actions{display:flex;flex-wrap:wrap;align-items: center;gap:8px}
.ai-shell .aist-chat-engine-switch{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:999px;flex-wrap:wrap;gap:2px;padding:2px}
.ai-shell .aist-chat-engine-switch button{color:var(--aist-muted);font:600 12px/1.3 var(--zk-font-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;min-block-size:28px;padding:3px 10px}
.ai-shell .aist-chat-engine-switch button[aria-selected=true]{background:var(--aist-surface);color:var(--aist-ink);box-shadow:0 1px 2px var(--studio-shadow-color)}
.ai-shell .aist-plan-pill{display:inline-flex;border:1px solid var(--aist-line);color:var(--aist-ink);text-decoration:none;background:var(--aist-panel);border-radius:999px;align-items: center;min-block-size:28px;padding:2px 10px;font-size:12px;font-weight:600}
.ai-shell .aist-conversation__thread{overflow-y:auto;overflow-wrap:anywhere;flex:1;padding:16px}
.ai-shell .aist-ws .aist-conversation__thread[hidden],.ai-shell .aist-conversation__thread[hidden]{display:none}
.ai-shell .aist-conversation__thread:focus-visible{outline:2px solid var(--zk-focus);outline-offset:-2px}
.ai-shell .aist-conversation__thread .aist-history__messages{display:flex;overflow:visible;flex-direction:column;gap:16px;max-height:none}
.ai-shell .aist-conversation__thread .aist-history__messages article{border:0;min-inline-size:0;margin:0;padding:0}
.ai-shell .aist-conversation__thread .aist-history__messages article[data-role=assistant]{color:var(--aist-ink);background:0 0;align-self:stretch;max-inline-size:100%}
.ai-shell .aist-conversation__thread .aist-history__messages article[data-role=user]{background:var(--aist-user-bubble);color:var(--aist-ink);border-radius:24px;align-self: flex-end;max-inline-size:min(86%,56ch);padding:10px 16px}
.ai-shell .aist-turn__meta{display:flex;align-items: center;gap:7px;margin-block-end:4px}
.ai-shell .aist-turn--user .aist-turn__meta{color:var(--aist-muted);justify-content:flex-end;font-size:11px}
.ai-shell .aist-turn__avatar{display:inline-grid;background:var(--aist-ink);color:var(--aist-panel);border-radius:999px;flex:none;place-items: center;block-size:22px;inline-size:22px;font-size:11px;font-weight:700}
.ai-shell .aist-turn__badge{color:var(--aist-muted);border:1px solid var(--aist-line);background:var(--aist-surface);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600}
.ai-shell .aist-conversation__thread .aist-history__messages p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools]{border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-elevated,var(--aist-surface));color:var(--aist-muted);overflow:hidden;border-radius:12px;margin-block-start:8px;font-size:12.5px}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools]>summary{display:flex;color:var(--aist-ink);cursor:pointer;list-style:none;align-items: center;gap:8px;min-block-size:36px;padding:6px 12px;font-weight:600}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools]>summary::-webkit-details-marker{display:none}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools]>summary:before{content:"";background:var(--aist-accent);border-radius:999px;flex:none;block-size:7px;inline-size:7px}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools]>summary:after{content:"▾";color:var(--aist-muted);margin-inline-start:auto;font-size:11px}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools][open]>summary{border-block-end:1px solid var(--aist-line)}
.ai-shell .aist-conversation__thread [data-testid=aist-message-tools]>:not(summary){padding-inline-start:12px;padding-inline-end:12px}
.ai-shell .aist-step-pills{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0 12px}
.ai-shell .aist-step-pills li{border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:999px;padding:2px 8px;font-size:11.5px}
.ai-shell .aist-applied-dna-pill{display:flex;border-block-start:1px solid var(--aist-line);flex-wrap:wrap;align-items: center;gap:6px 10px;padding:8px 12px;font-size:12px}
.ai-shell .aist-applied-dna-pill ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.ai-shell .aist-applied-dna-pill li{border:1px solid var(--aist-line);background:var(--aist-panel);font-family:var(--zk-font-mono);border-radius:999px;padding:2px 8px;font-size:11.5px}
.ai-shell .aist-live-status-pill{border:1px solid var(--aist-line);background:var(--aist-surface);border-radius:12px;margin-block-start:10px;padding:8px 12px}
.ai-shell .aist-conversation__progress{color:var(--aist-muted);margin:8px 0 0;font-size:12.5px}
.ai-shell .aist-memory-bar,.aist-memory-bar{display:flex;border-block-end:1px solid var(--aist-line);background:color-mix(in srgb,var(--aist-surface)65%,var(--aist-panel));flex-wrap:wrap;align-items: center;gap:6px;padding:6px 14px;font-size:11.5px}
.ai-shell .aist-memory-pill,.aist-memory-pill{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-surface);color:var(--aist-muted);white-space:nowrap;border-radius:999px;align-items: center;gap:5px;min-block-size:24px;padding:2px 9px;font-weight:600}
.ai-shell .aist-memory-pill[data-hit=true],.ai-shell .aist-memory-pill[data-active=true],.aist-memory-pill[data-hit=true],.aist-memory-pill[data-active=true]{border-color:color-mix(in srgb,var(--aist-accent)45%,var(--aist-line));background:var(--aist-wash);color:var(--aist-ink)}
@keyframes aist-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.72}}
@keyframes aist-cursor-blink{to{visibility:hidden}}
.ai-shell .aist-claude-live,.aist-claude-live{display:grid;border:1px solid color-mix(in srgb,var(--aist-accent)32%,var(--aist-line));background:var(--aist-surface);border-radius:16px;gap:10px;min-inline-size:0;margin-block-start:10px;padding:12px 14px}
.ai-shell .aist-claude-live__head,.aist-claude-live__head{display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-inline-size:0}
.ai-shell .aist-claude-live__pulse,.aist-claude-live__pulse{background:var(--zk-success,var(--aist-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--zk-success,var(--aist-accent))24%,transparent);animation:1.4s ease-in-out infinite aist-pulse-dot;border-radius:999px;flex:none;block-size:8px;inline-size:8px}
.ai-shell .aist-claude-live__title,.aist-claude-live__title{color:var(--aist-ink);font-size:12.5px;font-weight:650}
.ai-shell .aist-claude-live__badge,.aist-claude-live__badge{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-muted);border-radius:999px;align-items: center;padding:2px 8px;font-size:11px;font-weight:600}
.ai-shell .aist-claude-live__file,.aist-claude-live__file{display:inline-flex;border:1px solid color-mix(in srgb,var(--aist-accent)35%,var(--aist-line));background:var(--aist-wash);color:var(--aist-ink);font:600 11.5px/1.3 var(--zk-font-mono);border-radius:999px;align-items: center;gap:4px;padding:2px 8px}
.ai-shell .aist-claude-live__timer,.aist-claude-live__timer{font:600 11.5px/1 var(--zk-font-mono);color:var(--aist-muted);font-variant-numeric:tabular-nums;margin-inline-start:auto}
.ai-shell .aist-claude-live__phase,.aist-claude-live__phase{color:var(--aist-ink);margin:0;font-size:13px;font-weight:550}
.ai-shell .aist-claude-live__steps,.aist-claude-live__steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.ai-shell .aist-claude-live__steps li,.aist-claude-live__steps li{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-muted);border-radius:999px;align-items: center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600}
.ai-shell .aist-claude-live__steps li[data-status=passed],.ai-shell .aist-claude-live__steps li[data-status=completed],.aist-claude-live__steps li[data-status=passed],.aist-claude-live__steps li[data-status=completed]{border-color:color-mix(in srgb,var(--zk-success,var(--aist-accent))45%,var(--aist-line));background:color-mix(in srgb,var(--zk-success,var(--aist-accent))10%,var(--aist-panel));color:var(--aist-ink)}
.ai-shell .aist-claude-live__steps li[data-status=running],.aist-claude-live__steps li[data-status=running]{border-color:var(--aist-accent);background:var(--aist-wash);color:var(--aist-ink)}
.ai-shell .aist-claude-live__steps li[data-status=failed],.aist-claude-live__steps li[data-status=failed]{border-color:var(--zk-danger,var(--aist-warn));color:var(--zk-danger,var(--aist-warn))}
.ai-shell .aist-claude-live__text,.aist-claude-live__text{color:var(--aist-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.6}
.ai-shell .aist-claude-live__code-wrap,.aist-claude-live__code-wrap{border:1px solid var(--aist-line);overflow:hidden;background:var(--aist-panel);border-radius:12px;min-inline-size:0}
.ai-shell .aist-claude-live__code-bar,.aist-claude-live__code-bar{display:flex;border-block-end:1px solid var(--aist-line);background:var(--aist-surface);font:600 11.5px/1.3 var(--zk-font-mono);color:var(--aist-muted);justify-content:space-between;align-items: center;gap:8px;padding:6px 12px}
.ai-shell .aist-claude-live__code,.aist-claude-live__code{overflow-y:auto;font:12px/1.55 var(--zk-font-mono);color:var(--aist-ink);white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:220px;margin:0;padding:10px 12px}
.ai-shell .aist-claude-live__code code:after,.aist-claude-live__code code:after{content:"▋";color:var(--aist-accent);animation:1s steps(2,start) infinite aist-cursor-blink;margin-inline-start:2px}
.ai-shell .aist-mobile-quickbar,.aist-mobile-quickbar{display:flex;border:1px solid color-mix(in srgb,var(--aist-accent)40%,var(--aist-line));background:var(--aist-surface);color:var(--aist-ink);border-radius:14px;justify-content:space-between;align-items: center;gap:8px;margin:0 12px 4px;padding:8px 12px;font-size:12.5px;font-weight:600}
.ai-shell .aist-queue-tray,.aist-queue-tray{display:grid;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:14px;gap:6px;margin-block-end:4px;padding:8px 10px;font-size:12px}
.ai-shell .aist-queue-tray__head,.aist-queue-tray__head{display:flex;color:var(--aist-muted);justify-content:space-between;align-items: center;gap:8px;font-size:11.5px;font-weight:650}
.ai-shell .aist-queue-list,.aist-queue-list{list-style:none;display:grid;gap:4px;margin:0;padding:0}
.ai-shell .aist-queue-item,.aist-queue-item{display:flex;border:1px solid var(--aist-line);background:var(--aist-surface);border-radius:10px;justify-content:space-between;align-items: center;gap:8px;min-inline-size:0;padding:4px 8px}
.ai-shell .aist-queue-item>span,.ai-shell .aist-queue-item__text,.aist-queue-item>span,.aist-queue-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--aist-ink);flex:1;min-inline-size:0}
.ai-shell .aist-queue-item button,.aist-queue-item button{border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-muted);font:600 11px/1.2 var(--zk-font-sans);cursor:pointer;border-radius:999px;flex:none;min-block-size:24px;padding:2px 8px}
.ai-shell .aist-composer__setup-sheet,.aist-composer__setup-sheet{display:flex;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:14px;flex-wrap:wrap;align-items: center;gap:8px;min-inline-size:0;margin-block-end:4px;padding:8px 10px}
.ai-shell .aist-workspace__chat .aist-composer{border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-elevated,var(--aist-surface));box-shadow:0 2px 10px var(--studio-shadow-color);border-radius:24px;flex:none;height:auto;margin:6px 12px 12px;padding:12px 14px 10px}
.ai-shell .aist-workspace__chat .aist-composer form{display:flex;flex-direction:column;gap:6px;min-inline-size:0}
.ai-shell .aist-studio-surface .aist-composer .aist-prompt-input{color:var(--aist-ink);resize:none;background:0 0;border:0;border-radius:0;min-block-size:44px;max-block-size:150px;padding:2px 4px 6px;font-size:14px;line-height:1.55}
.ai-shell .aist-studio-surface .aist-composer .aist-prompt-input:focus{outline:none;box-shadow:none}
.ai-shell .aist-composer__tools{display:flex;border-block-start:1px solid color-mix(in srgb,var(--aist-line)65%,transparent);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;min-inline-size:0;padding-block-start:6px}
.ai-shell .aist-composer__pills{display:flex;flex-wrap:wrap;flex:1;align-items: center;gap:6px;min-inline-size:0}
.ai-shell .aist-composer__pill,.ai-shell .aist-composer__skill{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:999px;flex-direction:row;align-items: center;gap:6px;min-block-size:30px;min-inline-size:0;max-inline-size:100%;padding:2px 10px;font-size:12px}
.ai-shell .aist-composer__pill-tag{color:var(--aist-muted);white-space:nowrap;font-size:11px;font-weight:650}
.ai-shell .aist-studio-surface .aist-composer__pill select,.ai-shell .aist-studio-surface .aist-composer__skill select,.ai-shell .aist-studio-surface .aist-composer__model-select{width:auto;color:var(--aist-ink);font:600 12px/1.3 var(--zk-font-sans);overflow:hidden;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;min-block-size:26px;min-inline-size:0;max-inline-size:min(170px,44vw);padding:0 4px 0 0}
.ai-shell .aist-composer__model-settings{display:inline-flex;align-items: center;min-inline-size:0;max-inline-size:100%}
.ai-shell .aist-composer__model-details{display:inline-flex;flex-wrap:wrap;align-items: center;gap:6px;min-inline-size:0;max-inline-size:100%}
.ai-shell .aist-composer__model-summary{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-muted);cursor:pointer;list-style:none;white-space:nowrap;border-radius:999px;align-items: center;gap:4px;min-block-size:30px;padding:2px 10px;font-size:11.5px;font-weight:650}
.ai-shell .aist-composer__model-summary::-webkit-details-marker{display:none}
.ai-shell .aist-composer__setup-controls,.aist-composer__setup-controls{display:flex;flex-wrap:wrap;align-items: center;gap:8px 12px;inline-size:100%;margin-block-start:6px}
.ai-shell .aist-composer__actions,.aist-composer__actions{display:inline-flex;flex:none;align-items: center;gap:6px;margin-inline-start:auto}
.ai-shell .aist-queue-btn,.aist-queue-btn{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-ink);font:600 12px/1.2 var(--zk-font-sans);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items: center;gap:5px;min-block-size:34px;padding:4px 12px}
.ai-shell .aist-queue-btn:hover:not(:disabled),.aist-queue-btn:hover:not(:disabled){border-color:var(--aist-accent);background:var(--aist-wash)}
.ai-shell .aist-studio-surface .aist-composer .aist-primary-action[data-testid=aist-run]{background:var(--aist-ink);color:var(--aist-panel);display:inline-flex;border:0;border-radius:999px;flex:none;justify-content:center;align-items: center;block-size:36px;min-block-size:36px;inline-size:36px;padding:0}
.ai-shell .aist-studio-surface .aist-composer .aist-primary-action[data-testid=aist-run][data-busy=true]{border:1.5px solid var(--zk-danger,var(--aist-accent));background:color-mix(in srgb,var(--zk-danger,var(--aist-accent))16%,var(--aist-surface));color:var(--zk-danger,var(--aist-ink));opacity:1;cursor:pointer}
.ai-shell .aist-composer__connect{display:inline-flex;color:var(--aist-accent);text-decoration:none;align-items: center;gap:6px;min-block-size:30px;font-size:12px}
.ai-shell .aist-workspace__stage{display:flex;background:var(--aist-panel);flex-direction:column;min-inline-size:0}
.ai-shell .aist-workspace__stage[hidden],.ai-shell .aist-workspace__stage-panel[hidden]{display:none}
.ai-shell .aist-workspace__stage-tabs{display:flex;border-block-end:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-elevated,var(--aist-surface));flex-wrap:wrap;justify-content:space-between;align-items: center;gap:6px;min-block-size:40px;padding:4px 10px}
.ai-shell .aist-workspace__stage-tab-group{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);border-radius:999px;flex-wrap:wrap;align-items: center;gap:2px;padding:2px}
.ai-shell .aist-workspace__stage-tabs button[role=tab]{position:relative;display:inline-flex;color:var(--aist-muted);font:600 12px/1.3 var(--zk-font-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items: center;gap:6px;min-block-size:28px;padding:3px 11px}
.ai-shell .aist-workspace__stage-tabs button[role=tab][aria-selected=true]{color:var(--aist-ink);background:var(--aist-surface);box-shadow:0 1px 2px var(--studio-shadow-color)}
.ai-shell .aist-workspace__stage-actions{display:inline-flex;align-items: center;gap:6px}
.ai-shell .aist-stage-action-btn{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-panel);color:var(--aist-muted);font:600 11.5px/1.3 var(--zk-font-sans);text-decoration:none;cursor:pointer;border-radius:999px;align-items: center;gap:4px;min-block-size:28px;padding:3px 10px}
.ai-shell .aist-stage-action-btn:hover{color:var(--aist-ink)}
.ai-shell .aist-workspace__stage-panel{overflow-y:auto;flex:1;min-block-size:0;min-inline-size:0;padding:10px}
.ai-shell .aist-workspace__stage-panel[data-panel=play]{display:flex;flex-direction:column;padding:10px}
.ai-shell .aist-workspace__stage-panel[data-panel=play][hidden]{display:none}
.ai-shell .aist-game-stage{display:flex;border:1px solid var(--studio-border,var(--aist-line));background:var(--studio-bg-elevated,var(--aist-surface));border-radius:16px;flex-direction:column;flex:1;padding:10px}
.ai-shell .aist-game-stage__head{padding:0 0 6px}
.ai-shell .aist-game-stage__head h2{font:650 13px/1.4 var(--zk-font-sans);text-transform:none;letter-spacing:0;color:var(--aist-ink)}
.ai-shell .aist-stage-cross,.ai-shell .aist-stage-corner{display:none}
.ai-shell .aist-game-stage .aist-preview{display:flex;border:1px solid var(--studio-border,var(--aist-line));overflow:hidden;border-radius:12px;flex-direction:column;flex:1}
.ai-shell .aist-game-stage .aist-preview__toolbar{flex-wrap:wrap;gap:8px;min-block-size:36px;padding:4px 10px}
.ai-shell .aist-game-stage .aist-preview__toolbar .filter-chip{border-radius:999px;min-block-size:28px;padding:3px 10px;font-size:12px}
.ai-shell .aist-game-stage__foot{font:11.5px/1.5 var(--zk-font-sans);padding-top:8px}
@media (min-width:1180px){.ai-shell .aist-ws .aist-mobile-views,.ai-shell .aist-ws .aist-mobile-quickbar{display:none}.ai-shell .aist-ws{block-size:calc(100dvh - 76px);min-block-size:580px}.ai-shell .aist-ws.aist-maker .aist-workspace__panes{display:grid;grid-template-columns:minmax(0,1fr)minmax(400px,48%);border:1px solid var(--studio-border,var(--aist-line));overflow:hidden;background:var(--aist-surface);border-radius:16px;flex:1;min-block-size:0}.ai-shell .aist-ws.aist-maker[data-mode=expert] .aist-workspace__panes{grid-template-columns:232px minmax(0,1fr)minmax(400px,45%)}.ai-shell .aist-ws.aist-maker[data-stage-open=closed] .aist-workspace__panes{grid-template-columns:minmax(0,1fr)}.ai-shell .aist-ws.aist-maker[data-mode=expert][data-stage-open=closed] .aist-workspace__panes{grid-template-columns:232px minmax(0,1fr)}.ai-shell .aist-workspace__files{display:block;border-inline-end:1px solid var(--aist-line);overflow-y:auto;background:var(--aist-surface);min-block-size:0}.ai-shell .aist-workspace__stage{border-inline-start:1px solid var(--aist-line);min-block-size:0}.ai-shell .aist-ws .aist-game-stage .aist-preview__canvas{height:auto;flex:1;min-block-size:360px}}
@media (max-width:1179px){.ai-shell .aist-workspace__stage-toggle{display:none}.ai-shell .aist-ws{display:flex;flex-direction:column;min-block-size:calc(100dvh - 116px)}.ai-shell .aist-workspace__topbar{border-radius:14px;gap:6px;padding:6px 10px}.ai-shell .aist-workspace__topbar-actions{justify-content:space-between;inline-size:100%}.ai-shell .aist-conversation__views{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;max-inline-size:100%}.ai-shell .aist-conversation__views::-webkit-scrollbar{display:none}.ai-shell .aist-conversation__views button{white-space:nowrap;flex:none;min-block-size:36px;padding:6px 12px}.ai-shell .aist-ws[data-mobile-view=build] .aist-workspace__stage,.ai-shell .aist-ws:not([data-mobile-view=build]) .aist-workspace__chat{display:none}.ai-shell .aist-workspace__panes{display:flex;border:1px solid var(--studio-border,var(--aist-line));background:var(--aist-panel);overflow:hidden;border-radius:16px;flex-direction:column;flex:1;min-block-size:0}.ai-shell .aist-workspace__chat{display:flex;flex-direction:column;flex:1;min-block-size:62dvh}.ai-shell .aist-conversation__thread{overflow-y:auto;flex:1;min-block-size:260px;max-block-size:none;padding:12px}.ai-shell .aist-workspace__chat .aist-composer{position:sticky;z-index:12;margin:4px 8px max(8px,env(safe-area-inset-bottom));border-radius:22px;padding:10px 12px;bottom:0}.ai-shell .aist-studio-surface .aist-composer .aist-primary-action[data-testid=aist-run]{block-size:40px;min-block-size:40px;inline-size:40px}}
@media (max-width:768px){.ai-shell .ai-dev-project{padding:6px 8px max(12px,var(--zk-safe-bottom))}.ai-shell .aist-conversation__header{gap:6px;padding:6px 10px}.ai-shell .aist-memory-bar{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:6px 10px}.ai-shell .aist-memory-bar::-webkit-scrollbar{display:none}.ai-shell .aist-studio-surface .aist-composer .aist-prompt-input{font-size:16px}.ai-shell .aist-inspector-section__body :-webkit-any(input,select,textarea){font-size:16px}.ai-shell .aist-inspector-section__body :-moz-any(input,select,textarea){font-size:16px}.ai-shell .aist-inspector-section__body :is(input,select,textarea){font-size:16px}}
@media (max-width:640px){.ai-shell .aist-composer__pills{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.ai-shell .aist-composer__pills::-webkit-scrollbar{display:none}.ai-shell .aist-composer__pill,.ai-shell .aist-composer__skill,.ai-shell .aist-composer__model-settings{flex:none}}
@media (max-width:480px){.ai-shell .aist-workspace__topbar{padding:6px 8px}.ai-shell .aist-workspace__chat .aist-composer{margin:4px 6px max(8px,env(safe-area-inset-bottom));padding:10px 12px 8px}}
.ai-shell .aist-workspace__chatkit{overflow-y:auto;flex:1;min-block-size:0;padding:12px}
.aist-chatkit{display:flex;border:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));background:var(--aist-surface,var(--studio-panel,var(--zk-surface)));color:var(--aist-ink,var(--studio-text,var(--zk-text)));border-radius:14px;flex-direction:column;gap:12px;padding:16px}
.aist-chatkit--compact{padding:12px}
.aist-chatkit__header{display:flex;border-block-end:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;padding-block-end:12px}
.aist-chatkit__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--aist-muted,var(--studio-muted,var(--zk-text-2)));margin:0;font-size:11px;font-weight:700}
.aist-chatkit__heading{margin:2px 0 0;font-size:17px;line-height:1.3}
.aist-chatkit__pills{display:flex;flex-wrap:wrap;align-items: center;gap:8px}
.aist-chatkit__pill{display:inline-flex;border:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));background:var(--aist-panel,var(--studio-bg,var(--zk-bg)));border-radius:999px;flex-wrap:wrap;align-items: center;gap:6px;min-block-size:30px;padding:3px 10px;font-size:12px;line-height:1.4}
.aist-chatkit__pill strong{color:var(--aist-muted,var(--studio-muted,var(--zk-text-2)));font-weight:600}
.aist-chatkit__pill-sep{color:var(--aist-muted,var(--studio-muted,var(--zk-text-2)))}
.aist-chatkit__pill--key-active{border-color:color-mix(in srgb,var(--aist-accent,var(--zk-accent-fg))45%,var(--aist-line,var(--zk-line)))}
.aist-chatkit__pill--key-revoked{border-color:color-mix(in srgb,var(--zk-danger)45%,var(--aist-line,var(--zk-line)))}
.aist-chatkit__plan-link{display:inline-flex;color:var(--aist-accent,var(--zk-accent-fg));text-decoration:none;align-items: center;min-block-size:36px;padding-inline-start:10px;padding-inline-end:10px;font-size:12.5px;font-weight:600}
.aist-chatkit__body{display:grid;gap:12px}
.aist-chatkit__card{display:grid;border:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));background:var(--aist-panel,var(--studio-bg,var(--zk-bg)));border-radius:12px;gap:12px;padding:16px}
.aist-chatkit__card h3{margin:0;font-size:15px;line-height:1.4}
.aist-chatkit__card p{color:var(--aist-muted,var(--studio-muted,var(--zk-text-2)));margin:0;font-size:13.5px;line-height:1.6}
.aist-chatkit__actions{display:flex;flex-wrap:wrap;align-items: center;gap:10px}
.aist-chatkit__actions :-webkit-any(a,button){min-block-size:38px}
.aist-chatkit__actions :-moz-any(a,button){min-block-size:38px}
.aist-chatkit__actions :is(a,button){min-block-size:38px}
.aist-chatkit__plan-table-wrap{overflow-x:auto;border:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));border-radius:10px}
.aist-chatkit__plan-table{border-collapse:collapse;text-align:start;inline-size:100%;font-size:12.5px}
.aist-chatkit__plan-table :-webkit-any(th,td){border-block-end:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));padding:8px 12px}
.aist-chatkit__plan-table :-moz-any(th,td){border-block-end:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));padding:8px 12px}
.aist-chatkit__plan-table :is(th,td){border-block-end:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));padding:8px 12px}
.aist-chatkit__plan-table tbody tr:last-child :-webkit-any(th,td){border-block-end:0}
.aist-chatkit__plan-table tbody tr:last-child :-moz-any(th,td){border-block-end:0}
.aist-chatkit__plan-table tbody tr:last-child :is(th,td){border-block-end:0}
.aist-chatkit__plan-table tbody tr[data-active=true]{background:var(--aist-wash,var(--zk-surface-2))}
.aist-chatkit__legal-box{display:grid;border:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));background:var(--aist-surface,var(--studio-panel,var(--zk-surface)));border-radius:10px;gap:10px;padding:14px;font-size:12.5px;line-height:1.6}
.aist-chatkit__legal-title{color:var(--aist-ink,var(--studio-text,var(--zk-text)));font-size:13px}
.aist-chatkit__legal-list{display:grid;gap:8px;margin:0}
.aist-chatkit__legal-list>div{display:grid;gap:2px}
.aist-chatkit__legal-list dt{color:var(--aist-ink,var(--studio-text,var(--zk-text)));font-weight:650}
.aist-chatkit__legal-list dd{color:var(--aist-muted,var(--studio-muted,var(--zk-text-2)));margin:0}
.aist-chatkit__consent-check{display:flex;cursor:pointer;align-items: flex-start;gap:10px;min-block-size:40px;padding-block-start:6px;padding-block-end:6px;font-size:13.5px;line-height:1.55}
.aist-chatkit__consent-check input{flex:none;block-size:18px;inline-size:18px;margin-block-start:2px}
.aist-chatkit__ready{display:grid;gap:10px}
.aist-chatkit__ready-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;font-size:12.5px}
.aist-chatkit__frame-wrap{border:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));overflow:hidden;background:var(--aist-panel,var(--zk-bg));border-radius:12px;min-block-size:460px}
.aist-chatkit__frame{display:block;min-block-size:460px;inline-size:100%}
.aist-chatkit__footer{display:flex;border-block-start:1px solid var(--aist-line,var(--studio-line,var(--zk-line)));flex-wrap:wrap;justify-content:flex-end;align-items: center;padding-block-start:8px}
.aist-chatkit__withdraw-confirm{display:grid;border:1px solid color-mix(in srgb,var(--zk-danger)45%,var(--aist-line,var(--zk-line)));background:var(--aist-panel,var(--studio-bg,var(--zk-bg)));border-radius:10px;gap:10px;inline-size:100%;padding:12px}
.aist-chatkit__danger-button{border-color:var(--zk-danger);background:var(--zk-danger);color:var(--aist-on-accent,var(--zk-on-accent-fg))}
@media (prefers-reduced-motion:reduce){.ai-shell .aist-claude-live__pulse,.aist-claude-live__pulse{animation:none}}
:root,[data-surface=vive],[data-surface=vine]{--s-display:clamp(2.25rem,5vw,3.5rem);--s-h1:clamp(1.75rem,3.5vw,2.5rem);--s-h2:clamp(1.375rem,2.2vw,1.75rem);--s-h3:var(--zk-fs-title-sm);--s-body:var(--zk-fs-reading);--s-reader:calc(19px*var(--zk-type-scale));--s-meta-mono:var(--zk-fs-caption);--s-kicker:var(--zk-fs-caption);--s-line-tight:var(--zk-lh-display);--s-line-snug:var(--zk-lh-title);--s-line-normal:var(--zk-lh-body);--s-line-reader:1.85;--s-display-tracking:var(--zk-tracking-tight);--s-kicker-tracking:.16em;--s-space-1:var(--zk-space-1);--s-space-2:var(--zk-space-2);--s-space-3:var(--zk-space-3);--s-space-4:var(--zk-space-4);--s-space-5:var(--zk-space-5);--s-space-6:var(--zk-space-6);--s-space-8:var(--zk-space-8);--s-space-10:var(--zk-space-10);--s-space-12:var(--zk-space-12);--s-space-16:var(--zk-space-16);--s-radius-sm:var(--zk-radius-control);--s-radius-md:var(--zk-radius-panel);--s-radius-lg:var(--zk-radius-panel);--s-radius-pill:var(--zk-radius-pill);--s-header-h:calc(64px*var(--zk-ui-scale));--s-dock-h:calc(60px*var(--zk-ui-scale));--s-player-h:calc(72px*var(--zk-ui-scale));--s-section-gap:48px;--s-section-gap-sm:32px;--s-shell-max:calc(1440px*var(--zk-ui-scale));--s-content-max:calc(1440px*var(--zk-ui-scale));--s-reader-max:72ch;--s-write-max:66ch;--s-upload-max:calc(640px*var(--zk-ui-scale));--s-track-max:calc(720px*var(--zk-ui-scale));--s-page-inline:clamp(1rem,3vw,2.25rem);--s-card-pad:var(--s-space-5);--s-rail-w:calc(220px*var(--zk-ui-scale));--s-cover-thumb:88px;--s-motion-multiplier:1;--s-duration:var(--zk-dur-3);--s-ease:var(--zk-ease-out);--s-shadow-1:none;--s-shadow-2:var(--zk-shadow-float);--s-tap-min:var(--zk-touch);--s-tap-compact:var(--zk-control-h-sm);--s-display-font:var(--zk-font-sans);--s-body-font:var(--zk-font-sans);--s-mono-font:var(--zk-font-mono);--s-canvas:var(--zk-bg);--s-surface:var(--zk-surface);--s-surface-raised:var(--zk-surface-2);--s-panel:var(--zk-surface);--s-text:var(--zk-text);--s-text-secondary:var(--zk-text-2);--s-text-muted:var(--zk-text-3);--s-border:var(--zk-line);--s-border-strong:var(--zk-line-strong);--s-glass:var(--zk-surface);--s-accent:var(--zk-accent-fg);--s-accent-strong:color-mix(in srgb,var(--zk-accent-fg)84%,var(--zk-bg));--s-accent-contrast:var(--zk-on-accent-fg);--s-accent-soft:var(--zk-accent-soft);--s-focus:var(--zk-focus);--s-success:var(--zk-success);--s-danger:var(--zk-danger);--s-glow:var(--zk-accent-fg);--s-deep:var(--zk-accent-fg);--s-mark-gradient:none}
[data-surface=hype]{--s-content-max:calc(1280px*var(--zk-ui-scale));--s-hero-h:min(58vh,calc(520px*var(--zk-ui-scale)))}
[data-surface=aist]{--s-hud:var(--zk-text-2);--s-rail-w:calc(216px*var(--zk-ui-scale));--s-header-h:calc(56px*var(--zk-ui-scale));--s-dock-h:calc(60px*var(--zk-ui-scale))}
[data-surface=vive] :focus-visible{outline:var(--zk-focus-width)solid var(--s-focus);outline-offset:var(--zk-focus-offset)}
[data-surface=vine] :focus-visible{outline:var(--zk-focus-width)solid var(--s-focus);outline-offset:var(--zk-focus-offset)}
[data-surface=hype] :focus-visible{outline:var(--zk-focus-width)solid var(--s-focus);outline-offset:var(--zk-focus-offset)}
[data-surface=aist] :focus-visible{outline:var(--zk-focus-width)solid var(--s-focus);outline-offset:var(--zk-focus-offset)}
[data-surface=vive]:not([data-surface-root]),[data-surface=vine]:not([data-surface-root]),[data-surface=hype]:not([data-surface-root]),[data-surface=aist]:not([data-surface-root]){min-height:0}
@media (max-width:767px){[data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]{--s-section-gap:var(--s-section-gap-sm)}}
@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) :-webkit-any([data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]){--s-motion-multiplier:0;--s-duration:.01ms}html:not([data-reduced-motion=false]) :-moz-any([data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]){--s-motion-multiplier:0;--s-duration:.01ms}html:not([data-reduced-motion=false]) :is([data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]){--s-motion-multiplier:0;--s-duration:.01ms}}
html[data-reduced-motion=true] :-webkit-any([data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]){--s-motion-multiplier:0;--s-duration:.01ms}
html[data-reduced-motion=true] :-moz-any([data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]){--s-motion-multiplier:0;--s-duration:.01ms}
html[data-reduced-motion=true] :is([data-surface=vive],[data-surface=vine],[data-surface=hype],[data-surface=aist]){--s-motion-multiplier:0;--s-duration:.01ms}
:root{--neon-canvas:var(--zk-bg);--neon-surface:var(--zk-surface);--neon-surface-muted:var(--zk-surface-2);--neon-glass:var(--zk-surface);--neon-solid:var(--zk-surface);--neon-dynamic:var(--zk-surface-2);--neon-text-primary:var(--zk-text);--neon-text-secondary:var(--zk-text-2);--neon-text-muted:var(--zk-text-3);--neon-text-on-accent:var(--zk-on-accent-fg);--neon-border-subtle:var(--zk-line);--neon-border-strong:var(--zk-line-strong);--neon-border-glass:var(--zk-line);--neon-focus-color:var(--zk-focus);--neon-accent:var(--zk-accent-fg);--neon-accent-hover:color-mix(in srgb,var(--zk-accent-fg)84%,var(--zk-bg));--neon-accent-soft:var(--zk-accent-soft);--neon-elevation-card:none;--neon-elevation-overlay:var(--zk-shadow-float);--neon-glass-filter:none;--neon-hype:var(--zk-hype-fg);--neon-swipe:var(--zk-swipe-fg);--neon-jump:var(--zk-jump-fg);--neon-purple:var(--zk-accent-fg);--neon-color-brand:var(--zk-accent-fg);--neon-color-brand-hover:color-mix(in srgb,var(--zk-accent-fg)84%,var(--zk-bg));--neon-color-brand-soft:var(--zk-accent-soft);--neon-color-brand-muted:color-mix(in srgb,var(--zk-accent-fg)28%,var(--zk-surface));--neon-color-bg:var(--zk-bg);--neon-color-surface:var(--zk-surface);--neon-color-surface-muted:var(--zk-surface-2);--neon-color-surface-elevated:var(--zk-surface-raised);--neon-color-border:var(--zk-line);--neon-color-border-strong:var(--zk-line-strong);--neon-color-divider:var(--zk-line);--neon-color-fg:var(--zk-text);--neon-color-fg-muted:var(--zk-text-2);--neon-color-fg-dim:var(--zk-text-3);--neon-color-fg-on-brand:var(--zk-on-accent-fg);--neon-color-success:var(--zk-success);--neon-color-success-soft:var(--zk-success-soft);--neon-color-warning:var(--zk-warning);--neon-color-warning-soft:var(--zk-warning-soft);--neon-color-danger:var(--zk-danger);--neon-color-danger-soft:var(--zk-danger-soft);--neon-color-info:var(--zk-accent-fg);--neon-color-badge:var(--zk-text-2);--neon-header-height:var(--zk-header-h);--neon-sidebar-width:var(--zk-sidebar-w);--neon-sidebar-width-collapsed:var(--zk-rail-w);--neon-right-rail-width:calc(300px*var(--zk-ui-scale));--neon-bottom-nav-height:var(--zk-dock-h);--neon-layout-max-width:calc(1600px*var(--zk-ui-scale));--neon-gallery-card-min:240px;--neon-gallery-gap:16px;--neon-space-1:var(--zk-space-1);--neon-space-2:var(--zk-space-2);--neon-space-3:var(--zk-space-3);--neon-space-4:var(--zk-space-4);--neon-space-5:var(--zk-space-5);--neon-space-6:var(--zk-density-space);--neon-space-8:var(--zk-space-8);--neon-space-10:var(--zk-space-10);--neon-space-12:var(--zk-space-12);--neon-radius-xs:var(--zk-radius-xs);--neon-radius-sm:var(--zk-radius-control);--neon-radius-md:var(--zk-radius-panel);--neon-radius-card:var(--zk-radius-panel);--neon-radius-lg:var(--zk-radius-panel);--neon-radius-xl:var(--zk-radius-panel);--neon-radius-pill:var(--zk-radius-pill);--neon-shadow-sm:none;--neon-shadow-md:var(--zk-shadow-float);--neon-shadow-lg:var(--zk-shadow-float);--neon-shadow-glow-hype:none;--neon-shadow-glow-swipe:none;--neon-shadow-glow-jump:none;--neon-font-sans:var(--zk-font-sans);--neon-font-display:var(--zk-font-sans);--neon-font-accent:var(--zk-font-label);--neon-font-mono:var(--zk-font-mono);--neon-text-xs:var(--zk-fs-caption);--neon-text-sm:var(--zk-fs-label);--neon-text-base:calc(16px*var(--zk-type-scale));--neon-text-md:calc(16px*var(--zk-type-scale));--neon-text-lg:var(--zk-fs-title-sm);--neon-text-xl:var(--zk-fs-title);--neon-text-2xl:var(--zk-fs-headline);--neon-text-3xl:calc(30px*var(--zk-type-scale));--neon-text-display:var(--zk-fs-display);--neon-line-tight:var(--zk-lh-title);--neon-line-base:var(--zk-lh-body);--neon-line-ko:var(--zk-lh-body);--neon-line-ko-tight:var(--zk-lh-title);--neon-tracking-ko:var(--zk-tracking-body);--neon-tracking-display:var(--zk-tracking-tight);--neon-tracking-accent:var(--zk-tracking-label);--neon-tracking-caps:.06em;--neon-weight-regular:400;--neon-weight-medium:500;--neon-weight-semibold:600;--neon-weight-bold:700;--neon-weight-black:800;--neon-ring-focus:0 0 0 2px var(--zk-bg),0 0 0 4px var(--zk-focus);--neon-control-h-sm:var(--zk-control-h-sm);--neon-control-h-md:var(--zk-control-h-md);--neon-control-h-lg:var(--zk-control-h-lg);--neon-touch-target:var(--zk-touch);--neon-motion-press:var(--zk-dur-1);--neon-motion-control:var(--zk-dur-2);--neon-ease-standard:var(--zk-ease-out);--neon-ease-emphasized:var(--zk-ease-out);--neon-motion-spin:.72s;--neon-motion-shimmer:1.4s;--neon-motion-bounce:.64s;--neon-scrollbar-size:10px;--neon-scrollbar-size-thin:6px;--neon-scrollbar-track:transparent;--neon-scrollbar-thumb:color-mix(in srgb,var(--zk-line-strong)80%,transparent);--neon-scrollbar-thumb-hover:var(--zk-text-3);--neon-skeleton-base:var(--zk-skeleton);--neon-skeleton-shine:color-mix(in srgb,var(--zk-text)6%,transparent);--neon-spinner-track:var(--zk-line-strong);--neon-spinner-head:var(--zk-accent-fg);--neon-progress-track:var(--zk-surface-2);--neon-progress-fill:var(--zk-accent-fg);--community-column-max:none;--community-aside-width:calc(300px*var(--zk-ui-scale));--community-rail:calc(44px*var(--zk-ui-scale));--community-avatar:calc(40px*var(--zk-ui-scale));--community-gap:12px;--community-indent:20px;--community-post-pad-block:16px;--community-post-pad-inline:12px;--community-vine:var(--zk-line-strong);--community-divider:var(--zk-line);--community-action-size:calc(40px*var(--zk-ui-scale));--community-body-size:calc(15px*var(--zk-ui-scale));--community-body-line:1.45;--community-meta-size:calc(13px*var(--zk-ui-scale));--bg-primary:var(--zk-bg);--bg-secondary:var(--zk-surface);--bg-card:var(--zk-surface);--bg-card-hover:var(--zk-surface-2);--border-primary:var(--zk-line);--border-hover:var(--zk-line-strong);--border-active:var(--zk-accent-fg);--text-primary:var(--zk-text);--text-secondary:var(--zk-text-2);--text-muted:var(--zk-text-3);--text-link:var(--zk-accent-fg);--color-cyan:var(--zk-accent-fg);--color-green:var(--zk-jump-fg);--color-pink:var(--zk-swipe-fg);--color-purple:var(--zk-accent-fg);--color-orange:var(--zk-warning);--color-red:var(--zk-danger);--media-hype:var(--zk-hype-fg);--media-swipe:var(--zk-swipe-fg);--media-interactive:var(--zk-jump-fg);--media-photo:var(--zk-text-2);--media-video:var(--zk-text-2);--gradient-primary:var(--zk-surface-2);--gradient-secondary:var(--zk-surface-2);--shadow-card:none;--shadow-card-hover:var(--zk-shadow-float);--shadow-glow-cyan:none;--shadow-glow-green:none;--spacing-xs:var(--zk-space-1);--spacing-sm:var(--zk-space-2);--spacing-md:var(--zk-space-4);--spacing-lg:var(--zk-density-space);--spacing-xl:var(--zk-space-8);--font-sans:var(--zk-font-sans);--font-ui:var(--neon-font-sans);--font-mono:var(--zk-font-mono);--radius-sm:var(--zk-radius-control);--radius-md:var(--zk-radius-panel);--radius-lg:var(--zk-radius-panel);--radius-full:var(--zk-radius-pill);--sidebar-width:var(--zk-sidebar-w);--sidebar-collapsed-width:var(--zk-rail-w);--header-height:var(--zk-header-h)}
[data-reduced-motion=true],[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
html,body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}
body{background:var(--zk-bg);color:var(--zk-text);font-family:var(--zk-font-sans);font-size:var(--neon-text-base);line-height:var(--neon-line-ko);letter-spacing:var(--neon-tracking-ko);word-break:keep-all;overflow-wrap:anywhere;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;overflow-x:hidden;cursor:default}
html{scrollbar-width:thin;scrollbar-color:var(--neon-scrollbar-thumb)var(--neon-scrollbar-track)}
html::-webkit-scrollbar{width:var(--neon-scrollbar-size);height:var(--neon-scrollbar-size)}
body::-webkit-scrollbar{width:var(--neon-scrollbar-size);height:var(--neon-scrollbar-size)}
html::-webkit-scrollbar-track{background:var(--neon-scrollbar-track)}
body::-webkit-scrollbar-track{background:var(--neon-scrollbar-track)}
html::-webkit-scrollbar-thumb{background:var(--neon-scrollbar-thumb);border-radius:var(--neon-radius-pill);background-clip:padding-box;border:2px solid #0000}
body::-webkit-scrollbar-thumb{background:var(--neon-scrollbar-thumb);border-radius:var(--neon-radius-pill);background-clip:padding-box;border:2px solid #0000}
@media (hover:hover){html::-webkit-scrollbar-thumb:hover{background:var(--neon-scrollbar-thumb-hover);background-clip:padding-box;border:2px solid #0000}body::-webkit-scrollbar-thumb:hover{background:var(--neon-scrollbar-thumb-hover);background-clip:padding-box;border:2px solid #0000}}
html::-webkit-scrollbar-corner{background:0 0}
body::-webkit-scrollbar-corner{background:0 0}
.font-display{font-family:var(--zk-font-sans)}
.font-accent{font-family:var(--zk-font-label)}
.font-mono{font-family:var(--zk-font-mono);font-variant-numeric:tabular-nums}
h1,h2,h3,h4,h5,h6{font-family:var(--zk-font-sans);letter-spacing:var(--neon-tracking-display);line-height:var(--neon-line-ko-tight);word-break:keep-all;font-weight:var(--neon-weight-bold)}
h1{font-size:var(--neon-text-3xl);font-weight:var(--neon-weight-black)}
h2{font-size:var(--neon-text-2xl)}
h3{font-size:var(--neon-text-xl)}
h4{font-size:var(--neon-text-lg)}
h5{font-size:var(--neon-text-md);font-weight:var(--neon-weight-semibold)}
h6{font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold);color:var(--text-secondary)}
.text-display{font-family:var(--zk-font-sans);font-size:var(--neon-text-display);font-weight:var(--neon-weight-black);letter-spacing:var(--neon-tracking-display);line-height:1.08}
.text-label{font-family:var(--zk-font-sans);font-size:var(--neon-text-xs);font-weight:var(--neon-weight-semibold);letter-spacing:var(--neon-tracking-accent);text-transform:uppercase}
code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%;height:auto}
button{cursor:pointer;background:0 0;border:none;font-family:inherit}
input,textarea{outline:none;border:none;font-family:inherit}
@media (max-width:1023px){input,textarea,select{font-size:calc(16px*var(--zk-ui-scale))}}
ul,ol{list-style:none}
@media (max-width:1023px){:root{--neon-header-height:calc(48px*var(--zk-ui-scale));--neon-bottom-nav-height:calc(52px*var(--zk-ui-scale))}}
:root{--neon-subnav-height:0px;--neon-mobile-chrome-total:var(--neon-header-height)}
.neon-header__action--theme{display:inline-flex}
.neon-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.neon-icon--spin{animation:neon-spin var(--neon-motion-spin,.8s)linear infinite}
.account-switcher{display:flex;gap:var(--zk-space-2);flex-direction:column}
.account-switcher--sidebar{padding:0 var(--zk-space-1)}
.account-switcher--panel{padding:var(--zk-space-3)var(--zk-space-4);border-bottom:var(--zk-hairline)solid var(--zk-line)}
.account-switcher__current{display:flex;align-items: center;gap:var(--zk-space-2)}
.account-switcher__profile-link{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-2)var(--zk-space-3);border-radius:var(--zk-radius-pill);color:inherit;text-decoration:none;transition:background var(--zk-dur-2)var(--zk-ease-out);flex:1;min-width:0}
@media (hover:hover){.account-switcher__profile-link:hover{background:var(--zk-surface-2)}}
.account-switcher__info{display:flex;flex-direction:column;gap:1px;min-width:0}
.account-switcher__name{font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);color:var(--zk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.account-switcher__handle{font-size:var(--zk-fs-caption);color:var(--zk-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.account-switcher__toggle{display:inline-flex;width:calc(32px*var(--zk-ui-scale));height:calc(32px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);color:var(--zk-text-2);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items: center}
@media (hover:hover){.account-switcher__toggle:hover{background:var(--zk-surface-2);color:var(--zk-text)}}
.account-switcher__menu{display:flex;gap:var(--zk-space-1);flex-direction:column}
.account-switcher__list{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
.account-switcher__item{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-2)var(--zk-space-3);border-radius:var(--zk-radius-pill);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background var(--zk-dur-2)var(--zk-ease-out);background:0 0;border:0;width:100%}
@media (hover:hover){.account-switcher__item:hover:not(:disabled){background:var(--zk-surface-2)}}
.account-switcher__item:disabled{opacity:.6;cursor:wait}
.account-switcher__item-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.account-switcher__add{display:flex;align-items: center;gap:var(--zk-space-2);padding:var(--zk-space-2)var(--zk-space-3);border-radius:var(--zk-radius-pill);color:var(--zk-accent-fg);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-medium);text-decoration:none;transition:background var(--zk-dur-2)var(--zk-ease-out)}
@media (hover:hover){.account-switcher__add:hover{background:var(--zk-accent-soft)}}
.account-switcher__add-meta{font-size:var(--zk-fs-caption);color:var(--zk-text-2);margin-left:auto}
.account-switcher__limit{padding:var(--zk-space-2)var(--zk-space-3);font-size:var(--zk-fs-caption);color:var(--zk-text-2);margin:0}
.neon-btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-button-h);height:var(--zk-button-h);padding-inline:var(--zk-button-px);border-radius:var(--zk-button-radius);font-family:var(--zk-font-sans);font-size:var(--zk-fs-body);font-weight:var(--zk-fw-semibold);letter-spacing:var(--zk-tracking-body);text-decoration:none;border:var(--zk-hairline)solid transparent;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out),transform var(--zk-dur-1)var(--zk-ease-out);white-space:nowrap;line-height:1.2}
.neon-btn:active:not(:disabled){transform:scale(.98)}
.neon-btn:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.neon-icon-btn:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.neon-btn:disabled:not([aria-busy]){background:var(--zk-surface-2);color:var(--zk-text-disabled);cursor:not-allowed;border-color:#0000}
.neon-btn[aria-busy=true]{cursor:progress}
.neon-btn--primary{background:var(--zk-accent);color:var(--zk-on-accent)}
@media (hover:hover){.neon-btn--primary:hover:not(:disabled){background:var(--zk-accent-hover)}}
.neon-btn--secondary{background:var(--zk-surface);color:var(--zk-text);border-color:var(--zk-line-strong)}
@media (hover:hover){.neon-btn--secondary:hover:not(:disabled){background:var(--zk-surface-2);border-color:var(--zk-line-field)}}
.neon-btn--ghost{color:var(--zk-text);background:0 0}
@media (hover:hover){.neon-btn--ghost:hover:not(:disabled){background:var(--zk-surface-hover);color:var(--zk-text)}}
.neon-btn--outline-brand{color:var(--zk-accent-fg);border-color:var(--zk-accent-fg);background:0 0}
@media (hover:hover){.neon-btn--outline-brand:hover:not(:disabled){background:var(--zk-accent-soft);color:var(--zk-accent-fg)}}
.neon-btn--sm{min-height:var(--zk-button-h-sm);height:var(--zk-button-h-sm);padding-inline:var(--zk-space-3);font-size:var(--zk-fs-label)}
.neon-btn--lg{min-height:var(--zk-button-h-lg);height:var(--zk-button-h-lg);padding-inline:var(--zk-space-6)}
@media (pointer:coarse){.neon-btn--sm{position:relative}.neon-btn--sm:after{content:"";position:absolute;inset:min(0px,calc((100% - var(--zk-touch))/2))}}
.neon-icon-btn{display:inline-flex;width:var(--zk-touch);height:var(--zk-touch);min-width:var(--zk-touch);min-height:var(--zk-touch);border-radius:var(--zk-radius-control);border:var(--zk-hairline)solid transparent;color:var(--zk-text-2);cursor:pointer;position:relative;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out);background:0 0;justify-content:center;align-items: center}
.neon-icon-btn>*{pointer-events:none}
@media (hover:hover){.neon-icon-btn:hover{background:var(--zk-surface-hover);color:var(--zk-text)}}
.neon-icon-btn[data-active=true]{color:var(--zk-accent-fg);background:var(--zk-accent-soft)}
.neon-icon-btn:disabled{color:var(--zk-text-disabled);cursor:not-allowed}
.neon-input{min-height:var(--zk-field-h);height:var(--zk-control-h-lg);padding-inline:var(--zk-space-4);border-radius:var(--zk-field-radius);border:var(--zk-hairline)solid var(--zk-field-border);background:var(--zk-field-bg);font-family:var(--zk-font-sans);font-size:var(--zk-fs-input);letter-spacing:var(--zk-tracking-body);color:var(--zk-text);outline:none;transition:border-color var(--zk-dur-2)var(--zk-ease-out),box-shadow var(--zk-dur-2)var(--zk-ease-out);width:100%}
.neon-input::placeholder{color:var(--zk-text-3);opacity:1}
@media (hover:hover){.neon-input:hover:not(:disabled):not(:focus){border-color:var(--zk-text-2)}}
.neon-input:focus{border-color:var(--zk-focus);background:var(--zk-field-bg);box-shadow:0 0 0 1px var(--zk-focus)}
.neon-input:focus-visible{border-color:var(--zk-focus);background:var(--zk-field-bg);box-shadow:0 0 0 1px var(--zk-focus)}
.neon-input[aria-invalid=true]{border-color:var(--zk-danger)}
.neon-input[aria-invalid=true]:focus{border-color:var(--zk-danger);box-shadow:0 0 0 1px var(--zk-danger)}
.neon-input:disabled{border-color:var(--zk-line-strong);background:var(--zk-surface-2);color:var(--zk-text-disabled);cursor:not-allowed}
.neon-input--with-icon{padding-left:2.5rem}
.neon-avatar{width:calc(36px*var(--zk-ui-scale));height:calc(36px*var(--zk-ui-scale));object-fit:cover;background:var(--neon-color-surface-muted);display:inline-flex;font-weight:var(--neon-weight-semibold);color:var(--neon-color-brand);position:relative;overflow:hidden;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center}
.neon-avatar-image{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}
.neon-avatar--sm{width:calc(32px*var(--zk-ui-scale));height:calc(32px*var(--zk-ui-scale));font-size:calc(12px*var(--zk-ui-scale))}
.neon-avatar--lg{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale))}
.neon-avatar--xl{width:calc(96px*var(--zk-ui-scale));height:calc(96px*var(--zk-ui-scale));font-size:calc(32px*var(--zk-ui-scale));border:3px solid var(--neon-color-surface)}
.neon-avatar--button{cursor:pointer;appearance:none;-webkit-appearance:none;background:var(--neon-color-surface-muted);border:none;padding:0;font-family:inherit}
.profile-panel{position:absolute;top:calc(100% + var(--zk-space-3));width:min(calc(320px*var(--zk-ui-scale)),calc(100dvw - var(--zk-density-space)));max-height:calc(100vh - var(--zk-header-h) - var(--zk-density-space));overflow-y:auto;display:flex;gap:var(--zk-space-4);padding:var(--zk-space-5);border-radius:var(--zk-radius-panel);border:var(--zk-hairline)solid var(--zk-line);background:var(--zk-surface-raised);color:var(--zk-text);box-shadow:var(--zk-shadow-float);z-index:70;animation:profile-panel-in var(--zk-dur-2)var(--zk-ease-out);touch-action:manipulation;flex-direction:column;right:0}
[data-theme=light] .profile-panel{background:var(--zk-surface-raised)}
.profile-panel__links{display:flex;gap:var(--zk-space-2);flex-direction:column}
@keyframes profile-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.profile-panel__header{display:flex;align-items: center;gap:var(--zk-space-3)}
.profile-panel__identity{min-width:0}
.profile-panel__name{font-size:calc(16px*var(--zk-type-scale));font-weight:var(--zk-fw-semibold);color:var(--zk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.profile-panel__handle,.profile-panel__email{font-size:var(--zk-fs-caption);color:var(--zk-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.profile-panel__link{display:flex;min-height:var(--zk-touch);padding-inline:var(--zk-space-1);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-medium);color:var(--zk-accent-fg);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items: center}
@media (hover:hover){.profile-panel__link:hover{text-decoration:underline}}
.profile-panel__section{border-top:var(--zk-hairline)solid var(--zk-line);padding-top:var(--zk-space-3)}
.profile-panel__section-title{margin:0 0 var(--zk-space-2);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-semibold);color:var(--zk-text-3);text-transform:uppercase;letter-spacing:var(--zk-tracking-label)}
.profile-panel__empty{font-size:var(--zk-fs-label);color:var(--zk-text-2);margin:0}
.profile-panel__sessions{list-style:none;display:flex;gap:var(--zk-space-2);flex-direction:column;margin:0;padding:0}
.profile-panel__session{display:flex;align-items: center;gap:var(--zk-space-2)}
.profile-panel__session-icon{color:var(--zk-text-3);flex-shrink:0}
.profile-panel__session-info{flex:1;min-width:0}
.profile-panel__session-label{display:flex;align-items: center;gap:var(--zk-space-2);font-size:var(--zk-fs-label);color:var(--zk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.profile-panel__session-badge{padding-inline:var(--zk-space-2);border-radius:var(--zk-radius-pill);background:var(--zk-success-soft);color:var(--zk-success);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-semibold);line-height:calc(18px*var(--zk-ui-scale));flex-shrink:0}
.profile-panel__session-time{font-size:var(--zk-fs-caption);color:var(--zk-text-3);margin:0}
.profile-panel__session-revoke{min-height:var(--zk-touch);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-pill);color:var(--zk-text-2);font-size:var(--zk-fs-caption);padding:var(--zk-space-1)var(--zk-space-3);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out);background:0 0;flex-shrink:0}
@media (hover:hover){.profile-panel__session-revoke:hover{border-color:var(--zk-danger);color:var(--zk-danger)}}
.profile-panel__session-revoke:disabled{opacity:.6;cursor:default}
.profile-panel__hint{margin:var(--zk-space-2)0 0;font-size:var(--zk-fs-caption);color:var(--zk-text-3);line-height:var(--zk-lh-body)}
.profile-panel__logout{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-touch);height:var(--zk-touch);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-pill);color:var(--zk-danger);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-medium);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--zk-dur-2)var(--zk-ease-out);background:0 0;width:100%}
@media (hover:hover){.profile-panel__logout:hover{background:var(--zk-danger-soft)}}
.neon-empty-state{display:flex;align-items: flex-start;gap:var(--zk-space-2);padding:var(--zk-space-6)0;color:var(--zk-text-2);text-align:left;flex-direction:column;max-width:48ch}
.neon-empty-state>svg{color:var(--zk-text-3);width:20px;height:20px}
.neon-empty-state__title{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.neon-empty-state__desc{margin:0 0 var(--zk-space-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body)}
.neon-skeleton{position:relative;overflow:hidden;background:var(--neon-skeleton-base);border-radius:var(--neon-radius-sm);isolation:isolate;animation:neon-pulse 1.4s var(--zk-ease-out)infinite alternate}
.neon-skeleton--pulse{animation:1.2s ease-in-out infinite neon-pulse}
.neon-skeleton--pulse:after{content:none}
.neon-skeleton--rounded{border-radius:var(--neon-radius-pill)}
.neon-skeleton--text{border-radius:var(--neon-radius-xs);height:14px}
.neon-skeleton--title{border-radius:var(--neon-radius-xs);width:58%;height:22px}
.neon-skeleton--avatar{width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale));border-radius:var(--neon-radius-pill)}
.neon-skeleton--media{aspect-ratio:16/9;border-radius:var(--neon-radius-card);width:100%}
@keyframes neon-shimmer{to{transform:translate(100%)}}
@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.48}}
@keyframes neon-spin{to{transform:rotate(360deg)}}
@keyframes neon-bounce{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-7px);opacity:1}}
@keyframes neon-progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(340%)}}
@media (prefers-reduced-motion:reduce){.neon-skeleton:after,.neon-skeleton--pulse,.auth-loading:before{animation:none!important}.neon-skeleton{opacity:.72}}
.app-alert{position:fixed;z-index:80;display:grid;padding:max(var(--zk-space-4),var(--zk-safe-top))max(var(--zk-space-4),var(--zk-safe-right))max(var(--zk-space-4),var(--zk-safe-bottom))max(var(--zk-space-4),var(--zk-safe-left));background:var(--zk-scrim);place-items: center;inset:0}
.app-alert__panel{display:grid;gap:var(--zk-space-3);width:min(100%,calc(352px*var(--zk-ui-scale)));padding:var(--zk-space-6)var(--zk-space-5)var(--zk-space-5);text-align:center;background:var(--zk-surface-raised);color:var(--zk-text);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);box-shadow:var(--zk-shadow-float);animation:app-alert-in var(--zk-dur-3)var(--zk-ease-out);justify-items:center}
@keyframes app-alert-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.app-alert__panel{animation:none}}
.app-alert__icon{display:grid;width:calc(52px*var(--zk-ui-scale));height:calc(52px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);font-family:var(--zk-font-sans);font-size:var(--zk-fs-headline);font-weight:var(--zk-fw-heavy);border:2px solid;place-items: center;line-height:1}
.app-alert__icon[data-tone=error]{color:var(--zk-danger);background:var(--zk-danger-soft)}
.app-alert__icon[data-tone=warning]{color:var(--zk-warning);background:var(--zk-warning-soft)}
.app-alert__icon[data-tone=success]{color:var(--zk-success);background:var(--zk-success-soft)}
.app-alert__icon[data-tone=info]{color:var(--zk-text-2);background:var(--zk-surface-2)}
.app-alert__title{font-family:var(--zk-font-sans);font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-heavy);line-height:var(--zk-lh-title);color:var(--zk-text);margin:0}
.app-alert__message{color:var(--zk-text-2);font-size:var(--zk-fs-body);text-wrap:pretty;margin:0;line-height:1.5}
.app-alert__confirm{min-width:calc(128px*var(--zk-ui-scale));min-height:var(--zk-button-h);padding:0 var(--zk-space-5);border-radius:var(--zk-button-radius);background:var(--zk-accent);font-family:var(--zk-font-sans);font-weight:var(--zk-fw-bold);font-size:var(--zk-fs-label);cursor:pointer;transition:background-color var(--zk-dur-2)var(--zk-ease-out);border:0;margin-block-start:var(--zk-space-2);color:var(--zk-on-accent)!important}
@media (hover:hover){.app-alert__confirm:hover{background:var(--zk-accent-hover)}}
.app-alert__confirm[data-tone=error]{background:var(--zk-danger);color:var(--zk-on-danger)!important}
.app-alert__confirm[data-tone=success]{background:var(--zk-success);color:var(--zk-on-fg)!important}
.app-alert__confirm:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.page-content{padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg);box-sizing:border-box;flex:1;min-width:0}
.page-content.home-feed{align-items: flex-start;gap:var(--neon-space-6)}
.home-feed__stream{min-width:0}
.home-feed__rail{position:sticky;top:calc(var(--neon-header-height) + var(--neon-space-4))}
.hype-page{display:flex;width:min(100%,calc(calc(800px*var(--zk-ui-scale)) + var(--neon-right-rail-width) + var(--neon-space-6)));max-width:calc(calc(800px*var(--zk-ui-scale)) + var(--neon-right-rail-width) + var(--neon-space-6));box-sizing:border-box;justify-content:center;margin-inline-start:auto;margin-inline-end:auto}
.page-content.hype-feed{align-items: flex-start;gap:var(--neon-space-6);box-sizing:border-box;flex:auto;width:100%;max-width:none;margin-inline-start:0;margin-inline-end:0}
.page-content.hype-feed .feed-main{max-width:calc(800px*var(--zk-ui-scale));flex:1;min-width:0}
.page-content.hype-feed .feed-sidebar{flex:0 0 var(--neon-right-rail-width);width:var(--neon-right-rail-width)}
.page-content.hype-feed .feed-sidebar.home-feed__rail{position:sticky;top:calc(var(--neon-header-height) + var(--neon-space-4))}
.hype-rail-types{display:flex;gap:var(--neon-space-2);flex-wrap:wrap}
.hype-rail-type{display:inline-flex;align-items: center;gap:var(--neon-space-2);padding:var(--neon-space-2)var(--neon-space-3);border:1px solid var(--neon-color-border);border-radius:var(--neon-radius-pill);background:var(--neon-color-surface-muted);color:var(--neon-color-fg-muted);font:inherit;font-size:var(--neon-text-xs);font-weight:var(--neon-weight-medium);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
@media (hover:hover){.hype-rail-type:hover{border-color:var(--neon-color-border-strong);color:var(--neon-color-fg)}}
.hype-rail-type.is-active{border-color:color-mix(in srgb,var(--neon-accent)45%,var(--neon-color-border));background:var(--neon-accent-soft);color:var(--neon-accent);font-weight:var(--neon-weight-semibold)}
.hype-rail-type__count{font-size:calc(12px*var(--zk-ui-scale));color:var(--neon-color-fg-dim)}
.hype-rail-discover{display:flex;gap:var(--neon-space-1);flex-direction:column}
.hype-rail-discover__link{display:flex;align-items: center;gap:var(--neon-space-3);padding:var(--neon-space-2)var(--neon-space-3);border-radius:var(--neon-radius-md);color:var(--neon-color-fg-muted);text-decoration:none;font-size:var(--neon-text-sm);transition:background .15s,color .15s}
@media (hover:hover){.hype-rail-discover__link:hover{background:var(--neon-color-surface-muted);color:var(--neon-color-fg)}}
.hype-rail-discover__chev{opacity:.5;margin-left:auto}
.hype-rail-cta__copy{margin:0 0 var(--neon-space-3);font-size:var(--neon-text-sm);color:var(--neon-color-fg-muted);line-height:1.5}
.hype-rail-cta__btn{display:inline-flex;align-items: center;gap:var(--neon-space-2);padding:var(--neon-space-3)var(--neon-space-4);border-radius:var(--neon-radius-pill);background:var(--neon-accent);color:var(--neon-text-on-accent);font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold);text-decoration:none;transition:background .15s}
@media (hover:hover){.hype-rail-cta__btn:hover{background:var(--neon-accent-hover)}}
.hype-rail-skeleton{display:flex;gap:var(--neon-space-3);flex-direction:column}
.hype-rail-skeleton>div{height:calc(72px*var(--zk-ui-scale));border-radius:var(--neon-radius-md);background:linear-gradient(90deg,var(--neon-color-surface-muted)25%,var(--neon-color-surface)50%,var(--neon-color-surface-muted)75%);animation:1.4s ease-in-out infinite feed-shimmer;background-size:200% 100%}
.home-rail{display:flex;gap:var(--neon-space-4);width:var(--neon-right-rail-width);flex-direction:column}
.home-rail-widget{padding:var(--neon-space-4);border-radius:var(--neon-radius-lg);border:1px solid var(--neon-color-border);background:var(--neon-surface-muted);box-shadow:var(--neon-elevation-card)}
.home-rail-widget__head{display:flex;justify-content:space-between;align-items: center;gap:var(--neon-space-2);margin-bottom:var(--neon-space-3)}
.home-rail-widget__title{font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--neon-color-fg-muted);margin:0}
.home-rail-widget__more{display:inline-flex;min-height:var(--neon-touch-target);padding-inline:var(--neon-space-2);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-medium);color:var(--neon-color-brand);text-decoration:none;touch-action:manipulation;transition:color var(--neon-motion-control);align-items: center;gap:2px}
@media (hover:hover){.home-rail-widget__more:hover{color:var(--neon-color-brand-hover)}}
.home-rail-spotlight{display:block;overflow:hidden;border-radius:var(--neon-radius-lg);border:1px solid color-mix(in srgb,var(--neon-jump)35%,var(--neon-color-border));background:var(--neon-color-surface);color:inherit;text-decoration:none;box-shadow:none;transition:transform var(--neon-motion-control)var(--neon-ease-standard),border-color var(--neon-motion-control),box-shadow var(--neon-motion-control);touch-action:manipulation}
@media (hover:hover){.home-rail-spotlight:hover{border-color:color-mix(in srgb,var(--neon-jump)55%,var(--neon-color-border-strong));box-shadow:none}}
.home-rail-spotlight__media{position:relative;aspect-ratio:16/10;overflow:hidden}
.home-rail-spotlight__media .thumb-image.is-loaded{transition:transform .42s var(--neon-ease-standard)}
@media (hover:hover){.home-rail-spotlight:hover .home-rail-spotlight__media .thumb-image.is-loaded{transform:scale(1.06)}}
.home-rail-spotlight__shade{position:absolute;z-index:2;background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--neon-canvas)88%,transparent)100%);pointer-events:none;inset:0}
.home-rail-spotlight__rank{position:absolute;top:var(--neon-space-3);left:var(--neon-space-3);z-index:3;display:grid;width:calc(28px*var(--zk-ui-scale));height:calc(28px*var(--zk-ui-scale));border-radius:var(--neon-radius-sm);background:var(--neon-surface-muted);color:var(--neon-text-primary);font-size:calc(13px*var(--zk-ui-scale));box-shadow:none;place-items: center;font-weight:800}
.home-rail-spotlight__badge{position:absolute;top:var(--neon-space-3);right:var(--neon-space-3);z-index:3}
.home-rail-spotlight__body{position:relative;z-index:1;margin-top:calc(-1*var(--neon-space-6));padding:0 var(--neon-space-4)var(--neon-space-4)}
.home-rail-spotlight__kicker{margin:0 0 var(--neon-space-1);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--neon-jump)}
.home-rail-spotlight__title{margin:0 0 var(--neon-space-1);font-size:var(--neon-text-base);font-weight:var(--neon-weight-semibold);color:var(--neon-color-fg);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;line-height:1.35}
.home-rail-spotlight__meta{font-size:calc(12px*var(--zk-ui-scale));color:var(--neon-color-fg-dim);margin:0}
.home-rail-list{list-style:none;display:flex;gap:var(--neon-space-1);flex-direction:column;margin:0;padding:0}
.home-rail-list__item{margin:0}
.home-rail-row{display:flex;align-items: center;gap:var(--neon-space-2);padding:var(--neon-space-2);border-radius:var(--neon-radius-md);color:inherit;text-decoration:none;touch-action:manipulation;transition:background var(--neon-motion-control),border-color var(--neon-motion-control),transform var(--neon-motion-control);border:1px solid #0000}
@media (hover:hover){.home-rail-row:hover{background:color-mix(in srgb,var(--neon-accent)6%,var(--neon-color-surface-muted));border-color:var(--neon-color-border);transform:translate(2px)}}
.home-rail-row:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:2px}
.home-rail-rank{display:grid;border-radius:var(--zk-radius-xs);font-family:var(--zk-font-label);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-bold);font-variant-numeric:tabular-nums;color:var(--neon-color-brand);background:var(--neon-accent-soft);flex-shrink:0;place-items: center;width:22px;height:22px}
.home-rail-rank[data-rank="1"],.home-rail-rank[data-rank="2"],.home-rail-rank[data-rank="3"]{color:var(--neon-text-primary);background:var(--neon-surface-muted)}
.home-rail-row__thumb{position:relative;width:calc(52px*var(--zk-ui-scale));height:calc(52px*var(--zk-ui-scale));border-radius:var(--neon-radius-sm);overflow:hidden;border:1px solid var(--neon-color-border);flex-shrink:0}
.home-rail-row__thumb .thumb-image.is-loaded{transition:transform .32s var(--neon-ease-standard)}
@media (hover:hover){.home-rail-row:hover .home-rail-row__thumb .thumb-image.is-loaded{transform:scale(1.08)}}
.home-rail-row__cat{position:absolute;z-index:2;font-size:calc(12px*var(--zk-ui-scale));pointer-events:none;padding:1px 5px;line-height:1.3;bottom:3px;left:3px}
.home-rail-row__avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--neon-accent)25%,transparent);flex-shrink:0}
.home-rail-row__info{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}
.home-rail-row__title{display:flex;font-size:calc(13px*var(--zk-ui-scale));font-weight:var(--neon-weight-medium);color:var(--neon-color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items: center;gap:4px}
.home-rail-row__meta{font-size:calc(12px*var(--zk-ui-scale));color:var(--neon-color-fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-rail-row__chev{color:var(--neon-color-fg-dim);opacity:0;transition:opacity var(--neon-motion-control),transform var(--neon-motion-control),color var(--neon-motion-control);flex-shrink:0;transform:translate(-4px)}
@media (hover:hover){.home-rail-row:hover .home-rail-row__chev{opacity:1;color:var(--neon-color-brand);transform:translate(0)}}
.home-rail-widget--tags{background:var(--neon-surface-muted)}
.home-rail-tags{display:flex;gap:var(--neon-space-2);flex-wrap:wrap}
.home-rail-tag{display:inline-flex;border-radius:var(--zk-radius-pill);border:var(--zk-hairline)solid var(--zk-line-strong);background:var(--zk-surface);color:var(--zk-text-2);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-medium);text-decoration:none;touch-action:manipulation;transition:border-color var(--neon-motion-control),color var(--neon-motion-control),background var(--neon-motion-control),transform var(--neon-motion-control);animation:home-rail-tag-in .4s var(--neon-ease-standard)both;animation-delay:var(--tag-delay,0s);align-items: center;gap:4px;padding:6px 10px}
@keyframes home-rail-tag-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (hover:hover){.home-rail-tag:hover{border-color:var(--zk-line-field);color:var(--zk-text)}}
.home-rail-tag__hash{color:var(--zk-accent-fg);font-weight:var(--zk-fw-heavy)}
.home-rail-tag__count{border-radius:var(--zk-radius-pill);background:var(--neon-color-surface-muted);color:var(--neon-color-fg-dim);font-size:calc(12px*var(--zk-ui-scale));font-variant-numeric:tabular-nums;margin-left:2px;padding:1px 5px}
@media (prefers-reduced-motion:reduce){.home-rail-spotlight,.home-rail-row,.home-rail-tag,.home-rail-row__chev,.home-rail-spotlight__media .thumb-image.is-loaded,.home-rail-row__thumb .thumb-image.is-loaded{animation:none;transition:none}@media (hover:hover){.home-rail-spotlight:hover,.home-rail-row:hover,.home-rail-tag:hover{transform:none}}.home-rail-row__chev{opacity:1;transform:none}}
.home-community-pulse{margin:0 0 var(--neon-space-5);padding-bottom:var(--neon-space-4);border-bottom:1px solid var(--neon-color-divider)}
.home-community-pulse__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--neon-space-3);margin-bottom:var(--neon-space-3)}
.home-community-pulse__title{font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--neon-color-fg-muted);margin:0}
.home-community-pulse__more{display:inline-flex;min-height:var(--neon-touch-target);padding-inline:var(--neon-space-2);font-size:var(--neon-text-sm);font-weight:var(--neon-weight-medium);color:var(--neon-color-brand);touch-action:manipulation;align-items: center;gap:2px}
@media (hover:hover){.home-community-pulse__more:hover{color:var(--neon-color-brand-hover)}}
.home-community-pulse__rail{list-style:none;padding:0 0 var(--neon-space-1);display:flex;gap:var(--neon-space-3);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0}
.home-community-pulse__rail>li{scroll-snap-align:start;flex:none}
.home-community-pulse__card{display:flex;gap:var(--neon-space-2);width:min(calc(240px*var(--zk-ui-scale)),72vw);min-height:calc(112px*var(--zk-ui-scale));padding:var(--neon-space-3);border-radius:var(--neon-radius-md);border:1px solid #0000;border-left:2px solid var(--neon-color-brand);background:var(--neon-surface-muted);color:inherit;text-decoration:none;touch-action:manipulation;transition:border-color var(--neon-motion-control),background var(--neon-motion-control);flex-direction:column}
@media (hover:hover){.home-community-pulse__card:hover{border-color:var(--neon-color-border-strong);border-left-color:var(--neon-color-brand)}}
.home-community-pulse__card--skeleton{min-height:calc(112px*var(--zk-ui-scale));background:var(--neon-color-surface-muted);animation:1.2s ease-in-out infinite home-pulse-shimmer}
@keyframes home-pulse-shimmer{0%,to{opacity:.55}50%{opacity:.9}}
.home-community-pulse__head-row{display:flex;align-items: center;gap:var(--neon-space-2)}
.home-community-pulse__avatar{position:relative;overflow:hidden;display:flex;background:var(--neon-color-surface-muted);color:var(--neon-color-fg-muted);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-semibold);border-radius:50%;flex:0 0 20px;justify-content:center;align-items: center;width:20px;height:20px}
.home-community-pulse__avatar-image{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}
.home-community-pulse__meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--neon-space-2);font-size:calc(12px*var(--zk-ui-scale));color:var(--neon-color-fg-dim);flex:1;min-width:0}
.home-community-pulse__name{font-weight:var(--neon-weight-semibold);color:var(--neon-color-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.home-community-pulse__body{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;font-size:var(--neon-text-sm);color:var(--neon-color-fg-muted);-webkit-box-orient:vertical;flex:1;line-height:1.45}
.home-community-pulse__stats{display:flex;gap:var(--neon-space-3);font-size:calc(12px*var(--zk-ui-scale));color:var(--neon-color-fg-dim)}
.home-community-pulse__stats span{display:inline-flex;align-items: center;gap:3px}
.home-community-pulse__empty{padding:var(--neon-space-3)0;font-size:var(--neon-text-sm);color:var(--neon-color-fg-muted);margin:0}
.home-community-pulse--slim{margin-bottom:var(--neon-space-4);padding-bottom:var(--neon-space-3);border-bottom:none}
.home-community-pulse--slim .home-community-pulse__card{width:min(calc(200px*var(--zk-ui-scale)),64vw);min-height:calc(88px*var(--zk-ui-scale))}
.home-community-pulse--slim .home-community-pulse__body{-webkit-line-clamp:2}
.home-feed--desktop{display:flex}
.page-content.home-mobile-feed{display:none;--community-post-pad-block:10px;--community-post-pad-inline:12px;flex-direction:column;gap:0;min-width:0;padding:0}
.home-mobile-feed__bar{position:sticky;top:var(--neon-header-height);z-index:20;display:flex;justify-content:space-between;align-items: center;gap:var(--neon-space-2);min-height:calc(40px*var(--zk-ui-scale));padding:0 var(--neon-space-3);border-bottom:1px solid var(--neon-color-divider);background:var(--zk-bg)}
.home-mobile-feed__title{font-size:calc(15px*var(--zk-ui-scale));font-weight:var(--neon-weight-bold);letter-spacing:-.02em;color:var(--neon-color-fg);margin:0}
.home-mobile-feed__tabs.feed-sort{gap:2px}
.home-mobile-feed__tabs.feed-sort button{min-height:calc(28px*var(--zk-ui-scale));font-size:calc(12px*var(--zk-ui-scale));border-radius:var(--neon-radius-pill);color:var(--neon-color-fg-muted);padding:4px 10px}
.home-mobile-feed__tabs.feed-sort button.active{background:var(--neon-color-surface-muted);color:var(--neon-color-fg)}
.home-mobile-feed__notice{margin:var(--neon-space-2)var(--neon-space-3)}
.home-mobile-feed__list{border-block-start:none}
.home-mobile-feed__skeleton{min-height:calc(96px*var(--zk-ui-scale));background:var(--neon-color-surface-muted);animation:1.2s ease-in-out infinite home-pulse-shimmer}
.home-mobile-feed__empty{padding:var(--neon-space-6)var(--neon-space-3)}
.home-feed-content__body{display:block;color:inherit;text-decoration:none}
@media (hover:hover){.home-feed-content__body:hover .post__body{color:var(--neon-color-fg)}}
.home-feed-content__media{position:relative;aspect-ratio:16/9;border-radius:var(--neon-radius-sm);overflow:hidden;border:1px solid var(--neon-color-divider);background:var(--neon-color-surface-muted);margin-top:6px}
.home-feed-content__media .content-card-badge{font-size:calc(12px*var(--zk-ui-scale));padding:2px 6px;top:6px;left:6px}
.post__action--stat{cursor:default;pointer-events:none}
.post__action.post__action--reply{text-decoration:none}
@media (max-width:1023px){.home-feed--desktop{display:none!important}.page-content.home-mobile-feed{display:flex}}
@media (min-width:1024px){.page-content.home-mobile-feed{display:none!important}}
.feed-main{max-width:calc(800px*var(--zk-ui-scale));flex:1;min-width:0}
.feed-sidebar{width:calc(300px*var(--zk-ui-scale));flex-shrink:0}
.content-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);transition:all .3s}
@media (hover:hover){.content-card:hover{border-color:var(--border-hover);box-shadow:none}}
.content-card-thumbnail{aspect-ratio:16/9;background:var(--bg-secondary);position:relative;overflow:hidden;width:100%}
.content-card-thumbnail img{object-fit:cover;width:100%;height:100%}
.content-card-badge{position:absolute;top:var(--zk-space-2);left:var(--zk-space-2);display:inline-flex;height:calc(20px*var(--zk-ui-scale));padding:0 var(--zk-space-2);border-radius:var(--zk-radius-xs);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-caption)/1 var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase;align-items: center}
.content-card-badge.hype{background:var(--zk-hype-fill);color:var(--zk-hype-on)}
.content-card-badge.swipe{background:var(--zk-swipe-fill);color:var(--zk-swipe-on)}
.content-card-badge.interactive{background:var(--zk-jump-fill);color:var(--zk-jump-on)}
.content-card-badge.photo,.content-card-badge.video{background:var(--zk-surface);color:var(--zk-text)}
.content-card-body{padding:var(--spacing-md)}
.content-card-title{font-family:var(--zk-font-sans);font-size:calc(16px*var(--zk-ui-scale));letter-spacing:var(--neon-tracking-display);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:600;line-height:var(--neon-line-ko-tight)}
.content-card-author{display:flex;align-items: center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}
.content-card-author-avatar{position:relative;overflow:hidden;width:calc(24px*var(--zk-ui-scale));height:calc(24px*var(--zk-ui-scale));border-radius:var(--radius-full);background:var(--neon-surface-muted);display:flex;font-size:calc(12px*var(--zk-ui-scale));color:var(--neon-text-primary);justify-content:center;align-items: center;font-weight:600}
.content-card-author-avatar-image{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}
.content-card-author-name{font-size:calc(13px*var(--zk-ui-scale));color:var(--text-secondary)}
.content-card-stats{display:flex;gap:var(--spacing-md);font-size:calc(13px*var(--zk-ui-scale));color:var(--text-muted)}
.content-card-stat{display:flex;align-items: center;gap:var(--spacing-xs)}
.content-card-tags{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap}
.content-tag{padding:var(--zk-space-1)var(--zk-space-2);background:var(--zk-surface-2);border-radius:var(--zk-radius-xs);font-family:var(--zk-font-label);font-size:var(--zk-fs-caption);letter-spacing:var(--zk-tracking-label);color:var(--zk-text-2)}
.feed-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}
.feed-tab{padding:0 var(--zk-space-4);min-height:var(--zk-touch);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-chip-radius);background:var(--zk-surface);color:var(--zk-text-2);font-family:var(--zk-font-sans);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-medium);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out)}
@media (hover:hover){.feed-tab:hover{border-color:var(--zk-line-field);color:var(--zk-text)}}
.feed-tab:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.feed-tab.active{background:var(--zk-text);border-color:var(--zk-text);color:var(--zk-bg);font-weight:var(--zk-fw-semibold)}
.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}
.feed-grid .content-card{margin-bottom:0}
.feed-empty{text-align:left;padding:var(--zk-space-6)0;color:var(--zk-text-2);font-size:var(--zk-fs-body)}
.eyebrow{color:var(--zk-accent-fg);font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.14em;text-transform:uppercase;margin:0;font-weight:800}
.filter-chip{min-height:var(--zk-chip-h);padding:0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-chip-radius);background:var(--zk-surface);color:var(--zk-text-2);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-medium);cursor:pointer;transition:background-color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out)}
.filter-chip:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.filter-chip.active{border-color:var(--zk-text);background:var(--zk-text);color:var(--zk-bg);font-weight:var(--zk-fw-semibold)}
.action-link{position:relative;display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-button-h-sm);padding:0 var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-button-radius);background:var(--zk-surface);color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);text-decoration:none;white-space:nowrap;transition:background-color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out);flex:none}
@media (pointer:coarse){.action-link:after{content:"";position:absolute;inset:min(0px,calc((100% - var(--zk-touch))/2))}}
.action-link:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
@media (hover:hover){.action-link:hover{border-color:var(--zk-line-field);background:var(--zk-surface-2)}}
.page-header-bar{margin-bottom:var(--spacing-lg)}
.page-header-bar__row{display:flex;align-items:baseline;gap:var(--neon-space-2)var(--neon-space-4);flex-wrap:wrap}
.page-header-bar__title{color:var(--text-primary);font-family:var(--zk-font-sans);font-size:calc(clamp(20px,3vw,26px)*var(--zk-ui-scale));font-weight:var(--neon-weight-black);letter-spacing:var(--neon-tracking-display);line-height:var(--neon-line-ko-tight);margin:0}
.page-header-bar__meta{color:var(--text-muted);font-size:calc(12px*var(--zk-ui-scale));font-variant-numeric:tabular-nums}
.page-header-bar__filters{margin-top:var(--neon-space-3)}
.page-header-bar__tabs{border-bottom:1px solid var(--neon-color-divider);padding-bottom:var(--neon-space-2);margin-bottom:0}
.page-header-bar__tabs .feed-tab{min-height:calc(32px*var(--zk-ui-scale));font-size:calc(13px*var(--zk-ui-scale));padding:5px 14px}
.page-header-bar__tabs .feed-tab.active{color:var(--neon-color-fg-on-brand)}
@media (max-width:700px){.page-header-bar__row{align-items: flex-start}}
@media (prefers-reduced-motion:reduce){.page-header-bar__tabs .feed-tab{transition:none}}
.feed-sort{display:flex;gap:6px;margin:0}
.feed-sort button{min-height:var(--neon-touch-target);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font-size:calc(12px*var(--zk-ui-scale));touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:6px 12px}
.feed-sort button.active{background:var(--zk-surface-2);color:var(--zk-text)}
.feed-notice{display:flex;align-items: center;gap:var(--zk-space-3);margin-bottom:var(--zk-space-4);padding:var(--zk-space-3)var(--zk-space-4);border:var(--zk-hairline)solid color-mix(in srgb,var(--zk-warning)35%,transparent);border-radius:var(--zk-radius-panel);background:var(--zk-warning-soft);color:var(--zk-text);font-size:var(--zk-fs-meta)}
.feed-notice p{color:var(--zk-text-2);font-size:var(--zk-fs-caption);margin:2px 0 0}
@keyframes swipe-comment-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
.swipe-quick-upload{display:grid;gap:var(--neon-space-4);padding:0 var(--neon-space-4)var(--neon-space-5)}
.swipe-quick-upload__preview{max-height:calc(240px*var(--zk-ui-scale));border-radius:var(--neon-radius-lg);background:var(--neon-color-canvas);object-fit:contain;width:100%}
.swipe-quick-upload__field{display:grid;gap:var(--neon-space-2)}
.swipe-quick-upload__label{font-size:var(--neon-text-xs);font-weight:var(--neon-weight-semibold);color:var(--neon-color-fg-muted)}
.swipe-quick-upload__caption{resize:vertical;min-height:calc(64px*var(--zk-ui-scale));padding:var(--neon-space-3);border:1px solid var(--neon-color-border);border-radius:var(--neon-radius-md);background:var(--neon-color-surface);color:var(--neon-text-primary);font:inherit;width:100%}
.swipe-quick-upload__caption:focus{outline:none;border-color:var(--neon-accent);box-shadow:var(--neon-ring-focus)}
.swipe-quick-upload__picks{display:flex;gap:var(--neon-space-2);flex-wrap:wrap}
.swipe-quick-upload__progress{display:grid;gap:var(--neon-space-2)}
.swipe-quick-upload__bar{overflow:hidden;border-radius:var(--neon-radius-pill);background:var(--neon-color-surface-muted);height:6px}
.swipe-quick-upload__bar-fill{background:var(--neon-accent);height:100%}
.swipe-quick-upload__hint{font-size:var(--neon-text-xs);color:var(--neon-color-fg-muted);margin:0}
.swipe-quick-upload__guide{display:grid;gap:var(--neon-space-2);padding:var(--neon-space-3);border:1px solid var(--neon-color-border);border-radius:var(--neon-radius-md);background:var(--neon-color-surface-muted)}
.swipe-quick-upload__guide p{font-size:var(--neon-text-sm);color:var(--neon-text-secondary);margin:0}
.swipe-quick-upload__btn{display:inline-flex;border-radius:var(--neon-radius-pill);border:1px solid var(--neon-color-border-strong);background:var(--neon-accent-soft);color:var(--neon-text-primary);font:inherit;font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold);cursor:pointer;justify-content:center;align-items: center;gap:8px;padding:10px 16px}
.swipe-quick-upload__btn:disabled{opacity:.55;cursor:not-allowed}
.swipe-quick-upload__error{margin:var(--neon-space-2)0 0;color:var(--neon-color-danger);font-size:var(--neon-text-sm)}
.swipe-upload-page{display:grid;gap:var(--neon-space-5);max-width:calc(520px*var(--zk-ui-scale));padding:var(--neon-space-5)var(--neon-space-4)var(--neon-space-8);margin:0 auto}
.swipe-upload-page__head{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--neon-space-3)}
.swipe-upload-page__back{display:inline-flex;align-items: center;gap:var(--neon-space-2);color:var(--neon-accent);text-decoration:none;font-size:var(--neon-text-sm)}
.swipe-upload-page__title{margin:var(--neon-space-2)0 0;font-size:var(--neon-text-xl);font-weight:var(--neon-weight-bold)}
.swipe-upload-page__desc{margin:var(--neon-space-2)0 0;color:var(--neon-text-secondary);font-size:var(--neon-text-sm)}
.compose-fab{position:fixed;z-index:45;right:max(var(--neon-space-4),env(safe-area-inset-right,0px));bottom:calc(var(--neon-bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--neon-space-4));display:inline-flex;width:calc(56px*var(--zk-ui-scale));height:calc(56px*var(--zk-ui-scale));border-radius:var(--neon-radius-pill);background:var(--neon-accent);color:var(--neon-text-on-accent);box-shadow:var(--neon-elevation-overlay);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items: center;margin:0;padding:0}
.compose-fab:focus-visible{background:var(--neon-accent-hover);outline:none}
@media (hover:hover){.compose-fab:hover{background:var(--neon-accent-hover);outline:none}}
.compose-fab:focus-visible{box-shadow:var(--neon-ring-focus)}
@media (min-width:1024px){.compose-fab{bottom:max(var(--neon-space-6),env(safe-area-inset-bottom,0px))}}
button.hype-rail-cta__btn{cursor:pointer;font:inherit;border:0}
.compose-sheet,.swipe-upload-sheet{position:fixed;z-index:60;display:flex;pointer-events:none;flex-direction:column;justify-content:flex-end;inset:0}
.compose-sheet__backdrop,.swipe-upload-sheet__backdrop{position:absolute;background:var(--zk-scrim);cursor:pointer;pointer-events:auto;border:0;padding:0;inset:0}
.compose-sheet__panel,.swipe-upload-sheet__panel{position:relative;z-index:1;display:flex;max-height:min(72dvh,calc(640px*var(--zk-ui-scale)));border-top:1px solid var(--neon-color-border);border-radius:var(--neon-radius-card)var(--neon-radius-card)0 0;background:var(--neon-color-bg);box-shadow:var(--neon-elevation-overlay);animation:compose-sheet-in .2s var(--neon-ease-standard);pointer-events:auto;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;width:100%;margin-top:auto}
@keyframes compose-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.compose-sheet__panel,.swipe-upload-sheet__panel{animation:none}}
.compose-sheet__head,.swipe-upload-sheet__head{display:flex;justify-content:space-between;align-items: center;gap:var(--neon-space-3);padding:var(--neon-space-4)var(--neon-space-4)var(--neon-space-2)}
.compose-sheet__title,.swipe-upload-sheet__title{font-size:var(--neon-text-base);font-weight:var(--neon-weight-semibold);color:var(--neon-text-primary);margin:0}
.compose-sheet__close{display:inline-flex;width:var(--neon-touch-target);height:var(--neon-touch-target);border-radius:var(--neon-radius-pill);color:var(--neon-text-secondary);cursor:pointer;text-decoration:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items: center}
.compose-sheet__close:focus-visible{background:var(--neon-color-surface-hover);color:var(--neon-text-primary);outline:none}
@media (hover:hover){.compose-sheet__close:hover{background:var(--neon-color-surface-hover);color:var(--neon-text-primary);outline:none}}
.compose-sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--neon-space-3);padding:var(--neon-space-3)var(--neon-space-4)var(--neon-space-5)}
.compose-sheet__action{display:flex;justify-content:center;align-items: center;gap:var(--neon-space-2);min-height:calc(112px*var(--zk-ui-scale));padding:var(--neon-space-4);border:1px solid var(--neon-color-border);border-radius:var(--neon-radius-lg);background:var(--neon-color-surface);color:var(--neon-text-primary);font:inherit;font-size:var(--neon-text-sm);font-weight:var(--neon-weight-semibold);cursor:pointer;flex-direction:column}
.compose-sheet__action:focus-visible{border-color:var(--neon-accent);background:var(--neon-accent-soft);outline:none}
@media (hover:hover){.compose-sheet__action:hover{border-color:var(--neon-accent);background:var(--neon-accent-soft);outline:none}}
@media (min-width:640px){.compose-sheet,.swipe-upload-sheet{padding:var(--neon-space-6);justify-content:center;align-items: center}.compose-sheet__panel,.swipe-upload-sheet__panel{width:min(calc(420px*var(--zk-ui-scale)),100%);max-height:min(80dvh,calc(640px*var(--zk-ui-scale)));border:1px solid var(--neon-color-border);border-radius:var(--neon-radius-card);animation-name:compose-sheet-pop;margin:0}@keyframes compose-sheet-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}}
.filter-chip--accent{border-color:var(--zk-accent-fg);color:var(--zk-accent-fg)}
.studio-shell--jump .studio-rail__brand-name{color:var(--neon-accent)}
.thumb{position:relative;overflow:hidden;background:var(--zk-surface-2);width:100%;height:100%}
.thumb-fallback{position:absolute;display:grid;background:var(--zk-media-stage);transition:opacity var(--zk-dur-2)var(--zk-ease-out);place-items: center;inset:0}
.thumb-fallback-logo{display:block;object-fit:contain;width:100%;height:100%}
.thumb-fallback[aria-hidden=true]{opacity:0}
.thumb-hype,.thumb-swipe,.thumb-jump{background:var(--zk-surface-2)}
.thumb-image{position:relative;z-index:1;object-fit:cover;opacity:0;transition:opacity var(--zk-dur-2)var(--zk-ease-out),transform var(--zk-dur-3)var(--zk-ease-out);width:100%;height:100%}
.thumb-image.is-loaded{opacity:1}
@media (hover:hover){.content-card-thumbnail:hover .thumb-image.is-loaded{transform:scale(1.04)}}
.viewer{position:relative;display:grid;min-height:calc(260px*var(--zk-ui-scale));overflow:hidden;background:var(--zk-media-stage);place-items: center;width:100%;height:100%;margin:0}
.viewer-image{background:var(--zk-media-stage)}
.viewer-image-button{position:relative;display:block;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0}
.viewer-image-el{display:block;object-fit:contain;opacity:0;transition:opacity .3s var(--neon-ease-standard);width:100%;max-height:78vh}
.viewer-image-el.is-loaded{opacity:1}
.viewer-loading{position:absolute;background:linear-gradient(90deg,color-mix(in srgb,var(--zk-on-media)3%,transparent),color-mix(in srgb,var(--zk-on-media)8%,transparent),color-mix(in srgb,var(--zk-on-media)3%,transparent));animation:1.4s ease-in-out infinite feed-shimmer;background-size:200% 100%;inset:0}
.viewer-zoom-hint{position:absolute;display:inline-flex;border-radius:var(--neon-radius-pill);background:color-mix(in srgb,var(--zk-media-stage)72%,transparent);color:color-mix(in srgb,var(--zk-on-media)86%,transparent);font-size:var(--neon-text-xs);opacity:0;transition:opacity .2s var(--neon-ease-standard);align-items: center;gap:5px;padding:6px 11px;bottom:12px;right:12px}
.viewer-image-button:focus-visible .viewer-zoom-hint{opacity:1}
@media (hover:hover){.viewer-image-button:hover .viewer-zoom-hint{opacity:1}}
.viewer-stage{min-height:calc(320px*var(--zk-ui-scale));position:relative}
.viewer-runnable{display:block;padding:0}
.jump-player-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--zk-media-stage);width:100%;min-width:0;max-height:78vh}
.jump-player-shell:focus-visible{outline:3px solid var(--neon-focus-color);outline-offset:2px}
.jump-player-host{position:absolute;inset:0}
.jump-player-host>*{display:block;width:100%;height:100%}
.jump-player-host iframe,.jump-player-host .zuku-jump-frame{border:0}
.game-cloud-consent{width:min(var(--zk-dialog-w),calc(100vw - var(--zk-space-8)));max-height:calc(100dvh - var(--zk-space-8));overflow:auto;padding:var(--zk-space-6);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface-raised);color:var(--zk-text);box-shadow:var(--zk-shadow-float);margin:auto}
.game-cloud-consent::backdrop{background:var(--zk-scrim)}
.game-cloud-consent-brand{display:inline-flex;align-items: center;gap:var(--zk-space-2);color:var(--zk-accent-fg);font-family:var(--zk-font-label);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-bold);letter-spacing:var(--zk-tracking-label)}
.game-cloud-consent-brand img{object-fit:contain;width:18px;height:18px}
.game-cloud-consent h2{margin:var(--zk-space-3)0;font-size:var(--zk-fs-title);font-weight:var(--zk-fw-heavy);line-height:var(--zk-lh-title)}
.game-cloud-consent p{margin:var(--zk-space-3)0;color:var(--zk-text-2);font-size:var(--zk-fs-label);overflow-wrap:anywhere;line-height:1.7}
.game-cloud-consent-actions{display:flex;gap:var(--zk-space-3);margin-top:var(--zk-space-6);flex-wrap:wrap}
.game-cloud-consent-actions button{min-height:var(--zk-button-h);padding:0 var(--zk-button-px);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-button-radius);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.2 var(--zk-font-sans);cursor:pointer;flex:1}
.game-cloud-consent-actions button:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.game-cloud-consent-actions .game-cloud-consent-accept{background:var(--zk-accent);color:var(--zk-on-accent);border-color:#0000}
.jump-player-host ruffle-player,.jump-player-host [data-ruffle]{outline:none}
.jump-player-shell[data-phase=playing] .jump-player-host,.jump-player-shell[data-phase=paused] .jump-player-host{z-index:1}
.jump-player-shell--touch:not(.jump-player-shell--cover){aspect-ratio:4/3;max-height:min(56vh,calc(420px*var(--zk-ui-scale)))}
@media (orientation:landscape) and (max-width:1024px){.jump-player-shell--touch:not(.jump-player-shell--cover){aspect-ratio:16/9;max-height:72vh}}
.jump-player-shell--touch[data-phase=idle] .ir-player-controls,.jump-player-shell--touch[data-phase=paused] .ir-player-controls{opacity:1}
.jump-player-shell--touch[data-phase=playing] .ir-player-controls{opacity:0;pointer-events:none}
.jump-mobile-controls{position:absolute;z-index:4;pointer-events:auto;user-select:none}
.jump-mobile-controls--portrait{left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items: flex-end;gap:.5rem}
.jump-mobile-controls--landscape-left{left:max(.5rem,env(safe-area-inset-left));top:50%;transform:translateY(-50%)}
.jump-mobile-controls--landscape-right{right:max(.5rem,env(safe-area-inset-right));top:50%;transform:translateY(-50%)}
.jump-mobile-dpad{display:grid;grid-template-columns:repeat(3,1fr);opacity:.95;gap:.375rem}
.jump-mobile-dpad>span:empty,.jump-mobile-dpad>span[aria-hidden]{width:2.75rem;height:2.75rem}
.jump-mobile-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.375rem;max-width:12rem}
.jump-mobile-key{display:grid;border:1px solid var(--neon-border-glass);border-radius:var(--neon-radius-sm);background:color-mix(in srgb,var(--zk-media-stage)62%,transparent);color:var(--zk-on-media);touch-action:none;cursor:pointer;transition:transform .1s var(--neon-ease-standard),background .1s var(--neon-ease-standard);place-items: center;min-width:2.75rem;min-height:2.75rem;padding:0 .35rem;font-size:1rem;font-weight:700;line-height:1}
.jump-mobile-key--round{border-radius:50%;min-width:3rem;min-height:3rem}
.jump-mobile-key:active{background:color-mix(in srgb,var(--zk-media-stage)82%,transparent);transform:scale(.94)}
.ir-player-poster{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}
.ir-player-center{position:absolute;z-index:3;display:flex;justify-content:center;align-items: center;gap:var(--neon-space-3);padding:var(--neon-space-6);color:var(--neon-text-primary);text-align:center;background:color-mix(in srgb,var(--zk-media-stage)62%,transparent);flex-direction:column;inset:0}
.ir-player-center strong{font-size:calc(15px*var(--zk-ui-scale))}
.ir-player-hint{max-width:calc(360px*var(--zk-ui-scale));color:var(--neon-text-secondary);font-size:calc(12px*var(--zk-ui-scale));margin:0}
.ir-player-loading-card{display:grid;width:min(calc(340px*var(--zk-ui-scale)),88%);padding:var(--neon-space-5)var(--neon-space-6);border:1px solid var(--neon-border-subtle);border-radius:var(--neon-radius-lg);background:var(--neon-surface);box-shadow:var(--neon-elevation-card);justify-items:center;gap:6px}
.ir-player-brand{color:var(--neon-accent);font-family:var(--neon-font-mono);font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.2em;margin:0;font-weight:800}
.ir-player-loading-card strong{color:var(--neon-text-primary)}
.ir-player-progress{display:block;margin-top:var(--neon-space-2);border-radius:var(--neon-radius-pill);background:var(--neon-surface-muted);overflow:hidden;width:100%;height:4px}
.ir-player-progress>span{display:block;border-radius:inherit;background:var(--neon-accent);animation:ir-player-indeterminate 1.2s var(--neon-ease-standard)infinite;width:40%;height:100%}
@keyframes ir-player-indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}
.ir-player-retry{display:inline-flex;min-height:calc(40px*var(--zk-ui-scale));border:1px solid var(--neon-border-strong);border-radius:var(--neon-radius-pill);background:var(--neon-surface-muted);color:var(--neon-text-primary);font-size:calc(13px*var(--zk-ui-scale));cursor:pointer;transition:background .15s var(--neon-ease-standard),border-color .15s var(--neon-ease-standard);align-items: center;gap:6px;padding:8px 18px;font-weight:600}
@media (hover:hover){.ir-player-retry:hover{border-color:var(--neon-accent);background:var(--neon-accent-soft)}}
.ir-player-retry:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:2px}
.ir-player-bigplay{position:absolute;z-index:2;display:grid;width:calc(84px*var(--zk-ui-scale));height:calc(84px*var(--zk-ui-scale));border:1px solid var(--neon-border-glass);background:color-mix(in srgb,var(--zk-media-stage)66%,transparent);color:var(--zk-on-media);cursor:pointer;transition:transform .15s var(--neon-ease-standard),background .15s var(--neon-ease-standard),color .15s var(--neon-ease-standard),box-shadow .15s var(--neon-ease-standard);border-radius:50%;place-items: center;top:50%;left:50%;transform:translate(-50%,-50%)}
.ir-player-bigplay:focus-visible{background:var(--neon-accent);color:var(--neon-text-on-accent);box-shadow:none;transform:translate(-50%,-50%)scale(1.06)}
@media (hover:hover){.ir-player-bigplay:hover{background:var(--neon-accent);color:var(--neon-text-on-accent);box-shadow:none;transform:translate(-50%,-50%)scale(1.06)}}
.ir-player-bigplay:focus-visible{outline:3px solid var(--neon-focus-color);outline-offset:3px}
.ir-player-bigplay svg{margin-left:5px}
.ir-player-controls{position:absolute;z-index:2;display:flex;background:linear-gradient(transparent,color-mix(in srgb,var(--zk-media-stage)82%,transparent));opacity:0;transition:opacity .2s var(--neon-ease-standard);pointer-events:none;align-items: center;gap:10px;padding:10px 12px;bottom:0;left:0;right:0}
.jump-player-shell:focus-within .ir-player-controls,.jump-player-shell[data-phase=idle] .ir-player-controls,.jump-player-shell[data-phase=paused] .ir-player-controls{opacity:1}
@media (hover:hover){.jump-player-shell:hover .ir-player-controls{opacity:1}}
.ir-player-btn{display:grid;width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale));background:color-mix(in srgb,var(--zk-on-media)12%,transparent);color:var(--zk-on-media);cursor:pointer;pointer-events:auto;transition:background .15s var(--neon-ease-standard),color .15s var(--neon-ease-standard);border:none;border-radius:50%;place-items: center}
@media (hover:hover){.ir-player-btn:hover{background:var(--neon-accent);color:var(--neon-text-on-accent)}}
.ir-player-btn:focus-visible{outline:2px solid var(--neon-focus-color);outline-offset:2px}
.ir-player-title{overflow:hidden;color:color-mix(in srgb,var(--zk-on-media)92%,transparent);font-size:calc(12px*var(--zk-ui-scale));text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500}
.ir-player-watermark{position:absolute;z-index:1;display:inline-flex;border:1px solid var(--neon-border-glass);border-radius:var(--neon-radius-sm);background:var(--zk-media-scrim);color:var(--zk-on-media);font-family:var(--neon-font-mono);font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.2em;opacity:.3;transition:opacity .3s var(--neon-ease-standard);pointer-events:none;align-items: center;gap:6px;margin:0;padding:5px 10px;font-weight:700;top:12px;left:12px}
@media (hover:hover){.jump-player-shell:hover .ir-player-watermark{opacity:.75}}
.ir-player-watermark-dot{background:var(--neon-accent);box-shadow:none;animation:1.6s ease-in-out infinite ir-player-pulse;border-radius:50%;width:6px;height:6px}
@keyframes ir-player-pulse{50%{opacity:.35}}
.viewer-stage-caption{display:grid;padding:var(--neon-space-3)var(--neon-space-4);border-top:1px solid var(--neon-border-subtle);background:var(--neon-surface);gap:4px}
.viewer-stage-caption>*{margin:0}