@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{--primary-color: #6c5ce7;--secondary-color: #a29bfe;--accent-color: #00cec9;--text-color: #fff;--glass-bg: rgb(255 255 255 / 10%);--glass-border: rgb(255 255 255 / 20%);--font-main: "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: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:.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:0 8px 32px #1f26875e}}.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:linear-gradient(to right,#fff,#a29bfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-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:#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.2;margin-bottom:12px;background:linear-gradient(to bottom right,#fff,#dfe6e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.public-shell-legacy-landing .hero-subtitle{font-size:18px;font-weight:300;color:#fffc;margin-bottom:40px;letter-spacing:1px}.public-shell-legacy-landing .visual-element{width:300px;height:300px;margin-bottom:60px;position:relative;display:flex;justify-content:center;align-items:center;overflow:visible}.public-shell-legacy-landing .ai-bubble{position:relative;width:180px;height:180px;z-index:2;animation:float-bubble 4s ease-in-out infinite}.public-shell-legacy-landing .bubble-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgb(0 206 201 / 40%),transparent 70%);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite;filter:blur(20px)}.public-shell-legacy-landing .bubble-content{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#6c5ce733,#a29bfe26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%/60% 60% 40% 40%;border:2px solid rgb(0 206 201 / 30%);box-shadow:0 0 40px #00cec966,inset 0 0 30px #ffffff1a;display:flex;justify-content:center;align-items:center;overflow:visible;animation:bubble-pulse 3s ease-in-out infinite;--bubble-happy-intensity: 0;--bubble-angry-intensity: 0;--press-offset-x: 0;--press-offset-y: 0;--press-force: 0;--dent-x: 50%;--dent-y: 50%;--dent-strength: 0;--dent-size: 40px;touch-action:none;will-change:transform,border-radius;transition:transform .35s cubic-bezier(.25,.9,.38,1.05),border-radius .35s cubic-bezier(.4,.9,.25,1.05)}.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))}.public-shell-legacy-landing .bubble-content:after{background:radial-gradient(circle,rgb(255 99 132 / 30%),transparent 70%);opacity:calc(var(--bubble-angry-intensity, 0))}.public-shell-legacy-landing .bubble-content.happy{border-color:rgb(0 206 201 / calc(.3 + var(--bubble-happy-intensity, 0)));animation:happy-pulse 2.8s ease-in-out infinite}.public-shell-legacy-landing .bubble-content.angry{border-color:rgb(255 71 87 / calc(.3 + var(--bubble-angry-intensity, 0)));animation:angry-pulse 1.4s ease-in-out infinite}.public-shell-legacy-landing .bubble-content.squish-active,.public-shell-legacy-landing .bubble-content.squish-pulse{animation:none;transform:translate3d(calc(var(--press-offset-x) * 12px),calc(var(--press-offset-y) * 12px),0) scale(calc(1 + (var(--press-force) * .12))) skew(var(--skew-x, 0deg),var(--skew-y, 0deg));border-radius:var(--asymmetric-radius-top-left, 50%) var(--asymmetric-radius-top-right, 50%) var(--asymmetric-radius-bottom-right, 60%) var(--asymmetric-radius-bottom-left, 60%)}.public-shell-legacy-landing .bubble-content.squish-pulse{transition:transform .32s cubic-bezier(.4,.9,.25,1.05),border-radius .32s cubic-bezier(.4,.9,.25,1.05)}.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;top:var(--dent-y, 50%);left:var(--dent-x, 50%);width:var(--dent-size, 40px);height:var(--dent-size, 40px);border-radius:50%;transform:translate(-50%,-50%) scale(calc(.9 + var(--dent-strength, 0) * .4));opacity:0;background:radial-gradient(circle,rgb(0 0 0 / 35%) 0%,rgb(0 0 0 / 10%) 60%,transparent 100%);filter:blur(4px);transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease;mix-blend-mode:multiply}.public-shell-legacy-landing .bubble-content.squish-active .bubble-dent:after{opacity:calc(.25 + var(--dent-strength, 0) * .5)}.public-shell-legacy-landing .bubble-content.squish-pulse .bubble-dent:after{opacity:calc(.35 + var(--dent-strength, 0) * .55)}.public-shell-legacy-landing .bubble-content.stroking{transform:scale(1.04)}.public-shell-legacy-landing .bubble-content.poking{animation:flinch .18s ease-in-out}.public-shell-legacy-landing .bubble-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:3;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.public-shell-legacy-landing .bubble-content.exploded{animation:explode 1s ease both;pointer-events:none;filter:brightness(1.5) saturate(1.4)}.public-shell-legacy-landing .bubble-content.exploded .bubble-face{opacity:0;transform:scale(.6)}.public-shell-legacy-landing .bubble-content.exploded:after{content:"";position:absolute;inset:-15%;border-radius:inherit;background:radial-gradient(circle,rgb(255 255 255 / 85%),rgb(255 197 120 / 25%) 40%,transparent 70%);opacity:0;animation:explosion-flare .9s ease-out forwards;pointer-events:none;z-index:4}.public-shell-legacy-landing .face-brows{display:flex;justify-content:center;width:200px;gap:16px;padding:4px 6px;margin-top:-16px;overflow:visible}.public-shell-legacy-landing .brow{position:relative;width:54px;height:16px;--happy-intensity: var(--bubble-happy-intensity, 0);--angry-intensity: var(--bubble-angry-intensity, 0);transform-origin:bottom center;transition:transform .25s ease,width .25s ease,height .25s ease}.public-shell-legacy-landing .brow:after{content:"";position:absolute;top:-15%;left:0;width:100%;height:2.6px;transform:translateY(-50%);border-radius:6px;background:linear-gradient(135deg,#00cec9bf,#00cec9f2 55%,#81fff3);filter:drop-shadow(0 10px 24px rgb(0 0 0 / 55%)) drop-shadow(0 0 46px rgb(118 255 244 / 90%)) drop-shadow(0 0 32px rgb(0 206 201 / 70%));box-shadow:0 0 16px #76fff48c,0 0 28px #00cec9b3}.public-shell-legacy-landing .brow:before{content:"";position:absolute;top:115%;left:0;width:100%;height:2.9px;border-radius:10px;transform:translateY(-50%) scaleX(.9);background:linear-gradient(135deg,#00a09c73,#00cec9a6 45%,#78fff7cc);opacity:.7;filter:drop-shadow(0 5px 14px rgb(0 0 0 / 45%)) drop-shadow(0 0 20px rgb(118 255 244 / 50%));pointer-events:none}.public-shell-legacy-landing .brow-left{transform-origin:right center;--smile-lift-left: calc(var(--happy-intensity) * 10px);--frown-drop-left: calc(var(--angry-intensity) * 5.6px);--smile-tilt-left: calc(var(--happy-intensity) * -6.4deg);--frown-tilt-left: calc(var(--angry-intensity) * 8deg);transform:translate(calc(-18px + (var(--happy-intensity) * -.6px) + (var(--angry-intensity) * -2.4px)),calc(-11.5px - var(--smile-lift-left) + var(--frown-drop-left))) rotate(calc(-1.2deg + var(--smile-tilt-left) + var(--frown-tilt-left))) scaleX(calc(1.05 + (var(--happy-intensity) * .18) + (var(--angry-intensity) * .02)))}.public-shell-legacy-landing .brow-right{transform-origin:left center;--smile-lift-right: calc(var(--happy-intensity) * 6.4px);--frown-drop-right: calc(var(--angry-intensity) * 9.8px);--smile-tilt-right: calc(var(--happy-intensity) * 3.8deg);--frown-tilt-right: calc(var(--angry-intensity) * -9.6deg);transform:translate(calc(17px - (var(--happy-intensity) * 2.8px) - (var(--angry-intensity) * .2px)),calc(-8px - var(--smile-lift-right) + var(--frown-drop-right))) rotate(calc(.2deg + var(--smile-tilt-right) + var(--frown-tilt-right))) scaleX(calc(1.12 + (var(--happy-intensity) * .05) + (var(--angry-intensity) * .11)))}.public-shell-legacy-landing .face-mouth-block-disabled{display:none}.public-shell-legacy-landing .bubble-ripple-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:1}.public-shell-legacy-landing .bubble-glow-trail-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}.public-shell-legacy-landing .glow-trail{position:absolute;width:20px;height:20px;left:calc(var(--trail-x, 50%) - 10px);top:calc(var(--trail-y, 50%) - 10px);border-radius:50%;background:radial-gradient(circle,var(--trail-color, #6c5ce7) 0%,var(--trail-color, #6c5ce7) 40%,transparent 70%);box-shadow:0 0 12px var(--trail-color, #6c5ce7),0 0 24px var(--trail-color, #6c5ce7),0 0 36px var(--trail-color, #6c5ce7);animation:glow-trail-fade 1s ease-out forwards;pointer-events:none}@keyframes glow-trail-fade{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1.5);opacity:0}}.public-shell-legacy-landing .bubble-ripple{position:absolute;width:18%;aspect-ratio:1 / 1;left:calc(var(--x, 50%) - 9%);top:calc(var(--y, 50%) - 9%);border-radius:50%;transform:scale(.2);opacity:.85;mix-blend-mode:screen;border:2px solid rgb(255 255 255 / 60%);animation:ripple-burst .7s ease-out forwards;animation-delay:var(--delay, 0ms)}.public-shell-legacy-landing .bubble-ripple.stroke{border-color:#8cf6deb3}.public-shell-legacy-landing .bubble-ripple.stroke-boost{border-color:#8cf6dee5;animation:ripple-burst .9s ease-out forwards}.public-shell-legacy-landing .bubble-ripple.poke{border-color:#ffb3c1e5;animation:ripple-burst-strong .55s ease-out forwards}.public-shell-legacy-landing .bubble-ripple.explosion{border-color:#fffc;animation:ripple-explosion 1s ease-out forwards}.public-shell-legacy-landing .ai-text{font-size:36px;font-weight:700;color:var(--accent-color);text-shadow:0 0 20px var(--accent-color),0 0 40px var(--accent-color),0 0 60px var(--accent-color);z-index:3;animation:text-glow 2s ease-in-out infinite;letter-spacing:2px}.public-shell-legacy-landing .inner-letters{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.public-shell-legacy-landing .inner-letter{position:absolute;font-size:16px;font-weight:600;color:#fff9;text-shadow:0 0 10px rgb(255 255 255 / 50%);animation:float-letter 6s ease-in-out infinite}.public-shell-legacy-landing .inner-letter-1{top:20%;left:30%;animation-delay:0s}.public-shell-legacy-landing .inner-letter-2{top:30%;left:70%;animation-delay:.5s}.public-shell-legacy-landing .inner-letter-3{top:50%;left:20%;animation-delay:1s}.public-shell-legacy-landing .inner-letter-4{top:60%;left:80%;animation-delay:1.5s}.public-shell-legacy-landing .inner-letter-5{top:70%;left:40%;animation-delay:2s}.public-shell-legacy-landing .inner-letter-6{top:80%;left:60%;animation-delay:2.5s}.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:#ffffffb3;text-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:#ffffffe5}.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 .bubble-message-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:5;overflow:visible}.public-shell-legacy-landing .bubble-message-container.visible{opacity:1}.public-shell-legacy-landing .bubble-message{padding:10px 14px;border-radius:14px;color:#fff;font-weight:600;font-size:24px;transform:translateY(8px);transition:transform .3s ease,color .3s ease,text-shadow .3s ease;text-shadow:0 0 12px rgb(0 0 0 / 40%);white-space:nowrap;overflow:visible}.public-shell-legacy-landing .bubble-message-container.visible .bubble-message{transform:translateY(0)}.public-shell-legacy-landing .bubble-message.happy{color:#8cf6de;text-shadow:0 0 18px rgb(140 246 222 / 70%)}.public-shell-legacy-landing .bubble-message.angry{color:#ffb3c1;text-shadow:0 0 18px rgb(255 120 145 / 70%);transform:translateY(8px) rotate(-2deg)}.public-shell-legacy-landing .bubble-message-container.visible .bubble-message.angry{transform:translateY(0) rotate(-2deg)}.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:30px;left:0;right:0;display:flex;justify-content:center;z-index:10;padding:0 20px;pointer-events:none}.public-shell-legacy-landing .floating-button{width:100%;max-width:240px;padding:12px 15px;font-size:24px;font-weight:600;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:transparent;border:1px solid rgb(255 255 255 / 10%);border-radius:30px;cursor:grab;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003;font-family:var(--font-main);pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:pan-x;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.public-shell-legacy-landing .floating-button:active{cursor:grabbing}.public-shell-legacy-landing .floating-button:hover{background:#ffffff1a;border-color:#ffffff40;box-shadow:0 8px 25px #0000004d}.public-shell-legacy-landing .floating-button .button-text{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.public-shell-legacy-landing .floating-button .arrow-icon{animation:arrow-bounce 2s ease-in-out infinite;flex-shrink:0;filter:drop-shadow(0 0 5px rgb(255 255 255 / 50%))}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.public-shell-legacy-landing .bubble-content,.public-shell-legacy-landing .bubble-content:before,.public-shell-legacy-landing .bubble-content:after,.public-shell-legacy-landing .ai-bubble,.public-shell-legacy-landing .bubble-glow,.public-shell-legacy-landing .ai-text,.public-shell-legacy-landing .wave-line,.public-shell-legacy-landing .inner-letter,.public-shell-legacy-landing .letter,.public-shell-legacy-landing .floating-button,.public-shell-legacy-landing .floating-button .arrow-icon{animation:none!important;transition:none!important}}.public-shell-page{position:relative;min-height:100vh;padding:40px 16px;color:#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:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}.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-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:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgb(255 255 255 / 20%);box-shadow:0 8px 32px #1f26875e;padding:40px 32px;color:#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:#fff}.public-login-header p{margin:0;font-size:14px;opacity:.92;color:#ffffffeb}.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:#fff}.public-login-alert-warning{background:#fbbf2433;border:1px solid rgb(251 191 36 / 42%);color:#fff8db}.public-login-form{gap:0}.public-login-label{margin-bottom:20px;display:block;font-size:14px;font-weight:500;color:#fffffff2}.public-login-input{width:100%;margin-top:8px;padding:14px 16px;font-size:16px;background:#ffffff26;border:1px solid rgb(255 255 255 / 25%);border-radius:12px;color:#fff;transition:all .3s ease;box-sizing:border-box}.public-login-input::placeholder{color:#ffffff9e}.public-login-input:focus{outline:none;background:#fff3;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1f}.public-login-submit{width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;letter-spacing:.5px;color:#fff;border-radius:12px;border:1px solid rgb(255 255 255 / 30%);background:linear-gradient(135deg,#ffffff4d,#fff3);cursor:pointer;transition:all .3s ease}.public-login-submit:hover:not(:disabled){background:linear-gradient(135deg,#fff6,#ffffff4d);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:#fff3}.public-login-divider span{position:relative;background:#ffffff1a;padding:0 16px;font-size:14px;color:#ffffffd1}.public-login-register{margin:0;text-align:center;font-size:14px;color:#ffffffe5}.public-login-register a{color:#fff;text-decoration:none;font-weight:600;border-bottom:1px solid rgb(255 255 255 / 60%)}.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:24px;text-align:center;border:1px solid rgb(255 255 255 / 10%);background:linear-gradient(145deg,#1a1c2e,#252842);box-shadow:0 20px 60px #0006;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:#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:#fffc}.public-login-inactive-message strong{color:#a78bfa;font-weight:700}.public-login-inactive-close{padding:14px 32px;font-size:15px;font-weight:600;color:#fff;border:none;border-radius:12px;background: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: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,#1e293b 52%,#111827);z-index:1}.public-shell-card{border:1px solid rgb(148 163 184 / 35%);border-radius:20px;background:#0f172ac7;box-shadow:0 24px 60px #02061773;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:32px}.public-shell-card h1{margin:10px 0 16px;color:#f8fafc;font-size:clamp(1.55rem,2.2vw,2.2rem);line-height:1.25}.public-shell-card h2{margin:16px 0 8px;color:#f8fafc;font-size:1.35rem}.public-shell-card h3{margin:14px 0 6px;color:#cbd5e1;font-size:1rem}.public-shell-card p{margin:0 0 12px;color:#dbeafe;line-height:1.6}.public-shell-eyebrow{margin:0;letter-spacing:.11em;text-transform:uppercase;font-weight:700;font-size:.78rem;color:#93c5fd}.public-shell-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.public-shell-btn{border-radius:11px;border:1px solid transparent;padding:11px 16px;font-weight:700;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:#dbeafe;font-size:.95rem}.public-shell-form input,.public-shell-form select{width:100%;border-radius:10px;border:1px solid rgb(148 163 184 / 35%);background:#1e293bbf;color:#f8fafc;padding:10px 12px}.public-shell-form input:focus,.public-shell-form select:focus{outline:none;border-color:#7dd3fcb3;box-shadow:0 0 0 2px #7dd3fc40}.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-dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.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-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%;border-radius:50px;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;margin:0}.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-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-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;color:#bfdbfe}.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-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}@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-search{grid-template-columns:1fr}}