@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.celebration-canvas[data-v-76b010dd]{z-index:80;pointer-events:none;position:fixed;inset:0}.fireworks-page[data-v-06bc30a1]{color:#fff;background:radial-gradient(circle at 26% 24%,#38bdf852,#0000 30%),radial-gradient(circle at 76% 18%,#f973164d,#0000 28%),linear-gradient(135deg,#0f172a 0%,#312e81 54%,#0f766e 100%);place-items:center;min-height:calc(100vh - 121px);padding:48px 24px;display:grid;position:relative;overflow:hidden}.celebration-stage[data-v-06bc30a1]{z-index:2;text-align:center;width:min(720px,100%);position:relative}.celebration-kicker[data-v-06bc30a1]{color:#bae6fd;background:#0f172a52;border:1px solid #ffffff38;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.celebration-stage h1[data-v-06bc30a1]{margin:20px 0 0;font-size:clamp(38px,6vw,68px);line-height:1.08}.celebration-copy[data-v-06bc30a1]{color:#dbeafe;max-width:560px;margin:22px auto 0;font-size:18px;line-height:1.65}.celebration-button[data-v-06bc30a1]{background:#4f46e5;border-color:#fff3;min-width:174px;margin-top:34px;box-shadow:0 16px 32px #4f46e552}.celebration-button[data-v-06bc30a1]:hover{background:#4338ca}.fanfare-button[data-v-06bc30a1]{color:#fff;background:#f973163d;border-color:#f9731685;min-width:174px;margin-top:34px;margin-left:12px;box-shadow:0 16px 32px #f973163d}.fanfare-button[data-v-06bc30a1]:hover{background:#f973165c}@media (width<=560px){.celebration-button[data-v-06bc30a1],.fanfare-button[data-v-06bc30a1]{width:100%;margin-left:0}}@font-face{font-family:Netmarble;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleL.woff)format("woff");font-weight:300;font-display:swap;unicode-range:U+20-7E}@font-face{font-family:Netmarble;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleM.woff)format("woff");font-weight:500;font-display:swap;unicode-range:U+20-7E}@font-face{font-family:Netmarble;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/netmarbleB.woff)format("woff");font-weight:700;font-display:swap;unicode-range:U+20-7E}:root{--font-body:"Netmarble", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Netmarble", "Jua", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#111827;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;background:#f3f4f6}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;font-family:var(--font-body);background:#f3f4f6;margin:0}input,select,textarea{font-family:var(--font-body)}button{font-family:var(--font-display);cursor:pointer}h1,h2,h3,.title,.page-title,.card-title,.brand,.button,.nav-button,.nav-links a,.quiz-card h2,.landing-hero h1,.hero h1,.result-room-card h2,.result-feedback-card h2,.section-title-row h2,.stripe-button,.generate-button,.preview-nav-button,.profile-upload-button,.table-link-button,.icon-button{font-family:var(--font-display);font-weight:400}label,input::placeholder,textarea::placeholder{font-family:var(--font-body)}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;color:#111827;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #94a3b83d;min-height:68px;padding:0 24px;position:sticky;top:0;box-shadow:0 10px 30px #0f172a0f}.topbar-inner{justify-content:space-between;align-items:center;gap:32px;width:min(1240px,100%);min-height:68px;margin:0 auto;display:flex}.brand{color:#0f172a;align-items:center;gap:11px;font-size:22px;font-weight:900;line-height:1;display:inline-flex}.brand span{display:block}.brand-mark{border-radius:8px;width:34px;height:34px;display:block;box-shadow:0 5px 14px #0f172a1f}.nav-links{align-items:center;gap:20px;font-weight:700;display:flex;transform:translateY(1px)}.nav-links a,.nav-button{appearance:none;color:#475569;background:0 0;border:0;align-items:center;min-height:34px;padding:0 2px;font-size:18px;line-height:1;transition:color .18s,opacity .18s;display:inline-flex;position:relative}.nav-links a:after,.nav-button:after{content:"";opacity:0;transform-origin:0;background:linear-gradient(90deg,#4f46e5,#38bdf8);border-radius:999px;height:3px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.35)}.nav-links a.active,.nav-button:hover,.nav-links a:hover{color:#111827}.nav-links a.active:after,.nav-button:hover:after,.nav-links a:hover:after{opacity:1;transform:scaleX(1)}.nav-login{color:#2563eb}main{isolation:isolate;flex:1;position:relative;overflow:hidden}main.bubble-main{background:linear-gradient(#f8fafcf5,#f3f4f6fa),#f3f4f6}.bubble-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble{left:var(--bubble-x);top:var(--bubble-y);width:var(--bubble-size);height:var(--bubble-size);background:var(--bubble-color);filter:blur(.2px);animation:bubbleDrift var(--bubble-duration) ease-in-out var(--bubble-delay) infinite alternate;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}main.bubble-main>*{z-index:1;position:relative}main.bubble-main>.bubble-field{z-index:0;position:absolute}.page{width:min(1200px,100% - 48px);margin:0 auto;padding:64px 0;font-size:17px}.page-title{margin:0;font-size:34px;line-height:1.2}.page-subtitle{color:#6b7280;margin:16px 0 0;font-size:17px}.landing-page{width:min(1240px,100% - 48px);padding:54px 0 72px}.landing-hero{color:#102033;background:linear-gradient(120deg,#ffffffeb,#fff7edd1),linear-gradient(135deg,#e0f2fe 0%,#fff7ed 48%,#dcfce7 100%);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:56px;min-height:520px;padding:58px;display:grid;box-shadow:0 24px 60px #0f172a14}.hero-copy{min-width:0}.hero-kicker{color:#0f766e;background:#f0fdfae6;border:1px solid #14b8a638;border-radius:999px;align-items:center;min-height:32px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.landing-hero h1{color:#111827;max-width:680px;margin:20px 0 0;font-size:clamp(42px,6vw,72px);line-height:1.06}.landing-hero p{color:#475569;max-width:620px;margin:24px 0 0;font-size:20px;line-height:1.65}.landing-actions{justify-content:flex-start;margin-top:34px}.hero-showcase{min-width:0}.showcase-art{background:linear-gradient(#ffffff40,#fff0),linear-gradient(160deg,#38bdf8 0%,#0f766e 58%,#111827 100%);border:1px solid #0f172a14;border-radius:8px;min-height:420px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a29}.art-sun{background:#fbbf24;border-radius:50%;width:96px;height:96px;position:absolute;top:54px;right:64px;box-shadow:0 0 0 18px #fbbf2429}.art-mountain{border-radius:8px;width:78%;height:58%;position:absolute;bottom:-36px;transform:rotate(45deg)}.mountain-back{opacity:.72;background:#99f6e4;left:-18%}.mountain-front{opacity:.82;background:#f97316;bottom:-82px;right:-28%}.art-card{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abd;border:1px solid #ffffff73;border-radius:8px;gap:8px;padding:16px;display:grid;position:absolute;box-shadow:0 14px 34px #0f172a38}.art-card span{color:#bae6fd;text-transform:uppercase;font-size:12px;font-weight:900}.art-card strong{font-size:17px;line-height:1.35}.prompt-card{bottom:30px;left:28px;right:28px}.score-card{min-width:132px;top:34px;left:32px}.score-card strong{color:#86efac;font-size:34px;line-height:1}.landing-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 30px;display:grid}.landing-stats div{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-content:center;gap:4px;min-height:96px;padding:20px 22px;display:grid;box-shadow:0 12px 26px #0f172a0d}.landing-stats strong{color:#0f766e;font-size:26px}.landing-stats span{color:#64748b;font-weight:800}.landing-feature-grid{gap:18px}.landing-feature{border-color:#e2e8f0;min-height:250px;box-shadow:0 16px 34px #0f172a0f}.landing-feature:nth-child(2) .feature-icon{color:#be123c;background:#fff1f2}.landing-feature:nth-child(3) .feature-icon{color:#0f766e;background:#ccfbf1}.landing-feature:nth-child(4) .feature-icon{color:#b45309;background:#fef3c7}.hero{text-align:center;place-items:center;min-height:390px;display:grid}.hero h1{color:#111827;margin:0;font-size:clamp(38px,6vw,64px);line-height:1.08}.hero p{color:#6b7280;max-width:640px;margin:28px auto 0;font-size:22px;line-height:1.5}.actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:48px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.page .button{font-size:17px}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:#6366f1;box-shadow:0 10px 22px #6366f14d}.button.primary:hover{background:#4f46e5}.button.secondary{color:#4f46e5;background:#fff;border-color:#c7d2fe}.button.ghost{color:#374151;background:#fff;border-color:#e5e7eb}.button.danger{color:#dc2626;background:#fff1f2;border-color:#fecaca}.button.danger:hover{background:#ffe4e6}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}@keyframes bubbleDrift{0%{transform:translate(calc(-50% - 10px),calc(-50% - 8px))scale(1)}to{transform:translate(calc(14px - 50%),calc(16px - 50%))scale(1.03)}}@keyframes bubbleDriftReverse{0%{transform:translate(12px,10px)scale(1.02)}to{transform:translate(-14px,-12px)scale(1)}}.button.full{width:100%}.feature-grid,.quiz-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 14px 30px #11182712}.card:hover,.card:focus-within{border-color:#d4d8ff;transform:translateY(-3px);box-shadow:0 18px 38px #1118271c}.feature-card{text-align:center;min-height:238px;padding:34px 22px}.feature-icon{color:#6366f1;background:#eef2ff;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 22px;font-size:28px;font-weight:900;display:grid}.feature-card h2,.quiz-card h2,.panel h2{margin:0;font-size:24px}.feature-card p,.quiz-card p,.muted{color:#6b7280;line-height:1.55}.auth-wrap{place-items:center;min-height:calc(100vh - 121px);padding:56px 24px;display:grid}.auth-card{width:min(620px,100%);padding:46px 50px}.auth-head{text-align:center}.auth-badge{color:#6366f1;background:#eef2ff;border-radius:50%;place-items:center;width:86px;height:86px;margin:0 auto 22px;font-size:32px;font-weight:900;display:grid}.auth-head h1{margin:0;font-size:34px}.form{gap:18px;margin-top:34px;display:grid}.field{gap:8px;display:grid}.field label{color:#374151;font-size:14px;font-weight:800}.field input,.field select,.field textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:15px 16px;font-size:16px}.field textarea{resize:vertical;min-height:112px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.profile-upload{gap:12px;display:grid}.profile-upload-preview{color:#fff;background:#6366f1;border-radius:50%;place-items:center;width:96px;height:96px;font-size:30px;font-weight:900;display:grid;overflow:hidden}.profile-upload-preview img{object-fit:cover;width:100%;height:100%}.profile-upload-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-upload-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:10px 18px;font-size:16px;font-weight:800;transition:border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 18px #0f172a0f}.profile-upload-button:hover{color:#4f46e5;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 12px 22px #6366f124}.profile-file-name{color:#64748b;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin:-2px auto 0;font-size:14px;font-weight:700;overflow:hidden}.profile-edit-panel{width:min(980px,100%)}.profile-edit-form{gap:22px}.profile-edit-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:34px;display:grid}.profile-edit-fields{gap:18px;display:grid}.profile-edit-image-panel{gap:12px;display:grid}.profile-edit-image-label{color:#374151;font-size:13px;font-weight:800}.profile-upload-large{justify-items:center}.profile-upload-large .profile-upload-preview{width:188px;height:188px;font-size:62px}.profile-upload-large .muted{text-align:center;margin:0}.segmented{border:1px solid #d1d5db;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:0;display:grid;overflow:hidden}.segmented button{color:#6b7280;background:#fff;border:0;min-height:46px;font-weight:800}.segmented button.active{color:#6366f1;background:#eef2ff}.notice{color:#047857;background:#d1fae5;border-radius:8px;padding:14px 16px;font-size:14px;font-weight:700}.error{color:#b91c1c;background:#fee2e2}.auth-link{color:#6b7280;text-align:center;margin-top:20px}.auth-link a{color:#6366f1;font-weight:800}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin:42px 0 30px;display:flex}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1;width:100%;max-width:760px;padding:16px 18px}.level-filter{appearance:none;color:#111827;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 18px center/16px no-repeat,#fff;border:1px solid #d1d5db;border-radius:8px;min-width:170px;padding:16px 44px 16px 18px;font-weight:800}.sort-filter{min-width:150px}.quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-card{background:#fff;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.quiz-card:hover,.quiz-card:focus-within{border-color:#c7d2fe;transform:translateY(-6px);box-shadow:0 22px 44px #11182724}.quiz-image{aspect-ratio:16/10;color:#fff;background:linear-gradient(135deg,#11182726,#11182773),linear-gradient(135deg,#22c55e,#3b82f6);flex:none;place-items:center;min-height:206px;font-size:20px;font-weight:900;display:grid;overflow:hidden}.quiz-image img{object-fit:cover;width:100%;height:100%;transition:transform .28s}.quiz-card:hover .quiz-image img,.quiz-card:focus-within .quiz-image img{transform:scale(1.04)}.quiz-image span{text-align:center;padding:20px}.quiz-image.character{background:radial-gradient(circle at 30% 35%,#fde68a 0 16%,#0000 17%),linear-gradient(135deg,#ec4899,#f59e0b)}.quiz-image.city{background:repeating-linear-gradient(90deg,#ffffff3d 0 18px,#0000 18px 44px),linear-gradient(135deg,#111827,#3b82f6)}.quiz-body{z-index:1;background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex:1;padding:22px;display:flex;position:relative}.quiz-description{overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.1em;margin:14px 0 22px;display:-webkit-box;overflow:hidden}.quiz-body .button.full{margin-top:auto}.quiz-meta-row{color:#64748b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:16px;font-weight:800;display:flex}.chip{color:#4f46e5;background:#eef2ff;border-radius:999px;align-items:center;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.chip-row,.metric-row,.quiz-card-stats{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.quiz-card-stats{color:#475569;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:0}.stat-pill{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:52px;height:52px;font-size:12px;font-weight:900;display:inline-flex}.stat-pill.solved{color:#2563eb;background:#eff6ff}.stat-pill.liked{color:#e11d48;background:#fff1f2}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:34px;display:flex}.pagination-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 14px;font-size:15px;font-weight:900;transition:border-color .18s,color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex}.pagination-button:hover:not(:disabled),.pagination-button.active{color:#fff;background:#6366f1;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 10px 22px #6366f13d}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.page-number{padding:0}.panel{padding:28px}.two-column{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:28px;display:grid}.play-layout{align-items:center}.question-image{color:#fff;background:linear-gradient(135deg,#0f766e,#3b82f6);border-radius:8px;place-items:center;min-height:360px;font-size:24px;font-weight:900;display:grid;overflow:hidden}.question-image img,.profile-avatar img{object-fit:cover;width:100%;height:100%}.generated-answer{margin-top:18px}.generated-answer h3{margin:0 0 10px;font-size:16px}.generated-answer-frame{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;place-items:center;min-height:300px;display:grid;overflow:hidden}.generated-answer-frame.loading{background:linear-gradient(#ffffff9e,#ffffffdb),#eef2ff}.generated-answer-frame img{object-fit:contain;width:100%;height:100%;max-height:320px;display:block}.image-loading-state{color:#64748b;justify-items:center;gap:14px;font-weight:800;display:grid}.image-loading-state p{margin:0}.image-spinner{border:5px solid #c7d2fe;border-top-color:#6366f1;border-radius:50%;width:46px;height:46px;animation:.85s linear infinite spinLoading}@keyframes spinLoading{to{transform:rotate(360deg)}}.progress{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.progress span{border-radius:inherit;background:#6366f1;height:100%;display:block}.feedback-box{background:#eef2ff;border-left:5px solid #6366f1;border-radius:8px;min-height:108px;margin-top:18px;padding:18px}.feedback-box.empty,.feedback-box.loading{text-align:center;background:#f8fafc;border-left-color:#c7d2fe;place-items:center;display:grid}.feedback-box.loading{background:linear-gradient(#ffffff9e,#ffffffdb),#eef2ff}.feedback-box.empty .muted{margin:0}.final-submit-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all;background:#0f172a6b;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.final-submit-overlay span{background:#fff;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite finalSubmitDot;box-shadow:0 8px 18px #0f172a38}.final-submit-overlay span:nth-child(2){animation-delay:.12s}.final-submit-overlay span:nth-child(3){animation-delay:.24s}@keyframes finalSubmitDot{0%,80%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.celebration-burst{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celebration-particle{top:var(--burst-y);opacity:0;filter:drop-shadow(0 8px 14px #0f172a2e);animation:celebrationPop 1.35s cubic-bezier(.18, .72, .2, 1) var(--burst-delay) both;font-size:34px;position:absolute}.celebration-particle.left{left:22px}.celebration-particle.right{right:22px}@keyframes celebrationPop{0%{opacity:0;transform:translateY(24px)scale(.4)rotate(0)}18%{opacity:1}62%{opacity:1;transform:translate3d(var(--burst-x), -42px, 0) scale(1.14) rotate(var(--burst-rotate))}to{opacity:0;transform:translate3d(var(--burst-fall-x), 36px, 0) scale(.84) rotate(var(--burst-rotate))}}.result-hero{color:#172033;text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 48%,#ecfeff 100%);border:1px solid #6366f12e;border-radius:8px;place-items:center;min-height:260px;margin-top:28px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;box-shadow:0 20px 46px #4f46e524}.result-hero-content{display:block}.result-hero:hover,.result-hero:focus-within{border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 24px 54px #4f46e533}.result-score{color:#4f46e5;margin:14px 0 0;font-size:68px;font-weight:900;line-height:1}.result-kicker{color:#4f46e5;letter-spacing:.08em;background:#ffffffb8;border-radius:999px;align-items:center;min-height:30px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #6366f11f}.result-grade{color:#0f172a;margin:14px 0 0;font-size:24px;font-weight:900}.result-mascot{color:#172033;background:#fff;border:3px solid #ffffffdb;border-radius:50%;place-items:center;width:104px;height:104px;animation:2.8s ease-in-out infinite mascotFloatSide;display:grid;position:absolute;top:50%;right:clamp(28px,7vw,92px);box-shadow:0 18px 32px #0f172a24}.result-mascot.happy{color:#166534;background:#dcfce7}.result-mascot.good{color:#1d4ed8;background:#dbeafe}.result-mascot.study{color:#9f1239;background:#ffe4e6}.mascot-face{font-size:32px;font-weight:900;transform:translateY(0)}.mascot-shadow{filter:blur(3px);background:#0f172a1f;border-radius:50%;height:12px;position:absolute;bottom:-16px;left:18px;right:18px}.result-mascot-message{color:#475569;margin:18px 0 0;font-size:15px;font-weight:900}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mascotFloatSide{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 7px))}}.result-room-card,.result-feedback-card{justify-content:space-between;align-items:center;gap:24px;min-height:188px;margin-top:28px;display:flex;position:relative;overflow:hidden}.result-room-card.has-thumbnail{color:#fff;background:linear-gradient(90deg, #0f172ad6 0%, #0f172aad 48%, #0f172a57 100%), var(--result-room-thumbnail) center / cover no-repeat}.result-room-info{z-index:1;min-width:0;position:relative}.result-section-label{color:#6366f1;margin:0 0 12px;font-size:15px;font-weight:900}.result-room-card h2,.result-feedback-card h2{margin:0}.result-room-card h2{font-size:28px}.result-room-card .muted{margin-top:12px;font-size:16px}.result-room-card.has-thumbnail .muted,.result-room-card.has-thumbnail .result-section-label{color:#ffffffdb}.result-like-area{z-index:1;justify-items:center;gap:8px;min-width:96px;display:grid;position:relative}.result-like-button{border:0;transition:box-shadow .18s,filter .18s,transform .18s,background .18s;position:relative;box-shadow:0 10px 22px #0f172a29}.result-like-button:not(:disabled):hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 14px 28px #e11d483d}.result-like-button.active{color:#fff;background:#e11d48;box-shadow:0 16px 30px #e11d4847}.result-like-button:disabled{cursor:not-allowed;opacity:.86;transform:none}.result-like-message{text-align:center;margin:0}.result-feedback-card{display:block}.result-hero+.result-feedback-card{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.result-hero:has(+.result-feedback-card){border-bottom-right-radius:0;border-bottom-left-radius:0}.result-feedback-card .muted{margin:18px 0 0;font-size:16px;line-height:1.9}.result-actions{align-items:center;margin-top:26px}.result-actions .result-like-button{flex:none}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.stat-card{border-left:5px solid #6366f1;padding:26px 24px}.stat-value{color:#6366f1;margin:0;font-size:34px;font-weight:900}.stat-card.tone-blue{background:#eff6ff;border-left-color:#3b82f6}.stat-card.tone-green{background:#f0fdf4;border-left-color:#22c55e}.stat-card.tone-yellow{background:#fffbeb;border-left-color:#f59e0b}.stat-card.tone-blue .stat-value{color:#3b82f6}.stat-card.tone-green .stat-value{color:#22c55e}.stat-card.tone-yellow .stat-value{color:#f59e0b}.profile-layout{grid-template-columns:360px minmax(0,1fr);grid-template-areas:"profile stats""profile history""score score";align-items:stretch;gap:28px 32px;margin-top:32px;display:grid}.profile-card{text-align:center;flex-direction:column;grid-area:profile;align-items:center;min-height:100%;padding:38px 32px;display:flex}.profile-role{justify-content:center;align-items:center;gap:6px;margin:8px 0 0;font-size:17px;font-weight:800;display:inline-flex}.profile-role span{font-size:21px;line-height:1}.profile-meta-bottom{width:100%;margin-top:auto;padding-top:34px}.profile-divider{border:0;border-top:1px solid #e5e7eb;width:100%;margin:22px 0 0}.profile-meta-bottom .muted{margin:0}.profile-avatar{color:#fff;background:#6366f1;border-radius:50%;place-items:center;width:108px;height:108px;margin:0 auto 18px;font-size:38px;font-weight:900;display:grid;overflow:hidden}.profile-actions{justify-content:center;width:100%;margin-top:16px;display:flex}.history-list{gap:12px;margin-top:18px;display:grid}.history-item{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.mypage-stats{grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.mypage-history-panel{grid-area:history}.mypage-score-panel{grid-area:score}.mypage-page{width:min(1360px,100% - 80px);padding-top:56px}.mypage-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:32px;min-height:150px;padding:34px 42px;display:flex;box-shadow:0 12px 30px #0f172a0f}.mypage-header .page-title{font-size:42px}.mypage-page .stat-card{align-content:space-between;gap:18px;min-height:146px;padding:34px 30px;display:grid}.mypage-page .stat-label{color:#374151;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:inline-flex}.mypage-page .stat-label span{font-size:22px;line-height:1}.mypage-page .stat-value{margin-top:0;font-size:42px}.history-table{margin-top:18px;padding:0}.history-table .teacher-table th,.history-table .teacher-table td{vertical-align:middle;text-align:center}.history-table .teacher-table th:first-child,.history-table .teacher-table td:first-child{width:38%}.history-table .teacher-table th:not(:first-child),.history-table .teacher-table td:not(:first-child){width:15.5%}.history-room-title{color:#111827;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-weight:800;overflow:hidden}.feedback-view-button{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:15px;font-weight:800;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.feedback-view-button:not(:disabled):hover{background:#e0e7ff;border-color:#818cf8;transform:translateY(-1px)}.feedback-view-button:disabled{cursor:not-allowed;opacity:.48}.feedback-full{color:#374151;white-space:pre-wrap;margin:22px 0 0;font-size:16px;line-height:1.75}.feedback-close-button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:74px;min-height:42px;font-size:16px;transition:border-color .18s,color .18s,background .18s,box-shadow .18s,transform .18s}.feedback-close-button:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 10px 20px #4f46e51f}.score-line-chart{margin-top:18px}.score-line-chart svg{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:8px;width:100%;height:260px;display:block;overflow:visible}.chart-grid-line{stroke:#e5e7eb;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-label{fill:#94a3b8;font-size:10px;font-weight:700}.chart-line{fill:none;stroke:#4f46e5;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;vector-effect:non-scaling-stroke}.chart-point{fill:#fff;stroke:#22c55e;stroke-width:3px;filter:drop-shadow(0 4px 8px #22c55e47);vector-effect:non-scaling-stroke}.chart-point-label{fill:#111827;stroke:#fff;stroke-width:4px;paint-order:stroke;vector-effect:non-scaling-stroke;font-size:11px;font-weight:900}.score-trend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.score-trend-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:4px;min-height:82px;padding:16px 92px 16px 14px;display:grid;position:relative}.score-trend-head{font-weight:800;display:block}.score-trend-head span{color:#374151;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.score-trend-head strong{color:#111827;text-align:right;font-size:30px;line-height:1;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.score-trend-item .muted{margin:0}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:34px;display:grid}.teacher-page{width:min(980px,100% - 48px)}.teacher-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.teacher-stat{align-content:space-between;min-height:138px;padding:30px 28px;display:grid}.teacher-stat p{margin:0}.teacher-stat p:not(.stat-value){color:#374151;font-size:18px;font-weight:800}.teacher-stat .stat-value{font-size:42px}.teacher-section{margin-top:34px}.section-title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.section-title-row h2{margin:0;font-size:24px}.button.compact{min-height:40px;padding:0 16px;font-size:15px}.table-card{overflow-x:auto}.teacher-table{border-collapse:collapse;width:100%;min-width:760px}.teacher-table th,.teacher-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:17px 16px;font-size:15px}.teacher-table th{color:#111827;background:#f3f4f6;font-weight:900}.teacher-section .teacher-table th,.teacher-section .teacher-table td{text-align:center;vertical-align:middle}.teacher-section .table-link-button{text-align:center}.teacher-section .actions-cell{justify-content:center}.teacher-table tr:last-child td{border-bottom:0}.teacher-table .empty-table-cell{color:#6b7280;text-align:center;padding:36px 16px;font-weight:800}.table-link-button{color:#2563eb;text-align:left;background:0 0;border:0;padding:0;font-weight:900}.table-link-button:hover,.table-link-button:focus-visible{text-decoration:underline}.number{font-weight:900}.number.blue{color:#6366f1}.number.pink{color:#ec4899}.actions-cell{gap:8px;display:flex}.icon-button{color:#2563eb;background:#eff6ff;border:0;border-radius:8px;min-height:30px;padding:0 10px;font-weight:800}.icon-button.danger{color:#dc2626;background:#fef2f2}.status-pill{color:#fff;background:#16a34a;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.closed{color:#4b5563;background:#e5e7eb}.create-page{width:min(1260px,100% - 32px);padding:48px 0}.create-shell{grid-template-columns:292px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.create-sidebar,.create-panel{min-height:610px;padding:24px}.create-sidebar{display:block}.back-button{color:#4f46e5;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:28px;font-weight:900;line-height:1;display:inline-flex}.side-block{margin-top:28px}.side-block h2{color:#4f46e5;margin:0 0 12px;font-size:14px}.style-box{color:#374151;background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#d1d5db,#0000 calc(50% + 1px)),#fafafa;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:88px;padding:18px;font-weight:800;display:flex}.prompt-preview{color:#111827;resize:vertical;background:#fbfaff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:220px;padding:16px}.generate-button{margin-top:28px}.create-panel h1{color:#4f46e5;margin:0;font-size:18px}.divider{background:#d1d5db;height:1px;margin:20px 0}.keyword-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 54px;display:grid}.keyword-group{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.keyword-group legend{color:#4f46e5;margin-bottom:10px;font-size:14px;font-weight:900}.radio-line{color:#374151;align-items:center;gap:8px;min-height:24px;font-size:14px;display:flex}.radio-line input{accent-color:#6d5dfc;width:16px;height:16px}.direct-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.create-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:26px;display:flex}.create-notice{margin-top:18px}.image-step{gap:22px;display:grid}.generated-image-frame{background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #e5e7eb;border-radius:8px;place-items:center;min-height:360px;display:grid;overflow:hidden}.generated-image-frame img{object-fit:contain;width:100%;height:100%;max-height:520px}.empty-image{color:#6b7280;font-weight:800}.save-quiz-form{grid-template-columns:minmax(0,1fr) 160px;align-items:end;margin-top:0}.save-quiz-form .create-notice,.save-quiz-form .create-actions{grid-column:1/-1}.room-builder{margin-bottom:18px}.quiz-pick-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-pick-item{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-weight:800;display:flex}.quiz-pick-item input{accent-color:#6366f1;width:16px;height:16px}.modal-backdrop{z-index:50;background:#11182775;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{width:min(760px,100%);max-height:min(760px,100vh - 48px);overflow-y:auto}.quiz-preview-panel{width:min(680px,100%)}.quiz-preview-image{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;place-items:center;min-height:320px;display:grid;overflow:hidden}.quiz-preview-image img{object-fit:contain;width:100%;max-height:min(560px,100vh - 190px);display:block}.room-preview-stage{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.preview-nav-button{color:#4f46e5;background:#eef2ff;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:32px;font-weight:900;line-height:1;display:grid}.preview-nav-button:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.room-preview-caption{color:#111827;text-align:center;margin:14px 0 0;font-weight:900}.footer{color:#6b7280;background:#fff;border-top:1px solid #e5e7eb;place-items:center;min-height:58px;font-size:13px;display:grid}.stripe-landing{background:#fff;overflow:hidden}.stripe-container{width:min(1120px,100% - 48px);margin:0 auto}.stripe-hero{background:linear-gradient(#fff0 72%,#fff 72%),#f6f9fc;min-height:680px;padding:92px 0 86px;position:relative}.hero-color-field{display:none}.stripe-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:center;gap:58px;display:grid;position:relative}.stripe-copy{padding-top:42px}.stripe-kicker{color:#635bff;letter-spacing:0;align-items:center;min-height:28px;font-size:18px;font-weight:900;display:inline-flex}.stripe-copy h1{color:#0a2540;max-width:720px;margin:18px 0 0;font-size:clamp(38px,5.2vw,64px);line-height:1.08}.stripe-copy h1 span{display:block}.stripe-copy p{color:#425466;max-width:620px;margin:28px 0 0;font-size:19px;font-weight:600;line-height:1.7}.stripe-actions{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.stripe-button{border-radius:999px;justify-content:center;align-items:center;min-height:58px;padding:0 30px;font-size:17px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.stripe-button:hover{transform:translateY(-1px)}.stripe-button-primary{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#635bff 100%);box-shadow:0 18px 38px #635bff57}.stripe-button-primary:hover{background:linear-gradient(135deg,#233b53 0%,#4f46e5 100%)}.stripe-button-secondary{color:#0a2540;background:#ffffffeb;border:2px solid #635bff47;box-shadow:0 12px 26px #32325d1f}.stripe-button-secondary:hover{background:#fff;border-color:#635bff7a}.product-stack{transform-origin:50%;min-height:510px;position:relative;transform:perspective(1100px)rotateY(-9deg)rotateX(3deg)}.motion-float{animation:6.8s ease-in-out infinite productFloat}@keyframes productFloat{0%,to{translate:0}50%{translate:0 -16px}}.product-window,.score-panel,.code-panel{background:#fffffff0;border:1px solid #0a254014;border-radius:8px;position:absolute;box-shadow:0 26px 52px #32325d2e,0 10px 24px #00000014}.prompt-window{width:min(430px,84%);min-height:250px;padding:18px;top:32px;right:22px}.window-bar{gap:7px;margin-bottom:24px;display:flex}.window-bar span{background:#cfd7df;border-radius:50%;width:10px;height:10px}.prompt-lines{gap:12px;display:grid}.prompt-lines span{background:#e6ebf1;border-radius:999px;width:72%;height:12px;display:block}.prompt-lines .line-wide{background:#635bff;width:92%}.prompt-lines .line-mid{width:56%}.prompt-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.prompt-tags span{color:#0a2540;background:#f6f9fc;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.image-window{width:min(360px,72%);bottom:44px;right:72px;overflow:hidden}.mini-image{background:linear-gradient(#ffffff47,#fff0),linear-gradient(145deg,#00d4ff 0%,#635bff 54%,#f97316 100%);height:220px;position:relative;overflow:hidden}.mini-sun{background:#ffd166;border-radius:50%;width:54px;height:54px;position:absolute;top:28px;right:42px}.mini-building{background:#0a2540b8;border-radius:8px 8px 0 0;width:64px;position:absolute;bottom:0}.building-one{height:104px;left:46px}.building-two{background:#ffffff52;height:148px;left:126px}.building-three{height:118px;left:212px}.image-caption{gap:4px;padding:18px;display:grid}.image-caption strong{color:#0a2540;font-size:17px}.image-caption span{color:#6b7c93;font-size:13px;font-weight:800}.score-panel{width:168px;padding:18px;top:142px;left:0}.score-panel span,.code-panel span{color:#6b7c93;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:800}.score-panel strong{color:#00a86b;margin-top:10px;font-size:42px;line-height:1;display:block}.score-meter{background:#e6ebf1;border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.score-meter span{border-radius:inherit;background:#00a86b;width:92%;height:100%;display:block}.code-panel{color:#00d4ff;background:#0a2540;gap:8px;width:218px;padding:16px;display:grid;bottom:76px;right:-18px}.code-panel code{color:#fff;white-space:normal;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;line-height:1.55}.reveal-on-scroll{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(34px)scale(.98)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}.motion-story{--story-progress:0;--orbit-rotate:0deg;--card-one-opacity:1;--card-one-y:0px;--card-two-opacity:.35;--card-two-y:44px;--card-three-opacity:.18;--card-three-y:92px;background:linear-gradient(#fff 0%,#f7f3ff 44%,#fff 100%);min-height:auto;padding:34px 0 42px;position:relative;overflow:hidden}.motion-stage{z-index:1;grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);align-items:center;gap:56px;min-height:auto;padding:0;display:grid;position:relative;top:auto}.quiz-image-marquee{z-index:0;pointer-events:none;opacity:.28;height:330px;position:absolute;inset:140px 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.quiz-image-track{--quiz-shot-gap:24px;--quiz-shot-width:280px;gap:var(--quiz-shot-gap);will-change:transform;width:max-content;animation:34s linear infinite quizImageFlow;display:flex}.quiz-shot{flex:0 0 var(--quiz-shot-width);border:1px solid #635bff2e;border-radius:8px;height:180px;position:relative;overflow:hidden;box-shadow:0 22px 44px #32325d29}.quiz-shot:before,.quiz-shot:after{content:"";position:absolute}.quiz-shot span{z-index:2;color:#fff;background:#0a254094;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;bottom:12px;left:14px}.shot-city{background:linear-gradient(145deg,#0ea5e9,#312e81 70%)}.shot-city:before{background:#fbbf24;border-radius:50%;width:48px;height:48px;top:22px;right:28px}.shot-city:after{background:linear-gradient(90deg,#0a2540d6 0 28px,#0000 28px 38px,#0a2540b8 38px 84px,#0000 84px 98px,#0a2540db 98px 100%);height:72px;inset:auto 22px 0}.shot-forest{background:linear-gradient(145deg,#22c55e,#0f766e 55%,#0f172a)}.shot-forest:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:#bbf7d0d6;width:70px;height:92px;bottom:28px;left:34px}.shot-forest:after{background:#d9f99d;border-radius:18px 18px 24px 24px;width:52px;height:52px;bottom:30px;right:42px;box-shadow:0 -22px 0 -8px #d9f99dd1}.shot-ocean{background:radial-gradient(circle at 26% 26%,#ffffff52,#0000 22%),linear-gradient(145deg,#38bdf8,#2563eb 52%,#1e1b4b)}.shot-ocean:before{background:#ffffff61;border-radius:8px;height:54px;bottom:36px;left:38px;right:38px}.shot-ocean:after{background:#ffffff7a;border-radius:999px;width:72px;height:26px;top:36px;right:40px}.shot-space{background:radial-gradient(circle at 74% 24%,#f8fafc 0 5px,#0000 6px),radial-gradient(circle at 32% 42%,#a78bfa 0 28px,#0000 30px),linear-gradient(145deg,#020617,#312e81 68%)}.shot-space:before{background:#e2e8f0db;border-radius:999px;width:110px;height:34px;bottom:48px;left:50px}.shot-space:after{background:#e2e8f0b8;border-radius:50%;width:38px;height:38px;bottom:68px;left:86px}.shot-desert{background:linear-gradient(145deg,#f59e0b,#fb7185 58%,#7c2d12)}.shot-desert:before{background:#fef3c7d1;border-radius:50% 50% 0 0;height:92px;bottom:-30px;left:-20px;right:-20px}.shot-desert:after{background:#0a254070;border-radius:8px;width:76px;height:56px;bottom:54px;right:48px}.shot-cafe{background:radial-gradient(circle at 68% 38%,#fef3c7 0 28px,#0000 30px),linear-gradient(145deg,#fb7185,#8b5cf6 62%,#0f172a)}.shot-cafe:before{background:#ffffffbd;border-radius:24px 24px 18px 18px;width:74px;height:54px;bottom:38px;left:44px}.shot-cafe:after{background:#ffffffbd;width:18px;height:18px;bottom:86px;left:62px;transform:rotate(45deg);box-shadow:34px -34px #ffffffbd}@keyframes quizImageFlow{0%{transform:translate(0)}to{transform:translateX(calc((var(--quiz-shot-width) + var(--quiz-shot-gap)) * -6))}}.motion-copy h2{color:#0a2540;margin:0;font-size:clamp(32px,4.1vw,50px);line-height:1.14}.motion-copy h2 span{display:block}.motion-copy p{color:#425466;margin:24px 0 0;font-size:18px;font-weight:700;line-height:1.75}.motion-copy{z-index:1;position:relative}.motion-copy:before{z-index:-1;filter:blur(14px);content:"";background:radial-gradient(at 34% 48%,#ffffffeb 0%,#ffffffb8 46%,#0000 76%),linear-gradient(90deg,#ffffffbd 0%,#ffffff6b 54%,#0000 92%);position:absolute;inset:-46px -78px -42px -56px}.motion-canvas{background:radial-gradient(circle at calc(22% + (var(--story-progress) * 48%)) 20%, #00d4ff70, transparent 28%), radial-gradient(circle at calc(84% - (var(--story-progress) * 44%)) 76%, #f973165c, transparent 30%), linear-gradient(145deg, #0a2540 0%, #25155f 58%, #635bff 100%);border:1px solid #635bff24;border-radius:8px;min-height:440px;position:relative;overflow:hidden;box-shadow:0 30px 70px #32325d38}.orbit-ring{transform:rotate(var(--orbit-rotate));border:1px solid #fff3;border-radius:999px;transition:transform 80ms linear;position:absolute;inset:72px}.motion-card{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #fff3;border-radius:8px;width:min(310px,72%);padding:22px;transition:opacity .12s linear,transform .12s linear,background .12s linear,border-color .12s linear,box-shadow .12s linear;position:absolute;box-shadow:0 24px 46px #0000003d}.motion-card:hover{z-index:5;opacity:1;background:#27316f;border-color:#ffffff7a;box-shadow:0 34px 66px #00000057}.motion-card span{color:#00d4ff;text-transform:uppercase;font-size:12px;font-weight:900}.motion-card strong{margin-top:12px;font-size:24px;display:block}.motion-card p{color:#d9e2ec;margin:12px 0 0;font-weight:700;line-height:1.6}.motion-card-one{z-index:3;opacity:var(--card-one-opacity);transform:translateY(var(--card-one-y)) rotate(-4deg);top:70px;left:38px}.motion-card-one:hover{transform:translateY(calc(var(--card-one-y) - 10px)) scale(1.04) rotate(-4deg)}.motion-card-two{z-index:2;opacity:var(--card-two-opacity);transform:translateY(var(--card-two-y)) rotate(3deg);top:150px;right:38px}.motion-card-two:hover{transform:translateY(calc(var(--card-two-y) - 10px)) scale(1.04) rotate(3deg)}.motion-card-three{z-index:1;opacity:var(--card-three-opacity);transform:translateY(var(--card-three-y)) rotate(-1deg);bottom:62px;left:92px}.motion-card-three:hover{transform:translateY(calc(var(--card-three-y) - 10px)) scale(1.04) rotate(-1deg)}.stripe-solutions{padding:34px 0 88px}.solution-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:center;gap:50px;display:grid}.section-copy{min-width:0}.section-copy h2{color:#0a2540;margin:0;font-size:clamp(30px,3.45vw,42px);line-height:1.14}.section-copy h2 span{display:block}.section-copy p{color:#425466;margin:24px 0 0;font-size:18px;font-weight:700;line-height:1.75}.solution-grid{isolation:isolate;min-height:540px;position:relative}.solution-grid:before{z-index:-1;content:"";background:radial-gradient(circle at 22% 24%,#635bff33,#0000 30%),radial-gradient(circle at 78% 58%,#00d4ff2e,#0000 32%),linear-gradient(145deg,#f6f9fcd6,#ffffff6b);border:1px solid #635bff14;border-radius:8px;position:absolute;inset:20px 0 -58px;box-shadow:inset 0 1px #ffffffb8}.solution-grid:after{z-index:-1;content:"";border:1px solid #635bff1f;border-radius:999px;position:absolute;inset:76px 48px 0;transform:rotate(-10deg)}.solution-card{background:#ffffff38;border:1px solid #635bff24;border-radius:8px;width:min(350px,68%);min-height:0;padding:24px;transition:color .16s,transform .16s,box-shadow .16s,border-color .16s,background .16s;position:absolute;box-shadow:0 14px 30px #32325d14}.solution-card:hover{z-index:5;color:#fff;background:#27316fad;border-color:#ffffff7a;box-shadow:0 34px 66px #32325d47}.solution-card:first-child{z-index:3;top:20px;left:8px;transform:rotate(-4deg)}.solution-card:first-child:hover{z-index:5;transform:translateY(-10px)scale(1.04)rotate(-4deg)}.solution-card:nth-child(2){z-index:2;top:190px;right:54px;transform:rotate(3deg)}.solution-card:nth-child(2):hover{z-index:5;transform:translateY(-10px)scale(1.04)rotate(3deg)}.solution-card:nth-child(3){z-index:1;top:360px;left:76px;transform:rotate(-1deg)}.solution-card:nth-child(3):hover{z-index:5;transform:translateY(-10px)scale(1.04)rotate(-1deg)}.solution-number{color:#635bff;font-size:13px;font-weight:900}.solution-card h3{color:#0a2540;margin:18px 0 0;font-size:23px}.solution-card:hover h3,.solution-card:hover p,.solution-card:hover .solution-number{color:#fff}.solution-card p{color:#425466;margin:14px 0 0;font-weight:700;line-height:1.65}.workflow-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.workflow-tags span{color:#0a2540;background:#f7f9fc;border:1px solid #d8dee8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.solution-card:hover .workflow-tags span{color:#fff;background:#ffffff1f;border-color:#ffffff38}@media (width<=920px){.topbar{padding:0 24px;position:static}.topbar-inner{flex-direction:column;align-items:stretch;gap:12px;padding:18px 0}.nav-links{padding-bottom:2px;overflow-x:auto}.page{width:min(100% - 32px,720px);padding:42px 0}.landing-page{width:min(100% - 28px,720px);padding:28px 0 48px}.landing-hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding:34px 22px}.landing-hero h1{font-size:clamp(38px,12vw,54px)}.landing-hero p{font-size:17px}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions .button{width:100%}.showcase-art{min-height:340px}.prompt-card{bottom:20px;left:18px;right:18px}.landing-stats{grid-template-columns:1fr}.stripe-container{width:min(100% - 32px,720px)}.stripe-hero{min-height:auto;padding:52px 0 58px}.hero-color-field{height:520px;top:-310px}.stripe-hero-grid,.solution-layout,.section-copy,.solution-grid{grid-template-columns:1fr}.stripe-copy{padding-top:16px}.stripe-copy h1{font-size:clamp(34px,10.5vw,46px)}.stripe-copy p{font-size:17px}.solution-grid{gap:16px;min-height:0;display:grid}.solution-card,.solution-card:first-child,.solution-card:nth-child(2),.solution-card:nth-child(3){width:100%;position:relative;inset:auto;transform:none}.solution-card:hover,.solution-card:first-child:hover,.solution-card:nth-child(2):hover,.solution-card:nth-child(3):hover{transform:translateY(-4px)}.stripe-actions{flex-direction:column;align-items:stretch}.product-stack{min-height:480px;transform:none}.motion-float{animation:none}.prompt-window{width:100%;top:0;right:0}.image-window{width:82%;bottom:0;right:0}.score-panel{top:222px;left:0}.code-panel{width:min(246px,68%);bottom:42px;left:0;right:auto}.stripe-solutions{padding:54px 0 64px}.motion-story{min-height:auto;padding:28px 0 36px}.motion-stage{grid-template-columns:1fr;min-height:auto;padding:56px 0;position:relative;top:auto}.motion-canvas{min-height:620px}.quiz-image-marquee{opacity:.14;height:260px;inset:230px 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.quiz-image-track{--quiz-shot-width:190px}.quiz-shot{height:124px}.orbit-ring{inset:54px 24px}.motion-card{width:calc(100% - 44px)}.motion-card-one,.motion-card-two,.motion-card-three{transform:none}.motion-card-one{opacity:1;top:28px;left:22px}.motion-card-two{opacity:1;top:224px;right:22px}.motion-card-three{opacity:1;bottom:84px;left:22px}.feature-grid,.quiz-grid,.stats-grid,.two-column,.profile-layout,.studio-grid,.teacher-stats,.mypage-stats,.score-trend,.create-shell,.keyword-grid,.direct-inputs,.save-quiz-form,.profile-edit-grid{grid-template-columns:1fr}.profile-upload-large .profile-upload-preview{width:152px;height:152px;font-size:50px}.profile-layout{grid-template-areas:"stats""profile""history""score"}.auth-card{padding:34px 24px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .level-filter{width:100%}.result-room-card{flex-direction:column;align-items:flex-start}.result-hero-content{justify-items:center;gap:24px;display:grid}.result-mascot{animation:2.8s ease-in-out infinite mascotFloat;position:relative;top:auto;right:auto}.result-like-area{justify-items:start}.teacher-head,.mypage-header,.section-title-row,.create-actions{flex-direction:column;align-items:stretch}.teacher-stats{gap:14px}.quiz-pick-list{grid-template-columns:1fr}}