@import url(https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap);:root{--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Fira Code",monospace;--bg-base:#f8f7f4;--bg-surface:#fff;--bg-elevated:#f0ede8;--bg-input:#fafaf8;--border:#e5e2dc;--border-strong:#ccc8c0;--text-primary:#1a1916;--text-secondary:#6b6860;--text-tertiary:#a09d98;--text-placeholder:#bab7b2;--accent:#2563eb;--accent-light:#eff6ff;--shadow-lg:0 12px 40px #0000001a,0 4px 16px #0000000f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--header-h:52px}[data-theme=dark]{--bg-base:#111110;--bg-surface:#1a1917;--bg-elevated:#222220;--bg-input:#161614;--border:#2a2926;--border-strong:#3a3835;--text-primary:#f0ede8;--text-secondary:#a09d98;--text-tertiary:#6b6860;--text-placeholder:#4a4845;--accent:#60a5fa;--accent-light:#1e293b;--shadow-lg:0 12px 40px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f8f7f4;background:var(--bg-base);color:#1a1916;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);line-height:1.5;transition:background .2s,color .2s}#root{height:100%}ul{list-style:none}button{background:none;border:none;cursor:pointer}button,input{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc8c0;background:var(--border-strong);border-radius:3px}.room-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.room-editor,.room-main{display:flex;flex:1 1;overflow:hidden}.room-editor{flex-direction:column}.room-badge{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:12px;gap:0;padding:3px 10px}.room-label{color:var(--text-tertiary)}.room-id,.room-label{font-family:var(--font-mono)}.room-id{color:var(--text-secondary);font-weight:500}.btn-copy.copied{background:#f0fdf4;color:#16a34a}[data-theme=dark] .btn-copy.copied{background:#052e16;color:#4ade80}.fade-input{background:var(--bg-base);border:none;box-sizing:border-box;caret-color:var(--text-primary);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:16px;line-height:1.8;min-height:0;outline:none;overflow-y:auto;padding:40px 48px;resize:none;white-space:pre-wrap;width:100%;word-break:break-word}.fade-input::placeholder{color:var(--text-placeholder)}@media (hover:hover){.fade-input{cursor:text}}.minimal-room{background:#fff}.fade-input.minimal-mode{background:#fff;caret-color:#fff;color:#fff}.fade-input.minimal-mode::placeholder{color:#fff}@media (max-width:640px){.fade-input.minimal-mode,.minimal-room{background:var(--bg-base)}.fade-input.minimal-mode{caret-color:var(--text-primary);color:var(--text-primary)}.fade-input.minimal-mode::placeholder{color:var(--text-placeholder)}}.room-modal-backdrop{align-items:center;background:#00000047;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.room-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:24px;width:100%}.room-modal-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.room-modal-header h2{font-size:18px;font-weight:600;letter-spacing:-.02em}.room-modal-close{border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:24px;line-height:1;padding:2px 6px}.room-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.room-modal-text{color:var(--text-secondary);font-size:13px;margin-bottom:18px}.room-modal-form{display:flex;flex-direction:column;gap:12px}.home-input-group{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden;transition:border-color .15s,box-shadow .15s}.home-input-group:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-light)}.home-input-prefix{color:var(--text-tertiary);flex-shrink:0;padding:11px 0 11px 14px}.home-input,.home-input-prefix{font-family:var(--font-mono);font-size:13px}.home-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;outline:none;padding:11px 14px 11px 0}.home-input::placeholder{color:var(--text-placeholder)}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;padding:11px 20px;transition:background .15s,border-color .15s,color .15s;width:100%}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.4}.loading-screen{align-items:center;color:var(--text-tertiary);display:flex;font-family:var(--font-mono);font-size:14px;height:100vh;justify-content:center}@media (max-width:640px){.fade-input{padding:24px 20px}.room-badge{display:none}}.hub-page{align-items:center;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:start;overflow:hidden;padding:80px 24px}.hub-container{max-width:520px;width:100%}.hub-header{margin-bottom:40px}.hub-title{color:var(--text-primary);font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:4px}.hub-subtitle{color:var(--text-tertiary);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.dashboard-list{display:flex;flex-direction:column;gap:10px}.app-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .15s,transform .1s,box-shadow .15s}.app-card:hover{border-color:var(--border-strong);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);transform:translateX(2px)}.app-card-icon{flex-shrink:0;font-size:22px;text-align:center;width:32px}.app-card-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.app-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.app-card-description{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:16px;transition:transform .15s}.app-card:hover .app-card-arrow{transform:translateX(2px)}@media (max-width:640px){.hub-page{padding:24px 20px}.hub-header{margin-bottom:24px}}.imc-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--header-h));padding:24px}.imc-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:40px 32px;width:100%}.imc-back{color:var(--text-tertiary);display:inline-block;font-size:13px;margin-bottom:20px;transition:color .15s}.imc-back:hover,.imc-title{color:var(--text-primary)}.imc-title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.imc-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:28px}.imc-form{gap:14px;margin-bottom:24px}.imc-field,.imc-form{display:flex;flex-direction:column}.imc-field{gap:6px}.imc-field span{color:var(--text-secondary);font-size:12px;font-weight:500}.imc-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:16px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.imc-field input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-light)}.imc-field input::placeholder{color:var(--text-placeholder)}.imc-result{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;margin-bottom:24px;padding:20px}.imc-result-value{color:var(--text-primary);font-family:var(--font-mono);font-size:32px;font-weight:500}.imc-result-label{font-size:13px;font-weight:600}.tone-low .imc-result-label{color:#3b82f6}.tone-normal .imc-result-label{color:#16a34a}.tone-warning .imc-result-label{color:#ca8a04}.tone-alert .imc-result-label{color:#ea580c}.tone-danger .imc-result-label{color:#dc2626}[data-theme=dark] .tone-low .imc-result-label{color:#60a5fa}[data-theme=dark] .tone-normal .imc-result-label{color:#4ade80}[data-theme=dark] .tone-warning .imc-result-label{color:#facc15}[data-theme=dark] .tone-alert .imc-result-label{color:#fb923c}[data-theme=dark] .tone-danger .imc-result-label{color:#f87171}.imc-reference{border-top:1px solid var(--border);padding-top:16px}.imc-reference p{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.imc-reference ul{display:flex;flex-direction:column;gap:6px}.imc-reference li{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between}.imc-reference li span:last-child{color:var(--text-tertiary);font-family:var(--font-mono)}.imc-target{align-items:center;background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;margin-bottom:24px;padding:14px}.imc-target-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.imc-target-value{color:var(--text-primary);font-family:var(--font-mono);font-size:16px;font-weight:500}.imc-target-diff{color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:400}@media (max-width:640px){.imc-page{min-height:0;min-height:auto}}.file-share-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.file-share-main{flex:1 1;justify-content:center;overflow-y:auto;padding:24px}.device-list,.file-share-main{align-items:center;display:flex}.device-list{flex-direction:column;gap:20px;max-width:480px;width:100%}.device-list-empty{color:var(--text-tertiary);font-size:13px;text-align:center}.device-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));width:100%}.device-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:20px 12px;transition:border-color .15s,transform .1s}.device-card:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-2px)}.device-card:disabled{cursor:not-allowed;opacity:.5}.device-icon{font-size:32px}.device-name{color:var(--text-primary);font-size:12px;font-weight:500}.upload-progress{text-align:center;width:100%}.upload-progress p{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.upload-progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden;width:100%}.upload-progress-fill{background:var(--accent);height:100%;transition:width .2s}.device-list-error{color:#dc2626;font-size:12px;text-align:center}.transfer-prompt-backdrop{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.transfer-prompt{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:360px;padding:28px;text-align:center;width:100%}.transfer-prompt-title{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.transfer-prompt-file{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:24px}.transfer-prompt-file span{color:var(--text-secondary);font-weight:400}.transfer-prompt-actions{display:flex;gap:10px}.transfer-btn{border-radius:var(--radius-md);flex:1 1;font-size:13px;font-weight:600;padding:11px 16px;transition:opacity .15s}.transfer-btn:disabled{cursor:not-allowed;opacity:.5}.transfer-btn-reject{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.transfer-btn-accept{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-surface)}.transfer-prompt-error{color:#d93025;font-size:.875rem;line-height:1.4;margin:12px 0 0}@media (max-width:640px){.device-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.qst-page{--qst-bar-h:64px;--qst-ok:#16a34a;--qst-ok-bg:#16a34a1a;--qst-bad:#dc2626;--qst-bad-bg:#dc262617;min-height:100%}[data-theme=dark] .qst-page{--qst-ok:#4ade80;--qst-ok-bg:#4ade801f;--qst-bad:#f87171;--qst-bad-bg:#f871711f}.qst-sr{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.qst-loading{color:var(--text-tertiary);font-size:13px;padding:80px 24px;text-align:center}.qst-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:9}.qst-bar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 auto;max-width:812px;min-height:60px;padding:10px 24px}.qst-segmented{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;display:inline-flex;padding:3px}.qst-segmented button{border-radius:999px;color:var(--text-secondary);font-size:13px;font-weight:500;min-height:34px;padding:7px 16px;transition:background .15s,color .15s}.qst-segmented button[aria-pressed=true]{background:var(--accent);color:var(--bg-surface)}.qst-select select{-webkit-appearance:none;appearance:none;background-color:var(--bg-input);background-image:linear-gradient(45deg,#0000 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,#0000 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:5px 5px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:13px;max-width:100%;min-height:36px;outline:none;padding:7px 30px 7px 12px}.qst-select select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-light)}.qst-summary{color:var(--text-tertiary);font-size:12px;margin-left:auto;white-space:nowrap}.qst-summary b{color:var(--text-primary);font-family:var(--font-mono);font-weight:500}.qst-layout{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;margin:0 auto;max-width:1120px;padding:16px 24px 64px}.qst-column{max-width:764px;min-width:0;width:100%}.qst-index{display:none}@media (min-width:1180px){.qst-bar-inner{max-width:1120px}.qst-layout{align-items:start;column-gap:24px;grid-template-columns:270px minmax(0,764px);justify-content:center}.qst-index{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:block;max-height:calc(100vh - var(--qst-bar-h) - 32px);overflow-y:auto;padding:12px 8px;position:-webkit-sticky;position:sticky;top:calc(var(--qst-bar-h) + 16px);width:100%}.qst-jump{display:none}}.qst-index h2{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.06em;margin:4px 10px 6px;text-transform:uppercase}.qst-index-area{color:var(--accent);font-size:12px;font-weight:600;margin:12px 10px 2px}.qst-index-item{border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:13px;gap:8px;justify-content:space-between;line-height:1.35;padding:6px 10px;text-align:left;width:100%}.qst-index-item:hover{background:var(--bg-elevated)}.qst-index-item span:last-child{color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px}.qst-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;position:relative}.qst-intro-band{background:var(--accent);height:8px}.qst-intro-body{padding:20px 24px 12px}.qst-intro h1{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:8px}.qst-intro p{color:var(--text-secondary);font-size:14px;margin-bottom:14px}.qst-chips{display:flex;flex-wrap:wrap;gap:6px}.qst-chips span{background:var(--bg-elevated);border-radius:999px;color:var(--text-secondary);font-size:12px;padding:3px 10px}.qst-intro-foot{align-items:center;border-top:1px solid var(--border);color:var(--text-tertiary);display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:8px 16px 8px 24px}.qst-intro-foot .btn-icon{flex-shrink:0;white-space:nowrap}.qst-empty{color:var(--text-tertiary);padding:40px 24px;text-align:center}.qst-section{margin:28px 0 12px;scroll-margin-top:calc(var(--qst-bar-h) + 12px)}.qst-section-tab{background:var(--accent);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--bg-surface);display:inline-block;font-size:12px;font-weight:500;padding:5px 14px}.qst-section-card{border-top:4px solid var(--accent);border-top-left-radius:0;margin:0}.qst-section-card h2{font-size:19px;font-weight:600;letter-spacing:-.01em;padding:14px 24px 2px}.qst-section-card p{color:var(--text-tertiary);font-size:13px;padding:0 24px 14px}.qst-question{padding:22px 24px 14px;scroll-margin-top:calc(var(--qst-bar-h) + 12px)}.qst-question.is-correct:before,.qst-question.is-wrong:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.qst-question.is-correct:before{background:var(--qst-ok)}.qst-question.is-wrong:before{background:var(--qst-bad)}.qst-q-head{gap:12px;justify-content:space-between;margin-bottom:6px}.qst-q-head,.qst-q-meta{align-items:center;display:flex}.qst-q-meta{color:var(--text-tertiary);flex-wrap:wrap;font-size:12px;gap:6px 8px}.qst-q-id{color:var(--accent);font-family:var(--font-mono);font-weight:500}.qst-pill{border:1px solid var(--border);border-radius:999px;padding:0 8px}.qst-q-score{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px}.qst-q-topic{color:var(--text-tertiary);font-size:12px;margin-bottom:10px}.qst-q-title{color:var(--text-primary);font-size:16px;font-weight:400;line-height:1.55;margin-bottom:14px;overflow-wrap:anywhere}.qst-question.is-correct .qst-q-title{color:var(--qst-ok)}.qst-question.is-wrong .qst-q-title,.qst-required{color:var(--qst-bad)}.qst-q-images{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.qst-q-image{cursor:zoom-in;display:block;max-width:100%;padding:0}.qst-q-image img{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);display:block;height:auto;max-height:420px;max-width:100%}.qst-options{grid-gap:2px;display:grid;gap:2px;margin-bottom:6px}.qst-option{grid-gap:12px;align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:grid;font-size:14px;gap:12px;grid-template-columns:22px minmax(0,1fr) 22px;margin:0 -10px;min-height:44px;padding:9px 10px;position:relative;transition:background .15s}.qst-option:hover{background:var(--bg-elevated)}.qst-option input{opacity:0;pointer-events:none;position:absolute}.qst-radio{border:2px solid var(--border-strong);border-radius:50%;display:grid;height:20px;justify-self:center;place-items:center;transition:border-color .15s;width:20px}.qst-radio:after{border-radius:50%;content:"";height:10px;width:10px}.qst-option input:checked+.qst-radio{border-color:var(--accent)}.qst-option input:checked+.qst-radio:after{background:var(--accent)}.qst-option input:focus-visible+.qst-radio{outline:2px solid var(--accent);outline-offset:3px}.qst-option-text{overflow-wrap:anywhere}.qst-option-mark{font-size:16px;font-weight:700;text-align:center}.qst-option.is-picked{background:var(--bg-elevated)}.qst-option.is-right{background:var(--qst-ok-bg)}.qst-option.is-right .qst-option-mark{color:var(--qst-ok)}.qst-option.is-right input:checked+.qst-radio{border-color:var(--qst-ok)}.qst-option.is-right input:checked+.qst-radio:after{background:var(--qst-ok)}.qst-option.is-wrong{background:var(--qst-bad-bg)}.qst-option.is-wrong .qst-option-mark{color:var(--qst-bad)}.qst-option.is-wrong input:checked+.qst-radio{border-color:var(--qst-bad)}.qst-option.is-wrong input:checked+.qst-radio:after{background:var(--qst-bad)}.qst-note{color:var(--text-tertiary);font-size:12px;margin-top:10px}.qst-box{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin-top:12px;padding:12px 14px}.qst-box h3{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:4px}.qst-box p+p{margin-top:8px}.qst-box-answer{border-color:var(--qst-ok)}.qst-box-answer h3{color:var(--qst-ok)}.qst-box-feedback p{color:var(--text-secondary);font-style:italic}.qst-items{grid-gap:6px;display:grid;font-size:14px;gap:6px;margin-bottom:12px}.qst-items li{padding-left:24px;position:relative}.qst-items b{color:var(--accent);font-weight:600;left:0;position:absolute}.qst-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;min-height:88px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.qst-textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-light)}.qst-textarea::placeholder{color:var(--text-placeholder)}.qst-details{margin-top:10px}.qst-details summary{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500;padding:4px 0}.qst-q-foot{align-items:center;border-top:1px solid var(--border);color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:12px;gap:2px 14px;margin-top:14px;padding-top:10px}.qst-link{color:var(--accent);font-size:12px;padding:0;text-decoration:underline}.qst-redo{margin-left:auto}.qst-fragments{color:var(--text-tertiary);font-size:13px;padding:16px 24px}.qst-fragments h2{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:6px}.qst-fragments ul{list-style:disc;padding-left:18px}.qst-lightbox{background:#000000d9;cursor:zoom-out;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:50}.qst-lightbox img{background:#fff;border-radius:var(--radius-sm);max-height:100%;max-width:100%}@media (min-width:641px) and (max-width:1179px){.qst-bar-inner{max-width:768px}.qst-jump{flex:1 1 240px}.qst-jump select{width:100%}.qst-column{max-width:720px}}@media (max-width:640px){.qst-bar-inner{gap:8px;min-height:0;padding:8px 16px}.qst-segmented{width:100%}.qst-segmented button{flex:1 1;padding:7px 6px}.qst-select{flex:1 1;min-width:0}.qst-select select{width:100%}.qst-summary{margin-left:0;text-align:center;width:100%}.qst-layout{padding:12px 16px 48px}.qst-intro-body{padding:16px 16px 10px}.qst-intro h1{font-size:22px}.qst-intro-foot{padding:6px 8px 6px 16px}.qst-question{padding:18px 16px 12px}.qst-section-card h2{font-size:17px;padding:12px 16px 2px}.qst-section-card p{padding:0 16px 12px}.qst-fragments{padding:14px 16px}.qst-option{gap:10px}}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;height:var(--header-h);justify-content:space-between;padding:0 20px;z-index:10}.app-header,.header-left{align-items:center;display:flex;gap:16px}.header-right,.logo{align-items:center;display:flex;gap:8px}.logo-icon{font-size:18px;font-weight:600}.logo-text{color:var(--text-primary);font-size:14px;font-weight:500;letter-spacing:-.01em}.btn-icon{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-back,.btn-theme{padding:6px 8px}