.product-topbar{z-index:100;width:100%;min-height:var(--topbar-height,76px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper-bright) 94%,transparent);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.product-topbar>.top-inner{width:min(1120px,100% - 48px);min-height:var(--topbar-height,76px);align-items:center;gap:clamp(18px,3vw,42px);margin:0 auto;display:flex}.product-topbar .brand-links{display:contents}.product-brand{min-height:44px;color:var(--ink);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.product-brand__word{letter-spacing:-.04em;align-items:baseline;gap:7px;font-size:20px;font-weight:720;display:inline-flex}.product-brand__word>span,.product-brand__edition{color:var(--muted,var(--ink-soft));font:10px/1 var(--digits,var(--font-data));letter-spacing:.12em}.product-brand__mark{background:url(/xao-mark.svg) 50%/contain no-repeat;width:33px;height:33px;margin-right:8px;display:block}.product-topbar .product-nav{min-width:0;height:var(--topbar-height,76px);flex:auto;justify-content:center;align-items:stretch;gap:clamp(10px,2.2vw,28px);display:flex}.product-topbar .product-nav>button{min-width:62px;height:100%;min-height:44px;color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:8px 7px;font-size:13px;font-weight:520;display:inline-flex;position:relative}.product-topbar .product-nav>button:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:5px;right:5px}.product-topbar .product-nav>button.is-current,.product-topbar .product-nav>button:hover:not(:disabled){color:var(--ink)}.product-topbar .product-nav>button.is-current{font-weight:650}.product-topbar .product-nav>button.is-current:after{background:var(--green)}.product-topbar .product-nav__icon{align-items:center;display:inline-flex}.product-topbar .product-nav__label{clip:auto;white-space:nowrap;width:auto;height:auto;position:static;overflow:visible}.product-topbar__actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.product-topbar .account-menu{position:relative}.product-topbar .account-readout{min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:4px 7px;display:inline-flex}.account-readout__avatar{border:1px solid var(--line);background:var(--pale);width:34px;height:34px;color:var(--green);border-radius:50%;flex:0 0 34px;place-items:center;font-weight:650;display:inline-grid}.product-topbar .account-readout__identity{text-align:left;gap:1px;display:grid}.product-topbar .account-readout__identity small,.product-topbar .account-readout__today small,.product-topbar .account-readout__points small{color:var(--muted,var(--ink-soft));font-size:10px}.product-topbar .account-readout__identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:98px;font-size:12px;overflow:hidden}.product-topbar .account-readout__today,.product-topbar .account-readout__points{display:none}.product-topbar .account-readout--guest{border:1px solid var(--line);border-bottom-width:2px;border-radius:11px;justify-content:center;min-height:40px;padding:8px 14px;font-size:12px;font-weight:650}.product-topbar .locale-toggle{min-height:32px;color:var(--muted,var(--ink-soft));align-items:center;gap:2px;padding:2px 4px;font-size:11px;display:inline-flex}.product-topbar .locale-toggle>button{min-width:28px;min-height:30px;color:inherit;background:0 0;border:0;padding:4px;font-size:11px}.product-topbar .locale-toggle>button.is-active{color:var(--ink);font-weight:700}.product-topbar .product-theme-toggle{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--ink-soft);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.product-topbar .product-theme-toggle:hover{background:var(--surface-muted);color:var(--ink)}.site-bottom-nav{display:none}@media (width<=900px){.product-topbar>.top-inner{gap:12px;width:min(100% - 32px,680px)}.product-topbar .product-nav{gap:4px}.product-topbar .product-nav>button{min-width:52px;padding-inline:5px;font-size:12px}.product-topbar .locale-toggle{display:none}}@media (width<=700px){.product-topbar{min-height:60px;position:relative}.product-topbar>.top-inner{width:calc(100% - 28px);min-height:60px}.product-topbar .product-nav{display:none}.product-brand__mark{width:30px;height:30px;margin-right:6px}.product-brand__word{font-size:18px}.product-brand__word>span{display:none}.product-topbar__actions{gap:3px;margin-left:auto}.product-topbar .account-readout__identity{display:none}.product-topbar .account-readout{padding:4px}.product-topbar .account-readout--guest{padding:7px 10px}.product-topbar .account-readout--guest>.ui-icon{display:none}.site-bottom-nav{z-index:700;min-height:calc(62px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper-bright) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.site-bottom-nav button{min-height:50px;color:var(--muted,var(--ink-soft));border-radius:10px;place-items:center;gap:2px;padding:4px 2px;font-size:10px;display:grid}.site-bottom-nav button.is-active{color:var(--green);background:var(--pale);font-weight:650}.site-bottom-nav button:hover{color:var(--ink)}body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.product-topbar,.site-bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none}}:root .product-topbar .account-readout--guest{border-style:solid;border-width:1px 1px 2px;border-color:var(--line);background:var(--paper-bright);color:var(--green);box-shadow:0 1px 0 color-mix(in srgb, var(--line) 75%, transparent)}:root .product-topbar .account-readout--guest:hover:not(:disabled){border-color:var(--green);background:var(--pale);filter:none}html[data-xao-ui=r4] .product-topbar .product-topbar__actions .account-readout--guest{border:1px solid var(--line)!important;border-bottom-width:2px!important;border-color:var(--line)!important;background:var(--paper-bright)!important;padding:8px 14px!important}html[data-xao-ui=r4] .product-topbar .product-topbar__actions .account-readout--guest:hover:not(:disabled){border-color:var(--green)!important;background:var(--pale)!important}@media (width<=700px){html[data-xao-ui=r4] .product-topbar .product-topbar__actions .account-readout--guest{padding:7px 10px!important}}html[data-theme=light] .product-topbar,html[data-theme=light] .site-bottom-nav{color:#202722!important;background:#fff!important;border-color:#e2e7e2!important}html[data-theme=light] .product-topbar .product-brand,html[data-theme=light] .product-topbar .product-brand strong,html[data-theme=light] .product-topbar .product-nav>button.is-current,html[data-theme=light] .product-topbar .account-readout,html[data-theme=light] .product-topbar .product-menu__panel,html[data-theme=light] .product-topbar .product-menu__panel button{color:#202722!important}html[data-theme=light] .product-topbar .product-brand__edition,html[data-theme=light] .product-topbar .product-nav>button,html[data-theme=light] .product-topbar .product-topbar__actions .locale-toggle,html[data-theme=light] .product-topbar .product-theme-toggle,html[data-theme=light] .site-bottom-nav button{color:var(--control-muted,#69726b)!important}html[data-theme=light] .product-topbar .product-nav>button.is-current:after,html[data-theme=light] .site-bottom-nav button.is-active{color:var(--control-accent,#147b54)!important}html[data-theme=light] .product-topbar .product-nav>button.is-current:after{background:#16845b!important}html[data-theme=light] .product-topbar .product-topbar__actions .locale-toggle>button.is-active,html[data-theme=light] .product-topbar .product-theme-toggle:hover,html[data-theme=light] .site-bottom-nav button.is-active{color:var(--control-accent,#147b54)!important}html[data-theme=light] .product-topbar .product-theme-toggle:hover,html[data-theme=light] .site-bottom-nav button.is-active{background:#f4f8f3!important}html[data-theme=light] .product-topbar .account-readout__avatar{color:#16845b!important;background:#f4f8f3!important;border-color:#e2e7e2!important}html[data-theme=light] .product-topbar .product-menu__panel{background:#fff!important;border-color:#e2e7e2!important}html[data-theme=light] .product-topbar .product-menu__panel button:hover{background:#f4f8f3!important}html[data-theme=dark] .product-topbar,html[data-theme=dark] .site-bottom-nav{border-color:var(--line,#3b414c)!important;background:var(--paper-bright,#23262c)!important;color:var(--ink,#f0f1f4)!important}html[data-theme=dark] .product-topbar .product-brand,html[data-theme=dark] .product-topbar .product-brand strong,html[data-theme=dark] .product-topbar .product-nav>button.is-current,html[data-theme=dark] .product-topbar .account-readout,html[data-theme=dark] .product-topbar .product-menu__panel,html[data-theme=dark] .product-topbar .product-menu__panel button{color:var(--ink,#f0f1f4)!important}html[data-theme=dark] .product-topbar .product-brand__edition,html[data-theme=dark] .product-topbar .product-nav>button,html[data-theme=dark] .product-topbar .product-topbar__actions .locale-toggle,html[data-theme=dark] .product-topbar .product-theme-toggle,html[data-theme=dark] .site-bottom-nav button{color:var(--muted,#adb3bf)!important}html[data-theme=dark] .product-topbar .product-nav>button.is-current:after{background:var(--green,#a8bff0)!important}html[data-theme=dark] .product-topbar .product-topbar__actions .locale-toggle>button.is-active,html[data-theme=dark] .product-topbar .product-theme-toggle:hover,html[data-theme=dark] .site-bottom-nav button.is-active{color:var(--green,#a8bff0)!important}html[data-theme=dark] .product-topbar .product-theme-toggle:hover,html[data-theme=dark] .site-bottom-nav button.is-active{background:var(--surface-muted,#2b2f36)!important}html[data-theme=dark] .product-topbar .account-readout__avatar{border-color:var(--line,#3b414c)!important;background:var(--surface-muted,#2b2f36)!important;color:var(--green,#a8bff0)!important}html[data-theme=dark] .product-topbar .product-menu__panel{border-color:var(--line,#3b414c)!important;background:var(--paper-bright,#23262c)!important}html[data-theme=dark] .product-topbar .product-menu__panel button:hover{background:var(--surface-muted,#2b2f36)!important}button[data-progress-owner=task][aria-busy=true]:after,button[data-progress-owner=task][aria-busy=true]:before{animation:none!important;display:none!important}.product-shell :where(button,summary,a):not(:where(.xao-companion-host *)):focus-visible{outline-offset:4px}@media (prefers-reduced-motion:no-preference){.product-shell :where(button,summary,a):not(:where(.xao-companion-host *)){transition:background-color .14s,color .14s,border-color .14s,box-shadow .14s,translate .1s}.product-shell :where(button,summary,a):not(:where(.xao-companion-host *)):not(:disabled):active{translate:0 2px}.product-shell :where(button,a,summary) .ui-icon{transition:translate .15s,rotate .18s}.product-shell :where(button,a):hover [data-ui-icon=arrow]{translate:3px}.product-shell :where(button,a):hover [data-ui-icon=back]{translate:-3px}.product-shell>main,.product-shell details[open]>:not(summary):not(.xao-companion-host){animation:.16s ease-out ui-appear}.product-shell :where(.topic-open,.training-load-primary,.entry-start):is(:hover,:focus-visible) [data-study-art]{rotate:-3deg;scale:1.04}.product-shell [data-study-art]{transition:rotate .18s,scale .18s}.product-shell :where(.choice-answer.is-selected,.k7-topic-card.is-selected,.k7-selected button,[role=tab][aria-selected=true]){animation:.22s ease-out ui-selection}.product-shell :where(.practice-dialog[open],.workspace-error,.response-panel__error,.gameplay-toast,.gameplay-notice){animation:.16s ease-out ui-appear}.product-shell :where(.tag-option,.gameplay-card){animation:.2s ease-out ui-appear}}@keyframes ui-appear{0%{opacity:.25}to{opacity:1}}@keyframes ui-selection{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)}to{box-shadow:0 0 #0000}}@media print{.product-shell *,.product-shell :before,.product-shell :after{transition:none!important;animation:none!important;translate:none!important}}.companion-tutor{--tutor-surface:var(--paper-bright);--tutor-elevated:var(--paper-bright);--tutor-canvas:var(--pale);--tutor-console:var(--pale);--tutor-ink:var(--ink);--tutor-ink-soft:var(--muted);--tutor-ink-faint:var(--muted);--tutor-rule:var(--line);--tutor-rule-strong:var(--line);--tutor-accent:var(--green);--tutor-accent-soft:color-mix(in srgb,var(--green) 9%,transparent);--tutor-danger:var(--danger);min-width:0;min-height:0;color:var(--tutor-ink);flex-direction:column;flex:1;display:flex;overflow:hidden}.companion-tutor .tutor-head{border-bottom:1px solid var(--tutor-rule);background:var(--tutor-elevated);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.companion-tutor .tutor-head__identity{align-items:baseline;gap:8px;min-width:0;display:flex}.companion-tutor .tutor-head h3{color:var(--tutor-ink);white-space:nowrap;margin:0;font-size:17px}.companion-tutor .tutor-head__identity>span{color:var(--tutor-ink-soft);white-space:nowrap;font-size:12px}.companion-tutor .tutor-head__controls{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.companion-tutor .vision-warning{border:1px solid var(--tutor-rule);color:var(--tutor-ink-soft);white-space:nowrap;padding:4px 6px;font-size:12px}.companion-tutor .model-summary{border:1px solid var(--tutor-rule);background:var(--tutor-elevated);min-width:0;min-height:44px;color:var(--tutor-ink);text-align:left;border-radius:9px;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:6px;padding:6px 8px;display:grid}.companion-tutor .model-summary>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.companion-tutor .model-summary small{color:var(--tutor-ink-soft);white-space:nowrap;font-size:12px}.companion-tutor .model-summary i{color:var(--tutor-accent);font-size:12px;font-style:normal;transition:transform .16s}.companion-tutor .model-summary[aria-expanded=true] i{transform:rotate(180deg)}.companion-tutor .model-console{border-bottom:1px solid var(--tutor-rule);background:var(--tutor-console);grid-template-columns:minmax(0,1fr) minmax(140px,.92fr);gap:16px;padding:14px 16px;display:grid}.companion-tutor .model-select-label{min-width:0;display:grid}.companion-tutor .model-select-label>span,.companion-tutor .reasoning-control__label span{color:var(--tutor-ink-soft);letter-spacing:.08em;font-size:12px;font-weight:700}.companion-tutor .model-select-label select{border:0;border-bottom:1px solid var(--tutor-rule);width:100%;color:var(--tutor-ink);background:0 0;border-radius:0;margin-top:6px;padding:6px 20px 6px 0;font-size:13px;font-weight:650}.companion-tutor .model-select-label small{color:var(--tutor-ink-soft);margin-top:4px;font-size:12px}.companion-tutor .reasoning-control__label{justify-content:space-between;display:flex}.companion-tutor .reasoning-control__label strong{color:var(--tutor-accent);font-size:12px}.companion-tutor .reasoning-control input[type=range]{width:100%;height:3px;accent-color:var(--tutor-accent);margin:14px 0 7px}.companion-tutor .reasoning-ticks{color:var(--tutor-ink-soft);text-align:center;font-size:12px;display:grid}.companion-tutor .reasoning-ticks span:first-child{text-align:left}.companion-tutor .reasoning-ticks span:last-child{text-align:right}.companion-tutor .model-switch-hint{border-top:1px solid var(--tutor-rule);color:var(--tutor-ink-soft);grid-column:1/-1;margin:-4px 0 0;padding-top:9px;font-size:12px;line-height:1.5}.companion-tutor .chat-scroll{background:var(--tutor-canvas);scrollbar-color:var(--tutor-rule) transparent;scrollbar-width:thin;flex:auto;min-height:65px;padding:16px;overflow-y:auto}.companion-tutor .chat-content{min-height:100%}.companion-tutor .chat-empty{min-height:100%;color:var(--tutor-ink-soft);gap:12px;padding:3px;display:grid}.companion-tutor .chat-empty__actions{grid-template-columns:1fr 1fr;align-content:start;gap:7px;display:grid}.companion-tutor .chat-empty__actions button{border:1px solid var(--tutor-rule);background:var(--tutor-elevated);min-width:0;color:var(--tutor-ink);text-align:left;border-radius:10px;grid-template-columns:1fr auto;gap:6px;padding:11px;display:grid}.companion-tutor .chat-empty__actions button>span{color:var(--tutor-ink-soft);font-size:12px}.companion-tutor .chat-empty__actions button strong{font-size:12px}.companion-tutor .chat-empty__actions button i{color:var(--tutor-accent);grid-column:2;font-style:normal}.companion-tutor .chat-empty__actions button:hover{border-color:var(--tutor-accent);background:var(--tutor-accent-soft)}.companion-tutor .chat-message{margin-bottom:16px}.companion-tutor .chat-message>header{color:var(--tutor-ink-soft);letter-spacing:.06em;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:650;display:flex}.companion-tutor .chat-message>header small{color:var(--tutor-ink-faint);font-size:12px}.companion-tutor .chat-message--user{border:1px solid var(--tutor-rule);background:color-mix(in srgb,var(--green) 8%,var(--tutor-elevated));border-radius:10px;margin-left:28px;padding:10px 12px}.companion-tutor .chat-message--assistant{border-left:2px solid var(--tutor-accent);padding-left:11px}.companion-tutor .chat-message__generation{gap:7px;display:grid}.companion-tutor .chat-message__stop{border:1px solid var(--tutor-danger);min-height:44px;color:var(--tutor-danger);background:0 0;border-radius:8px;padding:6px 10px;font-size:12px}.companion-tutor .chat-message__state{border-left:3px solid var(--tutor-rule);background:var(--tutor-console);color:var(--tutor-ink-soft);margin:8px 0 0;padding:7px 9px;font-size:12px;line-height:1.5}.companion-tutor .chat-message__state--failed{border-left-color:var(--tutor-danger);color:var(--tutor-danger)}.companion-tutor .chat-message .markdown-content{color:var(--tutor-ink);font-size:13px;line-height:1.65}.companion-tutor .chat-message--assistant .markdown-content{font-family:var(--font-reading)}.companion-tutor .quick-prompts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;padding:0 13px 10px;display:grid}.companion-tutor .quick-prompts button{border:1px solid var(--tutor-rule);background:var(--tutor-elevated);min-height:44px;color:var(--tutor-ink-soft);text-align:left;border-radius:8px;padding:7px 9px;font-size:12px}.companion-tutor .quick-prompts button:hover{border-color:var(--tutor-accent);background:var(--tutor-accent-soft)}.companion-tutor .chat-notice,.companion-tutor .chat-error{border-left:3px solid var(--tutor-rule);background:var(--tutor-console);color:var(--tutor-ink-soft);margin:0 13px 9px;padding:7px 9px;font-size:12px}.companion-tutor .chat-error{border-left-color:var(--tutor-danger);color:var(--tutor-danger)}.companion-tutor .composer{border:1px solid var(--tutor-rule);background:var(--tutor-elevated);border-radius:10px;margin:0 13px;position:relative}.companion-tutor .composer textarea{resize:vertical;width:100%;min-height:72px;color:var(--tutor-ink);background:0 0;border:0;outline:0;padding:11px 86px 11px 11px;font-size:13px;line-height:1.5;display:block}.companion-tutor .composer textarea::placeholder{color:var(--tutor-ink-faint)}.companion-tutor .send-button{background:var(--tutor-accent);color:#fff;border:0;border-radius:8px;min-width:66px;min-height:44px;padding:7px 10px;font-size:12px;font-weight:700;position:absolute;bottom:6px;right:6px}.companion-tutor .send-button:disabled{background:var(--tutor-console);color:var(--tutor-ink-faint)}.companion-tutor .send-button--stop{background:var(--tutor-danger);color:#fff}.companion-tutor .composer-note{color:var(--tutor-ink-soft);text-align:center;margin:6px 13px 10px;font-size:12px;line-height:1.4}@media (width<=560px){.companion-tutor .model-console,.companion-tutor .chat-empty__actions{grid-template-columns:1fr}.companion-tutor .chat-scroll{padding:12px}.companion-tutor .chat-message--user{margin-left:14px}}.companion-tutor button,.companion-tutor input,.companion-tutor select,.companion-tutor textarea{font-family:inherit}.companion-tutor .chat-error button{border:1px solid var(--tutor-rule-strong);background:var(--tutor-elevated);min-height:44px;color:var(--tutor-ink);font:inherit;border-radius:9px;padding:7px 12px}.companion-tutor .composer:focus-within{outline:2px solid var(--tutor-accent);outline-offset:2px}.route-state--loading{box-sizing:border-box;width:100%;min-height:92px;color:var(--ink,#202722);text-align:center;font-family:var(--font-body,"PingFang SC", "Microsoft YaHei", system-ui, sans-serif);flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:0 auto;padding:18px 20px;display:flex}.route-state--loading>p{color:var(--muted,#707972);margin:0;font-size:12px}.route-state__spinner{display:none}.route-state--loading:after{content:"";background:color-mix(in srgb, var(--green,#16845b) 14%, transparent);background-image:linear-gradient(90deg, transparent 0 15%, var(--green,#16845b) 38% 62%, transparent 85% 100%);background-size:220% 100%;border-radius:99px;width:min(180px,46vw);height:3px;animation:1.15s ease-in-out infinite route-loading-progress;display:block;overflow:hidden}@keyframes route-loading-progress{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.route-state--loading:after{animation:none}}.route-state.route-state--task:after{content:none;animation:none;display:none}.task-progress.task-progress:before,.task-progress.task-progress:after{content:none!important;animation:none!important;display:none!important}.route-state--status{box-sizing:border-box;width:min(560px,100% - 32px);color:var(--ink,#24392d);background:var(--paper-bright,#fffef8);border:1px solid var(--rule,#d7e3d9);font:14px/1.7 var(--font-body,"PingFang SC","Microsoft YaHei",system-ui,sans-serif);border-radius:16px;margin:32px auto;padding:24px}.route-state--status h1{text-wrap:balance;font-size:clamp(1.5rem,6vw,2rem);line-height:1.4}.route-state__kicker{color:var(--muted,#556b5d);font-size:12px}.route-state__action{border:1px solid var(--rule,#d7e3d9);min-height:44px;color:var(--ink,#24392d);background:var(--paper-bright,#fffef8);font:inherit;cursor:pointer;border-radius:10px;padding:10px 18px}.task-progress{box-sizing:border-box;min-width:0;color:var(--ink,#24392d);background:var(--paper-bright,#fffef8);border:1px solid var(--rule,#d7e3d9);font-family:var(--font-body,"PingFang SC","Microsoft YaHei",system-ui,sans-serif);text-align:left;border-radius:16px;gap:10px;padding:16px 18px;font-size:14px;line-height:1.65;display:grid}.task-progress--page{width:min(440px,100%);margin:20px auto}.task-progress--floating{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:1500;pointer-events:none;width:min(360px,100vw - 32px);max-height:min(44dvh,320px);position:fixed;overflow:auto;box-shadow:0 12px 36px #173a291c}.task-progress--inline{width:100%}:root[data-xao-keyboard] .task-progress--floating{top:max(12px,env(safe-area-inset-top));max-height:24dvh;padding:10px 14px;bottom:auto}.task-progress__heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.task-progress__heading strong{font:600 14px/1.5 var(--font-body,"PingFang SC","Microsoft YaHei",system-ui,sans-serif)}.task-progress__value{font-variant-numeric:tabular-nums;color:var(--green,#187746);flex-shrink:0}.task-progress__track{background:color-mix(in srgb,var(--green,#187746) 14%,transparent);border-radius:20px;height:5px;overflow:hidden}.task-progress__fill{border-radius:inherit;background:var(--green,#187746);height:100%;transition:width .15s linear;display:block}.task-progress__track--indeterminate .task-progress__fill{width:38%;animation:1.5s ease-in-out infinite task-progress-travel}.task-progress__track:not(.task-progress__track--indeterminate) .task-progress__fill{background-image:linear-gradient(90deg,#0000,#fff5,#0000);background-size:160px 100%;animation:1.8s linear infinite task-progress-shine}.task-progress__steps{flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.task-progress__steps li{color:var(--muted,#556b5d);align-items:baseline;gap:5px;display:flex}.task-progress__steps li[data-step-state=current]{color:var(--ink,#24392d);font-weight:600}.task-progress__steps li[data-step-state=done]{color:var(--green,#187746)}.task-progress__steps li>span{font-variant-numeric:tabular-nums}.task-progress__detail{color:var(--muted,#556b5d);margin:0;font-size:12px}.task-progress__actions{flex-wrap:wrap;gap:8px;display:flex}.task-progress__actions :is(button,a){pointer-events:auto;border:1px solid var(--rule,#d7e3d9);background:var(--paper-bright,#fffef8);min-height:36px;color:var(--ink,#24392d);font:inherit;cursor:pointer;border-radius:10px;padding:6px 12px}@keyframes task-progress-travel{0%{transform:translate(-105%)}to{transform:translate(365%)}}@keyframes task-progress-shine{to{background-position:160px 0}}@layer canonical{@media (prefers-reduced-motion:reduce){.task-progress .task-progress__track .task-progress__fill{transition:none;animation:2.5s ease-in-out infinite task-progress-breathe!important}.xao-companion .companion-c1-renderer .companion-c1-loading{transition:none;animation:2.5s ease-in-out infinite bird-loading-quiet!important}}}@keyframes task-progress-breathe{0%,to{opacity:.6}50%{opacity:1}}@media print{.task-progress{display:none!important}}.companion-fallback-host{pointer-events:none;font-family:var(--font-sans,system-ui, sans-serif);color:var(--bird-ink,#203d31);z-index:2147483000;justify-content:flex-end;font-size:14px;display:flex;position:fixed}.companion-fallback-host[data-companion-fallback]{--bird-surface:var(--paper-bright,#fffef8);--bird-border:var(--rule-strong,#d3e7dc);--bird-ink:var(--ink,#203d31);--bird-accent:var(--blue,#237552);--bird-body:#50c997}[data-theme=dark] .companion-fallback-host[data-companion-fallback]{--bird-surface:var(--paper-bright,#23262c);--bird-border:var(--rule-strong,#566071);--bird-ink:var(--ink,#f0f1f4);--bird-accent:var(--blue,#a8bff0);--bird-body:#50c997}.companion-fallback-dialog{box-sizing:border-box;border:1px solid var(--bird-border,#d3e7dc);background:var(--bird-surface,#fffef8);pointer-events:auto;border-radius:18px;width:100%;padding:16px;position:absolute;bottom:54px;right:0;overflow-y:auto;box-shadow:0 18px 48px #183a292e}.companion-fallback-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.companion-fallback-head h2{font:inherit;margin:0;font-size:16px;font-weight:700}.companion-fallback-dialog p{line-height:1.6}.companion-fallback-dialog p[role=status]{color:var(--bird-accent,#237552)}.companion-fallback-actions{flex-wrap:wrap;gap:8px;display:flex}.companion-fallback-button,.companion-fallback-launcher,.companion-fallback-close{border:1px solid var(--bird-border,#d3e7dc);background:var(--bird-surface,#fffef8);min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:10px 14px}.companion-fallback-button:hover,.companion-fallback-launcher:hover,.companion-fallback-close:hover{border-color:var(--bird-accent,#237552);background:color-mix(in srgb, var(--bird-body,#50c997) 9%, var(--bird-surface,#fffef8))}.companion-fallback-close{min-width:44px;padding-inline:10px}.companion-fallback-launcher{pointer-events:auto}.xao-companion-host{z-index:2147483000;pointer-events:none;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.xao-companion-host::backdrop{pointer-events:none;background:0 0}.xao-companion{--bird-body:#50c997;--bird-surface:#fffef8;--bird-border:#d3e7dc;--bird-ink:#203d31;--bird-muted:#566d60;--bird-accent:#237552;--bird-gold:#efc863;color:var(--bird-ink);font-family:var(--font-sans,"IBM Plex Sans",system-ui,sans-serif);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px;line-height:1.5}[data-theme=dark] .xao-companion{--bird-surface:var(--paper-bright,#23262c);--bird-border:var(--line,#3b414c);--bird-ink:var(--ink,#f0f1f4);--bird-muted:var(--muted,#adb3bf);--bird-accent:var(--green,#a8bff0)}.xao-companion button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.xao-companion button:focus-visible{outline:3px solid var(--bird-accent);outline-offset:4px}.xao-companion button:disabled{cursor:not-allowed;opacity:.45}.xao-companion [hidden]{display:none!important}.companion-flight-host{pointer-events:none;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}.companion-orbit{width:0;height:0;position:absolute;top:0;left:0}.companion-launcher{left:calc(var(--bird-size)/-2);top:calc(var(--bird-size)/-2);width:var(--bird-size);height:var(--bird-size);color:var(--bird-ink);pointer-events:auto;filter:drop-shadow(0 3px 5px #183d300d);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:45%;padding:0;position:absolute;touch-action:none!important;cursor:grab!important}.xao-companion[data-flight=dragging] .companion-launcher{cursor:grabbing!important}.companion-avatar{width:100%;height:100%;display:block;overflow:visible}.companion-bird-body{transform-origin:60px 105px;animation:5.4s ease-in-out infinite bird-breathe}.c1-eye{transform-box:fill-box;transform-origin:50%;animation:7.2s infinite bird-blink}.c1-wing{transform-box:fill-box;transform-origin:75% 8%}.companion-c1[data-mood=awake] .companion-bird-body{animation:none;transform:rotate(-5deg)}.companion-c1[data-mood=greeting] .companion-bird-body{animation:.7s ease-in-out bird-hello}.companion-c1[data-mood=greeting] .c1-wing{animation:.24s ease-in-out 3 alternate bird-wing}.companion-flight-host[data-facing="-1"] .companion-launcher>.companion-avatar{transform:scaleX(-1)}.xao-companion[data-flight=flying] .companion-launcher .c1-wing{animation:.18s ease-in-out infinite alternate bird-wing}.xao-companion[data-flight=flying] .companion-launcher .companion-shadow{opacity:0}.xao-companion[data-flight=flying] .companion-launcher .companion-bird-body{animation:none;transform:rotate(-9deg)}.xao-companion[data-state=ring] .companion-launcher{transform:scale(.78)}.companion-perch{letter-spacing:.12em;text-align:center;border:1px solid var(--bird-border);background:var(--bird-surface);border-radius:999px;width:44px;padding:2px 0;font-size:10px;font-weight:600;position:absolute;bottom:-5px;left:calc(50% - 22px);box-shadow:0 2px 8px #173b3212}.xao-companion[data-flight=flying] .companion-perch,.xao-companion[data-state=ring] .companion-perch{opacity:0}.companion-orbit__halo{left:calc(-1 * var(--orbit-radius) - 32px);top:calc(-1 * var(--orbit-radius) - 32px);width:calc(2 * var(--orbit-radius) + 64px);height:calc(2 * var(--orbit-radius) + 64px);border:1px solid var(--bird-border);background:radial-gradient(circle,var(--bird-surface) 0 32%,color-mix(in srgb,var(--bird-surface) 94%,transparent) 85%);box-shadow:0 15px 65px #183a2924,inset 0 0 0 12px color-mix(in srgb,var(--bird-border) 25%,transparent);pointer-events:none;border-radius:50%;animation:.22s ease-out bird-halo;position:absolute}.companion-options{left:calc(-1 * var(--orbit-radius) - 40px);top:calc(-1 * var(--orbit-radius) - 40px);width:calc(2 * var(--orbit-radius) + 80px);height:calc(2 * var(--orbit-radius) + 80px);pointer-events:none;position:absolute}.companion-action{width:78px;min-height:70px;color:var(--bird-ink);pointer-events:auto;transform:translate(var(--action-x),var(--action-y));animation:bird-action .3s cubic-bezier(.16,1,.3,1) var(--action-delay) backwards;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex;position:absolute;top:calc(50% - 35px);left:calc(50% - 39px)}.companion-action__disc{border:1px solid var(--bird-border);background:var(--bird-surface);width:50px;height:50px;box-shadow:0 4px 0 var(--bird-border),0 9px 18px #173b3210;border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s;display:grid}.companion-action__disc svg{width:25px;height:25px}.companion-action--hint .companion-action__disc{color:#675023;background:#f4dfac;border-color:#ddc58e}.companion-action--topics .companion-action__disc{color:#205b42;background:#e2f6ee;border-color:#b4ddc9}.companion-action--greet .companion-action__disc{color:#985d47;background:#f9e2d9;border-color:#e8c8b9}.companion-action__label{text-align:center;background:var(--bird-surface);border-radius:8px;max-width:78px;padding:1px 3px;font-size:11px;font-weight:600;line-height:1.25}.companion-action:hover:not(:disabled) .companion-action__disc{box-shadow:0 7px 0 var(--bird-border),0 12px 22px #173b3218;transform:translateY(-3px)}.companion-action:active:not(:disabled) .companion-action__disc{box-shadow:0 1px 0 var(--bird-border);transform:translateY(2px)}.xao-companion[data-state=ring][data-flight=flying] .companion-options,.xao-companion[data-state=ring][data-flight=flying] .companion-orbit__halo{visibility:hidden;pointer-events:none}.companion-guide-highlight{border:2px solid var(--bird-accent);pointer-events:none;border-radius:12px;position:fixed;box-shadow:0 0 0 5px #50c99723,inset 0 0 0 1px #fff9}.companion-guide-highlight>span{white-space:nowrap;text-overflow:ellipsis;color:#fff;background:var(--bird-accent);border-radius:8px;max-width:calc(100% - 14px);padding:2px 7px;font-size:11px;position:absolute;top:6px;left:7px;overflow:hidden;transform:translateY(-135%)}.companion-bubble{pointer-events:auto;border:1px solid var(--bird-border);border-top:3px solid var(--bird-gold);background:var(--bird-surface);isolation:isolate;border-radius:21px;flex-direction:column;display:flex;position:fixed;box-shadow:0 12px 42px #183a2925}.companion-bubble__tail{z-index:-1;background:var(--bird-surface);border:1px solid var(--bird-border);pointer-events:none;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.companion-bubble[data-side=left] .companion-bubble__tail{right:-8px;top:calc(var(--bubble-arrow) - 7px);border-bottom:0;border-left:0}.companion-bubble[data-side=right] .companion-bubble__tail{left:-8px;top:calc(var(--bubble-arrow) - 7px);border-top:0;border-right:0}.companion-bubble[data-side=above] .companion-bubble__tail{bottom:-8px;left:calc(var(--bubble-arrow) - 7px);border-top:0;border-left:0}.companion-bubble[data-side=below] .companion-bubble__tail{top:-8px;left:calc(var(--bubble-arrow) - 7px);border-bottom:0;border-right:0}.companion-bubble__head{border-bottom:1px solid color-mix(in srgb,var(--bird-border) 65%,transparent);flex-shrink:0;align-items:center;gap:9px;padding:10px 12px 8px;display:flex}.companion-bubble__portrait{background:#e2f6ee;border-radius:12px;flex:0 0 38px;height:38px;overflow:hidden}.companion-bubble__portrait .companion-bird-body,.companion-bubble__portrait .c1-eye{animation:none}.companion-bubble__identity{flex:1;min-width:0}.companion-panel__eyebrow{letter-spacing:.06em;color:var(--bird-accent);font-size:11px;font-weight:700}.companion-bubble__head h2{margin:2px 0 0;font-family:inherit;font-size:15px;font-weight:650;line-height:1.35}.companion-panel__close,.companion-story__minimize{border:1px solid var(--bird-border);width:34px;height:44px;color:inherit;background:0 0;border-radius:11px;flex:0 0 34px;place-items:center;display:grid}.companion-panel__close svg{width:17px;height:17px}.companion-bubble__body{overscroll-behavior:contain;border-radius:0 0 20px 20px;flex:1;min-height:0;overflow:auto}.companion-help,.companion-spontaneous{padding:13px 17px 16px}.companion-spontaneous p,.companion-story__sentence{letter-spacing:.01em;margin:0;font-size:14px;line-height:1.8}.companion-spontaneous button{border:1px solid var(--bird-border);min-height:44px;color:var(--bird-accent);background:0 0;border-radius:10px;margin-top:10px;padding:8px 12px}.companion-target-unavailable{color:var(--bird-muted);font-size:12px}.companion-story__choices{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin-top:12px;display:flex}.companion-story__choices button{border:1px solid var(--bird-border);min-height:44px;color:var(--bird-ink);background:0 0;border-radius:10px;padding:7px 10px;font-size:12px}.companion-story__count{color:var(--bird-muted);white-space:nowrap;margin-right:auto;font-size:11px}.companion-story__choices .companion-primary,.companion-topic-actions .companion-primary{background:var(--bird-accent);color:var(--bird-surface);border-color:var(--bird-accent)}.companion-bubble[data-collapsed=true] .companion-bubble__head{border:0;padding-top:6px;padding-bottom:6px}.companion-bubble[data-collapsed=true] h2{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.companion-bubble[data-passive=true] h2{display:none}.companion-bubble[data-passive=true]{border-top:2px solid var(--bird-border)}.companion-topics{padding:13px 17px 17px}.companion-fineprint{color:var(--bird-muted);margin:0 0 12px;font-size:12px}.companion-picked{border:1px solid var(--bird-border);background:color-mix(in srgb,var(--bird-body) 10%,var(--bird-surface));border-radius:14px;align-items:center;gap:12px;padding:13px 16px;display:flex}.companion-picked svg{flex-shrink:0;width:27px;height:27px}.companion-picked strong{font-size:18px}.companion-topic-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.companion-topic-actions button{border:1px solid var(--bird-border);min-height:44px;color:var(--bird-ink);background:0 0;border-radius:12px;padding:9px 14px}.companion-hint{flex-direction:column;flex:1;min-height:0;display:flex}.companion-tutor{--tutor-ink:var(--bird-ink);--tutor-ink-soft:var(--bird-muted);--tutor-ink-faint:var(--bird-muted);--tutor-rule-strong:var(--bird-border);--tutor-rule:var(--bird-border);--tutor-surface:var(--bird-surface);--tutor-elevated:var(--bird-surface);--tutor-accent:var(--bird-accent);--tutor-on-accent:var(--bird-surface);flex-direction:column;flex:1;gap:0;width:100%;min-width:0;min-height:250px;display:flex;overflow:hidden}.companion-hint .chat-scroll{min-height:65px;max-height:23dvh}.companion-hint .tutor-head{padding:9px 14px}.companion-hint .tutor-head__identity{display:none}.companion-hint .tutor-head__controls{width:100%}.companion-hint .composer{border-radius:14px;margin:9px 13px 6px;position:relative}.companion-hint .composer-note{padding:0 13px 10px}.companion-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes bird-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}@keyframes bird-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes bird-hello{0%,to{transform:rotate(0)}25%{transform:translateY(-5px)rotate(-9deg)}70%{transform:rotate(8deg)}}@keyframes bird-wing{to{transform:rotate(48deg)scaleY(.78)}}@keyframes bird-halo{0%{opacity:0;transform:scale(.78)}}@keyframes bird-action{0%{opacity:0;transform:translate(var(--action-x),var(--action-y)) scale(.65)}}.xao-companion[data-quiet=true] :not(.task-progress__fill):not(.companion-c1-loading),.xao-companion[data-quiet=true] :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.xao-companion :not(.task-progress__fill):not(.companion-c1-loading),.xao-companion :before{transition:none!important;animation:none!important}}.xao-companion[data-quiet=true] .task-progress__fill{transition:none;animation:2.5s ease-in-out infinite task-progress-breathe}@media print{.xao-companion-host{display:none!important}}.companion-tour-countdown{width:38px;height:38px;color:var(--bird-accent);flex:0 0 38px;position:relative}.companion-tour-countdown svg{width:38px;height:38px;transform:rotate(-90deg)}.companion-tour-countdown circle{fill:none;stroke-width:3px}.companion-tour-countdown__track{stroke:var(--bird-border)}.companion-tour-countdown__fill{stroke:var(--bird-accent);stroke-linecap:round}.companion-tour-countdown>span{place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.companion-tour-countdown[data-running=false]{color:var(--bird-muted)}.companion-greeting-actions{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.companion-greeting-actions button{background:color-mix(in srgb,var(--bird-body) 8%,var(--bird-surface));align-items:center;gap:6px;min-height:42px;margin:0;padding:8px 11px;font-size:12px;display:flex}.companion-greeting-actions svg{width:17px;height:17px}.companion-launcher .companion-c1[data-mood=correct] .companion-bird-body{animation:1.3s ease-in-out bird-result-cheer}.companion-launcher .companion-c1[data-mood=correct] .c1-wing{animation:.17s ease-in-out 6 alternate bird-wing}.companion-launcher .companion-c1[data-mood=encourage] .companion-bird-body{animation:1.6s ease-in-out bird-result-support}.companion-launcher .companion-c1[data-mood=encourage] .c1-wing{animation:.4s ease-in-out 3 alternate bird-comfort-wing}.c1-result-sparks{transform-origin:50%;animation:1.3s ease-out bird-sparkle}@keyframes bird-result-cheer{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-13px)rotate(-9deg)}40%{transform:translateY(0)rotate(5deg)}65%{transform:translateY(-9px)rotate(-4deg)}85%{transform:translateY(0)rotate(2deg)}}@keyframes bird-result-support{0%,to{transform:rotate(0)}22%{transform:rotate(-9deg)translateY(2px)}45%{transform:rotate(-5deg)}70%{transform:rotate(4deg)translateY(-2px)}}@keyframes bird-comfort-wing{to{transform:rotate(22deg)}}@keyframes bird-sparkle{0%{opacity:0;transform:scale(.6)}25%,70%{opacity:1;transform:scale(1)}to{opacity:.75;transform:scale(.9)}}.companion-c1-renderer{pointer-events:none;width:100%;height:100%;display:block;position:relative}.companion-c1-renderer *{pointer-events:none}.companion-c1-fallback,.companion-c1-canvas{width:100%;height:100%;position:absolute;inset:0}.companion-c1-loading{border:2px solid #b8e4ed;border-top-color:#127d96;border-radius:50%;width:13px;height:13px;animation:1s linear infinite bird-loading;position:absolute;bottom:10%;right:18%}@keyframes bird-loading{to{transform:rotate(360deg)}}@keyframes bird-loading-quiet{0%,to{opacity:.45}50%{opacity:1}}.xao-companion[data-quiet=true] .companion-c1-loading{transition:none;animation:2.5s ease-in-out infinite bird-loading-quiet}.companion-wardrobe{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.companion-wardrobe button{border:1px solid var(--bird-border);background:var(--bird-surface);min-height:92px;color:var(--bird-ink);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:5px 3px;font-size:11px;display:flex}.companion-wardrobe button[aria-pressed=true]{background:color-mix(in srgb,#27b9d4 10%,var(--bird-surface));border:2px solid #127d96}.companion-wardrobe button:focus-visible{outline-offset:2px;outline:3px solid #127d96}.companion-outfit-preview{background:#f4f9fa;border-radius:8px;place-items:center;width:64px;height:64px;display:grid}.companion-outfit-preview img{object-fit:contain;width:64px;height:64px}.companion-outfit-preview[data-ready=false]{background:linear-gradient(110deg,#e9f4f5,#f6fbfc,#e9f4f5)}.xao-companion[data-rest=idle] .companion-launcher,.xao-companion[data-rest=tucked] .companion-launcher{border:1px solid var(--bird-border);background:color-mix(in srgb,var(--bird-surface) 86%,transparent);filter:none;opacity:.62;border-radius:22px 0 0 22px;width:44px;height:56px;transition:opacity .15s;top:0;left:0;overflow:hidden;transform:none;touch-action:pan-y!important;cursor:pointer!important}.xao-companion[data-rest-side=left] .companion-launcher{border-radius:0 22px 22px 0}.xao-companion[data-rest=idle] .companion-launcher:hover,.xao-companion[data-rest=tucked] .companion-launcher:hover,.xao-companion[data-rest=idle] .companion-launcher:focus-visible,.xao-companion[data-rest=tucked] .companion-launcher:focus-visible{opacity:1}.xao-companion[data-rest=idle] .companion-launcher>.companion-avatar,.xao-companion[data-rest=tucked] .companion-launcher>.companion-avatar{width:var(--bird-size);height:var(--bird-size);top:calc(28px - var(--bird-size)*.4);left:calc(22px - var(--bird-size)*.36);position:absolute}.xao-companion[data-rest-side=left] .companion-launcher>.companion-avatar{left:calc(22px - var(--bird-size)*.64)}.xao-companion[data-rest=idle] .companion-perch,.xao-companion[data-rest=tucked] .companion-perch{display:none}.xao-companion[data-rest=idle] .companion-bird-body,.xao-companion[data-rest=tucked] .companion-bird-body,.xao-companion[data-rest=idle] .c1-eye,.xao-companion[data-rest=tucked] .c1-eye{animation:none!important}.xao-companion[data-rest-blocked=true] .companion-launcher{pointer-events:none;visibility:hidden}@media (prefers-reduced-motion:reduce){.xao-companion[data-rest] .companion-launcher{transition:none}}.companion-small-gestures{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.companion-small-gestures button{border:1px solid var(--bird-border);background:var(--bird-surface);min-height:44px;color:var(--bird-ink);border-radius:14px;padding:8px 12px}.companion-wardrobe-panel{--bird-surface:var(--surface,#fffef8);--bird-border:var(--border,#d6e4e2);--bird-ink:var(--ink,#213740);color:var(--bird-ink);padding:4px}.companion-wardrobe-balance{flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0 0 12px;display:flex}.companion-wardrobe-balance span{font-size:12px}.companion-wardrobe button small{font-size:11px;font-weight:600}.companion-wardrobe button[data-owned=false]{border-style:dashed}.companion-wardrobe button:disabled{cursor:default;opacity:.75}.companion-outfit-confirm{justify-items:center;gap:12px;padding:12px 0;display:grid}.companion-outfit-confirm>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.companion-wardrobe-panel>p button,.companion-wardrobe-panel>button,.companion-outfit-confirm button{border:1px solid var(--bird-border);background:var(--bird-surface);min-height:44px;color:var(--bird-ink);cursor:pointer;border-radius:14px;padding:10px 14px}.companion-outfit-confirm .companion-primary{color:#fff;background:#126c7e}.companion-outfit-confirm button:disabled{opacity:.6;cursor:default}.gameplay-bird-shop{max-width:720px;margin:24px 0}.gameplay-bird-shop .companion-wardrobe{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}[data-theme=dark] .companion-wardrobe-panel{--bird-surface:var(--paper-bright,#23262c);--bird-border:var(--line,#3b414c);--bird-ink:var(--ink,#f0f1f4)}.companion-bubble{border-color:color-mix(in srgb,var(--bird-border) 86%,var(--bird-accent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 18px 48px #183a292e}.companion-bubble__head{background:color-mix(in srgb,var(--bird-surface) 94%,transparent);min-height:58px;padding:10px 13px 9px}.companion-bubble__portrait{border:1px solid var(--bird-border);box-shadow:0 1px 0 color-mix(in srgb,var(--bird-border) 55%,transparent)}.companion-panel__close,.companion-story__minimize{transition:background .14s,border-color .14s,transform 80ms}.companion-panel__close:hover,.companion-story__minimize:hover{border-color:var(--bird-accent);background:color-mix(in srgb,var(--bird-body) 10%,var(--bird-surface))}.companion-panel__close:active,.companion-story__minimize:active{transform:translateY(1px)}.companion-action__disc{border-color:color-mix(in srgb,var(--bird-border) 86%,var(--bird-accent));box-shadow:0 3px 0 var(--bird-border),0 10px 21px #173b3217}.companion-greeting-actions button,.companion-story__choices button,.companion-topic-actions button,.companion-small-gestures button{transition:background .14s,border-color .14s,transform 80ms}.companion-greeting-actions button:hover:not(:disabled),.companion-story__choices button:hover:not(:disabled),.companion-topic-actions button:hover:not(:disabled),.companion-small-gestures button:hover:not(:disabled){border-color:var(--bird-accent);background:color-mix(in srgb,var(--bird-body) 10%,var(--bird-surface))}.companion-greeting-actions button:active:not(:disabled),.companion-story__choices button:active:not(:disabled),.companion-topic-actions button:active:not(:disabled),.companion-small-gestures button:active:not(:disabled){transform:translateY(1px)}.companion-picked{box-shadow:0 2px 0 color-mix(in srgb,var(--bird-border) 60%,transparent)}@media (width<=560px){.companion-bubble{border-radius:16px;max-width:calc(100vw - 20px)}.companion-bubble__head{padding-inline:11px}.companion-help,.companion-spontaneous,.companion-topics{padding-inline:13px}.companion-story__choices{gap:6px}.companion-story__choices button,.companion-topic-actions button{flex:1;min-width:90px}}.companion-wardrobe-panel{gap:10px;display:grid}.companion-wardrobe-panel>p[role]{border:1px solid var(--bird-border);background:var(--bird-surface);color:var(--bird-ink);font:500 13px/1.6 var(--font-body);border-radius:12px;margin:0;padding:10px 12px}.companion-wardrobe-balance{border:1px solid var(--bird-border);background:color-mix(in srgb, var(--bird-body) 7%, var(--bird-surface));border-radius:12px;padding:8px 10px}.companion-wardrobe-balance strong{font-variant-numeric:tabular-nums}.companion-wardrobe-balance span{color:var(--bird-muted)}.companion-wardrobe button{min-height:104px;padding:8px 5px;transition:border-color .14s,background .14s,transform .1s}.companion-wardrobe button:hover:not(:disabled){border-color:var(--bird-accent);background:color-mix(in srgb, var(--bird-body) 8%, var(--bird-surface));transform:translateY(-1px)}.companion-wardrobe button[aria-pressed=true]{border-color:var(--bird-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--bird-accent) 16%, transparent)}.companion-outfit-confirm{border:1px solid var(--bird-border);background:color-mix(in srgb, var(--bird-body) 6%, var(--bird-surface));border-radius:14px;margin:2px 0;padding:14px}.companion-outfit-confirm p{color:var(--bird-muted);text-align:center;margin:0}@media (width<=560px){.companion-wardrobe{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-outfit-preview,.companion-outfit-preview img{width:56px;height:56px}.companion-wardrobe button{min-height:98px}}.product-topbar .product-brand-links{align-items:center;gap:8px;min-width:0;display:flex}.product-topbar .product-brand-links .product-brand{min-height:44px;color:inherit;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.product-topbar .parent-brand{border-inline-start:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);font:500 .95rem/1 var(--font-body);letter-spacing:.04em;justify-content:center;align-items:center;gap:7px;padding:0 6px;text-decoration:none;display:inline-flex}.product-topbar .parent-brand img{object-fit:contain;width:38px;height:38px;display:block}.product-topbar .product-brand-links a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}@media (width<=1380px){.product-topbar .parent-brand span{display:none}}@media (width<=430px){.product-topbar .product-brand-links{gap:2px}.product-topbar .parent-brand{padding-inline:2px}}
