@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@500;700&family=Space+Grotesk:wght@500;700&display=swap";.mode-ui-lab-page{min-height:100vh;padding:34px 18px 56px;color:#10233f;background:radial-gradient(1180px 520px at 8% -18%,rgb(69 128 178 / 24%),transparent 62%),linear-gradient(180deg,#edf2fc,#e5edf8);animation:mode-ui-lab-fade-in .26s ease-out}.mode-ui-lab-hero,.mode-ui-lab-selection-banner,.mode-ui-lab-mode-stack,.mode-ui-lab-combined-preview{width:min(1240px,100%);margin:0 auto}.mode-ui-lab-kicker{margin:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#2f5d92}.mode-ui-lab-hero h1{margin:8px 0 0;font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.2;letter-spacing:-.015em;font-family:IBM Plex Sans KR,Noto Sans KR,sans-serif;color:#142f53}.mode-ui-lab-hero p{margin:13px 0 0;max-width:880px;font-size:.96rem;line-height:1.62;color:#3b597f}.mode-ui-lab-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.mode-ui-lab-links a{border-radius:999px;border:1px solid rgb(54 95 152 / 34%);background:#ffffffb3;color:#183f6d;text-decoration:none;font-size:.84rem;font-weight:600;padding:7px 12px;transition:transform .14s ease,background-color .14s ease}.mode-ui-lab-links a:hover{transform:translateY(-1px);background:#ffffffdb}.mode-ui-lab-selection-banner{margin-top:22px;position:sticky;top:12px;z-index:4;border-radius:14px;border:1px solid rgb(41 84 140 / 28%);background:#0d1c2ee5;color:#ecf4ff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-ui-lab-selection-tags{display:flex;flex-wrap:wrap;gap:8px}.mode-ui-lab-selection-chip{border-radius:999px;border:1px solid rgb(154 196 247 / 34%);padding:5px 10px;font-size:.78rem;font-weight:600;color:#e8f2ff;background:#427cbe33}.mode-ui-lab-copy-button{border-radius:10px;border:1px solid rgb(154 196 247 / 38%);background:#427cbe47;color:#f3f8ff;font-size:.82rem;font-weight:700;padding:8px 11px;cursor:pointer;transition:transform .14s ease,background-color .14s ease}.mode-ui-lab-copy-button:hover{transform:translateY(-1px);background:#427cbe6b}.mode-ui-lab-copy-button:focus-visible{outline:2px solid #aad4ff;outline-offset:2px}.mode-ui-lab-mode-stack{margin-top:18px;display:grid;gap:16px}.mode-ui-lab-mode-block{border-radius:18px;border:1px solid rgb(52 88 132 / 20%);background:#ffffff94;padding:16px}.mode-ui-lab-mode-header{margin-bottom:12px}.mode-ui-lab-mode-kicker{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:700;color:#366399}.mode-ui-lab-mode-header h2{margin:4px 0 0;font-size:1.3rem;color:#17385d;font-family:IBM Plex Sans KR,Noto Sans KR,sans-serif}.mode-ui-lab-mode-header p{margin:8px 0 0;font-size:.9rem;color:#46668f}.mode-ui-lab-variant-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-ui-lab-variant-card{border-radius:16px;border:1px solid var(--mode-ui-lab-border);background:color-mix(in srgb,var(--mode-ui-lab-card-bg) 90%,white 10%);color:var(--mode-ui-lab-text-main);padding:12px;box-shadow:0 7px 18px #050e1c1a;display:grid;gap:10px;animation:mode-ui-lab-rise-in .26s ease both}.mode-ui-lab-variant-card.is-active{border-color:color-mix(in srgb,var(--mode-ui-lab-accent) 84%,black 8%);box-shadow:var(--mode-ui-lab-shadow)}.mode-ui-lab-variant-id{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-variant-card h3{margin:0;font-size:1rem;line-height:1.3;font-family:var(--mode-ui-lab-heading-font)}.mode-ui-lab-variant-summary{margin:0;font-size:.81rem;line-height:1.45;color:var(--mode-ui-lab-text-sub);min-height:44px}.mode-ui-lab-select-button{width:100%;border-radius:10px;border:1px solid var(--mode-ui-lab-border);background:var(--mode-ui-lab-accent-soft);color:var(--mode-ui-lab-text-main);font-family:var(--mode-ui-lab-body-font);font-size:.8rem;font-weight:700;padding:8px 10px;cursor:pointer;transition:transform .13s ease,border-color .13s ease}.mode-ui-lab-select-button:hover{transform:translateY(-1px);border-color:var(--mode-ui-lab-accent)}.mode-ui-lab-select-button:focus-visible{outline:2px solid var(--mode-ui-lab-accent);outline-offset:2px}.mode-ui-lab-preview{border-radius:13px;border:1px solid var(--mode-ui-lab-border);background:var(--mode-ui-lab-surface-bg);box-shadow:var(--mode-ui-lab-shadow);padding:10px;color:var(--mode-ui-lab-text-main);font-family:var(--mode-ui-lab-body-font)}.mode-ui-lab-preview-compact{padding:9px}.mode-ui-lab-preview-header{display:grid;gap:3px;margin-bottom:8px}.mode-ui-lab-preview-kicker{margin:0;font-size:.68rem;font-weight:700;color:var(--mode-ui-lab-text-sub);letter-spacing:.1em;text-transform:uppercase}.mode-ui-lab-preview-title{margin:0;font-size:.94rem;line-height:1.25;font-family:var(--mode-ui-lab-heading-font)}.mode-ui-lab-preview-subtitle{margin:0;font-size:.74rem;color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-preview-content{display:grid;gap:8px}.mode-ui-lab-vocab-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.mode-ui-lab-vocab-word-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mode-ui-lab-vocab-word-row strong{font-size:.95rem}.mode-ui-lab-vocab-word-row span{border-radius:999px;border:1px solid var(--mode-ui-lab-border);padding:2px 7px;font-size:.67rem;background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 80%,white 20%);color:var(--mode-ui-lab-text-sub);font-style:normal}.mode-ui-lab-definition-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.mode-ui-lab-definition-list li{border-radius:9px;border:1px solid var(--mode-ui-lab-border);background:#ffffff94;padding:6px}.mode-ui-lab-definition-head{display:flex;align-items:center;gap:6px;font-size:.7rem}.mode-ui-lab-definition-head b{border-radius:999px;border:1px solid var(--mode-ui-lab-border);padding:1px 6px;background:var(--mode-ui-lab-accent-soft)}.mode-ui-lab-definition-list p{margin:4px 0 0;font-size:.72rem;line-height:1.4}.mode-ui-lab-definition-meaning-ko{color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-definition-list small{margin-top:4px;display:block;font-size:.68rem;color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-definition-example-ko{font-style:normal}.mode-ui-lab-inline-actions{display:flex;gap:6px;flex-wrap:wrap}.mode-ui-lab-inline-actions button{border-radius:8px;border:1px solid var(--mode-ui-lab-border);background:var(--mode-ui-lab-accent-soft);color:var(--mode-ui-lab-text-main);font-size:.69rem;font-weight:700;padding:5px 7px}.mode-ui-lab-focus-rule{margin:0;border-radius:9px;border:1px solid var(--mode-ui-lab-border);background:#ffffff9e;padding:7px;font-size:.73rem;line-height:1.42}.mode-ui-lab-correction-block{border-radius:9px;border:1px solid var(--mode-ui-lab-border);background:#ffffff8f;padding:7px;display:grid;gap:5px}.mode-ui-lab-correction-block p{margin:0;font-size:.72rem;line-height:1.42}.mode-ui-lab-correction-block .is-before{color:#ab2337}.mode-ui-lab-correction-block .is-after{color:#0a7b4a;font-weight:700}.mode-ui-lab-reason{margin:0;font-size:.72rem;line-height:1.42;color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-grammar-ledger{display:grid;gap:8px}.mode-ui-lab-ledger-grid{margin:0;display:grid;gap:6px}.mode-ui-lab-ledger-grid div{border-radius:9px;border:1px solid var(--mode-ui-lab-border);background:#ffffff8f;padding:6px}.mode-ui-lab-ledger-grid dt{margin:0;font-size:.66rem;font-weight:700;color:var(--mode-ui-lab-text-sub);letter-spacing:.04em}.mode-ui-lab-ledger-grid dd{margin:4px 0 0;font-size:.72rem;line-height:1.42}.mode-ui-lab-grammar-glass{display:grid;gap:7px}.mode-ui-lab-grammar-step{border-radius:10px;border:1px solid var(--mode-ui-lab-border);background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 68%,white 32%);padding:6px}.mode-ui-lab-grammar-step span{display:inline-block;border-radius:999px;border:1px solid var(--mode-ui-lab-border);padding:1px 6px;font-size:.62rem;font-weight:700;letter-spacing:.05em}.mode-ui-lab-grammar-step p{margin:5px 0 0;font-size:.72rem;line-height:1.42}.mode-ui-lab-grammar-step.is-after{border-color:color-mix(in srgb,var(--mode-ui-lab-accent) 48%,white 52%)}.mode-ui-lab-grammar-noissue-card{border-radius:10px;border:1px solid var(--mode-ui-lab-border);background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 68%,white 32%);padding:8px;display:grid;gap:7px}.mode-ui-lab-grammar-noissue-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.mode-ui-lab-grammar-noissue-head strong{font-size:.72rem;color:var(--mode-ui-lab-text-main)}.mode-ui-lab-status-ok{border-radius:999px;border:1px solid color-mix(in srgb,var(--mode-ui-lab-accent) 50%,white 50%);background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 76%,white 24%);color:color-mix(in srgb,var(--mode-ui-lab-accent) 84%,black 16%);font-size:.62rem;font-weight:700;letter-spacing:.03em;padding:2px 8px}.mode-ui-lab-grammar-noissue-sentence{margin:0;border-radius:8px;border:1px solid var(--mode-ui-lab-border);background:#ffffff9e;padding:6px;font-size:.72rem;line-height:1.42}.mode-ui-lab-tag-row{display:flex;flex-wrap:wrap;gap:5px}.mode-ui-lab-tag-row span{border-radius:999px;border:1px solid var(--mode-ui-lab-border);background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 82%,white 18%);color:var(--mode-ui-lab-text-sub);font-size:.66rem;padding:3px 7px}.mode-ui-lab-passage-title{margin:0;font-size:.76rem;font-weight:700}.mode-ui-lab-preview-content blockquote{margin:0;border-radius:9px;border:1px solid var(--mode-ui-lab-border);background:#ffffff94;padding:7px;font-size:.72rem;line-height:1.42}.mode-ui-lab-passage-translation,.mode-ui-lab-passage-summary{margin:0;font-size:.71rem;line-height:1.42;color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-passage-vocab{margin:0;padding:0;list-style:none;display:grid;gap:5px}.mode-ui-lab-passage-vocab li{border-radius:8px;border:1px solid var(--mode-ui-lab-border);background:#ffffff8f;padding:5px 7px;display:flex;justify-content:space-between;align-items:center;gap:7px}.mode-ui-lab-passage-vocab b{font-size:.68rem}.mode-ui-lab-passage-vocab span{font-size:.67rem;color:var(--mode-ui-lab-text-sub)}.mode-ui-lab-passage-ledger{display:grid;gap:7px}.mode-ui-lab-passage-ledger-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6px}.mode-ui-lab-passage-ledger-main,.mode-ui-lab-passage-ledger-side{border-radius:9px;border:1px solid var(--mode-ui-lab-border);background:#ffffff8a;padding:6px;display:grid;gap:6px}.mode-ui-lab-passage-glass{display:grid;gap:7px}.mode-ui-lab-passage-glass-hero{border-radius:10px;border:1px solid var(--mode-ui-lab-border);background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 70%,white 30%);padding:7px}.mode-ui-lab-passage-chip-row{display:flex;flex-wrap:wrap;gap:5px}.mode-ui-lab-passage-chip-row span{border-radius:999px;border:1px solid var(--mode-ui-lab-border);background:color-mix(in srgb,var(--mode-ui-lab-accent-soft) 78%,white 22%);color:var(--mode-ui-lab-text-sub);font-size:.66rem;padding:3px 8px;font-weight:600}.mode-ui-lab-combined-preview{margin-top:22px;border-radius:18px;border:1px solid rgb(49 84 128 / 22%);background:#ffffff94;padding:16px}.mode-ui-lab-combined-preview h2{margin:0;font-size:1.28rem;color:#17375d}.mode-ui-lab-combined-preview p{margin:7px 0 0;font-size:.9rem;color:#3e5f89}.mode-ui-lab-combined-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-ui-lab-device-label{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:#406187}@media(max-width:1180px){.mode-ui-lab-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.mode-ui-lab-combined-grid,.mode-ui-lab-passage-ledger-grid{grid-template-columns:1fr}}@media(max-width:700px){.mode-ui-lab-page{padding:22px 12px 38px}.mode-ui-lab-selection-banner{top:8px;flex-direction:column;align-items:flex-start;padding:10px 11px}.mode-ui-lab-variant-grid{grid-template-columns:1fr}}@keyframes mode-ui-lab-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mode-ui-lab-rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.public-shell-legacy-landing .bubble-mascot{--bubble-offset-x: 0px;--bubble-offset-y: 0px;--bubble-scale-x: 1;--bubble-scale-y: 1;--bubble-rotate: 0deg;--bubble-glow-strength: .28;--bubble-happy-intensity: 0;--bubble-angry-intensity: 0;--bubble-surface-wave: 0;--dent-x: 50%;--dent-y: 50%;--dent-size: 32px;--dent-strength: 0;position:relative;width:min(240px,76vw);height:min(280px,88vw);display:flex;align-items:center;justify-content:center;isolation:isolate;z-index:2}.public-shell-legacy-landing .ai-bubble{position:relative;width:min(190px,62vw);height:min(190px,62vw);z-index:2}.public-shell-legacy-landing .bubble-glow{position:absolute;top:50%;left:50%;width:calc(100% + 20px);height:calc(100% + 20px);border-radius:50%;background:radial-gradient(circle,rgb(0 206 201 / 40%),transparent 70%);filter:blur(20px);opacity:calc(.6 + var(--bubble-glow-strength) * .18);transform:translate3d(calc(-50% + var(--bubble-offset-x) * .24),calc(-50% + var(--bubble-offset-y) * .24),0) scale(calc(1 + var(--bubble-glow-strength) * .08));transition:opacity .22s ease,transform .22s ease;pointer-events:none;z-index:0}.public-shell-legacy-landing .bubble-content{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#6c5ce733,#a29bfe26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:calc(50% + var(--bubble-surface-wave) * 1.6%) calc(50% - var(--bubble-surface-wave) * 1.2%) calc(40% + var(--bubble-surface-wave) * 1.3%) calc(40% - var(--bubble-surface-wave) * .9%) / calc(60% + var(--bubble-surface-wave) * 2.2%) calc(60% - var(--bubble-surface-wave) * 1.5%) calc(40% + var(--bubble-surface-wave) * 1.1%) calc(40% - var(--bubble-surface-wave) * 2%);border:2px solid rgb(0 206 201 / 30%);box-shadow:0 0 40px #00cec966,inset 0 0 30px #ffffff1a;display:flex;align-items:center;justify-content:center;overflow:visible;transform:translate3d(var(--bubble-offset-x),var(--bubble-offset-y),0) scale(var(--bubble-scale-x),var(--bubble-scale-y)) rotate(var(--bubble-rotate));transform-origin:center bottom;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform;transition:transform .35s cubic-bezier(.25,.9,.38,1.05),border-radius .35s cubic-bezier(.4,.9,.25,1.05),filter .18s ease,opacity .22s ease}.public-shell-legacy-landing .bubble-content:before,.public-shell-legacy-landing .bubble-content:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease}.public-shell-legacy-landing .bubble-content:before{background:radial-gradient(circle,rgb(0 206 201 / 35%),transparent 70%);opacity:calc(var(--bubble-happy-intensity, 0));transform:translate3d(calc(var(--bubble-surface-wave) * .9px),calc(var(--bubble-surface-wave) * -1.2px),0) scale(calc(1 + var(--bubble-surface-wave) * .012))}.public-shell-legacy-landing .bubble-content:after{background:radial-gradient(circle,rgb(162 155 254 / 26%),transparent 70%);opacity:calc(var(--bubble-angry-intensity, 0));transform:translate3d(calc(var(--bubble-surface-wave) * -.8px),calc(var(--bubble-surface-wave) * .9px),0) scale(calc(1 - var(--bubble-surface-wave) * .008))}.public-shell-legacy-landing .bubble-content:active{cursor:grabbing}.public-shell-legacy-landing .bubble-content.dragging,.public-shell-legacy-landing .bubble-content.pressing,.public-shell-legacy-landing .bubble-content.poking,.public-shell-legacy-landing .bubble-content.stroking{filter:drop-shadow(0 22px 42px rgb(0 0 0 / 16%))}.public-shell-legacy-landing .bubble-content.exploded{filter:brightness(1.08) saturate(1.25) drop-shadow(0 20px 46px rgb(255 176 96 / 36%))}.public-shell-legacy-landing .bubble-content.happy{border-color:rgb(0 206 201 / calc(.3 + var(--bubble-happy-intensity, 0)))}.public-shell-legacy-landing .bubble-content.angry{border-color:rgb(162 155 254 / calc(.3 + var(--bubble-angry-intensity, 0)))}.public-shell-legacy-landing .bubble-content.recovering{filter:saturate(.94) brightness(1.02)}.public-shell-legacy-landing .bubble-shell-svg{display:none}.public-shell-legacy-landing .bubble-face{position:absolute;inset:9px 11px 12px;border-radius:48% 52% 42% 58%/38% 42% 58% 62%;overflow:hidden;pointer-events:none;z-index:1;opacity:.94;transform:translate3d(calc(var(--slosh-x, 0px) * .12),calc(var(--slosh-y, 0px) * .08),0) rotate(calc(var(--slosh-tilt, 0deg) * .08));transform-origin:center center;filter:saturate(1.08) brightness(1.02)}.public-shell-legacy-landing .bubble-slosh-highlight{position:absolute;pointer-events:none}.public-shell-legacy-landing .bubble-slosh-highlight{border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 82%) 0%,rgb(255 255 255 / 16%) 52%,transparent 76%);mix-blend-mode:screen;opacity:.84;filter:blur(.3px)}.public-shell-legacy-landing .bubble-slosh-highlight--primary{width:36%;height:24%;left:14%;top:14%;transform:translate3d(calc(var(--slosh-gloss-drift, 0px) * .42),calc(var(--slosh-y, 0px) * -.14),0) rotate(-18deg)}.public-shell-legacy-landing .bubble-slosh-highlight--secondary{width:18%;height:12%;right:16%;top:23%;opacity:.58;transform:translate3d(calc(var(--slosh-gloss-drift, 0px) * .24),calc(var(--slosh-y, 0px) * -.08),0) rotate(12deg)}.public-shell-legacy-landing .bubble-ripple-layer,.public-shell-legacy-landing .bubble-glow-trail-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}.public-shell-legacy-landing .bubble-ripple{position:absolute;width:calc(28px + var(--ripple-strength) * 16px);aspect-ratio:1 / 1;left:calc(var(--ripple-x) - (14px + var(--ripple-strength) * 8px));top:calc(var(--ripple-y) - (14px + var(--ripple-strength) * 8px));border-radius:50%;border:2px solid rgb(255 255 255 / 65%);background:radial-gradient(circle,rgb(255 255 255 / 18%),transparent 62%);opacity:.82;transform:scale(.24);mix-blend-mode:screen;animation:bubble-ripple-burst .72s ease-out forwards}.public-shell-legacy-landing .bubble-ripple.stroke{border-color:#8cf6ded1;background:radial-gradient(circle,rgb(140 246 222 / 16%),transparent 64%)}.public-shell-legacy-landing .bubble-ripple.stroke-boost{border-color:#adfff4eb;background:radial-gradient(circle,rgb(173 255 244 / 24%),transparent 62%);animation-duration:.92s}.public-shell-legacy-landing .bubble-ripple.poke{border-color:#ffb3c1eb;background:radial-gradient(circle,rgb(255 179 193 / 20%),transparent 62%);animation-name:bubble-ripple-poke;animation-duration:.62s}.public-shell-legacy-landing .bubble-ripple.explosion{border-color:#fff2cff2;background:radial-gradient(circle,rgb(255 220 166 / 26%),transparent 64%);animation-name:bubble-ripple-explosion;animation-duration:1.1s}.public-shell-legacy-landing .glow-trail{position:absolute;width:calc(12px + var(--trail-strength) * 8px);aspect-ratio:1 / 1;left:calc(var(--trail-x) - (6px + var(--trail-strength) * 4px));top:calc(var(--trail-y) - (6px + var(--trail-strength) * 4px));border-radius:50%;opacity:.9;animation:bubble-glow-trail .86s ease-out forwards;box-shadow:0 0 12px #0000001f,0 0 18px currentcolor}.public-shell-legacy-landing .glow-trail.stroke{color:#6ff2e6eb;background:radial-gradient(circle,rgb(111 242 230 / 74%),transparent 70%)}.public-shell-legacy-landing .glow-trail.happy{color:#bcfff5f5;background:radial-gradient(circle,rgb(188 255 245 / 78%),transparent 72%)}.public-shell-legacy-landing .glow-trail.angry{color:#ffb5caf0;background:radial-gradient(circle,rgb(255 181 202 / 76%),transparent 72%)}.public-shell-legacy-landing .bubble-dent{position:absolute;inset:0;pointer-events:none;z-index:2}.public-shell-legacy-landing .bubble-dent:after{content:"";position:absolute;left:var(--dent-x);top:var(--dent-y);width:var(--dent-size);height:var(--dent-size);border-radius:50%;transform:translate(-50%,-50%) scale(calc(.84 + var(--dent-strength) * .36));background:radial-gradient(circle,rgb(8 13 38 / 24%) 0%,rgb(8 13 38 / 6%) 58%,transparent 100%);filter:blur(4px);opacity:calc(var(--dent-strength) * .72);transition:opacity .14s ease,transform .14s ease,width .14s ease,height .14s ease}.public-shell-legacy-landing .ai-text{position:absolute;inset:auto 0 92px;display:flex;justify-content:center;align-items:center;gap:.42em;font-size:clamp(28px,5.6vw,38px);font-weight:650;letter-spacing:0;line-height:.88;color:#efffffe0;text-shadow:0 0 18px rgb(255 255 255 / 30%),0 0 42px rgb(140 246 222 / 24%);z-index:4;pointer-events:none}.public-shell-legacy-landing .ai-text-eye{display:inline-flex;align-items:flex-start;justify-content:center;gap:.01em;transform-origin:center center}.public-shell-legacy-landing .ai-text-eye--left{transform:translateY(1px) rotate(-4.6deg) scaleY(.84)}.public-shell-legacy-landing .ai-text-eye--right{transform:translateY(1px) rotate(4.6deg) scaleY(.84)}.public-shell-legacy-landing .ai-text-letter{display:inline-block;will-change:transform;transform:translate3d(var(--letter-shift-x, 0px),var(--letter-shift-y, 0px),0) rotate(var(--letter-rotate, 0deg)) scale(var(--letter-scale, 1))}.public-shell-legacy-landing .ai-text-letter-1,.public-shell-legacy-landing .ai-text-letter-4{margin-top:5px}.public-shell-legacy-landing .ai-text-letter-2,.public-shell-legacy-landing .ai-text-letter-3{margin-top:0}.public-shell-legacy-landing .inner-letters{position:absolute;inset:0;pointer-events:none;z-index:4}.public-shell-legacy-landing .inner-letter{position:absolute;font-size:14px;font-weight:600;color:#ffffff85;text-shadow:0 0 12px rgb(255 255 255 / 34%);will-change:transform;transform:translate3d(var(--inner-letter-shift-x, 0px),var(--inner-letter-shift-y, 0px),0) rotate(var(--inner-letter-rotate, 0deg)) scale(var(--inner-letter-scale, 1))}.public-shell-legacy-landing .inner-letter-1{top:28%;left:29%;animation-delay:0s}.public-shell-legacy-landing .inner-letter-2{top:24%;left:67%;animation-delay:.8s}.public-shell-legacy-landing .inner-letter-3{top:50%;left:21%;animation-delay:1.5s}.public-shell-legacy-landing .inner-letter-4{top:62%;left:72%;animation-delay:2.2s}.public-shell-legacy-landing .inner-letter-5{top:71%;left:43%;animation-delay:2.9s}.public-shell-legacy-landing .bubble-message-container{position:absolute;inset:10% -4% auto;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;z-index:5}.public-shell-legacy-landing .bubble-message-container.visible{opacity:1;transform:translateY(0)}.public-shell-legacy-landing .bubble-message{min-height:28px;padding:10px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgb(255 255 255 / 18%);box-shadow:0 10px 24px #00000024,inset 0 0 12px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f2fbffeb;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;text-shadow:0 0 18px rgb(0 0 0 / 16%)}.public-shell-legacy-landing .bubble-message.happy{color:#bcfff5fa;border-color:#bcfff547}.public-shell-legacy-landing .bubble-message.angry{color:#ffd2dcfa;border-color:#ffb5ca47}.public-shell-legacy-landing .bubble-message.recovery{color:#d8fafffa;border-color:#b0f0ff42}.public-shell-legacy-landing .bubble-mascot[data-mood=happy] .bubble-glow{opacity:calc(.34 + var(--bubble-glow-strength) * .5)}.public-shell-legacy-landing .bubble-mascot[data-mood=angry] .bubble-glow{background:radial-gradient(circle at 48% 40%,rgb(255 255 255 / 24%),transparent 36%),radial-gradient(circle at 50% 58%,rgb(108 92 231 / 18%),transparent 68%),radial-gradient(circle at 55% 52%,rgb(0 206 201 / 18%),transparent 72%)}.public-shell-legacy-landing .bubble-mascot[data-mood=exploded] .bubble-content{animation:bubble-burst-shell .98s cubic-bezier(.19,1,.22,1)}.public-shell-legacy-landing .bubble-mascot[data-mood=recovering] .bubble-content{animation:bubble-recovery-settle 1.2s cubic-bezier(.17,.84,.44,1)}.public-shell-legacy-landing .bubble-mascot[data-phase=hovering] .ai-text,.public-shell-legacy-landing .bubble-mascot[data-phase=pressing] .ai-text,.public-shell-legacy-landing .bubble-mascot[data-phase=dragging] .ai-text{text-shadow:0 0 18px rgb(255 255 255 / 34%),0 0 52px rgb(140 246 222 / 34%)}@keyframes bubble-ripple-burst{0%{opacity:.88;transform:scale(.24)}to{opacity:0;transform:scale(2.05)}}@keyframes bubble-ripple-poke{0%{opacity:.92;transform:scale(.2)}60%{opacity:.32;transform:scale(1.4)}to{opacity:0;transform:scale(1.92)}}@keyframes bubble-ripple-explosion{0%{opacity:.96;transform:scale(.22)}55%{opacity:.36;transform:scale(2.5)}to{opacity:0;transform:scale(3.1)}}@keyframes bubble-glow-trail{0%{opacity:.92;transform:scale(.92)}60%{opacity:.34;transform:scale(1.24)}to{opacity:0;transform:scale(1.48)}}@keyframes bubble-burst-shell{0%{transform:translate3d(var(--bubble-offset-x),var(--bubble-offset-y),0) scale(var(--bubble-scale-x),var(--bubble-scale-y)) rotate(var(--bubble-rotate))}35%{transform:translate3d(var(--bubble-offset-x),calc(var(--bubble-offset-y) - 8px),0) scale(calc(var(--bubble-scale-x) * 1.07),calc(var(--bubble-scale-y) * .94)) rotate(calc(var(--bubble-rotate) * .7))}to{transform:translate3d(var(--bubble-offset-x),calc(var(--bubble-offset-y) - 4px),0) scale(calc(var(--bubble-scale-x) * 1.03),calc(var(--bubble-scale-y) * 1.01)) rotate(calc(var(--bubble-rotate) * .4))}}@keyframes bubble-recovery-settle{0%{transform:translate3d(var(--bubble-offset-x),var(--bubble-offset-y),0) scale(calc(var(--bubble-scale-x) * .98),calc(var(--bubble-scale-y) * 1.02)) rotate(calc(var(--bubble-rotate) * .4))}55%{transform:translate3d(calc(var(--bubble-offset-x) * .5),calc(var(--bubble-offset-y) * .35),0) scale(calc(var(--bubble-scale-x) * 1.01),calc(var(--bubble-scale-y) * .99)) rotate(calc(var(--bubble-rotate) * -.1))}to{transform:translate3d(var(--bubble-offset-x),var(--bubble-offset-y),0) scale(var(--bubble-scale-x),var(--bubble-scale-y)) rotate(var(--bubble-rotate))}}@media(max-width:480px){.public-shell-legacy-landing .bubble-mascot{width:min(214px,72vw);height:min(252px,84vw)}.public-shell-legacy-landing .bubble-message{font-size:14px;padding:9px 14px}.public-shell-legacy-landing .ai-text{font-size:30px;inset:auto 0 86px}}@media(prefers-reduced-motion:reduce){.public-shell-legacy-landing .bubble-glow,.public-shell-legacy-landing .bubble-content,.public-shell-legacy-landing .bubble-face,.public-shell-legacy-landing .bubble-slosh-highlight,.public-shell-legacy-landing .bubble-message-container,.public-shell-legacy-landing .bubble-message,.public-shell-legacy-landing .inner-letter,.public-shell-legacy-landing .bubble-ripple,.public-shell-legacy-landing .glow-trail{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.public-shell-legacy-landing{--primary-color: var(--theme-landing-primary, #6c5ce7);--secondary-color: var(--theme-landing-secondary, #a29bfe);--accent-color: var(--theme-landing-accent, #00cec9);--text-color: var(--theme-landing-text, #fff);--glass-bg: var(--theme-landing-glass-bg, rgb(255 255 255 / 10%));--glass-border: var(--theme-landing-glass-border, rgb(255 255 255 / 20%));--font-main: var(--maic-font-sans, "Outfit", sans-serif);--skew-x: 0deg;--skew-y: 0deg;--asymmetric-radius-top-left: 50%;--asymmetric-radius-top-right: 50%;--asymmetric-radius-bottom-left: 60%;--asymmetric-radius-bottom-right: 60%;font-family:var(--font-main);background:var(--theme-landing-page-bg, linear-gradient(to bottom, #0f0c29, #302b63, #24243e));color:var(--text-color);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.public-shell-legacy-landing *{margin:0;padding:0;box-sizing:border-box}.public-shell-legacy-landing .background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.public-shell-legacy-landing .shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:var(--theme-landing-shape-opacity, .6);animation:float 10s infinite ease-in-out}.public-shell-legacy-landing .shape-1{width:300px;height:300px;background:var(--primary-color);top:-50px;left:-50px}.public-shell-legacy-landing .shape-2{width:400px;height:400px;background:var(--secondary-color);bottom:-100px;right:-100px;animation-delay:2s}.public-shell-legacy-landing .shape-3{width:200px;height:200px;background:var(--accent-color);top:40%;left:60%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.public-shell-legacy-landing .glass-container{position:relative;z-index:1;width:100%;height:100%;max-width:480px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);display:flex;flex-direction:column}@media(min-width:768px){.public-shell-legacy-landing .glass-container{height:90vh;border-radius:30px;box-shadow:var(--theme-landing-container-shadow, 0 8px 32px 0 rgb(31 38 135 / 37%))}}.public-shell-legacy-landing .landing-header{padding:20px 24px;display:flex;justify-content:center;align-items:center;position:relative}.public-shell-legacy-landing .logo{font-size:28px;font-weight:700;letter-spacing:2px;background:var(--theme-landing-logo-gradient, linear-gradient(to right, #fff, #a29bfe));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--theme-landing-logo-shadow, 0 2px 10px rgb(162 155 254 / 30%))}.public-shell-legacy-landing .nav-menu{position:absolute;right:24px}.public-shell-legacy-landing .menu-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.public-shell-legacy-landing .menu-icon span{display:block;width:100%;height:2px;background-color:var(--theme-landing-menu-color, #fff);border-radius:2px}.public-shell-legacy-landing .landing-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 30px 40px;text-align:center}.public-shell-legacy-landing .hero-title{font-size:42px;font-weight:700;line-height:1.3;margin-bottom:12px;color:var(--theme-landing-title-color, var(--text-color));background:none;-webkit-text-fill-color:var(--theme-landing-title-fill, currentColor)}.public-shell-legacy-landing .hero-subtitle{font-size:18px;font-weight:var(--theme-landing-subtitle-weight, 300);color:var(--theme-landing-subtitle, rgb(255 255 255 / 80%));margin-bottom:24px;letter-spacing:var(--theme-landing-subtitle-spacing, 1px)}.public-shell-legacy-landing .action-buttons{display:flex;gap:16px;justify-content:center;align-items:center;margin-bottom:40px;flex-wrap:wrap}.public-shell-legacy-landing .action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:500;color:var(--text-color);background:#ffffff1a;border:1px solid rgb(255 255 255 / 20%);border-radius:12px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 15px #00000026}.public-shell-legacy-landing .action-btn:hover:not(.disabled){background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #6c5ce766,inset 0 0 10px #fff3;border-color:#a29bfe99}.public-shell-legacy-landing .action-btn:active:not(.disabled){transform:translateY(0)}.public-shell-legacy-landing .btn-icon{width:20px;height:20px}.public-shell-legacy-landing .action-btn.disabled{opacity:.6;cursor:not-allowed}.public-shell-legacy-landing .action-btn .badge{font-size:12px;font-weight:400;color:#ffffffb3;margin-left:4px}@media(max-width:480px){.public-shell-legacy-landing .action-buttons{flex-direction:column;gap:12px}.public-shell-legacy-landing .action-btn{width:100%;justify-content:center}}.public-shell-legacy-landing .visual-element{width:300px;height:300px;margin:0 auto 60px;position:relative;display:flex;justify-content:center;align-items:center;overflow:visible}.public-shell-legacy-landing .floating-letters{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.public-shell-legacy-landing .letter{position:absolute;font-size:20px;font-weight:600;color:var(--theme-landing-letter-color, rgb(255 255 255 / 70%));text-shadow:var(--theme-landing-letter-shadow, 0 0 15px rgb(255 255 255 / 50%));animation:float-around 8s ease-in-out infinite;cursor:pointer;pointer-events:auto;transition:transform .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.public-shell-legacy-landing .letter:hover{transform:scale(1.2);color:var(--theme-landing-letter-hover, rgb(255 255 255 / 90%))}.public-shell-legacy-landing .letter.exploding{animation:letter-explode .5s ease-out forwards;pointer-events:none}.public-shell-legacy-landing .letter.hidden{opacity:0;visibility:hidden}@keyframes letter-explode{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.public-shell-legacy-landing .letter-explosion-fragment{position:fixed;width:var(--fragment-size, 12px);height:var(--fragment-size, 12px);background:var(--fragment-color, #6c5ce7);border-radius:2px;box-shadow:0 0 8px var(--fragment-color, #6c5ce7),0 0 16px var(--fragment-color, #6c5ce7),0 0 24px var(--fragment-color, #6c5ce7),2px 2px 4px var(--fragment-color, #6c5ce7),-2px -2px 4px var(--fragment-color, #6c5ce7);opacity:.9;pointer-events:none;z-index:1000;animation:explosion-burst-effect .5s ease-out forwards;animation-delay:var(--fragment-delay, 0s);transform:translate(-50%,-50%) rotate(var(--fragment-rotation, 0deg))}@keyframes explosion-burst-effect{0%{transform:translate(-50%,-50%) translate(0) rotate(var(--fragment-rotation, 0deg)) scale(1);opacity:1}50%{opacity:.8}to{transform:translate(-50%,-50%) translate(var(--fragment-x, 0),var(--fragment-y, 0)) rotate(calc(var(--fragment-rotation, 0deg) + 180deg)) scale(.3);opacity:0}}.public-shell-legacy-landing .letter-1{top:10%;left:20%;animation-delay:0s}.public-shell-legacy-landing .letter-2{top:15%;right:25%;animation-delay:1s}.public-shell-legacy-landing .letter-3{bottom:30%;left:15%;animation-delay:2s}.public-shell-legacy-landing .letter-4{bottom:25%;right:20%;animation-delay:3s}.public-shell-legacy-landing .letter-5{top:50%;left:5%;animation-delay:4s}.public-shell-legacy-landing .letter-6{top:45%;right:5%;animation-delay:5s}.public-shell-legacy-landing .letter-7{bottom:10%;left:50%;animation-delay:6s}.public-shell-legacy-landing .letter-8{top:30%;left:50%;animation-delay:7s}.public-shell-legacy-landing .letter-9{top:5%;left:50%;animation-delay:8s}.public-shell-legacy-landing .letter-10{bottom:5%;right:10%;animation-delay:9s}.public-shell-legacy-landing .letter-11{top:60%;right:30%;animation-delay:10s}.public-shell-legacy-landing .sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.public-shell-legacy-landing .sparkle{position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;box-shadow:0 0 10px #fffc;animation:sparkle-float 4s ease-in-out infinite}.public-shell-legacy-landing .sparkle-1{top:20%;left:30%;animation-delay:0s}.public-shell-legacy-landing .sparkle-2{top:40%;right:25%;animation-delay:.5s}.public-shell-legacy-landing .sparkle-3{bottom:30%;left:40%;animation-delay:1s}.public-shell-legacy-landing .sparkle-4{bottom:20%;right:35%;animation-delay:1.5s}.public-shell-legacy-landing .sparkle-5{top:60%;left:20%;animation-delay:2s}.public-shell-legacy-landing .sparkle-6{top:50%;right:15%;animation-delay:2.5s}.public-shell-legacy-landing .sparkle-7{bottom:50%;left:60%;animation-delay:3s}.public-shell-legacy-landing .sparkle-8{top:30%;left:70%;animation-delay:3.5s}@keyframes float-bubble{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes bubble-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes text-glow{0%,to{text-shadow:0 0 20px var(--accent-color),0 0 40px var(--accent-color),0 0 60px var(--accent-color)}50%{text-shadow:0 0 30px var(--accent-color),0 0 60px var(--accent-color),0 0 90px var(--accent-color)}}@keyframes float-letter{0%,to{transform:translate(0) rotate(0);opacity:.6}25%{transform:translate(10px,-10px) rotate(5deg);opacity:.8}50%{transform:translate(-5px,-15px) rotate(-5deg);opacity:1}75%{transform:translate(-10px,-5px) rotate(3deg);opacity:.8}}@keyframes float-around{0%,to{transform:translate(0) rotate(0);opacity:.7}25%{transform:translate(15px,-20px) rotate(10deg);opacity:1}50%{transform:translate(-10px,-30px) rotate(-10deg);opacity:.9}75%{transform:translate(-15px,-10px) rotate(5deg);opacity:.8}}@keyframes sparkle-float{0%,to{transform:translate(0) scale(1);opacity:.8}50%{transform:translate(10px,-15px) scale(1.5);opacity:1}}@keyframes happy-pulse{0%,to{box-shadow:0 0 30px #00cec966,inset 0 0 30px #ffffff1f}50%{box-shadow:0 0 45px #00cec999,inset 0 0 40px #ffffff2e}}@keyframes angry-pulse{0%,to{box-shadow:0 0 25px #ff475773,inset 0 0 25px #ffffff1f}50%{box-shadow:0 0 55px #ff4757a6,inset 0 0 40px #ffffff2e}}@keyframes flinch{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes explode{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:.2;transform:scale(1.6) rotate(18deg)}}@keyframes explosion-flare{0%{opacity:0;transform:scale(.7)}40%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes ripple-burst{0%{transform:scale(.2);opacity:.9}to{transform:scale(1.4);opacity:0}}@keyframes ripple-burst-strong{0%{transform:scale(.25);opacity:.95}to{transform:scale(1.8);opacity:0}}@keyframes ripple-explosion{0%{transform:scale(.3);opacity:1}to{transform:scale(2.4);opacity:0}}.public-shell-legacy-landing .cta-button{width:100%;max-width:300px;padding:18px;font-size:18px;font-weight:600;color:#fff;background:#ffffff1a;border:1px solid rgb(255 255 255 / 30%);border-radius:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003;font-family:var(--font-main)}.public-shell-legacy-landing .cta-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:#ffffff7f}.public-shell-legacy-landing .cta-button:active{transform:translateY(0)}.public-shell-legacy-landing .floating-button-container{position:fixed;bottom:18px;left:0;right:0;display:flex;justify-content:center;z-index:10;padding:0 16px;pointer-events:none}.public-shell-legacy-landing .floating-cta-stack{width:fit-content;max-width:calc(100vw - 24px);display:flex;flex-direction:column;align-items:stretch;gap:8px;pointer-events:auto}.public-shell-legacy-landing .landing-3d-btn{width:fit-content;max-width:100%;min-height:44px;padding:10px 12px;font-size:13px;font-weight:700;color:var(--theme-landing-button-text, #f5f8ff);text-decoration:none;border:none;border-radius:13px;cursor:pointer;background:var(--theme-landing-button-bg, linear-gradient(145deg, rgb(44 47 72 / 90%), rgb(34 37 62 / 90%)));box-shadow:var( --theme-landing-button-shadow, 5px 5px 10px rgb(0 0 0 / 30%), -5px -5px 10px rgb(255 255 255 / 10%) );display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.05px;transition:box-shadow .2s ease,transform .2s ease,filter .2s ease;font-family:var(--font-main);white-space:nowrap}.public-shell-legacy-landing .landing-3d-btn:focus-visible{outline:2px solid var(--theme-landing-button-focus, rgb(217 244 255 / 95%));outline-offset:2px}.public-shell-legacy-landing .landing-3d-btn:hover{box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff1a;transform:translateY(1px);filter:brightness(1.02)}.public-shell-legacy-landing .landing-3d-btn:active{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff1a;transform:translateY(2px)}.public-shell-legacy-landing .landing-3d-btn-start{width:100%;color:var(--theme-landing-button-primary-text, #f5f8ff);background:var(--theme-landing-button-primary-bg, linear-gradient(145deg, #6366f1, #8b5cf6));box-shadow:var( --theme-landing-button-primary-shadow, 5px 5px 10px rgb(99 102 241 / 40%), -5px -5px 10px rgb(139 92 246 / 40%) )}.public-shell-legacy-landing .landing-3d-btn-row{width:fit-content;max-width:100%;display:flex;justify-content:center;flex-wrap:nowrap;align-self:center;gap:8px}.public-shell-legacy-landing .landing-3d-btn .btn-icon{width:15px;height:15px;flex-shrink:0}@media(max-width:640px){.public-shell-legacy-landing .floating-cta-stack{max-width:calc(100vw - 20px)}}@media(max-width:480px){.public-shell-legacy-landing .landing-3d-btn{min-height:44px;padding:8px 10px;font-size:11px;gap:4px}.public-shell-legacy-landing .landing-3d-btn .btn-icon{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.public-shell-legacy-landing .letter,.public-shell-legacy-landing .landing-3d-btn{animation:none!important;transition:none!important}}html[data-maic-theme]{color-scheme:light}html[data-maic-theme=legacy]{--theme-public-page-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-public-text: #eef2ff;--theme-public-backdrop: radial-gradient(circle at 16% 20%, rgb(135 152 240 / 18%), transparent 52%), linear-gradient(180deg, rgb(23 32 64 / 92%), rgb(8 12 28 / 94%));--theme-public-card-bg: rgb(255 255 255 / 10%);--theme-public-card-border: rgb(255 255 255 / 20%);--theme-public-title-gradient: linear-gradient(135deg, rgb(255 255 255 / 96%), rgb(230 235 255 / 86%));--theme-video-search-title-gradient: linear-gradient(135deg, #8b9cf7 0, #9d7bf0 50%, #f5a5fc 100%);--theme-video-search-surface: rgb(58 61 92 / 80%);--theme-video-search-border: rgb(255 255 255 / 10%);--theme-video-search-surface-2: rgb(44 47 72 / 60%);--theme-surface-chrome: rgb(255 255 255 / 10%);--theme-surface-chrome-muted: rgb(255 255 255 / 8%);--theme-surface-chrome-hover: rgb(255 255 255 / 12%);--theme-border-chrome: rgb(255 255 255 / 15%);--theme-border-chrome-hover: rgb(255 255 255 / 25%);--theme-admin-v2-surface-0: #0d1632;--theme-admin-v2-surface-1: #132349;--theme-admin-v2-surface-2: #1a2d5a;--theme-admin-v2-text: #e8eeff;--theme-admin-v2-muted: #9fb2de;--theme-admin-v2-border: rgb(156 186 255 / 24%);--theme-admin-v2-glow-a: rgb(108 165 255 / 14%);--theme-admin-v2-glow-b: rgb(86 183 255 / 10%);--theme-admin-v2-bg-start: rgb(20 32 66 / 90%);--theme-admin-v2-bg-end: rgb(10 18 38 / 92%)}html[data-maic-theme=editorial_light_v1]{--primary-color: #2f6ac7;--primary-color-dark: #1f4f99;--secondary-color: #4a8bcf;--accent-color: #f1b443;--bg-primary: #f2f6fb;--bg-secondary: #e8f0fa;--bg-tertiary: #dde9f7;--bg-card: rgb(255 255 255 / 84%);--bg-input: rgb(255 255 255 / 72%);--text-primary: #16273f;--text-secondary: #385172;--text-muted: #607b9f;--border-light: rgb(25 67 126 / 16%);--gradient-bg: linear-gradient(145deg, #f4f8fc, #e8f0fa, #dce8f8);--gradient-button: linear-gradient(135deg, #2f6ac7, #4a8bcf);--font-family: "IBM Plex Sans KR", "SUIT", "Pretendard Variable", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--theme-public-page-bg: linear-gradient(150deg, #f3f7fd 0%, #dce8f8 100%);--theme-public-text: #16273f;--theme-public-backdrop: radial-gradient(circle at 16% 20%, rgb(57 103 172 / 20%), transparent 52%), linear-gradient(180deg, rgb(242 248 252 / 96%), rgb(231 241 250 / 95%));--theme-public-card-bg: rgb(255 255 255 / 78%);--theme-public-card-border: rgb(39 81 146 / 20%);--theme-public-title-gradient: linear-gradient(130deg, #193e73, #4676bb);--theme-video-search-title-gradient: linear-gradient(135deg, #2259ad 0, #4a8bcf 50%, #7aa9dc 100%);--theme-video-search-surface: rgb(255 255 255 / 76%);--theme-video-search-border: rgb(37 75 132 / 16%);--theme-video-search-surface-2: rgb(231 241 250 / 92%);--theme-surface-chrome: rgb(25 67 126 / 10%);--theme-surface-chrome-muted: rgb(25 67 126 / 8%);--theme-surface-chrome-hover: rgb(25 67 126 / 12%);--theme-border-chrome: rgb(25 67 126 / 16%);--theme-border-chrome-hover: rgb(25 67 126 / 24%);--theme-admin-v2-surface-0: #edf3fd;--theme-admin-v2-surface-1: #dde9f8;--theme-admin-v2-surface-2: #cfdef4;--theme-admin-v2-text: #17345c;--theme-admin-v2-muted: #4f6f99;--theme-admin-v2-border: rgb(49 89 149 / 24%);--theme-admin-v2-glow-a: rgb(86 131 201 / 18%);--theme-admin-v2-glow-b: rgb(93 157 212 / 13%);--theme-admin-v2-bg-start: rgb(240 246 253 / 95%);--theme-admin-v2-bg-end: rgb(224 236 249 / 95%);--theme-admin-v2-led-green: #0f8d66;--theme-admin-v2-led-green-glow: rgb(15 141 102 / 42%);--theme-admin-v2-led-yellow: #be8a18;--theme-admin-v2-led-yellow-glow: rgb(190 138 24 / 38%);--theme-admin-v2-led-red: #c6454f;--theme-admin-v2-led-red-glow: rgb(198 69 79 / 38%);--theme-admin-v2-led-neutral: #7b8fab;--theme-admin-v2-led-neutral-glow: rgb(123 143 171 / 32%)}html[data-maic-theme=tech_glass_v1]{--primary-color: #3ec2ca;--primary-color-dark: #1f8d98;--secondary-color: #58a3d9;--accent-color: #6ff7d6;--bg-primary: #061423;--bg-secondary: #0b2238;--bg-tertiary: #133251;--bg-card: rgb(7 24 40 / 78%);--bg-input: rgb(15 37 58 / 70%);--text-primary: #d5f7ff;--text-secondary: #9ec7d4;--text-muted: #7fa4b4;--border-light: rgb(96 165 186 / 26%);--gradient-bg: linear-gradient(145deg, #03101d, #0a2036, #15324f);--gradient-button: linear-gradient(135deg, #2796a4, #58a3d9);--font-family: "Space Grotesk", "IBM Plex Sans KR", "Pretendard Variable", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--theme-public-page-bg: linear-gradient(150deg, #041323 0%, #10263f 100%);--theme-public-text: #d5f7ff;--theme-public-backdrop: radial-gradient(circle at 16% 20%, rgb(62 194 202 / 18%), transparent 52%), linear-gradient(180deg, rgb(6 21 36 / 95%), rgb(4 13 24 / 94%));--theme-public-card-bg: rgb(9 29 47 / 72%);--theme-public-card-border: rgb(97 180 194 / 28%);--theme-public-title-gradient: linear-gradient(130deg, #9cecf4, #58a3d9);--theme-video-search-title-gradient: linear-gradient(135deg, #66e2ea 0, #58a3d9 50%, #6ff7d6 100%);--theme-video-search-surface: rgb(10 28 45 / 82%);--theme-video-search-border: rgb(100 173 194 / 26%);--theme-video-search-surface-2: rgb(12 35 56 / 88%);--theme-surface-chrome: rgb(96 165 186 / 12%);--theme-surface-chrome-muted: rgb(96 165 186 / 9%);--theme-surface-chrome-hover: rgb(96 165 186 / 16%);--theme-border-chrome: rgb(96 165 186 / 22%);--theme-border-chrome-hover: rgb(96 165 186 / 32%);--theme-admin-v2-surface-0: #071321;--theme-admin-v2-surface-1: #0d2238;--theme-admin-v2-surface-2: #16324f;--theme-admin-v2-text: #d7f6ff;--theme-admin-v2-muted: #93bed0;--theme-admin-v2-border: rgb(95 173 194 / 30%);--theme-admin-v2-glow-a: rgb(62 194 202 / 19%);--theme-admin-v2-glow-b: rgb(88 163 217 / 14%);--theme-admin-v2-bg-start: rgb(8 24 40 / 94%);--theme-admin-v2-bg-end: rgb(4 13 24 / 95%)}html[data-maic-theme=focus_ops_v1]{--primary-color: #0f766e;--primary-color-dark: #134e4a;--secondary-color: #334155;--accent-color: #d97706;--bg-primary: #f6f8f7;--bg-secondary: #e9efed;--bg-tertiary: #dae4e0;--bg-card: rgb(255 255 255 / 88%);--bg-input: rgb(255 255 255 / 92%);--text-primary: #111827;--text-secondary: #334155;--text-muted: #64748b;--border-light: rgb(15 23 42 / 14%);--gradient-bg: linear-gradient(145deg, #f6f8f7, #e9efed, #dae4e0);--gradient-button: linear-gradient(135deg, #134e4a, #0f766e);--font-family: "Inter", "IBM Plex Sans KR", "Pretendard Variable", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--theme-public-page-bg: linear-gradient(150deg, #f7faf9 0%, #dfe9e5 100%);--theme-public-text: #111827;--theme-public-backdrop: linear-gradient(180deg, rgb(248 250 249 / 97%), rgb(229 237 234 / 95%));--theme-public-card-bg: rgb(255 255 255 / 82%);--theme-public-card-border: rgb(15 118 110 / 20%);--theme-public-title-gradient: linear-gradient(130deg, #0f3d39, #0f766e);--theme-video-search-title-gradient: linear-gradient(135deg, #0f766e 0, #334155 52%, #d97706 100%);--theme-video-search-surface: rgb(255 255 255 / 84%);--theme-video-search-border: rgb(15 23 42 / 14%);--theme-video-search-surface-2: rgb(232 239 236 / 92%);--theme-surface-chrome: rgb(15 23 42 / 8%);--theme-surface-chrome-muted: rgb(15 23 42 / 6%);--theme-surface-chrome-hover: rgb(15 118 110 / 12%);--theme-border-chrome: rgb(15 23 42 / 14%);--theme-border-chrome-hover: rgb(15 118 110 / 26%);--theme-admin-v2-surface-0: #f6f8f7;--theme-admin-v2-surface-1: #e8efec;--theme-admin-v2-surface-2: #d7e2dd;--theme-admin-v2-text: #10201f;--theme-admin-v2-muted: #4c6260;--theme-admin-v2-border: rgb(15 118 110 / 24%);--theme-admin-v2-glow-a: rgb(15 118 110 / 12%);--theme-admin-v2-glow-b: rgb(217 119 6 / 10%);--theme-admin-v2-bg-start: rgb(248 250 249 / 96%);--theme-admin-v2-bg-end: rgb(227 236 232 / 96%);--theme-admin-v2-led-green: #0f8d66;--theme-admin-v2-led-green-glow: rgb(15 141 102 / 36%);--theme-admin-v2-led-yellow: #b7791f;--theme-admin-v2-led-yellow-glow: rgb(183 121 31 / 32%);--theme-admin-v2-led-red: #c2414b;--theme-admin-v2-led-red-glow: rgb(194 65 75 / 34%);--theme-admin-v2-led-neutral: #64748b;--theme-admin-v2-led-neutral-glow: rgb(100 116 139 / 28%)}html[data-maic-theme=warm_studio_v1]{--primary-color: #b55b3f;--primary-color-dark: #8f432d;--secondary-color: #d47b55;--accent-color: #e8b86e;--bg-primary: #fff7ef;--bg-secondary: #f9ebdd;--bg-tertiary: #f2dfcc;--bg-card: rgb(255 250 245 / 86%);--bg-input: rgb(255 246 236 / 88%);--text-primary: #442b1e;--text-secondary: #6c4735;--text-muted: #8a6653;--border-light: rgb(144 93 67 / 20%);--gradient-bg: linear-gradient(145deg, #fff8f1, #f9ecdf, #f1decb);--gradient-button: linear-gradient(135deg, #b55b3f, #d47b55);--font-family: "Alegreya Sans", "SUIT", "Pretendard Variable", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--theme-public-page-bg: linear-gradient(150deg, #fff8f1 0%, #f0ddc8 100%);--theme-public-text: #442b1e;--theme-public-backdrop: radial-gradient(circle at 16% 20%, rgb(181 91 63 / 18%), transparent 52%), linear-gradient(180deg, rgb(255 248 241 / 95%), rgb(249 236 223 / 94%));--theme-public-card-bg: rgb(255 251 246 / 78%);--theme-public-card-border: rgb(157 102 76 / 24%);--theme-public-title-gradient: linear-gradient(130deg, #7c3f2b, #bf6d4b);--theme-video-search-title-gradient: linear-gradient(135deg, #8f432d 0, #b55b3f 45%, #d47b55 100%);--theme-video-search-surface: rgb(255 250 245 / 86%);--theme-video-search-border: rgb(151 98 73 / 22%);--theme-video-search-surface-2: rgb(248 236 221 / 92%);--theme-surface-chrome: rgb(144 93 67 / 11%);--theme-surface-chrome-muted: rgb(144 93 67 / 8%);--theme-surface-chrome-hover: rgb(144 93 67 / 15%);--theme-border-chrome: rgb(144 93 67 / 18%);--theme-border-chrome-hover: rgb(144 93 67 / 28%);--theme-admin-v2-surface-0: #fff7ef;--theme-admin-v2-surface-1: #f6e9db;--theme-admin-v2-surface-2: #eedbc6;--theme-admin-v2-text: #4a2f21;--theme-admin-v2-muted: #775241;--theme-admin-v2-border: rgb(150 95 69 / 24%);--theme-admin-v2-glow-a: rgb(181 91 63 / 16%);--theme-admin-v2-glow-b: rgb(212 123 85 / 13%);--theme-admin-v2-bg-start: rgb(255 248 240 / 95%);--theme-admin-v2-bg-end: rgb(246 233 218 / 95%);--theme-admin-v2-led-green: #2b8a5d;--theme-admin-v2-led-green-glow: rgb(43 138 93 / 38%);--theme-admin-v2-led-yellow: #bf7f2a;--theme-admin-v2-led-yellow-glow: rgb(191 127 42 / 34%);--theme-admin-v2-led-red: #bc4d4d;--theme-admin-v2-led-red-glow: rgb(188 77 77 / 34%);--theme-admin-v2-led-neutral: #865;--theme-admin-v2-led-neutral-glow: rgb(136 102 85 / 28%)}html[data-maic-theme=system_frost_v1]{--primary-color: #007aff;--primary-color-dark: #005ecb;--secondary-color: #34c759;--accent-color: #ff9500;--bg-primary: #f7f9ff;--bg-secondary: #e8f1ff;--bg-tertiary: #d8e8fb;--bg-card: rgb(255 255 255 / 86%);--bg-input: rgb(255 255 255 / 90%);--text-primary: #1d1d1f;--text-secondary: #35363a;--text-muted: #6e6e73;--border-light: rgb(60 60 67 / 18%);--border-focus: #007aff;--gradient-bg: radial-gradient(circle at 18% 14%, rgb(0 122 255 / 14%), transparent 34%), radial-gradient(circle at 86% 8%, rgb(52 199 89 / 10%), transparent 30%), linear-gradient(145deg, #fbfcff 0%, #eef5ff 48%, #dceafe 100%);--gradient-button: linear-gradient(135deg, #007aff, #3f8cff);--border-radius: 8px;--border-radius-button: 8px;--border-radius-input: 8px;--border-radius-small: 6px;--shadow-light: 0 18px 42px rgb(37 47 64 / 12%);--shadow-dark: inset 0 1px 0 rgb(255 255 255 / 72%);--shadow-hover-light: 0 20px 48px rgb(37 47 64 / 16%);--shadow-hover-dark: inset 0 1px 0 rgb(255 255 255 / 84%);--shadow-pressed-light: 0 10px 26px rgb(37 47 64 / 12%);--shadow-pressed-dark: inset 0 1px 0 rgb(255 255 255 / 62%);--shadow-button: 0 10px 24px rgb(0 122 255 / 22%);--text-shadow-light: none;--text-shadow-glow: 0 0 22px rgb(0 122 255 / 18%);--font-family: -apple-system, blinkmacsystemfont, "SF Pro Text", "IBM Plex Sans KR", "Pretendard Variable", "Segoe UI", sans-serif;--theme-public-page-bg: radial-gradient(circle at 20% 16%, rgb(0 122 255 / 16%), transparent 34%), radial-gradient(circle at 82% 12%, rgb(52 199 89 / 11%), transparent 30%), linear-gradient(150deg, #fbfcff 0%, #e7f0fb 100%);--theme-public-text: #1d1d1f;--theme-public-text-muted: #515154;--theme-public-action-text: #fff;--theme-public-backdrop: radial-gradient(circle at 18% 18%, rgb(0 122 255 / 14%), transparent 36%), linear-gradient(180deg, rgb(251 252 255 / 98%), rgb(232 240 250 / 96%));--theme-public-card-bg: rgb(255 255 255 / 84%);--theme-public-card-border: rgb(60 60 67 / 20%);--theme-public-card-shadow: 0 22px 70px rgb(37 47 64 / 14%), inset 0 1px 0 rgb(255 255 255 / 76%);--theme-public-input-bg: rgb(255 255 255 / 76%);--theme-public-input-border: rgb(60 60 67 / 22%);--theme-public-input-focus-bg: rgb(255 255 255 / 92%);--theme-public-divider: rgb(60 60 67 / 16%);--theme-public-divider-surface: rgb(255 255 255 / 84%);--theme-public-link: #005ecb;--theme-public-modal-bg: linear-gradient(145deg, rgb(255 255 255 / 94%), rgb(239 246 255 / 92%));--theme-public-title-gradient: linear-gradient(130deg, #1d1d1f, #007aff);--theme-landing-primary: #007aff;--theme-landing-secondary: #74b9ff;--theme-landing-accent: #34c759;--theme-landing-text: #1d1d1f;--theme-landing-glass-bg: rgb(255 255 255 / 78%);--theme-landing-glass-border: rgb(0 122 255 / 18%);--theme-landing-page-bg: radial-gradient(circle at 18% 12%, rgb(0 122 255 / 18%), transparent 36%), radial-gradient(circle at 86% 18%, rgb(52 199 89 / 13%), transparent 32%), linear-gradient(145deg, #fbfcff 0%, #eef5ff 52%, #dceafe 100%);--theme-landing-container-shadow: 0 30px 90px rgb(37 47 64 / 16%), inset 0 1px 0 rgb(255 255 255 / 78%);--theme-landing-logo-gradient: linear-gradient(120deg, #1d1d1f, #007aff);--theme-landing-logo-shadow: none;--theme-landing-title-gradient: linear-gradient(135deg, #111214, #007aff 72%);--theme-landing-subtitle: #515154;--theme-landing-subtitle-weight: 500;--theme-landing-subtitle-spacing: 0;--theme-landing-menu-color: #1d1d1f;--theme-landing-button-text: #1d1d1f;--theme-landing-button-bg: linear-gradient(145deg, rgb(255 255 255 / 92%), rgb(232 240 250 / 92%));--theme-landing-button-shadow: 0 10px 24px rgb(37 47 64 / 13%), inset 0 1px 0 rgb(255 255 255 / 82%);--theme-landing-button-focus: rgb(0 122 255 / 82%);--theme-landing-button-primary-text: #fff;--theme-landing-button-primary-bg: linear-gradient(145deg, #007aff, #3f8cff);--theme-landing-button-primary-shadow: 0 14px 34px rgb(0 122 255 / 28%);--theme-landing-letter-color: rgb(0 122 255 / 34%);--theme-landing-letter-hover: rgb(0 94 203 / 52%);--theme-landing-letter-shadow: 0 0 18px rgb(0 122 255 / 20%);--theme-landing-shape-opacity: .34;--theme-video-search-title-gradient: linear-gradient(135deg, #007aff 0, #34c759 58%, #ff9500 100%);--theme-video-search-surface: rgb(255 255 255 / 86%);--theme-video-search-border: rgb(60 60 67 / 16%);--theme-video-search-surface-2: rgb(238 243 250 / 90%);--theme-surface-chrome: rgb(255 255 255 / 64%);--theme-surface-chrome-muted: rgb(255 255 255 / 46%);--theme-surface-chrome-hover: rgb(255 255 255 / 82%);--theme-border-chrome: rgb(60 60 67 / 16%);--theme-border-chrome-hover: rgb(0 122 255 / 28%);--theme-admin-v2-surface-0: #f5f7fb;--theme-admin-v2-surface-1: #eef3fb;--theme-admin-v2-surface-2: #e1e9f4;--theme-admin-v2-text: #1d1d1f;--theme-admin-v2-muted: #6e6e73;--theme-admin-v2-border: rgb(60 60 67 / 18%);--theme-admin-v2-glow-a: rgb(0 122 255 / 14%);--theme-admin-v2-glow-b: rgb(52 199 89 / 10%);--theme-admin-v2-bg-start: rgb(251 252 255 / 96%);--theme-admin-v2-bg-end: rgb(232 239 249 / 96%);--theme-admin-v2-led-green: #248a3d;--theme-admin-v2-led-green-glow: rgb(36 138 61 / 34%);--theme-admin-v2-led-yellow: #c46f00;--theme-admin-v2-led-yellow-glow: rgb(196 111 0 / 30%);--theme-admin-v2-led-red: #d70015;--theme-admin-v2-led-red-glow: rgb(215 0 21 / 30%);--theme-admin-v2-led-neutral: #6e6e73;--theme-admin-v2-led-neutral-glow: rgb(110 110 115 / 26%)}:root,html[data-maic-theme]{--maic-surface-page: var(--gradient-bg, linear-gradient(135deg, #3a3d5c, #4a4d6c, #5a5d7c));--maic-surface-page-solid: var(--bg-primary, #3a3d5c);--maic-surface-panel: var(--bg-card, rgb(44 47 72 / 80%));--maic-surface-panel-strong: rgb(44 47 72 / 94%);--maic-surface-panel-muted: var(--bg-secondary, #4a4d6c);--maic-surface-input: var(--bg-input, rgb(255 255 255 / 5%));--maic-surface-overlay: rgb(0 0 0 / 50%);--maic-surface-chrome: var(--theme-surface-chrome, rgb(255 255 255 / 10%));--maic-surface-chrome-muted: var(--theme-surface-chrome-muted, rgb(255 255 255 / 8%));--maic-surface-chrome-hover: var(--theme-surface-chrome-hover, rgb(255 255 255 / 12%));--maic-text-primary: var(--text-primary, #e0e0e0);--maic-text-secondary: var(--text-secondary, #c1c3e0);--maic-text-muted: var(--text-muted, #b0b0b0);--maic-text-inverse: #fff;--maic-text-on-action: var(--theme-action-text, #0f172a);--maic-action-primary: var(--primary-color, #8b9cf7);--maic-action-primary-strong: var(--primary-color-dark, #6366f1);--maic-action-secondary: var(--secondary-color, #9d7bf0);--maic-action-accent: var(--accent-color, #f5a5fc);--maic-status-success: var(--theme-admin-v2-led-green, #0f8d66);--maic-status-warning: var(--theme-admin-v2-led-yellow, #be8a18);--maic-status-danger: var(--theme-admin-v2-led-red, #c6454f);--maic-status-neutral: var(--theme-admin-v2-led-neutral, #7b8fab);--maic-status-info: var(--maic-action-primary);--maic-status-success-soft: color-mix(in srgb, var(--maic-status-success) 15%, transparent);--maic-status-success-muted: color-mix(in srgb, var(--maic-status-success) 24%, transparent);--maic-status-success-border: color-mix(in srgb, var(--maic-status-success) 32%, transparent);--maic-status-warning-soft: color-mix(in srgb, var(--maic-status-warning) 15%, transparent);--maic-status-warning-muted: color-mix(in srgb, var(--maic-status-warning) 24%, transparent);--maic-status-warning-border: color-mix(in srgb, var(--maic-status-warning) 32%, transparent);--maic-status-danger-soft: color-mix(in srgb, var(--maic-status-danger) 12%, transparent);--maic-status-danger-muted: color-mix(in srgb, var(--maic-status-danger) 20%, transparent);--maic-status-danger-border: color-mix(in srgb, var(--maic-status-danger) 36%, transparent);--maic-status-neutral-soft: color-mix(in srgb, var(--maic-status-neutral) 14%, transparent);--maic-status-neutral-muted: color-mix(in srgb, var(--maic-status-neutral) 24%, transparent);--maic-status-neutral-border: color-mix(in srgb, var(--maic-status-neutral) 34%, transparent);--maic-status-info-soft: color-mix(in srgb, var(--maic-status-info) 14%, transparent);--maic-status-info-muted: color-mix(in srgb, var(--maic-status-info) 22%, transparent);--maic-status-info-border: color-mix(in srgb, var(--maic-status-info) 34%, transparent);--maic-status-success-on-light: color-mix(in srgb, var(--maic-status-success) 78%, var(--maic-surface-overlay));--maic-status-warning-on-light: color-mix(in srgb, var(--maic-status-warning) 78%, var(--maic-surface-overlay));--maic-status-danger-on-light: color-mix(in srgb, var(--maic-status-danger) 82%, var(--maic-surface-overlay));--maic-status-neutral-on-light: color-mix(in srgb, var(--maic-status-neutral) 74%, var(--maic-surface-overlay));--maic-status-info-on-light: color-mix(in srgb, var(--maic-status-info) 78%, var(--maic-surface-overlay));--maic-gradient-action-primary: var( --gradient-button, linear-gradient(135deg, var(--maic-action-primary-strong), var(--maic-action-secondary)) );--maic-gradient-brand-title: var( --gradient-text, linear-gradient( 135deg, var(--maic-action-primary) 0%, var(--maic-action-secondary) 50%, var(--maic-action-accent) 100% ) );--maic-gradient-panel-strong: linear-gradient( 135deg, var(--maic-surface-panel-muted), var(--maic-surface-panel-strong) );--maic-gradient-panel-inverse: linear-gradient( 135deg, var(--maic-surface-panel-strong), var(--maic-surface-panel-muted) );--maic-gradient-status-sheen: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--maic-text-inverse) 40%, transparent), transparent );--maic-brand-kakao-surface: linear-gradient(135deg, #fae100, #f4d21f);--maic-brand-kakao-border: rgb(245 208 39 / 70%);--maic-brand-kakao-text: #2b1818;--maic-chat-detail-title-definition: var(--maic-action-primary-strong);--maic-chat-detail-title-rules: var(--maic-status-success);--maic-chat-detail-title-exception: var(--maic-status-danger);--maic-chat-detail-title-learning: var(--maic-status-warning);--maic-chat-detail-title-advanced: var(--maic-action-secondary);--maic-chat-detail-title-comparison: var(--maic-status-neutral);--maic-chat-detail-title-correction: var(--maic-status-warning);--maic-chat-detail-title-tip: var(--maic-status-warning);--maic-chat-detail-text-on-light: color-mix(in srgb, var(--maic-surface-overlay) 78%, var(--maic-text-inverse));--maic-chat-detail-text-muted: color-mix(in srgb, var(--maic-surface-overlay) 58%, var(--maic-text-inverse));--maic-chat-detail-surface: var(--maic-text-inverse);--maic-chat-detail-surface-muted: color-mix(in srgb, var(--maic-action-primary) 6%, var(--maic-text-inverse));--maic-chat-detail-legend-surface: linear-gradient( 135deg, var(--maic-chat-detail-surface-muted) 0%, var(--maic-chat-detail-surface) 100% );--maic-chat-detail-surface-warning: color-mix(in srgb, var(--maic-status-warning) 16%, var(--maic-text-inverse));--maic-chat-detail-border: color-mix(in srgb, var(--maic-surface-overlay) 14%, var(--maic-text-inverse));--maic-chat-detail-border-accent: color-mix(in srgb, var(--maic-action-primary) 24%, var(--maic-text-inverse));--maic-chat-detail-border-warning: var(--maic-status-warning);--maic-chat-detail-emphasis: var(--maic-action-primary);--maic-chat-detail-emphasis-muted: color-mix(in srgb, var(--maic-action-primary) 16%, transparent);--maic-chat-detail-emphasis-border: color-mix(in srgb, var(--maic-action-primary) 34%, transparent);--maic-chat-detail-card-shadow: 0 2px 8px color-mix(in srgb, var(--maic-surface-overlay) 6%, transparent);--maic-chat-detail-card-shadow-hover: 0 1px 3px color-mix(in srgb, var(--maic-surface-overlay) 10%, transparent);--maic-chat-detail-word-subject: var(--maic-action-primary-strong);--maic-chat-detail-word-verb: var(--maic-status-warning);--maic-chat-detail-word-object: var(--maic-status-success);--maic-chat-detail-word-complement: var(--maic-action-secondary);--maic-chat-detail-word-object-complement: var(--maic-action-accent);--maic-chat-detail-word-adjectival: var(--maic-status-neutral);--maic-chat-detail-word-adverbial: var(--maic-status-danger);--maic-chat-detail-word-prepositional: var(--maic-status-neutral);--maic-chat-detail-level-0: var(--maic-status-danger);--maic-chat-detail-level-1: var(--maic-action-primary-strong);--maic-chat-detail-level-2: var(--maic-status-success);--maic-chat-detail-level-3: var(--maic-status-warning);--maic-chat-detail-level-4: var(--maic-action-secondary);--maic-chat-detail-level-5: var(--maic-status-neutral);--maic-chat-bracket-0: var(--maic-action-primary-strong);--maic-chat-bracket-1: var(--maic-status-success);--maic-chat-bracket-2: var(--maic-status-warning);--maic-chat-bracket-3: var(--maic-action-secondary);--maic-chat-bracket-4: var(--maic-status-neutral);--maic-chat-bracket-bg-0: color-mix(in srgb, var(--maic-chat-bracket-0) 10%, var(--maic-text-inverse));--maic-chat-bracket-bg-1: color-mix(in srgb, var(--maic-chat-bracket-1) 10%, var(--maic-text-inverse));--maic-chat-bracket-bg-2: color-mix(in srgb, var(--maic-chat-bracket-2) 12%, var(--maic-text-inverse));--maic-chat-bracket-bg-3: color-mix(in srgb, var(--maic-chat-bracket-3) 10%, var(--maic-text-inverse));--maic-chat-bracket-bg-4: color-mix(in srgb, var(--maic-chat-bracket-4) 12%, var(--maic-text-inverse));--maic-chat-bracket-border-0: color-mix(in srgb, var(--maic-chat-bracket-0) 28%, var(--maic-text-inverse));--maic-chat-bracket-border-1: color-mix(in srgb, var(--maic-chat-bracket-1) 28%, var(--maic-text-inverse));--maic-chat-bracket-border-2: color-mix(in srgb, var(--maic-chat-bracket-2) 34%, var(--maic-text-inverse));--maic-chat-bracket-border-3: color-mix(in srgb, var(--maic-chat-bracket-3) 28%, var(--maic-text-inverse));--maic-chat-bracket-border-4: color-mix(in srgb, var(--maic-chat-bracket-4) 34%, var(--maic-text-inverse));--maic-chat-bracket-label-bg-0: color-mix(in srgb, var(--maic-chat-bracket-0) 18%, var(--maic-text-inverse));--maic-chat-bracket-label-bg-1: color-mix(in srgb, var(--maic-chat-bracket-1) 18%, var(--maic-text-inverse));--maic-chat-bracket-label-bg-2: color-mix(in srgb, var(--maic-chat-bracket-2) 20%, var(--maic-text-inverse));--maic-chat-bracket-label-bg-3: color-mix(in srgb, var(--maic-chat-bracket-3) 18%, var(--maic-text-inverse));--maic-chat-bracket-label-bg-4: color-mix(in srgb, var(--maic-chat-bracket-4) 18%, var(--maic-text-inverse));--maic-chat-bracket-label-text-0: var(--maic-chat-bracket-0);--maic-chat-bracket-label-text-1: var(--maic-chat-bracket-1);--maic-chat-bracket-label-text-2: var(--maic-chat-bracket-2);--maic-chat-bracket-label-text-3: var(--maic-chat-bracket-3);--maic-chat-bracket-label-text-4: var(--maic-chat-bracket-4);--maic-chat-detail-difficulty-elementary-bg: linear-gradient( 135deg, var(--maic-action-primary-strong), var(--maic-action-primary) );--maic-chat-detail-difficulty-intermediate-bg: linear-gradient( 135deg, var(--maic-status-success), color-mix(in srgb, var(--maic-status-success) 72%, var(--maic-text-inverse)) );--maic-chat-detail-difficulty-advanced-bg: linear-gradient( 135deg, var(--maic-action-secondary), color-mix(in srgb, var(--maic-action-secondary) 72%, var(--maic-text-inverse)) );--maic-chat-detail-difficulty-elementary-shadow: 0 2px 8px color-mix(in srgb, var(--maic-action-primary-strong) 30%, transparent);--maic-chat-detail-difficulty-intermediate-shadow: 0 2px 8px color-mix(in srgb, var(--maic-status-success) 30%, transparent);--maic-chat-detail-difficulty-advanced-shadow: 0 2px 8px color-mix(in srgb, var(--maic-action-secondary) 30%, transparent);--maic-chatbox-placeholder-surface: color-mix(in srgb, var(--maic-text-inverse) 60%, transparent);--maic-chatbox-placeholder-border: color-mix(in srgb, var(--maic-surface-overlay) 20%, transparent);--maic-chatbox-placeholder-text: color-mix(in srgb, var(--maic-surface-overlay) 86%, var(--maic-text-inverse));--maic-border-subtle: var(--border-light, rgb(255 255 255 / 10%));--maic-border-chrome: var(--theme-border-chrome, rgb(255 255 255 / 15%));--maic-border-chrome-hover: var(--theme-border-chrome-hover, rgb(255 255 255 / 25%));--maic-border-focus: var(--border-focus, var(--maic-action-primary));--maic-border-subtle-muted: color-mix(in srgb, var(--maic-border-subtle) 60%, transparent);--maic-border-accent-muted: color-mix(in srgb, var(--maic-action-primary) 24%, transparent);--maic-border-accent: color-mix(in srgb, var(--maic-action-primary) 42%, transparent);--maic-radius-card: var(--border-radius, 20px);--maic-radius-control: var(--border-radius-button, 15px);--maic-radius-input: var(--border-radius-input, 15px);--maic-radius-small: var(--border-radius-small, 10px);--maic-radius-pill: 999px;--maic-radius-round: 50%;--maic-shadow-card: var(--shadow-light, 8px 8px 16px rgb(0 0 0 / 30%));--maic-shadow-card-contrast: var(--shadow-dark, -8px -8px 16px rgb(255 255 255 / 10%));--maic-shadow-card-hover: var(--shadow-hover-light, 12px 12px 24px rgb(0 0 0 / 40%));--maic-shadow-card-hover-contrast: var(--shadow-hover-dark, -12px -12px 24px rgb(255 255 255 / 15%));--maic-shadow-card-pressed: var(--shadow-pressed-light, 4px 4px 8px rgb(0 0 0 / 30%));--maic-shadow-card-pressed-contrast: var(--shadow-pressed-dark, -4px -4px 8px rgb(255 255 255 / 10%));--maic-shadow-control: var(--shadow-button, 0 4px 12px rgb(139 156 247 / 30%));--maic-shadow-text-subtle: var(--text-shadow-light, 0 2px 4px rgb(0 0 0 / 30%));--maic-shadow-focus-ring: 0 0 20px rgb(139 156 247 / 20%);--maic-shadow-input-shell: 0 -18px 46px rgb(8 10 28 / 38%);--maic-shadow-control-focus: 0 0 15px color-mix(in srgb, var(--maic-action-primary) 20%, transparent);--maic-shadow-control-hover-subtle: 0 2px 8px color-mix(in srgb, var(--maic-surface-overlay) 10%, transparent);--maic-shadow-control-hover: 0 6px 12px color-mix(in srgb, var(--maic-surface-overlay) 15%, transparent);--maic-shadow-control-active: 0 4px 12px color-mix(in srgb, var(--maic-action-primary) 20%, transparent);--maic-shadow-panel-soft: 0 4px 12px color-mix(in srgb, var(--maic-surface-overlay) 30%, transparent);--maic-shadow-panel-modal: 0 10px 30px color-mix(in srgb, var(--maic-surface-overlay) 50%, transparent);--maic-shadow-admin-card: 0 6px 14px color-mix(in srgb, var(--maic-surface-overlay) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--maic-text-inverse) 3%, transparent);--maic-shadow-admin-inline: 0 2px 8px color-mix(in srgb, var(--maic-surface-overlay) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--maic-action-primary) 18%, transparent);--maic-shadow-inset-control: inset 4px 4px 8px rgb(0 0 0 / 30%), inset -4px -4px 8px rgb(255 255 255 / 10%);--maic-shadow-inset-panel: inset 8px 8px 16px rgb(0 0 0 / 30%), inset -8px -8px 16px rgb(255 255 255 / 10%);--maic-font-sans: var(--font-family, "Pretendard Variable", system-ui, sans-serif);--maic-font-mono: "Courier New", monospace;--maic-font-size-xs: var(--font-size-xs, .8rem);--maic-font-size-sm: var(--font-size-sm, .9rem);--maic-font-size-base: var(--font-size-base, 1rem);--maic-font-size-lg: var(--font-size-lg, 1.2rem);--maic-font-size-xl: var(--font-size-xl, 1.5rem);--maic-font-weight-normal: var(--font-weight-normal, 400);--maic-font-weight-medium: var(--font-weight-medium, 500);--maic-font-weight-semibold: var(--font-weight-semibold, 600);--maic-font-weight-bold: var(--font-weight-bold, 700);--maic-space-xs: var(--spacing-xs, .5rem);--maic-space-sm: var(--spacing-sm, 1rem);--maic-space-md: var(--spacing-md, 1.5rem);--maic-space-lg: var(--spacing-lg, 2rem);--maic-space-xl: var(--spacing-xl, 3rem);--maic-transition-fast: var(--transition-fast, .2s ease);--maic-transition-normal: var(--transition-normal, .3s ease);--maic-transition-slow: var(--transition-slow, .5s ease)}.public-shell-page{position:relative;min-height:100vh;padding:40px 16px;color:var(--theme-public-text, #eef2ff)}.public-shell-page-landing{padding:0;color:inherit}.public-shell-page-landing main{margin:0;width:100%;max-width:none}.public-shell-page main{position:relative;z-index:2;margin:0 auto;width:min(900px,100%)}.public-shell-page-student-login{padding:0;color:var(--theme-public-text, #fff);font-family:var(--font-family);background:var(--theme-public-page-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.public-shell-page-student-login .public-shell-backdrop{display:none}.public-shell-page-student-login main{width:min(420px,100%);max-width:none;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.public-shell-page-admin-login{padding:0;color:var(--theme-public-text, #eef2ff);font-family:var(--font-family);background:var(--theme-public-page-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.public-shell-page-admin-login .public-shell-backdrop{display:none}.public-shell-page-admin-login main{width:min(420px,100%);max-width:none;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.public-login-container{width:100%;animation:public-login-fade-in .6s ease-out}@keyframes public-login-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.public-login-card{background:var(--theme-public-card-bg, rgb(255 255 255 / 10%));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--maic-radius-card, 24px);border:1px solid var(--theme-public-card-border, rgb(255 255 255 / 20%));box-shadow:var(--theme-public-card-shadow, 0 8px 32px rgb(31 38 135 / 37%));padding:40px 32px;color:var(--theme-public-text, #fff)}.public-login-header{text-align:center;margin-bottom:32px}.public-login-header h1{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--theme-public-text, #fff)}.public-login-header p{margin:0;font-size:14px;opacity:.92;color:var(--theme-public-text-muted, rgb(255 255 255 / 92%))}.public-login-alert{border-radius:8px;padding:12px;margin-bottom:16px;font-size:14px}.public-login-alert-error{background:#ff3b3033;border:1px solid rgb(255 59 48 / 40%);color:var(--maic-status-danger-on-light, #fff)}.public-login-alert-warning{background:#fbbf2433;border:1px solid rgb(251 191 36 / 42%);color:var(--maic-status-warning-on-light, #fff8db)}.public-login-form{gap:0}.public-login-label{margin-bottom:20px;display:block;font-size:14px;font-weight:500;color:var(--theme-public-text, rgb(255 255 255 / 95%))}.public-login-input{width:100%;margin-top:8px;padding:14px 16px;font-size:16px;background:var(--theme-public-input-bg, rgb(255 255 255 / 15%));border:1px solid var(--theme-public-input-border, rgb(255 255 255 / 25%));border-radius:var(--maic-radius-input, 12px);color:var(--theme-public-text, #fff);transition:all .3s ease;box-sizing:border-box}.public-login-input::placeholder{color:color-mix(in srgb,var(--theme-public-text, #fff) 62%,transparent)}.public-login-input:focus{outline:none;background:var(--theme-public-input-focus-bg, rgb(255 255 255 / 20%));border-color:var(--maic-border-focus, rgb(255 255 255 / 40%));box-shadow:0 0 0 3px color-mix(in srgb,var(--maic-border-focus, #fff) 18%,transparent)}.public-login-submit{width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;letter-spacing:.5px;color:var(--theme-public-action-text, #fff);border-radius:var(--maic-radius-control, 12px);border:1px solid var(--theme-public-action-border, var(--theme-public-card-border, rgb(255 255 255 / 30%)));background:var( --gradient-button, linear-gradient(135deg, rgb(255 255 255 / 30%), rgb(255 255 255 / 20%)) );cursor:pointer;transition:all .3s ease}.public-login-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.public-login-submit:active:not(:disabled){transform:translateY(0)}.public-login-submit:disabled{opacity:.72;cursor:not-allowed}.public-login-divider{text-align:center;margin:24px 0;position:relative}.public-login-divider:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:var(--theme-public-divider, rgb(255 255 255 / 20%))}.public-login-divider span{position:relative;background:var(--theme-public-divider-surface, rgb(255 255 255 / 10%));padding:0 16px;font-size:14px;color:var(--theme-public-text-muted, rgb(255 255 255 / 82%))}.public-login-register{margin:0;text-align:center;font-size:14px;color:var(--theme-public-text-muted, rgb(255 255 255 / 90%))}.public-login-register a{color:var(--theme-public-link, #fff);text-decoration:none;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--theme-public-link, #fff) 60%,transparent)}.public-login-register a:hover{opacity:.85}.public-login-inactive-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.public-login-inactive-overlay.show{opacity:1;visibility:visible}.public-login-inactive-modal{width:min(380px,calc(100% - 24px));padding:40px 32px;border-radius:var(--maic-radius-card, 24px);text-align:center;border:1px solid var(--theme-public-card-border, rgb(255 255 255 / 10%));background:var(--theme-public-modal-bg, linear-gradient(145deg, #1a1c2e, #252842));box-shadow:var(--theme-public-card-shadow, 0 20px 60px rgb(0 0 0 / 40%));transform:scale(.9) translateY(20px);transition:transform .3s ease}.public-login-inactive-overlay.show .public-login-inactive-modal{transform:scale(1) translateY(0)}.public-login-inactive-emoji{font-size:80px;margin-bottom:14px;animation:public-login-float 3s ease-in-out infinite}@keyframes public-login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.public-login-inactive-title{margin:0 0 12px;color:var(--theme-public-text, #fff);font-size:22px;font-weight:700}.public-login-inactive-zzz{display:inline-block;animation:public-login-zzz 2s ease-in-out infinite}@keyframes public-login-zzz{0%,to{opacity:1;transform:translateY(0) rotate(-5deg)}50%{opacity:.6;transform:translateY(-5px) rotate(5deg)}}.public-login-inactive-message{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--theme-public-text-muted, rgb(255 255 255 / 80%))}.public-login-inactive-message strong{color:var(--maic-action-primary, #a78bfa);font-weight:700}.public-login-inactive-close{padding:14px 32px;font-size:15px;font-weight:600;color:var(--theme-public-action-text, #fff);border:none;border-radius:var(--maic-radius-control, 12px);background:var(--gradient-button, linear-gradient(135deg, #6366f1, #8b5cf6));cursor:pointer;transition:all .3s ease}.public-login-inactive-close:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.public-shell-backdrop{position:fixed;inset:0;background:var( --theme-public-backdrop, radial-gradient(circle at 20% 20%, rgb(56 189 248 / 18%) 0, transparent 42%), radial-gradient(circle at 80% 15%, rgb(167 139 250 / 20%) 0, transparent 40%), linear-gradient(145deg, #0f172a 0%, #1e293b 52%, #111827 100%) );z-index:1}.public-shell-card{border:1px solid var(--theme-public-card-border, rgb(148 163 184 / 35%));border-radius:var(--maic-radius-card, 20px);background:var(--theme-public-card-bg, rgb(15 23 42 / 78%));box-shadow:var(--theme-public-card-shadow, 0 24px 60px rgb(2 6 23 / 45%));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:32px}.public-shell-card h1{margin:10px 0 16px;color:var(--theme-public-text, #f8fafc);font-size:clamp(1.55rem,2.2vw,2.2rem);line-height:1.25}.public-shell-card h2{margin:16px 0 8px;color:var(--theme-public-text, #f8fafc);font-size:1.35rem}.public-shell-card h3{margin:14px 0 6px;color:var(--theme-public-text-muted, var(--maic-text-secondary));font-size:1rem}.public-shell-card p{margin:0 0 12px;color:var(--theme-public-text-muted, var(--maic-text-secondary));line-height:1.6}.public-shell-eyebrow{margin:0;letter-spacing:0;text-transform:uppercase;font-weight:700;font-size:.78rem;color:var(--theme-public-link, var(--maic-action-primary))}.public-shell-card .public-shell-eyebrow{color:var(--theme-public-link, var(--maic-action-primary))}.public-shell-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.public-shell-btn{min-height:44px;border-radius:11px;border:1px solid transparent;padding:11px 16px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.public-shell-btn:hover{transform:translateY(-1px)}.public-shell-btn-primary{color:#0f172a;background:linear-gradient(135deg,#7dd3fc,#a5b4fc);box-shadow:0 8px 24px #7dd3fc47}.public-shell-btn-ghost{color:#dbeafe;background:#1e293bb3;border-color:#94a3b859}.public-shell-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.public-shell-form{display:grid;gap:12px}.public-shell-form label{display:grid;gap:6px;color:var(--theme-public-text, #dbeafe);font-size:.95rem}.public-shell-form input,.public-shell-form select{width:100%;border-radius:var(--maic-radius-input, 10px);border:1px solid var(--theme-public-input-border, rgb(148 163 184 / 35%));background:var(--theme-public-input-bg, rgb(30 41 59 / 75%));color:var(--theme-public-text, #f8fafc);padding:10px 12px}.public-shell-form input:focus,.public-shell-form select:focus{outline:none;border-color:var(--maic-border-focus, rgb(125 211 252 / 70%));box-shadow:0 0 0 2px color-mix(in srgb,var(--maic-border-focus, #7dd3fc) 25%,transparent)}.public-shell-auth{width:min(520px,100%);margin:0 auto}.public-shell-footnote{font-size:.9rem;color:#bfdbfe}.public-shell-footnote a{color:#7dd3fc}.public-shell-alert{padding:10px 12px;border-radius:10px;margin-bottom:10px}.public-shell-alert-error{background:#7f1d1d73;border:1px solid rgb(248 113 113 / 40%);color:#fecaca}.public-shell-alert-warning{background:#78350f73;border:1px solid rgb(251 191 36 / 40%);color:#fde68a}.public-shell-list{margin:0;padding-left:20px;display:grid;gap:7px;color:#dbeafe}.public-shell-class-chip-wrap{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.public-shell-class-chip{display:inline-flex;align-items:center;border:1px solid rgb(110 130 190 / 44%);border-radius:999px;padding:4px 10px;font-size:12px;background:#101b34b8;color:#dbe7ff}.public-shell-class-chip-link{text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.public-shell-class-chip-link:hover{transform:translateY(-1px);border-color:#7dd3fc8a;background:#1e293be0}.public-shell-class-chip.is-primary{border-color:#78beffa6;box-shadow:inset 0 0 0 1px #78beff40;color:#f2f7ff}.public-shell-class-chip.is-empty{opacity:.8}.public-shell-dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.public-shell-dashboard-header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.public-shell-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.public-shell-section-head>span{color:var(--theme-public-text-muted, var(--maic-text-secondary));font-weight:700}.public-shell-section-head h2{margin:0}.public-shell-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.public-shell-tabs button{border:1px solid rgb(148 163 184 / 35%);border-radius:999px;padding:8px 14px;color:#dbeafe;background:#1e293bbf;font-weight:600;cursor:pointer}.public-shell-tabs button.active{color:#0f172a;background:linear-gradient(135deg,#7dd3fc,#a5b4fc);border-color:transparent}.public-shell-pane{border:1px solid rgb(148 163 184 / 30%);border-radius:14px;padding:16px;background:#0f172a7f}.public-shell-learning-home{display:grid;gap:14px;color:var(--theme-public-text, var(--maic-text-primary))}.public-shell-pane.public-shell-learning-home{border-color:var(--theme-public-card-border, var(--maic-border-subtle));background:var(--theme-public-card-bg, var(--maic-surface-panel));box-shadow:var(--theme-public-card-shadow, var(--maic-shadow-card))}.public-shell-learning-home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:14px;border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:var(--maic-radius-card, 14px);background:radial-gradient(circle at top right,color-mix(in srgb,var(--theme-public-link, var(--maic-action-primary)) 13%,transparent),transparent 38%),var(--theme-public-card-bg, var(--maic-surface-panel));padding:18px}.public-shell-learning-home-hero>:first-child{grid-row:1 / span 2}.public-shell-learning-home-hero h2{margin:0;color:var(--theme-public-text, var(--maic-text-primary))}.public-shell-learning-home-actions{grid-column:2;grid-row:1;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.public-shell-learning-home-hero .public-shell-mode-toggle-row{grid-column:2;grid-row:2;justify-content:flex-end;margin-top:0}.public-shell-learning-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-shell-learning-home-stat,.public-shell-learning-home-card{border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:var(--maic-radius-card, 14px);background:var(--theme-public-card-bg, var(--maic-surface-panel))}.public-shell-learning-home-stat{padding:14px;display:grid;gap:6px}.public-shell-learning-home-stat strong{color:var(--theme-public-text, var(--maic-text-primary));font-size:1.35rem}.public-shell-learning-home-stat span{color:var(--theme-public-text-muted, var(--maic-text-secondary));font-size:.86rem}.public-shell-learning-home-grid,.public-shell-learning-home-columns{display:grid;gap:12px}.public-shell-learning-home-grid,.public-shell-learning-home-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell-learning-home-full-row{margin-top:12px}.public-shell-learning-home-priority-grid,.public-shell-learning-home-secondary-grid{display:grid;gap:12px;margin-top:12px}.public-shell-learning-home-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell-learning-home-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-shell-learning-home-card{padding:14px;display:grid;gap:10px}.public-shell-learning-home-card h3,.public-shell-learning-home-card strong,.public-shell-learning-home-list-row strong{color:var(--theme-public-text, var(--maic-text-primary))}.public-shell-learning-home-card h3{margin:0;font-size:1rem}.public-shell-learning-home-card p,.public-shell-learning-home-list-row p{margin:0;color:var(--theme-public-text-muted, var(--maic-text-secondary));line-height:1.45}.public-shell-learning-home-list{display:grid;gap:10px}.public-shell-learning-home-list-row{width:100%;border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:var(--maic-radius-small, 10px);background:var(--theme-public-input-bg, var(--maic-surface-input));color:inherit;text-align:left;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;cursor:pointer}.public-shell-learning-home-list-row span{color:var(--theme-public-text-muted, var(--maic-text-secondary));font-size:.8rem;white-space:nowrap}.public-shell-learning-home-meta-line{font-size:.8rem;color:var(--theme-public-text-muted, var(--maic-text-secondary))}.public-shell-notebook{gap:16px}.public-shell-notebook-hero{background:radial-gradient(circle at top right,rgb(34 197 94 / 16%),transparent 38%),linear-gradient(135deg,#0f172aeb,#080e1ceb)}.public-shell-notebook-motivation-grid,.public-shell-notebook-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell-notebook-motivation-card span{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.public-shell-notebook-columns{align-items:start}.public-shell-notebook-concept-list,.public-shell-notebook-feedback-list{display:grid;gap:12px}.public-shell-notebook-concept-card,.public-shell-notebook-feedback-card,.public-shell-notebook-reflection-card{border:1px solid rgb(148 163 184 / 20%);border-radius:14px;background:#0f172a9e;padding:14px;display:grid;gap:10px}.public-shell-notebook-concept-card p,.public-shell-notebook-feedback-card p,.public-shell-notebook-reflection-card p{margin:0;color:#cbd5e1}.public-shell-class-achievement-layout{display:grid;gap:14px}.public-shell-class-achievement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-shell-class-achievement-kpi{border:1px solid rgb(148 163 184 / 22%);border-radius:14px;background:#080e1c85;padding:16px;display:grid;gap:6px}.public-shell-class-achievement-kpi strong{color:#f8fafc;font-size:1.5rem}.public-shell-class-achievement-kpi span{color:#bfdbfe;font-size:.9rem}.public-shell-class-achievement-assignment-list{display:grid;gap:10px}.public-shell-class-achievement-assignment-card{border:1px solid rgb(148 163 184 / 22%);border-radius:12px;background:#080e1c85;padding:14px}.public-shell-class-achievement-assignment-card strong{display:block;margin-bottom:10px;color:#f8fafc}.public-shell-class-achievement-table-wrap{overflow-x:auto}.public-shell-class-achievement-table{width:100%;border-collapse:collapse;min-width:720px}.public-shell-class-achievement-table th,.public-shell-class-achievement-table td{padding:12px 10px;border-bottom:1px solid rgb(148 163 184 / 18%);text-align:left;color:#dbeafe;font-size:.95rem}.public-shell-class-achievement-table th{color:#bfdbfe;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.public-shell-class-achievement-table tbody tr.is-current-student{background:#3b82f61a}.public-shell-class-achievement-subtext{margin-top:4px;color:#94a3b8;font-size:.82rem}.public-shell-chip-flow{display:flex;flex-wrap:wrap;gap:8px}.public-shell-homework-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr);gap:14px}.public-shell-homework-list,.public-shell-homework-detail{border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:var(--maic-radius-card, 14px);background:var(--theme-public-card-bg, var(--maic-surface-panel));color:var(--theme-public-text, var(--maic-text-primary));padding:14px}.public-shell-homework-layout .public-shell-section-head h2,.public-shell-homework-layout .public-shell-section-head span{color:var(--theme-public-text, var(--maic-text-primary))}.public-shell-homework-list>p,.public-shell-homework-detail>p{color:var(--theme-public-text-muted, var(--maic-text-secondary))}.public-shell-homework-card-wrap{display:grid;gap:10px}.public-shell-homework-card{width:100%;border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:var(--maic-radius-small, 10px);background:var(--theme-public-input-bg, var(--maic-surface-input));color:var(--theme-public-text, var(--maic-text-primary));text-align:left;padding:12px;cursor:pointer;display:grid;gap:8px}.public-shell-homework-card.is-active{border-color:var(--theme-public-link, var(--maic-action-primary));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-public-link, var(--maic-action-primary)) 34%,transparent)}.public-shell-homework-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.public-shell-homework-card-head strong{font-size:.96rem}.public-shell-homework-card-head span{font-size:.8rem;color:var(--theme-public-link, var(--maic-action-primary));white-space:nowrap}.public-shell-homework-card p{margin:0;font-size:.88rem}.public-shell-homework-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.public-shell-homework-action-note{margin:0;font-size:.84rem;color:var(--theme-public-text-muted, var(--maic-text-secondary))}.public-shell-homework-video-list{margin-top:14px;display:grid;gap:10px}.public-shell-homework-video-row{width:100%;border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:var(--maic-radius-small, 10px);background:var(--theme-public-input-bg, var(--maic-surface-input));color:var(--theme-public-text, var(--maic-text-primary));text-align:left;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;cursor:pointer}.public-shell-homework-video-row strong{display:block;margin-bottom:6px}.public-shell-homework-video-row p{margin:0;font-size:.84rem;color:var(--theme-public-text-muted, var(--maic-text-secondary))}.public-shell-homework-video-row-side{display:flex;min-width:88px;flex-direction:column;align-items:flex-end;gap:8px}.public-shell-homework-video-row-cta{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid var(--theme-public-card-border, var(--maic-border-accent-muted));border-radius:999px;background:var(--theme-public-input-bg, var(--maic-status-info-soft));padding:0 12px;font-size:.78rem;font-weight:700;color:var(--theme-public-link, var(--maic-action-primary));white-space:nowrap}.public-shell-homework-video-row-progress{font-size:.88rem;font-weight:700;color:var(--theme-public-link, var(--maic-action-primary));white-space:nowrap}.public-shell-mode-toggle-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;margin-top:16px}.public-shell-mode-btn{width:220px;max-width:100%;min-height:44px;border-radius:50px;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;margin:0;color:var(--theme-public-link, var(--maic-action-primary));background:var(--theme-public-input-bg, var(--maic-status-info-soft));border:1px solid var(--theme-public-card-border, var(--maic-border-accent-muted));box-shadow:none}.public-shell-question-alert-card{margin-top:16px}.public-shell-question-alert-slot{display:grid}.public-shell-question-alert-row{align-items:center}.public-shell-history-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.public-shell-history-list li{border:1px solid rgb(148 163 184 / 25%);border-radius:12px;padding:12px;background:#1e293b8c}.public-shell-history-list p{margin:6px 0 0;white-space:pre-wrap}.public-shell-history-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#cbd5e1;font-size:.87rem}.public-shell-history-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.public-shell-history-subtabs button{border:1px solid rgb(148 163 184 / 35%);border-radius:999px;padding:7px 12px;color:#dbeafe;background:#1e293bbf;font-weight:600;cursor:pointer}.public-shell-history-subtabs button.active{color:#0f172a;background:linear-gradient(135deg,#7dd3fc,#a5b4fc);border-color:transparent}.public-shell-history-accordion{list-style:none;margin:0;padding:0;display:grid;gap:10px}.public-shell-history-accordion li{border:1px solid rgb(148 163 184 / 25%);border-radius:12px;background:#1e293b8c;overflow:hidden}.public-shell-history-toggle{width:100%;border:0;background:transparent;color:#e2e8f0;text-align:left;padding:12px;cursor:pointer;display:grid;gap:8px}.public-shell-history-toggle.active{background:#3b82f624}.public-shell-history-toggle-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.86rem;color:#bfdbfe}.public-shell-history-toggle-label em{font-style:normal;color:#93c5fd}.public-shell-history-toggle-content{color:#f8fafc;line-height:1.5;white-space:pre-wrap}.public-shell-history-toggle-summary{color:#cbd5e1;font-size:.92rem;line-height:1.5;white-space:pre-wrap}.public-shell-history-answer{border-top:1px solid rgb(148 163 184 / 22%);padding:12px;background:#0f172a7f}.public-shell-history-answer p{margin:6px 0 0;white-space:pre-wrap;color:#dbeafe}.public-shell-history-answer-copy{margin-top:10px;border:1px solid rgb(125 211 252 / 18%);border-radius:12px;padding:12px;background:#080e1c70}.public-shell-history-answer-copy strong{display:block;color:#bfdbfe;font-size:.92rem}.public-shell-learning-loop-block{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgb(148 163 184 / 16%)}.public-shell-learning-action-list{display:grid;gap:8px}.public-shell-learning-action{width:100%;border:1px solid rgb(125 211 252 / 20%);border-radius:12px;background:#080e1c9e;color:inherit;text-align:left;padding:12px;display:grid;gap:4px;cursor:pointer}.public-shell-learning-action strong{color:#eff6ff}.public-shell-learning-action span{color:#bfdbfe;font-size:.88rem;line-height:1.45}.public-shell-learning-action:disabled{cursor:not-allowed;opacity:.6}.public-shell-learning-loop-chip{border-color:#7dd3fc59;background:#0c1428c2}.public-shell-textarea{width:100%;min-height:88px;border:1px solid rgb(148 163 184 / 25%);border-radius:12px;background:#080e1cb8;color:#eff6ff;padding:12px;resize:vertical;font:inherit}.public-shell-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.public-shell-file-btn{position:relative}.public-shell-question-capture-card{margin-top:18px}.public-shell-rating-chip{border:1px solid rgb(148 163 184 / 28%);border-radius:999px;background:#0f172ab8;color:#cbd5e1;padding:6px 12px;cursor:pointer;font:inherit}.public-shell-rating-chip.is-active{border-color:#7dd3fc6b;color:#eff6ff;background:#0e2749c7}.public-shell-history-answer-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;color:#bfdbfe}.public-shell-history-note{margin-top:8px;color:var(--theme-public-text-muted, var(--maic-text-secondary));font-size:.9rem;line-height:1.55}.public-shell-history-pagination{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:8px}.public-shell-history-pagination button{border:1px solid rgb(148 163 184 / 35%);border-radius:999px;padding:6px 12px;color:#dbeafe;background:#1e293bbf;font-size:.78rem;font-weight:600;cursor:pointer}.public-shell-history-pagination button:disabled{cursor:not-allowed;opacity:.55}.public-shell-history-pagination span{color:#cbd5e1;font-size:.82rem;min-width:52px;text-align:center}.public-shell-saved-answer-render{margin-top:10px}.public-shell-saved-answer-render>*{margin:0!important}.public-shell-video-history-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.public-shell-video-history-list li{border:1px solid rgb(148 163 184 / 25%);border-radius:12px;background:#1e293b8c}.public-shell-video-history-item{width:100%;border:0;border-radius:inherit;background:transparent;color:inherit;text-align:left;padding:12px;cursor:pointer;display:block;transition:background-color .18s ease}.public-shell-video-history-item:hover{background:#3b82f61a}.public-shell-video-history-item:focus-visible{outline:2px solid rgb(125 211 252 / 80%);outline-offset:-2px}.public-shell-video-history-item:disabled{cursor:not-allowed;opacity:.65}.public-shell-video-history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.public-shell-video-history-head h3{margin:0;color:#eff6ff;font-size:.98rem;line-height:1.35}.public-shell-video-history-head span{color:#93c5fd;font-size:.8rem;white-space:nowrap}.public-shell-video-history-meta{margin:8px 0 0;color:#cbd5e1;font-size:.84rem}.public-shell-video-history-action{margin:10px 0 0;color:#93c5fd;font-size:.8rem;font-weight:600}.public-shell-video-progress{margin-top:9px;height:8px;border-radius:999px;background:#94a3b838;overflow:hidden}.public-shell-video-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#a78bfa)}.public-shell-notification-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.public-shell-notification-list li{border:1px solid rgb(148 163 184 / 25%);border-radius:12px;background:#1e293b8c;padding:12px;display:grid;gap:8px}.public-shell-notification-list li.is-read{opacity:.82}.public-shell-notification-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.public-shell-notification-head strong{margin:0;color:#eff6ff;font-size:.95rem}.public-shell-notification-head span{color:#93c5fd;font-size:.78rem;white-space:nowrap}.public-shell-notification-list p{margin:0;color:#dbeafe;font-size:.86rem;line-height:1.45;white-space:pre-wrap}.public-shell-notification-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.public-shell-notification-link,.public-shell-notification-actions button{border:1px solid var(--theme-public-card-border, var(--maic-border-subtle));border-radius:999px;min-height:44px;padding:9px 12px;font-size:.78rem;color:var(--theme-public-link, var(--maic-action-primary));background:var(--theme-public-input-bg, var(--maic-surface-input));text-decoration:none}.public-shell-notification-actions button{cursor:pointer}.public-shell-notification-actions button:disabled{opacity:.68;cursor:not-allowed}.public-shell-notification-muted{font-size:.78rem;color:#94a3b8}.public-shell-search{grid-template-columns:1fr auto;align-items:end}.public-shell-expression-result{margin-top:12px;border:1px solid rgb(148 163 184 / 30%);border-radius:14px;padding:16px;background:#0f172a8c}.lecture-mastery-ios{--lecture-accent: #007aff;--lecture-accent-soft: rgb(0 122 255 / 12%);--lecture-border: rgb(15 23 42 / 10%);margin-top:16px;display:grid;gap:14px;border:1px solid rgb(255 255 255 / 68%);background:linear-gradient(180deg,#fffffff5,#f2f2f7f5);color:#111827;box-shadow:0 18px 42px #0000002e}.lecture-mastery-ios-ready,.lecture-mastery-ios-active{--lecture-accent: #007aff;--lecture-accent-soft: rgb(0 122 255 / 12%)}.lecture-mastery-ios-passed{--lecture-accent: #34c759;--lecture-accent-soft: rgb(52 199 89 / 13%)}.lecture-mastery-ios-review{--lecture-accent: #ff9500;--lecture-accent-soft: rgb(255 149 0 / 14%)}.lecture-mastery-ios-locked{--lecture-accent: #8e8e93;--lecture-accent-soft: rgb(142 142 147 / 14%)}.lecture-mastery-ios-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.lecture-mastery-ios-hero-copy{display:grid;gap:6px;min-width:0}.lecture-mastery-ios-eyebrow{width:fit-content;border-radius:999px;padding:5px 10px;background:var(--lecture-accent-soft);color:var(--lecture-accent);font-size:.78rem;font-weight:700}.lecture-mastery-ios h3{margin:0;color:#0f172a;font-size:1.34rem;line-height:1.25}.lecture-mastery-ios p{margin:0;color:#475569;line-height:1.55}.lecture-mastery-ios-hero-copy>strong{overflow-wrap:anywhere;color:#1e293b;font-size:.95rem}.lecture-mastery-ios-progress{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#fff 58%,transparent 60%),conic-gradient(var(--lecture-accent) var(--lecture-progress),rgb(209 213 219) 0deg);box-shadow:inset 0 0 0 1px #0f172a12}.lecture-mastery-ios-progress span,.lecture-mastery-ios-progress small{grid-area:1 / 1}.lecture-mastery-ios-progress span{margin-top:-10px;color:#0f172a;font-size:1.05rem;font-weight:800}.lecture-mastery-ios-progress small{margin-top:25px;color:#64748b;font-size:.7rem;font-weight:700}.lecture-mastery-ios-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lecture-mastery-ios-stat-grid>div,.lecture-mastery-ios-history-card,.lecture-mastery-ios-review-summary,.lecture-mastery-ios-review-card,.lecture-mastery-ios-question-card{border:1px solid var(--lecture-border);border-radius:14px;background:#ffffffdb;box-shadow:0 10px 24px #0f172a14}.lecture-mastery-ios-stat-grid>div{display:grid;gap:4px;padding:11px 12px}.lecture-mastery-ios-stat-grid span,.lecture-mastery-ios-chip-row span,.lecture-mastery-ios-card-head span,.lecture-mastery-ios-question-progress span{color:#64748b;font-size:.76rem;font-weight:700}.lecture-mastery-ios-stat-grid strong{overflow-wrap:anywhere;color:#0f172a;font-size:.96rem}.lecture-mastery-ios-note,.lecture-mastery-ios-alert,.lecture-mastery-ios-success{border-radius:12px;padding:10px 12px}.lecture-mastery-ios-note{background:#ffffffbd}.lecture-mastery-ios-alert{background:#ff3b301f;color:#b42318}.lecture-mastery-ios-success{background:#34c7591f;color:#166534;font-weight:700}.lecture-mastery-ios-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lecture-mastery-ios-primary-action,.lecture-mastery-ios-secondary-action{min-height:44px;border:0;border-radius:12px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.lecture-mastery-ios-primary-action{background:var(--lecture-accent);color:#fff;box-shadow:0 10px 22px #007aff38}.lecture-mastery-ios-secondary-action{border:1px solid var(--lecture-border);background:#fff;color:var(--lecture-accent)}.lecture-mastery-ios-primary-action:hover:not(:disabled),.lecture-mastery-ios-secondary-action:hover:not(:disabled){transform:translateY(-1px)}.lecture-mastery-ios-primary-action:focus-visible,.lecture-mastery-ios-secondary-action:focus-visible,.lecture-mastery-ios-choice:has(input:focus-visible){outline:3px solid rgb(0 122 255 / 52%);outline-offset:3px;box-shadow:0 0 0 3px #ffffffeb,0 0 0 6px #007aff33}.lecture-mastery-ios-primary-action:disabled,.lecture-mastery-ios-secondary-action:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.lecture-mastery-ios-question-set,.lecture-mastery-ios-review-list{display:grid;gap:12px}.lecture-mastery-ios-question-progress,.lecture-mastery-ios-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lecture-mastery-ios-question-progress strong,.lecture-mastery-ios-card-head strong{color:#0f172a;line-height:1.45;overflow-wrap:anywhere}.lecture-mastery-ios-question-card,.lecture-mastery-ios-review-card,.lecture-mastery-ios-review-summary,.lecture-mastery-ios-history-card{display:grid;gap:12px;padding:13px}.lecture-mastery-ios-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lecture-mastery-ios-choice{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;border:1px solid rgb(15 23 42 / 10%);border-radius:12px;padding:10px 12px;background:#fff;color:#111827}.lecture-mastery-ios-choice input{position:absolute;opacity:0;pointer-events:none}.lecture-mastery-ios-choice span{color:var(--lecture-accent);font-size:1rem;font-weight:800}.lecture-mastery-ios-choice strong{overflow-wrap:anywhere;font-size:.92rem;line-height:1.4}.lecture-mastery-ios-choice.is-selected{border-color:var(--lecture-accent);background:var(--lecture-accent-soft);box-shadow:inset 0 0 0 1px var(--lecture-accent)}.lecture-mastery-ios-choice:has(input:focus-visible){border-color:var(--lecture-accent)}.lecture-mastery-ios-submit-bar{display:flex;justify-content:flex-end;padding-top:2px}.lecture-mastery-ios-answer-line{color:#334155;font-weight:700}.lecture-mastery-ios-chip-row{display:flex;flex-wrap:wrap;gap:8px}.lecture-mastery-ios-chip-row span{border-radius:999px;padding:6px 10px;background:#f1f5f9eb;color:#334155}.lecture-mastery-ios-history-card p{color:#475569}@media(max-width:640px){.public-shell-card{padding:20px}.public-login-card{padding:28px 22px;border-radius:20px}.public-login-header h1{font-size:28px}.public-login-inactive-modal{padding:30px 22px}.public-shell-dashboard-header{align-items:flex-start;flex-direction:column}.public-shell-dashboard-header-actions{width:100%;justify-content:flex-start}.public-shell-learning-home-hero{grid-template-columns:1fr}.public-shell-learning-home-actions{grid-column:1;grid-row:auto;width:100%;justify-content:flex-start}.public-shell-learning-home-hero>:first-child,.public-shell-learning-home-hero .public-shell-mode-toggle-row{grid-column:1;grid-row:auto;justify-content:flex-start}.public-shell-learning-home-stats,.public-shell-learning-home-grid,.public-shell-learning-home-columns,.public-shell-learning-home-priority-grid,.public-shell-learning-home-secondary-grid,.public-shell-homework-layout,.public-shell-class-achievement-summary,.public-shell-search{grid-template-columns:1fr}[data-testid=student-assessment-section],[data-testid=student-assessment-entry-panel]{padding:12px}[data-testid=student-assessment-section]>.public-shell-section-head{flex-direction:column;align-items:flex-start}}@media(max-width:430px){[data-testid=student-assessment-section],[data-testid=student-assessment-entry-panel]{padding:10px}}@media(max-width:640px){.lecture-mastery-ios{padding:12px}.lecture-mastery-ios-hero{grid-template-columns:1fr}.lecture-mastery-ios-progress{width:76px;height:76px}.lecture-mastery-ios-stat-grid,.lecture-mastery-ios-choice-grid{grid-template-columns:1fr}.lecture-mastery-ios-actions,.lecture-mastery-ios-submit-bar,.lecture-mastery-ios-primary-action,.lecture-mastery-ios-secondary-action{width:100%}}