:root{--app-max-width: 100%;--fab-extra-bottom: 0px;--color-primary: #FF9800;--color-primary-dark: #E65100;--color-background: #fdfbf7;--color-completed: #4CAF50;--color-locked: #E0E0E0;--color-pro: #FFD700;--color-text-primary: #1a1a2e;--color-text-secondary: #666666;--primary: #FF9800;--primary-dark: #E65100;--primary-light: #FFE0B2;--light: #FFFFFF;--dark: #1a1a2e;--gray: #888888;--danger: #e74c3c;--pastel-blue: #E3F2FD;--pastel-orange: #FFF3E0;--pastel-green: #E8F5E9;--pastel-pink: #FCE4EC;--pastel-purple: #EDE7F6;--secondary: #4CAF50;--accent: #FF6B6B;--background: #fdfbf7;--daily-bg: #fdfbf7;--surface: #FFFFFF;--text-main: #333333;--text-sub: #666666;--border: #E0E0E0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--node-size: 64px;--node-spacing-vertical: 80px}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;overscroll-behavior:none}html{overflow:hidden}body{margin:0;padding:0;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fdfbf7;color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-container{width:100%;max-width:100%;margin:0 auto;height:100%;background-color:var(--light);position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--dark)}p{margin:0;line-height:1.5}button{cursor:pointer;font-family:inherit;border:none;outline:none;-webkit-tap-highlight-color:transparent}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.gap-10{gap:10px}.gap-20{gap:20px}.w-full{width:100%}.card{background:var(--light);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.primary-btn{background:var(--primary);color:var(--light);border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.primary-btn:active{transform:scale(.98);opacity:.9}.header{height:56px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 16px;background:var(--light);border-bottom:1px solid #f0f0f0}.header-white{background:var(--light)}.header-title{font-size:18px;font-weight:700;color:var(--dark)}.back-btn{position:absolute;left:16px;background:none;border:none;font-size:24px;color:var(--dark);padding:8px;cursor:pointer}.header-badge{position:absolute;right:16px;background:var(--pastel-orange);color:var(--primary-dark);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}@media screen and (min-width:1025px){.sentence-card .en-text{font-size:24px}.sentence-card .kr-text{font-size:16px}.mic-btn-large{width:110px;height:110px}}@media screen and (min-width:1025px){:root{--app-max-width: 600px;--fab-extra-bottom: 20px}.app-container{max-width:var(--app-max-width);margin:0 auto;box-shadow:0 0 20px #0000001a}body,#root{background-color:#f0ede8;background-image:linear-gradient(#fffffff2,#fffffff2),url(/images/pc-side-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}}.loading-screen{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);z-index:9999;display:flex;flex-direction:column;align-items:center;overflow:hidden;opacity:1;transition:opacity .4s ease}.loading-screen.loading-fadeout{opacity:0;pointer-events:none}.loading-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:11vh;padding-bottom:45vh;justify-content:center;width:100%;height:100%;box-sizing:border-box}.loading-title{font-size:36px;font-weight:900;margin:0;letter-spacing:1px;display:flex;align-items:flex-end;gap:1px}.loading-title-pulse{display:inline-block;animation:charPulse 2s ease-in-out infinite}.loading-title-char{display:inline-block;opacity:0;animation:charBounceIn .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes charBounceIn{0%{opacity:0;transform:translateY(28px) scale(.7) rotate(-5deg)}55%{opacity:1;transform:translateY(-6px) scale(1.12) rotate(2deg)}80%{transform:translateY(2px) scale(.97) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes charPulse{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(2px)}}.loading-title.joining .loading-title-char{font-size:38px}.loading-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center}.loading-logo-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#ffffffa6,#fff0 70%);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-logo-img{position:absolute;border-radius:50%;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-ring-svg{display:block;z-index:2}.loading-subtitle{font-size:14px;color:#333;text-align:center;line-height:1.7;margin:0;font-weight:500}.login-page{position:relative;width:100%;height:100%;overflow:hidden}.login-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.login-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:60px 24px 48px;gap:16px;background:linear-gradient(to top,#ffffffd9 40%,#fff0)}.scan-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#ff8a9e,#e8637a);color:#fff;border:none;border-radius:22px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #e8637a66;transition:transform .2s;min-width:200px}.scan-btn .icon{width:28px;height:28px;flex-shrink:0}.scan-btn span{white-space:nowrap}.scan-btn:active{transform:scale(.98)}.scan-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{font-size:12px;color:#888;text-align:center;line-height:1.6}.login-scanner-wrap{width:100%;max-width:400px;margin:0 auto}.login-scanner-close{margin-top:20px;padding:14px 24px;width:100%;border:none;background:#333;color:#fff;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}.qr-camera-area{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.qr-camera-area>div:first-child{width:100%!important;height:100%!important}.qr-camera-area video{width:100%;height:100%;object-fit:cover}.qr-guide-overlay{position:absolute;inset:0;pointer-events:none;border-radius:12px;overflow:hidden;z-index:2}.qr-guide-mask{position:absolute;background:#00000073}.qr-guide-mask-top{top:0;left:0;right:0;height:calc(50% - 125px)}.qr-guide-mask-bottom{bottom:0;left:0;right:0;height:calc(50% - 125px)}.qr-guide-mask-left{top:calc(50% - 125px);bottom:calc(50% - 125px);left:0;width:calc(50% - 125px)}.qr-guide-mask-right{top:calc(50% - 125px);bottom:calc(50% - 125px);right:0;width:calc(50% - 125px)}.qr-guide-box{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%)}.qr-corner{position:absolute;width:28px;height:28px;border:4px solid #fff;border-radius:4px}.qr-corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.qr-corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.qr-corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.qr-corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}@media(max-width:360px){.qr-guide-mask-top,.qr-guide-mask-bottom{height:calc(50% - 100px)}.qr-guide-mask-left,.qr-guide-mask-right{top:calc(50% - 100px);bottom:calc(50% - 100px);width:calc(50% - 100px)}.qr-guide-box{width:200px;height:200px}}.login-bgm-toggle{position:absolute;top:16px;right:16px;z-index:10;background:#ffffff59;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s;opacity:.7}.login-bgm-toggle:active{opacity:.5}.bgm-wave-bars{display:flex;align-items:center;gap:2px;height:16px}.bgm-wave-bars span{display:block;width:3px;border-radius:2px;animation:bgmWave 1s ease-in-out infinite}.bgm-wave-bars span:nth-child(1){height:6px;animation-delay:0s}.bgm-wave-bars span:nth-child(2){height:10px;animation-delay:.15s}.bgm-wave-bars span:nth-child(3){height:14px;animation-delay:.3s}.bgm-wave-bars span:nth-child(4){height:10px;animation-delay:.45s}.bgm-wave-bars span:nth-child(5){height:6px;animation-delay:.6s}@keyframes bgmWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.login-bgm-toggle.muted .bgm-wave-bars span{animation:none;height:4px!important;opacity:.4;transition:all .3s}#qr-video{width:100%!important;height:100%!important;object-fit:cover!important}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--light)}.profile-info{display:flex;align-items:center;gap:10px;position:relative}.avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:var(--light);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s}.avatar:active{transform:scale(.95)}.student-name{font-size:16px;font-weight:700;color:var(--dark)}.student-grade{font-size:12px;color:var(--gray)}.book-badge{padding:6px 10px;background:var(--pastel-blue);border-radius:10px;font-size:11px;font-weight:600;color:var(--dark)}.book-badge-btn{padding:8px 12px;background:var(--pastel-blue);border-radius:12px;font-size:12px;font-weight:600;color:var(--dark);border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.book-badge-btn:active{transform:scale(.95)}.book-badge-arrow{font-size:10px}.profile-dropdown{display:none;position:absolute;top:56px;left:0;background:var(--light);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:180px;z-index:200;overflow:hidden}.profile-dropdown.active{display:block}.dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:none;width:100%;text-align:left;font-size:15px;color:var(--dark);cursor:pointer;transition:background .2s}.dropdown-item:hover{background:var(--pastel-orange)}.dropdown-item.logout{color:var(--danger)}.dropdown-divider{height:1px;background:#f0f0f0}.progress-section{padding:20px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{font-size:14px;color:var(--dark);font-weight:600}.progress-count{font-size:13px;color:var(--primary);font-weight:700}.progress-bar{height:10px;background:#e8e8e8;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:5px;transition:width .3s}.today-card{margin:0 16px;padding:20px;background:var(--light);border-radius:16px;box-shadow:0 8px 24px #00000014;text-align:center}.today-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px}.today-icon{width:24px;height:24px}.today-title{font-size:16px;font-weight:700;color:var(--dark)}.today-session{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:2px}.today-type{font-size:14px;color:var(--gray);margin-bottom:16px}.start-btn{width:100%;padding:14px;background:var(--primary);color:var(--light);border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.recent-learning{padding:20px 16px 16px;display:none;margin-top:24px;border-top:1px solid #E8E8E8}.recent-learning.has-records{display:block}.section-title{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:12px}.recent-learning .section-title{color:var(--gray);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recent-list{display:flex;flex-direction:column;gap:10px}.upgrade-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:upgrade-fade-in .18s ease-out}.upgrade-modal-card{background:#fff;width:100%;max-width:340px;padding:28px 24px 20px;border-radius:20px;box-shadow:0 12px 36px #0000002e;text-align:center;animation:upgrade-pop-in .22s cubic-bezier(.175,.885,.32,1.275)}.upgrade-modal-emoji{font-size:40px;line-height:1;margin-bottom:6px}.upgrade-modal-title{margin:4px 0 10px;font-size:18px;font-weight:800;color:#333}.upgrade-modal-desc{margin:0 0 16px;font-size:14px;color:#777;line-height:1.6}.upgrade-modal-desc b{color:#ff9000;font-weight:800}.upgrade-modal-msg{margin:0 0 12px;font-size:12.5px;color:#555;background:#fff7ec;border:1px solid #FFE0B2;border-radius:10px;padding:8px 10px}.upgrade-modal-actions{display:flex;align-items:stretch;gap:10px;width:100%;margin-top:6px}.upgrade-modal-btn-cancel,.upgrade-modal-btn-pay{flex:1;padding:13px 14px;border:none;border-radius:14px;font-size:14.5px;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2}.upgrade-modal-btn-cancel{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.upgrade-modal-btn-cancel:hover{background:#e2e8f0}.upgrade-modal-btn-cancel:active{transform:translateY(1px)}.upgrade-modal-btn-pay{background:linear-gradient(135deg,#ffb800,#ff9000);color:#fff;box-shadow:0 3px 10px #ff900052;text-shadow:0 1px 1px rgba(160,90,0,.35)}.upgrade-modal-btn-pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #ff90006b}.upgrade-modal-btn-pay:active:not(:disabled){transform:translateY(0)}.upgrade-modal-btn-pay:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@keyframes upgrade-fade-in{0%{opacity:0}to{opacity:1}}@keyframes upgrade-pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.grade-badge-chip{position:relative;display:inline-flex;align-items:center;gap:3px;border:none;border-radius:999px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;overflow:hidden;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.grade-badge-chip.compact{padding:5px 11px 6px;font-size:11px}.grade-badge-chip.full{padding:6px 14px 7px;font-size:12.5px}.grade-badge-chip.pro{background:linear-gradient(135deg,#ffe48a,#ffc526 45%,#ff9e0d);color:#fff;text-shadow:0 1px 1px rgba(165,95,0,.45);box-shadow:0 3px #e07e00,0 5px 9px #ff9e0d66,inset 0 1px #fff9}.grade-badge-chip.basic{background:linear-gradient(135deg,#fcfcfd,#e4e4ea 55%,#cbcbd4);color:#5a5a66;text-shadow:0 1px 0 rgba(255,255,255,.6);box-shadow:0 3px #aeaeb8,0 5px 9px #78788c4d,inset 0 1px #ffffffd9}.grade-badge-chip:active{transform:translateY(2px)}.grade-badge-chip.pro:active{box-shadow:0 1px #e07e00,0 2px 5px #ff9e0d59,inset 0 1px #fff9}.grade-badge-chip.basic:active{box-shadow:0 1px #aeaeb8,0 2px 5px #78788c47,inset 0 1px #ffffffd9}.grade-chip-crown{margin-top:-1px;filter:drop-shadow(0 1px 1px rgba(165,95,0,.35))}.grade-chip-spark{font-size:.85em;margin-left:1px}.grade-badge-chip:after{content:"";position:absolute;top:0;left:-160%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-22deg);animation:grade-shine 3.6s ease-in-out infinite;pointer-events:none}.grade-badge-chip.basic:after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.95),transparent)}.grade-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;animation:grade-fade .2s ease}@keyframes grade-fade{0%{opacity:0}to{opacity:1}}.grade-modal{background:#fff;width:85%;max-width:330px;padding:28px 24px;border-radius:22px;text-align:center;box-shadow:0 10px 36px #00000047;animation:grade-pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes grade-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.grade-modal-emoji{font-size:44px;margin-bottom:4px;filter:drop-shadow(0 3px 5px rgba(255,158,13,.4))}.grade-modal-title{margin:0 0 8px;font-size:19px;font-weight:800;color:#333}.grade-modal-sub{margin:0 0 4px;font-size:13px;color:#999}.grade-modal-days{margin:0 0 20px;font-size:23px;font-weight:800;color:#ff9e0d}.grade-modal-days.urgent{color:#ff5252}.grade-modal-warn{margin:-14px 0 16px;font-size:12px;font-weight:600;color:#ff5252}.grade-modal-desc{margin:0 0 22px;font-size:14px;color:#888;line-height:1.6}.grade-modal-desc b{color:#e08a00}.grade-modal-actions{display:flex;align-items:stretch;gap:8px;width:100%;margin-top:4px}.grade-modal-refresh{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;padding:0;background:#f5f5f5;color:#666;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.grade-modal-pay{display:inline-flex;align-items:center;gap:7px;margin:4px 0 14px;padding:12px 22px;background:linear-gradient(135deg,#ffb800,#ff9000);color:#fff;border:none;border-radius:22px;font-size:14px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #ff900052}.grade-modal-pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff90006b}.grade-modal-pay:active:not(:disabled){transform:translateY(0)}.grade-modal-pay:disabled{opacity:.55;cursor:not-allowed}.grade-modal-refresh:hover:not(:disabled){background:#ececec}.grade-modal-refresh:disabled{opacity:.6;cursor:not-allowed}.grade-modal-refresh .spin{animation:grade-spin 1s linear infinite}@keyframes grade-spin{to{transform:rotate(360deg)}}.grade-modal-refresh-msg{margin:-6px 0 14px;font-size:12px;color:#888}.grade-modal-btn{flex:1;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:15px;font-weight:800;cursor:pointer;text-shadow:0 1px 1px rgba(160,90,0,.35);box-shadow:0 3px 10px #ff960066;transition:transform .12s ease}.grade-modal-btn:active{transform:translateY(2px)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--color-background);border-bottom:2px solid #E5E5E5;height:58px;position:sticky;top:0;z-index:100;width:100%}.top-bar-item{display:flex;align-items:center;gap:6px}.stat-text{font-weight:700;font-size:15px}.stat-text.flame{color:#ff9600}.stat-text.gem{color:#1cb0f6}.profile-avatar{width:32px;height:32px;background-color:#afafaf;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-avatar-circle{width:34px;height:34px;background-color:#e6f7ff;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 1px 4px #0000001a;display:flex;align-items:center;justify-content:center}.profile-avatar-circle img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.flag-icon{font-size:20px}.top-bar-right{display:flex;align-items:center;gap:12px}.topbar-bgm-toggle{background:none;border:none;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s;opacity:.7}.topbar-bgm-toggle:active{opacity:.5}.topbar-bgm-toggle .bgm-wave-bars{display:flex;align-items:center;gap:2px;height:16px}.topbar-bgm-toggle .bgm-wave-bars span{display:block;width:3px;border-radius:2px;animation:topbarBgmWave 1s ease-in-out infinite}.topbar-bgm-toggle .bgm-wave-bars span:nth-child(1){height:6px;animation-delay:0s}.topbar-bgm-toggle .bgm-wave-bars span:nth-child(2){height:10px;animation-delay:.15s}.topbar-bgm-toggle .bgm-wave-bars span:nth-child(3){height:14px;animation-delay:.3s}.topbar-bgm-toggle .bgm-wave-bars span:nth-child(4){height:10px;animation-delay:.45s}.topbar-bgm-toggle .bgm-wave-bars span:nth-child(5){height:6px;animation-delay:.6s}@keyframes topbarBgmWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.topbar-bgm-toggle.muted .bgm-wave-bars span{animation:none;height:4px!important;opacity:.4;transition:all .3s}@media(min-width:1025px){.top-bar{padding:16px 32px;height:72px}.stat-text{font-size:18px}.profile-avatar-circle{width:44px;height:44px}.flag-icon{font-size:24px}}.bottom-nav{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-background);border-top:1px solid #E5E5E5;padding:8px 0 16px;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);z-index:100;box-shadow:0 -2px 10px #00000008;padding-bottom:max(16px,env(safe-area-inset-bottom))}.nav-item{background:none;border:none;color:silver;cursor:pointer;padding:4px 12px;transition:all .2s ease;border-radius:12px;flex:1;position:relative}.review-bubble{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);padding:4px 11px;border-radius:14px;background:#e6f7ff;color:#1cb0f6;border:1px solid #BAE6FD;font-size:12px;font-weight:800;line-height:1.3;white-space:nowrap;box-shadow:0 2px 8px #1cb0f638;pointer-events:none;z-index:99;animation:reviewBubbleBounce 2.4s ease-in-out infinite}.review-bubble:before,.review-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-style:solid}.review-bubble:before{border-width:6px 5px 0 5px;border-color:#BAE6FD transparent transparent transparent}.review-bubble:after{border-width:5px 4px 0 4px;border-color:#E6F7FF transparent transparent transparent;margin-top:-1px}@keyframes reviewBubbleBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-2px)}}.nav-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.nav-icon-wrapper span{font-size:10px;font-weight:600;white-space:nowrap}.nav-item:active{background-color:transparent;transform:scale(.95)}.nav-item.active,.nav-item.active .nav-icon-wrapper span{color:#ff8090}.nav-play-icon{width:48px;height:48px;object-fit:contain;margin:-8px 0;transition:opacity .4s ease,filter .4s ease}.nav-item .nav-icon-wrapper .nav-profile-initial{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:12px;font-weight:800;letter-spacing:-.02em;line-height:1;transition:background-color .18s ease,color .18s ease,transform .18s ease}.nav-item.active .nav-icon-wrapper .nav-profile-initial{background:#ff8090;color:#fff;transform:scale(1.06)}.nav-play-icon.attention{animation:playShake .8s ease-in-out .4s 1,playFade 2s ease-in-out;filter:drop-shadow(0 0 8px rgba(255,128,144,.6))}@keyframes playShake{0%,to{transform:scale(1.1) rotate(0)}15%{transform:scale(1.12) rotate(-5deg)}30%{transform:scale(1.12) rotate(5deg)}45%{transform:scale(1.12) rotate(-4deg)}60%{transform:scale(1.1) rotate(4deg)}75%{transform:scale(1.1) rotate(-2deg)}90%{transform:scale(1.1) rotate(2deg)}}@keyframes playFade{0%{opacity:.6}15%{opacity:1}75%{opacity:1}to{opacity:.6}}@media(min-width:1025px){.bottom-nav{max-width:var(--app-max-width);left:50%;transform:translate(-50%);padding:12px 32px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));justify-content:center;gap:60px}.nav-item{flex:0 1 auto;width:100px}.nav-icon-wrapper svg{width:26px;height:26px}.nav-icon-wrapper span{font-size:12px;margin-top:2px}}.custom-modal-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.custom-modal{background:#fff;width:100%;max-width:340px;border-radius:24px;padding:32px 24px 24px;box-shadow:0 20px 60px #0006;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}.custom-modal-title{font-size:20px;font-weight:700;color:#333;margin:0 0 12px;text-align:center}.custom-modal-message{font-size:15px;color:#666;line-height:1.5;text-align:center;margin:0 0 24px}.custom-modal-actions{display:flex;gap:12px;width:100%}.custom-modal-btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.custom-modal-btn:active{transform:scale(.98)}.custom-modal-btn.confirm{background:linear-gradient(135deg,#58cc02,#4caf50);color:#fff;box-shadow:0 4px 12px #4caf504d}.custom-modal-btn.confirm:hover{box-shadow:0 6px 16px #4caf5066}.custom-modal-btn.cancel{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.custom-modal-btn.cancel:hover{background:#e8e8e8}.shop-bg{background:linear-gradient(135deg,#fce4ec,#f8bbd0);min-height:100vh}.shop-content{padding:16px 16px 80px}.shop-header{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.shop-title{display:flex;align-items:center;gap:8px;color:#d81b60}.shop-title h2{font-size:24px;font-weight:700;margin:0}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap}.shop-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;white-space:nowrap;flex-shrink:0;border-radius:20px;border:none;background:#fff;box-shadow:0 4px 10px #0000000d;font-weight:600;color:#888;cursor:pointer;transition:all .2s}.shop-tab.active{background:#ff6b6b;color:#fff;transform:scale(1.05);box-shadow:0 6px 14px #ff6b6b4d}.shop-sub-filters{display:flex;gap:8px;overflow-x:auto;padding:0 4px 16px;-ms-overflow-style:none;scrollbar-width:none}.shop-sub-filters::-webkit-scrollbar{display:none}.sub-filter-chip{padding:6px 14px;border-radius:16px;border:1.5px solid #e0e0e0;background:#fff;font-size:13px;font-weight:600;color:#888;white-space:nowrap;cursor:pointer;transition:all .2s}.sub-filter-chip.active{background:#ff6b6b;color:#fff;border-color:#ff6b6b;box-shadow:0 2px 8px #ff6b6b4d}.shop-empty{text-align:center;padding:48px 24px;color:#999}.shop-empty p:first-child{font-size:16px;font-weight:600;color:#666;margin-bottom:4px}.shop-empty p:last-child{font-size:14px}.badge-scroll{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#7c4dff,#536dfe);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:8px;box-shadow:0 2px 4px #0003;z-index:1}.shop-owned-filter{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-bottom:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 12px;border-radius:16px;width:fit-content;margin-left:auto;transition:all .2s;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000014}.shop-owned-filter span{font-size:12px;font-weight:600}.shop-owned-filter.filter-all,.shop-owned-filter.filter-featured-off{color:#0000008c}.shop-owned-filter.filter-owned{color:#007aff;background:#dcebffeb;border-color:#007aff59;box-shadow:0 1px 5px #007aff2e}.shop-owned-filter.filter-notOwned{color:#e8434e;background:#ffe1e1eb;border-color:#ff6b6b59;box-shadow:0 1px 5px #ff6b6b2e}.shop-owned-filter.filter-featured-on{color:#7c3aed;background:#f0e6ffeb;border-color:#7c3aed59;box-shadow:0 1px 5px #7c3aed2e}.shop-owned-filter.filter-animated-off{color:#0000008c}.shop-owned-filter.filter-animated-on{color:#db2777;background:#ffdcebeb;border-color:#ec489966;box-shadow:0 1px 5px #ec489938}.shop-owned-filter:active{transform:scale(.95)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.shop-grid-sticker{grid-template-columns:repeat(4,1fr);gap:8px}.shop-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .2s;cursor:pointer;position:relative;display:flex;flex-direction:column}.shop-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.shop-card.locked{opacity:.6;cursor:not-allowed}.shop-card.locked:hover{transform:none;box-shadow:0 4px 12px #00000014}.shop-card-img-wrapper{width:100%;aspect-ratio:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shop-card-img{width:80%;height:auto;object-fit:contain}.shop-card-img.background-img{width:100%;height:100%;object-fit:cover}.shop-card-img.sticker-img{width:60%;height:auto;object-fit:contain}.shop-grid-sticker .shop-card-info{padding:6px 4px;gap:1px}.shop-grid-sticker .shop-card-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-grid-sticker .shop-card-price{font-size:11px}.shop-grid-sticker .shop-card-img-wrapper{aspect-ratio:1}.shop-card-img.grayscale{filter:grayscale(100%)}.badge-equipped{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;font-size:10px;padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0003}.badge-owned{position:absolute;top:8px;right:8px;background:#2196f3;color:#fff;font-size:10px;padding:4px 8px;border-radius:12px}.badge-locked{position:absolute;top:8px;right:8px;background:#9e9e9e;color:#fff;font-size:10px;padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0003}.shop-card-info{padding:12px;display:flex;flex-direction:column;gap:4px}.shop-card-name{font-size:14px;font-weight:600;color:#333;margin:0}.shop-card-price{display:flex;align-items:center;gap:4px;font-size:13px;color:#ff6b6b;font-weight:700}.gem-icon-small{font-size:14px}.shop-card-price .owned{color:#888;font-weight:400}.shop-modal-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-modal{background:#fff;width:100%;max-width:360px;border-radius:24px;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 20px 60px #0006;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.shop-modal-img-wrapper{width:180px;height:180px;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:3px solid #f0f0f0;box-shadow:0 8px 24px #00000026;overflow:hidden;position:relative}.shop-modal-img-wrapper img{width:100px;height:auto;object-fit:contain}.shop-modal-img-wrapper.background-modal-img img{width:100%;height:100%;object-fit:cover}.shop-modal-name{font-size:22px;font-weight:800;color:#333;margin:0;text-align:center}.shop-modal-desc{text-align:center;color:#666;font-size:15px;line-height:1.5;margin:0;padding:0 8px}.shop-modal-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:16px}.shop-btn{width:100%;padding:16px;border-radius:16px;border:none;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.3px}.shop-btn:hover{transform:translateY(-2px)}.shop-btn:active{transform:translateY(0) scale(.98)}.shop-btn.buy{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;box-shadow:0 6px 20px #ff6b6b66}.shop-btn.buy:hover{box-shadow:0 8px 24px #ff6b6b80}.shop-btn.equip{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 6px 20px #4caf5066}.shop-btn.equip:hover{box-shadow:0 8px 24px #4caf5080}.shop-btn.close{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.shop-btn.close:hover{background:#e8e8e8}.shop-btn.disabled{background:#e8e8e8;color:#aaa;cursor:not-allowed;box-shadow:none}.shop-btn.disabled:hover{transform:none}@media(min-width:600px){.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-grid-sticker{grid-template-columns:repeat(6,1fr)}}@media(min-width:1025px){.shop-grid{grid-template-columns:repeat(4,1fr)}.shop-grid-sticker{grid-template-columns:repeat(8,1fr)}}:root{--daily-primary: #e67e7e;--daily-bg: #fdfbf7;--daily-header-bg: #ffffff;--daily-back-btn-bg: #f5eacb;--daily-gray: #e0e0e0}.app-container.daily-page{background:var(--daily-bg) url(/images/learning-bg.png) center top / cover no-repeat scroll!important}.daily-header-fixed{position:fixed;top:0;left:0;right:0;z-index:20;box-shadow:0 2px 8px #0000000d;max-width:var(--app-max-width);margin:0 auto}.header.header-white{background:var(--daily-header-bg);box-shadow:0 1px 3px #0000000d;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.header-title{color:#2c3e50;font-weight:700;font-size:16px}.back-btn{width:36px;height:36px;background:transparent!important;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:20px;color:#333;padding:0}.header-badge{background:var(--daily-primary);color:#fff;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:700}.daily-nav{display:flex;align-items:center;justify-content:center;padding:20px 0;background:var(--daily-header-bg);margin-bottom:0}.nav-step{display:flex;align-items:center;gap:6px}.nav-dot{width:32px;height:32px;border-radius:50%;background:var(--daily-gray);color:#999;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:2;transition:all .3s}.nav-dot.done{background:var(--daily-primary);color:#fff}.nav-dot.active{background:var(--daily-primary);color:#fff;box-shadow:0 2px 6px #e67e7e66;transform:scale(1.1)}.nav-dot.pending{background:var(--daily-gray);color:#999}.nav-line{width:40px;height:2px;background:var(--daily-gray);margin:0 4px;border-radius:2px}.nav-line.done{background:var(--daily-primary)}.daily-content{flex:1;padding:24px;display:flex;flex-direction:column;align-items:center}.daily-title,.daily-subtitle{display:none}.daily-card{background:#fff;border-radius:20px;padding:40px 24px;width:100%;box-shadow:0 4px 20px #00000008;text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:16px}.daily-card-icon{font-size:64px;margin-bottom:24px;color:var(--daily-primary)}.daily-card-title{font-size:20px;font-weight:800;color:#2c3e50;margin-bottom:8px}.daily-card-desc{font-size:14px;color:#95a5a6;margin-bottom:40px;font-weight:500}.daily-start-btn{width:100%;padding:16px;background:var(--daily-primary);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #e67e7e33;transition:transform .1s}.daily-start-btn:active{transform:scale(.98)}.sentence-card{width:100%;padding:24px 20px;background:var(--light);border-radius:16px;text-align:center;margin-bottom:20px;box-shadow:0 4px 16px #00000014}.sentence-text{font-size:20px;font-weight:700;color:var(--dark);line-height:1.4;margin-bottom:6px}.sentence-text-kr{font-size:13px;color:var(--gray)}.button-row{display:flex;gap:16px;margin-bottom:20px;justify-content:center}.circle-btn{width:88px;height:88px;border-radius:50%;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #00000026;transition:transform .2s;color:#fff;font-weight:600;font-size:11px}.circle-btn:active{transform:scale(.95)}.circle-btn.play{background:var(--primary)}.circle-btn.record{background:#4ecdc4}.circle-btn.record.recording{background:var(--danger);animation:pulse 1.5s infinite}.circle-btn-icon{width:28px;height:28px;margin-bottom:4px}@keyframes pulse{0%{box-shadow:0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.next-btn{padding:16px 48px;background:var(--primary);color:var(--light);border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;width:100%;margin-top:auto}.step3-container{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);padding:20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#2c3e50,#000);color:#fff;z-index:100}.call-header{margin-top:40px;text-align:center;margin-bottom:40px}.call-status{font-size:14px;opacity:.7;margin-top:8px;font-weight:500;letter-spacing:1px}.call-avatar-container{width:160px;height:160px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:64px;margin-bottom:40px;position:relative;box-shadow:0 0 0 10px #ffffff1a}.call-avatar-container.talking:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.8);animation:ripple-effect 1.5s infinite ease-out}@keyframes ripple-effect{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.call-caption-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:20px;width:100%;max-width:340px;min-height:120px;text-align:center;margin-bottom:auto;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.call-caption-text{font-size:18px;line-height:1.5;font-weight:500}.call-caption-user{color:#4ecdc4}.call-controls{display:flex;gap:32px;margin-bottom:40px}.call-btn{width:72px;height:72px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;background:#fff3;color:#fff;transition:transform .2s}.call-btn:active{transform:scale(.95)}.call-btn.end{background:#ff4b4b;box-shadow:0 8px 24px #ff4b4b66}.call-btn.mic{background:#fff3}.call-btn.mic.active{background:#fff;color:var(--dark)}.role-select-btn{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid #eee;border-radius:20px;background:#fff;min-width:110px;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.role-select-btn.selected{border-color:var(--primary);background:#f0f7ff;transform:translateY(-4px);box-shadow:0 8px 16px #3498db33}.role-avatar{font-size:40px;margin-bottom:12px}.role-name{font-weight:700;color:var(--dark);font-size:16px}.chat-container{flex:1;overflow-y:auto;padding:16px;background:#f5f7fa;border-radius:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px;border:1px solid #eee}.chat-bubble-row{display:flex;gap:12px;align-items:flex-end;max-width:85%}.chat-bubble-row.me{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:36px;height:36px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.chat-bubble{padding:12px 16px;background:#fff;color:var(--dark);font-size:15px;line-height:1.4;box-shadow:0 2px 4px #0000000d;position:relative;border-radius:18px 18px 18px 2px}.chat-bubble-row.me .chat-bubble{background:var(--primary);color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:2px}.chat-sub{font-size:11px;opacity:.8;margin-top:4px;display:block}.typing-indicator{display:flex;gap:4px;padding:8px 12px;background:#0000000d;border-radius:12px;width:fit-content;align-self:center;margin:10px 0}.typing-dot{width:6px;height:6px;background:#aaa;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.step2-controls{min-height:160px;background:#fff;border-radius:20px;box-shadow:0 -4px 20px #0000000d;padding:20px;display:flex;flex-direction:column;justify-content:center}.step1-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.control-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;transition:transform .1s}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-icon-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;background:#fff;font-size:24px;transition:all .2s}.control-btn.play .control-icon-circle{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.control-btn.slow .control-icon-circle{background:linear-gradient(135deg,#ffb347,#ffa726);color:#fff;font-size:20px}.control-btn.record .control-icon-circle{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.control-btn.record.recording .control-icon-circle{background:linear-gradient(135deg,#ff9a9e,#fecfef 99% 100%);animation:pulse-red 1.5s infinite}.control-label{font-size:12px;font-weight:700;color:var(--dark)}@keyframes pulse-red{0%{box-shadow:0 0 #ff5252b3}70%{box-shadow:0 0 0 10px #ff525200}to{box-shadow:0 0 #ff525200}}.speaker-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);width:90%;max-width:380px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #ffffff80;display:flex;align-items:center;gap:16px;z-index:9999;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.speaker-toast.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast-avatar-container{position:relative;width:56px;height:56px;flex-shrink:0}.toast-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 10px #0000001a}.toast-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px #0000001a;border:2px solid white}.toast-content{flex:1;display:flex;flex-direction:column;justify-content:center}.toast-header{display:flex;align-items:center;margin-bottom:2px}.toast-name{font-size:12px;font-weight:700;color:#999;letter-spacing:.5px;text-transform:uppercase}.toast-message{font-size:17px;font-weight:800;color:#2c3e50;margin-bottom:2px}.toast-korean{font-size:13px;color:#e67e7e;font-weight:600}.toast-wave{display:flex;align-items:flex-end;gap:3px;height:20px;padding-bottom:2px}.toast-wave-bar{width:4px;background:#e67e7e;border-radius:2px;animation:wave 1s infinite ease-in-out}.toast-wave-bar:nth-child(1){height:10px;animation-delay:0s}.toast-wave-bar:nth-child(2){height:16px;animation-delay:.2s}.toast-wave-bar:nth-child(3){height:8px;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}.result-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s}.result-overlay.active{opacity:1;visibility:visible}.result-modal{background:#fff;border-radius:24px;padding:32px 40px;text-align:center;transform:scale(.8);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 60px #0000004d;min-width:280px;max-width:90%}.result-overlay.active .result-modal{transform:scale(1);opacity:1}.result-modal.correct{border-bottom:6px solid #4ECDC4}.result-modal.incorrect{border-bottom:6px solid #FF6B6B}.result-icon{margin-bottom:16px;animation:iconFloat 2s ease-in-out infinite alternate}.result-icon img{width:100px;height:100px;object-fit:contain}@keyframes iconFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes celebrateEntry{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}80%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes charBounce{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.15) rotate(5deg);opacity:1}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}.result-title{font-size:28px;font-weight:800;margin-bottom:8px;color:#2c3e50}.result-modal.correct .result-title{color:#4ecdc4}.result-modal.incorrect .result-title{color:#ff6b6b}.result-subtitle{font-size:16px;color:#7f8c8d;margin-bottom:24px;font-weight:500}.result-score{background:#f8f9fa;padding:12px;border-radius:12px;margin-bottom:24px;display:inline-flex;flex-direction:column;min-width:120px}.score-label{font-size:12px;color:#95a5a6;margin-bottom:4px;font-weight:600}.score-value{font-size:24px;font-weight:800;color:#2c3e50}.result-buttons{display:flex;gap:12px;justify-content:center}.result-btn{padding:14px 28px;border-radius:14px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:transform .1s;min-width:140px}.result-btn:active{transform:scale(.95)}.result-btn.next{background:#4ecdc4;color:#fff;box-shadow:0 4px 12px #4ecdc44d}.result-btn.retry{background:#ff6b6b;color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.confetti{position:absolute;top:-10px;width:10px;height:10px;background:red;animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(720deg)}}.role-select-btn{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid #eee;border-radius:20px;background:#fff;cursor:pointer;width:140px;height:160px;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.role-select-btn:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.role-select-btn.selected{border-color:var(--primary);background:#fff5f5;box-shadow:0 8px 16px #e67e7e4d;transform:translateY(-6px)}.role-select-btn.selected:after{content:"✔";position:absolute;top:10px;right:10px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.role-avatar{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.1))}.role-name{font-weight:800;color:#2c3e50;font-size:18px}.chat-container{background:#f7f9fc;border:1px solid #eef2f7;box-shadow:inset 0 2px 4px #00000005}.step2-controls{background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -4px 20px #00000008}.role-selection-container{display:flex;flex-direction:column;height:100%;padding:0 4px}.role-title{text-align:center;font-size:22px;font-weight:800;color:var(--dark);margin-bottom:8px}.role-subtitle{text-align:center;font-size:14px;color:var(--gray);margin-bottom:24px}.celebrate-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.celebrate-overlay.active{opacity:1;visibility:visible}.celebrate-modal{background:#fff;padding:40px 32px;border-radius:36px;text-align:center;width:90%;max-width:360px;transform:scale(.9) translateY(40px);transition:transform .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px #0003,0 10px 30px #0000001a}.celebrate-overlay.active .celebrate-modal{transform:scale(1) translateY(0)}.celebrate-char-img{width:130px;height:130px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));animation:celebrateEntry .7s cubic-bezier(.34,1.56,.64,1),iconFloat 2s ease-in-out .7s infinite alternate}.celebrate-title{font-size:28px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#ff6b6b,#ffb347);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.celebrate-subtitle{font-size:16px;color:#8898aa;font-weight:500;margin-bottom:0}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:14px;height:14px;top:-20px;border-radius:6px;animation:fall 3s ease-in-out forwards}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(800deg);opacity:0}}.role-cards-row{display:flex;justify-content:center;gap:24px;margin-bottom:32px}.role-card-btn{flex:1;max-width:110px;background:#fff!important;border:none!important;border-radius:20px!important;padding:16px 12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px #00000014!important;position:relative;overflow:hidden}.role-card-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000001f!important}.role-card-btn.selected{background-color:#fff!important;box-shadow:0 15px 30px #00000026!important;transform:translateY(-4px)}.role-card-btn.selected:before{content:"";position:absolute;inset:0;background:var(--role-color, #777);opacity:.08;pointer-events:none;border-radius:20px}.role-card-avatar{width:60px!important;height:60px!important;border-radius:50%!important;margin-bottom:12px;object-fit:cover;border:3px solid #F5F7FA!important;transition:border-color .3s;background:#f5f7fa;box-shadow:0 4px 10px #0000000d}.role-card-btn.selected .role-card-avatar{border-color:var(--role-color, #777)!important}.role-card-name{font-size:15px;font-weight:800;color:#555;letter-spacing:-.5px;transition:color .3s}.role-card-btn.selected .role-card-name{color:inherit}.dialogue-preview-box{flex:1;background:#fff;border-radius:16px;border:1px solid #EEE;padding:16px;overflow-y:auto;box-shadow:inset 0 2px 4px #00000005;margin-bottom:20px}.preview-label{font-size:13px;color:var(--gray);margin-bottom:12px;font-weight:600}.preview-item{margin-bottom:16px;padding-left:12px;border-left:3px solid #EEE}.preview-item.me{border-left-color:#ff6b6b}.preview-item.other{border-left-color:#4ecdc4}.preview-name{font-size:12px;font-weight:700;margin-bottom:4px}.preview-item.me .preview-name{color:#ff6b6b}.preview-item.other .preview-name{color:#4ecdc4}.preview-text{font-size:14px;color:var(--dark);line-height:1.4}.dialogue-container{display:flex;flex-direction:column;height:calc(100vh - 120px);position:relative;overflow:hidden}.dialogue-fixed-top{position:absolute;top:0;left:0;width:100%;padding:0 0 16px;background:#fff;z-index:10;box-shadow:0 4px 10px #0000000d}.dialogue-progress-bar{height:6px;background:#e0e0e0;border-radius:3px;margin:10px 0 16px;overflow:hidden}.dialogue-progress-fill{height:100%;background:#ff6b6b;transition:width .3s ease}.dialogue-main-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:18px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #00000026;transition:all .2s}.dialogue-main-btn.start{background:linear-gradient(135deg,#6ab089,#549673)}.dialogue-main-btn.listening{background:linear-gradient(135deg,#ffb347,#ffa726)}.dialogue-main-btn.speaking{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);animation:pulseBtn 1.5s infinite}.dialogue-main-btn:disabled{opacity:.8;cursor:not-allowed}@keyframes pulseBtn{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.dialogue-script-list{flex:1;overflow-y:auto;padding:160px 16px 100px;scroll-behavior:smooth;height:100%}.script-item{display:flex;gap:12px;padding:16px;border-radius:16px;margin-bottom:12px;transition:all .3s ease;border:1px solid transparent;opacity:.5;background:transparent}.script-item.active{opacity:1;background:#fff;border-color:#ffd59e;box-shadow:0 4px 20px #00000014;transform:scale(1.02)}.script-item.passed{opacity:.9;background:#4ecdc414!important;border-color:#4ecdc433}.script-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #EEE}.script-content{flex:1;display:flex;flex-direction:column}.script-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.script-name{font-size:14px;font-weight:700}.script-name.A{color:#ff6b6b}.script-name.B{color:#4ecdc4}.turn-badge{font-size:11px;color:#fff;background:#ffb347;padding:2px 6px;border-radius:8px;font-weight:600}.script-text{font-size:16px;color:var(--dark);font-weight:600;line-height:1.4;margin-bottom:4px}.script-korean{font-size:13px;color:var(--gray)}.diary-question-card{background:#fff;border-radius:20px;padding:24px 20px;margin-bottom:20px;box-shadow:0 4px 16px #0000000f;text-align:center;transition:all .3s ease}.diary-question-card.active{transform:scale(1.02);border:2px solid #FF6B7A}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-label{font-size:13px;font-weight:700;color:#ff6b7a;background:#fff0f3;padding:4px 10px;border-radius:12px}.question-play-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.question-text{font-size:20px;font-weight:800;color:#333;margin-bottom:8px;line-height:1.4}.question-subtext{font-size:13px;color:#999}.diary-interaction-area,.input-box{flex:1;display:flex;flex-direction:column}.diary-textarea{width:100%;height:140px;padding:16px;border-radius:16px;border:2px solid #EEE;font-size:16px;line-height:1.5;resize:none;outline:none;transition:border-color .2s;background:#fafafa;color:#333;font-family:inherit}.diary-textarea:focus{border-color:#ff6b7a;background:#fff}.input-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.mic-btn{width:56px;height:56px;border-radius:50%;background:#f0f0f0;border:none;display:flex;align-items:center;justify-content:center;color:#555;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0000001a}.mic-btn svg{width:24px;height:24px}.mic-btn.recording{width:auto;padding:0 24px;background:#ff3b30;color:#fff;border-radius:28px;gap:8px;animation:pulse 1.5s infinite}.recording-wave{font-weight:600;font-size:14px}.submit-btn{padding:14px 28px;background:#ff6b7a;color:#fff;border:none;border-radius:28px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 16px #ff6b7a4d;transition:transform .2s}.submit-btn:active{transform:scale(.95)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.result-box{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 30px #0000001a;animation:slideUp .3s ease-out}.result-item{margin-bottom:20px;text-align:left}.result-item .label{display:block;font-size:12px;font-weight:700;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.result-item p{font-size:17px;color:#333;line-height:1.5;background:#f9f9f9;padding:16px;border-radius:12px;margin:0}.result-item.correction p{background:#e3f2fd;color:#1565c0;font-weight:600;border:1px solid #BBDEFB}.arrow-divider{text-align:center;margin:12px 0;font-size:24px;color:#ddd}.result-feedback{background:#fff8e1;padding:16px;border-radius:14px;display:flex;gap:12px;align-items:flex-start;margin-bottom:24px;border:1px solid #FFECB3}.feedback-icon{font-size:24px}.feedback-text{font-size:14px;color:#5d4037;line-height:1.6;font-weight:500}.next-question-btn{width:100%;padding:16px;background:#333;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0003}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mini-play-btn{background:none;border:none;color:#1565c0;cursor:pointer;padding:4px;display:flex;align-items:center}.call-screen{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#15202b;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;color:#fff}.call-top-bar{width:100%;text-align:center;margin-top:40px}.call-timer{font-size:18px;font-weight:600;opacity:.8}.call-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.call-avatar-wrapper{width:120px;height:120px;border-radius:50%;background:#2c3e50;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.1);position:relative}.call-avatar-wrapper.speaking{box-shadow:0 0 0 10px #4ecdc433;animation:speakPulse 1.5s infinite}@keyframes speakPulse{0%{box-shadow:0 0 #4ecdc466}70%{box-shadow:0 0 0 20px #4ecdc400}to{box-shadow:0 0 #4ecdc400}}.call-avatar{font-size:60px}.call-name{font-size:28px;font-weight:700;margin-bottom:12px}.call-msg-box{min-height:80px}.call-status-sub{font-size:16px;font-weight:600;color:#8899a6;margin-bottom:8px}.call-turn-count{font-size:13px;color:#5b7083}.sound-wave-container{display:flex;gap:4px;justify-content:center;height:24px;align-items:flex-end;margin-top:10px}.wave-bar{width:4px;background:#4ecdc4;border-radius:2px;animation:wave .8s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.1s;height:12px}.wave-bar:nth-child(3){animation-delay:.2s;height:20px}.wave-bar:nth-child(4){animation-delay:.3s;height:14px}.wave-bar:nth-child(5){animation-delay:.4s;height:8px}@keyframes wave{0%,to{height:4px}50%{height:20px}}.call-controls{display:flex;justify-content:center;align-items:flex-end;gap:32px;margin-bottom:20px;width:100%;max-width:360px}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px}.control-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;transition:transform .1s}.control-btn:active{transform:scale(.95)}.control-label{font-size:12px;color:#8899a6}.control-btn.hint{background:#f1c40f;width:56px;height:56px}.control-btn.speak{background:#2ecc71;width:80px;height:80px;font-size:32px}.control-btn.speak.active{background:#ff6b6b;animation:pulse 1s infinite}.control-btn.end{background:#e74c3c;width:56px;height:56px}.korean-mode-btn{background:#1da1f233;color:#1da1f2;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(29,161,242,.4);margin-bottom:20px;cursor:pointer}.call-screen.incoming{background:#f0f4f8}.call-screen.incoming .call-name{color:#2c3e50}.call-screen.incoming .call-status-text{color:#5b7083}.incoming-actions{display:flex;gap:80px;margin-top:60px;margin-bottom:80px;width:100%;justify-content:center}.action-col{display:flex;flex-direction:column;align-items:center;gap:12px;color:#555;font-size:15px;font-weight:600}.call-action-btn{width:72px;height:72px;border-radius:50%;border:none;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:bounce 2s infinite}.call-action-btn.accept{background:#2ecc71}.call-action-btn.decline{background:#e74c3c;animation:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.call-hint-modal-backdrop{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#000000b3;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px}.call-hint-modal{background:#f9f9f9;border-radius:24px;width:100%;max-width:340px;overflow:hidden;box-shadow:0 10px 40px #00000080}.hint-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #EEE;background:#fff}.hint-title{font-size:16px;font-weight:800;color:#333;display:flex;align-items:center;gap:6px}.hint-close{background:none;border:none;color:#999;cursor:pointer}.hint-section{padding:20px;border-bottom:1px solid #EEE;background:#fff}.hint-section.teacher-msg{background:#f0f4f8}.hint-label{font-size:12px;color:#888;font-weight:600;margin-bottom:8px}.hint-content{margin-bottom:12px}.hint-content .en{font-size:18px;font-weight:700;color:#2c3e50;line-height:1.4;margin-bottom:4px}.hint-content .kr{font-size:13px;color:#666}.hint-play-btn{background:#ff6b7a;color:#fff;border:none;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}.hint-item{background:#f5f5f5;border-radius:12px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.hint-text{flex:1;margin-right:10px}.korean-help-btn{margin-top:12px;font-size:13px;font-weight:600;color:#4ecdc4;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .2s;white-space:nowrap;outline:none}.korean-help-btn:active{transform:scale(.95)}.korean-help-btn.active{background:#ff3b30;color:#fff;border-color:#ff3b30;animation:pulse 1.5s infinite}.korean-help-result{width:100%;max-width:320px}.korean-help-card{background:#fff;border-radius:20px;padding:24px;text-align:left;box-shadow:0 8px 30px #0003}.korean-help-card.confirm{text-align:center}.korean-help-label{font-size:12px;font-weight:700;color:#999;margin-bottom:8px}.korean-help-korean{font-size:16px;color:#555;margin-bottom:0;line-height:1.5}.korean-help-english{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:20px;line-height:1.4;margin-top:0}.korean-help-text.large{font-size:20px;font-weight:700;color:#333;margin:16px 0 24px;word-break:keep-all;line-height:1.4}.divider{height:1px;background:#eee;margin:16px 0}.korean-help-buttons{display:flex;gap:10px;margin-bottom:16px;width:100%}.btn-icon{flex:1;padding:12px;border-radius:12px;background:#f0f4f8;color:#333;border:none;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.btn-full{width:100%;padding:14px;background:#2c3e50;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}.btn-primary{flex:1;padding:12px;background:#2ecc71;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:15px}.btn-secondary{flex:1;padding:12px;background:#eee;color:#555;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:15px}.hint-text .en{font-size:15px;font-weight:600;color:#333;margin-bottom:2px}.hint-text .kr{font-size:12px;color:#888}.call-controls-new{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:360px;margin-bottom:30px}.control-row{display:flex;align-items:center;justify-content:center;width:100%}.main-row{gap:24px}.sub-row{gap:20px;margin-top:0}.control-btn-circle{border-radius:50%;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s;color:#fff;outline:none}.control-btn-circle:active{transform:scale(.95)}.control-btn-circle .label{font-size:11px;margin-top:6px;font-weight:600;white-space:nowrap}.control-btn-circle.main{width:80px;height:80px;background:#2ecc71;box-shadow:0 4px 15px #2ecc7166}.control-btn-circle.main.active{background:#ff3b30;animation:pulse 1s infinite}.control-btn-circle.sub{width:56px;height:56px;background:#fff;color:#555;box-shadow:0 2px 10px #0000001a;border:1px solid #EEE}.control-btn-circle.sub .label{color:#888;font-size:10px}.control-text-btn{background:none;border:none;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 16px;border-radius:20px;transition:background .2s;outline:none}.control-text-btn:hover{background:#0000000d}.control-text-btn.hint-color{color:#f39c12;border:1px solid rgba(243,156,18,.3);background:#f39c120d}.control-text-btn.end-color{color:#e74c3c;border:1px solid rgba(231,76,60,.3);background:#e74c3c0d}.hint-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px}.hint-option-btn{padding:12px;border-radius:12px;border:1px solid #EEE;background:#f9f9f9;font-size:14px;font-weight:600;color:#555;cursor:pointer;transition:all .2s;outline:none}.hint-option-btn.active{border-color:#4ecdc4;background:#e0f7fa;color:#00796b}.hint-option-btn.action{grid-column:span 2;background:#2c3e50;color:#fff;border:none;margin-top:4px}.hint-content-area{max-height:250px;overflow-y:auto;padding:0 20px 20px}.kr-text{font-size:16px;color:#333;line-height:1.5;font-weight:600;margin:0;padding:12px;background:#f0f4f8;border-radius:12px}.step1-controls .control-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;height:auto;gap:8px;min-width:90px}.step1-controls .control-label{white-space:nowrap;font-size:13px;font-weight:600}.control-icon-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;flex-shrink:0}.step-container{display:flex;flex-direction:column;min-height:100%;padding:16px 16px 140px;background:var(--background) url(/images/learning-bg.png) center top / cover no-repeat scroll;gap:12px;box-sizing:border-box;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.step-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:32px;flex-shrink:0}.step-progress-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;position:relative;width:100%;flex:1}.step-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.card-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:12px;min-height:0}.instruction-text{font-size:15px;color:var(--text-sub);margin-bottom:8px;line-height:1.4;font-weight:500;flex-shrink:0}.sentence-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:var(--shadow-md);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;transition:transform .2s;flex-shrink:0}.sentence-card.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.kr-text{font-size:14px;color:var(--text-sub);margin-bottom:6px}.en-text{font-size:22px;font-weight:700;color:var(--text-main);line-height:1.5;flex-wrap:wrap}.blank-box{display:inline-block;min-width:60px;border-bottom:3px solid var(--primary);color:transparent;margin:0 4px}.target-word.highlight{color:var(--primary-dark);text-decoration:underline}.word-pool{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:500px;margin:12px auto 0;padding:0 16px}.word-chip{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:18px 24px;font-size:18px;font-weight:600;color:var(--text-main);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.word-chip:active{transform:scale(.95);background:#f0f0f0}.word-chip.selected{background:var(--primary);color:var(--text-main);border-color:var(--primary-dark);box-shadow:var(--shadow-md)}.word-chip.selected.wrong{background:#ffe4e4;color:#c62828;border-color:#ef5350;box-shadow:0 0 0 2px #ef535059;animation:wrongChipShake .35s ease}@keyframes wrongChipShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.word-chip.selected.autofilled{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-color:#66bb6a;cursor:default;opacity:.95}.word-pool.compact .word-chip{padding:12px 18px;font-size:16px;min-height:48px}.word-pool.dense .word-chip{padding:10px 14px;font-size:14.5px;min-height:42px}.feedback-area{min-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex-shrink:0}.result-msg{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.result-msg.correct{color:var(--secondary)}.result-msg.incorrect{color:var(--accent)}.transcript{font-size:13px;color:var(--text-sub);margin-top:6px;font-style:italic;background:#f0f0f0;padding:4px 8px;border-radius:4px}.wave-animation{color:var(--primary);font-weight:700;animation:wave 1.5s infinite}@keyframes wave{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.bottom-controls{display:flex;justify-content:space-around;align-items:center;width:100%;padding-bottom:16px;margin-top:auto;position:relative;min-height:70px;flex-shrink:0}.icon-btn{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:var(--text-sub);font-size:12px;gap:4px;padding:8px;border-radius:8px;transition:background .2s}.icon-btn:hover{background:#f0f0f0}.mic-btn{width:64px;height:64px;border-radius:50%;background:var(--surface);border:2px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-md);display:flex;justify-content:center;align-items:center;transition:all .2s ease}.mic-btn:active{transform:scale(.95)}.mic-btn.listening{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 15px #ff6b6b80;animation:pulse-ring 1.5s infinite}.primary-btn.next-btn{padding:12px 24px;background:var(--primary);color:var(--text-main);border-radius:28px;border:none;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);transition:transform .2s}.primary-btn.next-btn:active{transform:scale(.98)}.primary-btn.next-btn:disabled{background:#ccc;cursor:not-allowed}button:disabled,.btn-disabled,.step3-mic-btn[disabled],.mic-btn-large[disabled],.listen-btn-small[disabled]{opacity:.5;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale(.5);transform:none!important;box-shadow:none!important}@keyframes pulse-ring{0%{box-shadow:0 0 #ff6b6b66}70%{box-shadow:0 0 0 15px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.chat-area{flex:1;display:flex;flex-direction:column;padding:16px;gap:10px;overflow-y:auto;width:100%;background:#eef1f5;-webkit-overflow-scrolling:touch}.chat-bubble-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px;opacity:.7}.chat-bubble-row.current,.chat-bubble-row:last-child{opacity:1}.chat-bubble-row.me{flex-direction:row-reverse}.avatar-icon{width:36px;height:36px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.bubble-content{max-width:75%}.bubble-text{background:#fff;padding:10px 14px;border-radius:16px 16px 16px 2px;font-size:15px;line-height:1.4;box-shadow:var(--shadow-sm)}.chat-bubble-row.me .bubble-text{background:var(--primary);color:var(--text-main);border-bottom-left-radius:16px;border-bottom-right-radius:2px}.bubble-sub{font-size:11px;color:#888;margin-top:3px;text-align:right}.chat-bubble-row.other .bubble-sub{text-align:left}.role-buttons{display:flex;gap:16px;margin-top:16px}.role-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:16px;width:110px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.role-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary)}.script-preview{background:#f9f9f9;border-radius:8px;padding:12px;border:1px solid #eee;font-size:13px}.waveform-container{display:flex;align-items:center;justify-content:center;gap:3px;height:28px}.waveform-bar{width:3px;height:100%;background:#fff;border-radius:2px;animation:waveform-pulse .8s ease-in-out infinite}.waveform-bar:nth-child(1){animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}@keyframes waveform-pulse{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.listen-buttons-row{display:flex;gap:10px;justify-content:center;margin-bottom:8px;flex-shrink:0}.listen-btn-small{display:flex;align-items:center;gap:5px;padding:7px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px #667eea4d}.listen-btn-small:active{transform:scale(.95)}.listen-btn-small.slow{background:linear-gradient(135deg,#a8a8a8,#888);box-shadow:0 3px 10px #8888884d}.bottom-controls-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 24px;margin-top:auto;flex-shrink:0;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:linear-gradient(to top,#fff 70%,rgba(255,255,255,.95) 90%,transparent);z-index:10;box-shadow:0 -2px 10px #0000000d}.mic-btn-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#52b788,#40916c);border:none;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 6px 20px #52b78866;transition:all .2s ease}.mic-btn-large:active{transform:scale(.95)}.mic-btn-large.listening{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 0 #ff6b6b66;animation:mic-pulse 1.2s infinite}@keyframes mic-pulse{0%{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 0 16px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.next-btn-large{padding:14px 40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:30px;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 5px 16px #ff980066;transition:all .2s}.next-btn-large:active{transform:scale(.98)}@media screen and (max-height:667px){.step-container{padding:12px 12px 120px;gap:8px}.instruction-text{font-size:13px;margin-bottom:4px}.sentence-card{padding:16px 14px;min-height:90px;gap:8px}.kr-text{font-size:13px}.en-text{font-size:18px}.mic-btn-large{width:70px;height:70px}.mic-btn-large svg{width:28px;height:28px}.bottom-controls-centered{padding:10px 12px 16px}.listen-btn-small{padding:5px 10px;font-size:11px}.feedback-area{min-height:28px}.result-msg{font-size:14px}.next-btn-large{padding:10px 28px;font-size:15px}}@media screen and (min-width:1025px){.step-container{padding:24px 32px 160px;gap:16px}.instruction-text{font-size:17px}.sentence-card{padding:32px 28px;min-height:160px}.kr-text{font-size:16px}.en-text{font-size:26px}.mic-btn-large{width:100px;height:100px}.mic-btn-large svg{width:40px;height:40px}.next-btn-large{padding:16px 48px;font-size:18px}.listen-btn-small{padding:9px 18px;font-size:14px}.word-pool.compact .word-chip{padding:14px 20px;font-size:17px;min-height:54px}.word-pool.dense .word-chip{padding:11px 16px;font-size:15px;min-height:46px}.word-chip{padding:20px 28px;font-size:20px;min-height:70px}.word-pool{gap:16px;max-width:var(--app-max-width)}.bubble-text{font-size:17px}.avatar-icon{width:44px;height:44px}}@media screen and (min-width:1025px)and (orientation:landscape){.step-container{padding:20px 48px 160px}.card-content{max-width:640px;margin:0 auto}.sentence-card{max-width:560px}.chat-area{padding:20px 40px}.bubble-content{max-width:60%}}.step3-select{display:flex;flex-direction:column;align-items:center;padding:24px 16px;min-height:100%;gap:24px}.step3-select-header{text-align:center}.step3-select-header h2{font-size:22px;margin-bottom:6px}.step3-select-header p{color:#888;font-size:14px}.step3-roles{display:flex;gap:16px;width:100%;max-width:400px}.step3-role-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;border-radius:20px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s}.step3-role-card:hover,.step3-role-card:active{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.step3-role-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}.step3-role-avatar.blue{background:linear-gradient(135deg,#42a5f5,#1e88e5)}.step3-role-avatar.orange{background:linear-gradient(135deg,#ffa726,#fb8c00)}.step3-role-name{font-size:18px;font-weight:700;color:#333}.step3-role-desc{font-size:12px;color:#aaa}.step3-preview{width:100%;max-width:400px;background:#f8f8f8;border-radius:16px;padding:16px}.step3-preview h4{margin-bottom:10px;font-size:14px;color:#666}.step3-preview-lines{display:flex;flex-direction:column;gap:6px}.step3-preview-line{font-size:13px;color:#555}.step3-preview-line strong{color:var(--primary-dark);margin-right:6px}.step3-preview-more{font-size:12px;color:#aaa;text-align:center;margin-top:4px}.step3-dialogue{display:flex;flex-direction:column;height:100%;min-height:100%;background:#fdfbf7}.step3-progress{display:flex;align-items:center;gap:10px;padding:12px 16px 8px;flex-shrink:0}.step3-progress-bar{flex:1;height:6px;background:#e8e4de;border-radius:3px;overflow:hidden}.step3-progress-fill{height:100%;background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:3px;transition:width .4s ease}.step3-progress-text{font-size:12px;color:#999;white-space:nowrap}.step3-chat{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.step3-bubble{display:flex;align-items:flex-start;gap:8px;opacity:.5;transition:opacity .3s}.step3-bubble.active{opacity:1}.step3-bubble.past{opacity:.6}.step3-bubble.me{flex-direction:row-reverse}.step3-bubble-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.step3-bubble-avatar.blue{background:#42a5f5}.step3-bubble-avatar.orange{background:#ffa726}.step3-bubble-body{max-width:75%}.step3-bubble-name{font-size:11px;color:#999;margin-bottom:3px;padding:0 4px}.step3-bubble.me .step3-bubble-name{text-align:right}.step3-bubble-text{padding:12px 16px;border-radius:18px;background:#fff;box-shadow:0 1px 4px #0000000f}.step3-bubble.me .step3-bubble-text{background:#fff3e0;border-top-right-radius:4px}.step3-bubble.other .step3-bubble-text{border-top-left-radius:4px}.step3-en{font-size:15px;color:#333;margin-bottom:4px}.step3-kr{font-size:12px;color:#aaa}.step3-blind{display:flex;flex-direction:column;gap:8px;align-items:center;color:#888;font-style:italic}.step3-hint-btn{font-size:11px;color:var(--primary);background:none;border:1px solid var(--primary);border-radius:12px;padding:3px 10px;cursor:pointer}.step3-bottom{padding:12px 16px;background:#fff;border-top:1px solid #f0ebe3;min-height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step3-action-info{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999;font-size:14px}.step3-speaking-dots{display:flex;gap:6px}.step3-speaking-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:dotPulse 1.2s ease-in-out infinite}.step3-speaking-dots span:nth-child(2){animation-delay:.2s}.step3-speaking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.step3-next-btn{display:flex;align-items:center;gap:6px;padding:12px 32px;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s}.step3-next-btn:active{transform:scale(.96)}.step3-mic-area{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.step3-listen-btn{width:44px;height:44px;border-radius:50%;border:none;background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;flex-shrink:0;transition:background .2s}.step3-listen-btn:active{background:#e0e0e0}.step3-mic-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #1e88e54d}.step3-mic-btn span{font-size:9px;opacity:.9}.step3-mic-btn:active{transform:scale(.95)}.step3-mic-btn.recording{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 4px 16px #e539354d;animation:micPulse 1.5s ease-in-out infinite}.step3-mic-btn.small{width:56px;height:56px}.step3-mic-btn.small span{display:none}@keyframes micPulse{0%,to{box-shadow:0 4px 16px #e539354d}50%{box-shadow:0 4px 24px #e5393580}}.step3-feedback{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.step3-feedback-icon{font-size:32px}.step3-feedback p{font-size:15px;font-weight:600;color:#333}.step3-feedback.success p{color:#43a047}.step3-feedback.retry p{color:#f57c00}.step3-feedback.fail p{color:#888}.step3-spoken{font-size:12px;color:#999;font-style:italic;max-width:80%;text-align:center}.step3-retry-actions{display:flex;gap:12px;align-items:center;margin-top:4px}.step3-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:12px}.step3-complete-emoji{font-size:64px;animation:bounceIn .6s ease}.step3-complete h2{font-size:24px;color:#333}.step3-complete p{color:#888}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.step3-blind-content{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px 0;width:100%}.blind-placeholder{color:#aaa;font-size:14px;font-style:italic;text-align:center;line-height:1.5;background:#f9f9f9;padding:12px;border-radius:8px;width:100%}.step3-kr.hint-highlight{color:var(--primary-dark);font-weight:700;font-size:15px;background:#eef1f5;padding:10px 14px;border-radius:8px;width:100%;text-align:center;animation:fadeIn .3s}.step3-en.reveal{color:var(--text-main);font-weight:600;font-size:16px;animation:fadeIn .5s;background:#fff;padding:10px;border:1px solid #ddd;border-radius:8px;width:100%}.hint-actions-row{display:flex;gap:8px;justify-content:center;margin-top:4px;width:100%}.hint-btn{display:flex;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #ccc;border-radius:20px;padding:6px 14px;font-size:13px;color:#666;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.hint-btn:active{background:#f0f0f0;transform:scale(.96)}.hint-btn.secondary{border-color:var(--accent);color:var(--accent);background:#fff0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.s3-container{display:flex;flex-direction:column;align-items:center;padding:20px 16px;flex:1;min-height:0}.s3-select-header{text-align:center;margin-bottom:24px}.s3-select-emoji{font-size:48px;margin-bottom:8px}.s3-select-emoji-svg{margin-bottom:12px;display:flex;justify-content:center}.s3-select-header h2{font-size:22px;color:#333;margin:0 0 6px}.s3-select-header p{font-size:14px;color:#888;margin:0}.s3-roles{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;width:100%}.s3-role-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#fff;border:2px solid #e8e8e8;border-radius:16px;cursor:pointer;transition:all .2s ease;min-width:120px;flex:1;max-width:160px;box-shadow:0 2px 8px #0000000a}.s3-role-card:hover,.s3-role-card:active{border-color:var(--primary, #e67e7e);transform:translateY(-2px);box-shadow:0 4px 16px #e67e7e33}.s3-role-img{width:80px;height:80px;object-fit:contain;object-position:center}.s3-role-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.s3-role-name{font-size:16px;font-weight:700;color:#333}.s3-role-desc{font-size:12px;color:#999}.s3-preview{width:100%;background:#f9f9f9;border-radius:16px;padding:16px}.s3-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.s3-preview-header h4{margin:0;font-size:15px;font-weight:700;color:#555}.s3-preview h4{margin:0 0 10px;font-size:14px;color:#555}.s3-preview-lines{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.s3-preview-lines::-webkit-scrollbar{width:6px}.s3-preview-lines::-webkit-scrollbar-track{background:transparent}.s3-preview-lines::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.s3-preview-lines::-webkit-scrollbar-thumb:hover{background:#0000004d}.s3-preview-line{font-size:13px;color:#666;line-height:1.5}.s3-preview-card{padding:12px 14px;border-radius:12px;box-shadow:0 2px 4px #0000000f;transition:transform .2s}.s3-preview-card:hover{transform:translate(4px)}.s3-preview-speaker{font-size:12px;font-weight:700;margin-bottom:4px}.s3-preview-text{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.4}.s3-preview-kr{font-size:12px;color:#666;line-height:1.3}.s3-preview-more{font-size:13px;color:#999;text-align:center;margin-top:8px;padding:8px;background:#00000005;border-radius:8px}.s3-complete{justify-content:center;text-align:center}.s3-complete-emoji{font-size:72px;margin-bottom:16px;animation:s3-bounce .6s ease}.s3-complete h2{font-size:24px;color:#333;margin:0 0 8px}.s3-complete p{color:#888;font-size:16px}@keyframes s3-bounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.s3-dialogue-wrapper{display:flex;flex-direction:column;flex:1;min-height:0}.s3-progress-bar-container{display:flex;align-items:center;gap:10px;padding:10px 16px 6px;flex-shrink:0;position:fixed;top:56px;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#fff;z-index:19;box-shadow:0 2px 8px #0000000d}.s3-progress-bar{flex:1;height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.s3-progress-fill{height:100%;background:linear-gradient(90deg,#e67e7e,#f4a7a7);border-radius:3px;transition:width .3s ease}.s3-progress-text{font-size:12px;color:#aaa;white-space:nowrap}.s3-chat-area{flex:1;overflow-y:auto;padding:106px 12px 200px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.s3-msg{display:flex;align-items:flex-start;gap:8px;animation:s3-msgIn .3s ease}.s3-msg-me{flex-direction:row-reverse}@keyframes s3-msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.s3-msg-avatar{flex-shrink:0;width:36px;height:36px}.s3-msg-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.s3-avatar-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.s3-msg-content{max-width:75%;display:flex;flex-direction:column;gap:2px}.s3-msg-me .s3-msg-content{align-items:flex-end}.s3-msg-name{font-size:11px;color:#999;margin-bottom:2px;padding:0 4px}.s3-msg-bubble{padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;position:relative;word-break:keep-all}.bubble-other{background:#fff;border:1px solid #e8e8e8;border-top-left-radius:4px}.bubble-me{background:#fff3e0;border:1px solid #FFE0B2;border-top-right-radius:4px}.s3-msg-active .bubble-me{border-color:#ffab40;box-shadow:0 2px 8px #ff980026}.s3-msg-en{color:#333;font-weight:500}.s3-msg-kr{color:#999;font-size:12px;margin-top:4px}.s3-replay-btn{display:flex;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:4px 10px;background:#f0f0f0;border:none;border-radius:12px;font-size:11px;color:#666;cursor:pointer;transition:background .2s}.s3-replay-btn:hover{background:#e0e0e0}.s3-blind{display:flex;flex-direction:column;gap:8px}.s3-blind-placeholder{color:#999;font-size:14px;text-align:center;padding:4px 0}.s3-blind-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;margin:4px 0;background:linear-gradient(180deg,#ffc5261a,#ff90000a);border:1px solid rgba(255,144,0,.18);border-radius:14px;box-shadow:0 2px 12px #ff900014;animation:s3PreviewIn .45s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center;will-change:opacity,transform,filter}.s3-blind-preview.fading-out{animation:s3PreviewOut .6s ease forwards}.s3-firstturn-text{color:#0f172a;font-size:19px;font-weight:700;letter-spacing:-.01em;text-align:center;line-height:1.3}.s3-firstturn-sub{color:#b45309;font-size:12px;font-weight:600;opacity:.85}.s3-firstturn-count{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:4px;box-shadow:0 2px 6px #ff900052;animation:s3CountTick .45s ease-out}@keyframes s3CountTick{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes s3PreviewIn{0%{opacity:0;transform:scale(.94) translateY(4px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes s3PreviewOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.96);filter:blur(6px)}}.s3-blind-kr{color:#ff8f00;font-size:14px;font-weight:500;background:#fff8e1;padding:6px 10px;border-radius:8px}.s3-blind-en{color:#333;font-size:15px;font-weight:600;background:#e8f5e9;padding:6px 10px;border-radius:8px}.s3-hint-row{display:flex;gap:8px;justify-content:center;margin-top:4px}.s3-hint-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;background:#fff3e0;color:#f57c00;border:1px solid #FFE0B2;border-radius:20px;cursor:pointer;transition:all .2s}.s3-hint-btn:hover{background:#ffe0b2}.s3-hint-btn.secondary{background:#e3f2fd;color:#1976d2;border-color:#bbdefb}.s3-hint-btn.secondary:hover{background:#bbdefb}.s3-hint-btn.listen{background:#e8f5e9;color:#388e3c;border-color:#c8e6c9}.s3-bottom-bar{flex-shrink:0;border-top:1px solid #f0f0f0;background:#fff;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));display:flex;flex-direction:column;align-items:center;gap:6px}.s3-status-msg{font-size:13px;color:#888;text-align:center;padding:2px 0}.s3-status-msg.retry{color:#ff9800;font-weight:600}.s3-status-msg.success{color:#4caf50;font-weight:600}.s3-status-msg.fail{color:#78909c;font-weight:600}.s3-bottom-actions{display:flex;justify-content:center;align-items:center;min-height:56px}.s3-ai-speaking{display:flex;align-items:center;gap:10px;color:#888;font-size:14px}.s3-dots{display:flex;gap:4px}.s3-dots-bubble{padding:4px 2px}.s3-dots span{width:8px;height:8px;border-radius:50%;background:#ccc;animation:s3-dotPulse 1.2s infinite ease-in-out}.s3-dots span:nth-child(2){animation-delay:.2s}.s3-dots span:nth-child(3){animation-delay:.4s}@keyframes s3-dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.s3-next-btn{display:flex;align-items:center;gap:6px;padding:12px 32px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#e67e7e,#d46b6b);border:none;border-radius:28px;cursor:pointer;box-shadow:0 4px 12px #e67e7e4d;transition:all .2s}.s3-next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e67e7e66}.s3-next-btn:active{transform:translateY(0)}.s3-mic-btn{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #4caf504d;transition:all .2s}.s3-mic-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4caf5066}.s3-mic-btn:active{transform:scale(.95)}.s3-mic-btn.recording{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 16px #f443364d;animation:s3-pulse 1.5s infinite}@keyframes s3-pulse{0%{box-shadow:0 0 #f4433666}70%{box-shadow:0 0 0 12px #f4433600}to{box-shadow:0 0 #f4433600}}.voice-call-screen.ended{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.call-summary{background:#fff;border-radius:24px;padding:32px 24px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.summary-header{text-align:center;margin-bottom:24px}.summary-header .caller-img{width:80px;height:80px;margin:0 auto 16px}.summary-header .caller-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #f0f0f0}.summary-header h2{font-size:24px;font-weight:800;color:#2c3e50;margin-bottom:8px}.summary-time{font-size:18px;color:#7f8c8d;font-weight:600}.summary-stats{display:flex;gap:16px;margin-bottom:24px}.stat-item{flex:1;background:#f8f9fa;border-radius:16px;padding:20px;text-align:center}.stat-value{font-size:32px;font-weight:800;color:#667eea;margin-bottom:4px}.stat-label{font-size:13px;color:#95a5a6;font-weight:600}.summary-conversation{margin-bottom:24px}.summary-conversation h3{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:12px}.conversation-list{max-height:300px;overflow-y:auto;background:#f8f9fa;border-radius:12px;padding:12px}.conversation-item{margin-bottom:16px;padding:12px;border-radius:12px;background:#fff}.conversation-item:last-child{margin-bottom:0}.conversation-item.assistant{border-left:4px solid #667eea}.conversation-item.user{border-left:4px solid #4ECDC4}.conv-speaker{font-size:11px;font-weight:700;text-transform:uppercase;color:#95a5a6;margin-bottom:6px;letter-spacing:.5px}.conv-text{font-size:15px;color:#2c3e50;font-weight:600;line-height:1.4;margin-bottom:4px}.conv-kr{font-size:13px;color:#7f8c8d;line-height:1.3}.summary-continue-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:transform .1s}.summary-continue-btn:active{transform:scale(.98)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.stt-confirm-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.stt-confirm-modal{background:#fff;width:100%;max-width:420px;border-radius:24px;padding:32px 24px 24px;box-shadow:0 20px 60px #0000004d;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.stt-confirm-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f0f0f0;color:#888;cursor:pointer;transition:all .2s}.stt-confirm-close:hover{background:#e0e0e0;color:#555}.stt-confirm-close:active{transform:scale(.92)}.stt-confirm-icon{font-size:56px;text-align:center;margin-bottom:16px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.stt-confirm-title{font-size:20px;font-weight:700;color:#333;margin:0 0 20px;text-align:center}.stt-confirm-textarea{width:100%;min-height:80px;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-family:inherit;line-height:1.5;color:#333;resize:vertical;transition:all .2s;margin-bottom:16px;box-sizing:border-box}.stt-confirm-textarea:focus{outline:none;border-color:#58cc02;box-shadow:0 0 0 3px #58cc021a}.stt-confirm-textarea::placeholder{color:#999}.stt-confirm-actions{display:flex;gap:12px;width:100%;margin-bottom:12px}.stt-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.stt-confirm-btn:active{transform:scale(.98)}.stt-confirm-btn.confirm{background:linear-gradient(135deg,#58cc02,#4caf50);color:#fff;box-shadow:0 4px 12px #4caf504d}.stt-confirm-btn.confirm:hover:not(:disabled){box-shadow:0 6px 16px #4caf5066;transform:translateY(-1px)}.stt-confirm-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.stt-confirm-btn.retry{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.stt-confirm-btn.retry:hover{background:#ececec;border-color:#d0d0d0}.stt-confirm-hint{text-align:center;font-size:13px;color:#999;margin:0}@media(max-width:480px){.stt-confirm-modal{padding:24px 20px 20px}.stt-confirm-title{font-size:18px}.stt-confirm-textarea{font-size:15px}.stt-confirm-actions{flex-direction:column}.stt-confirm-btn{width:100%}}.korean-help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.korean-help-modal{background:#fff;width:100%;max-width:420px;border-radius:24px;padding:32px 24px 24px;box-shadow:0 20px 60px #0000004d;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}.korean-help-modal.translation{max-width:480px}.korean-help-icon{font-size:56px;text-align:center;margin-bottom:16px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.korean-help-icon.success{font-size:64px;animation:sparkle .6s ease-out}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.korean-help-title{font-size:20px;font-weight:700;color:#333;margin:0 0 8px;text-align:center}.korean-help-subtitle{font-size:14px;color:#666;margin:0 0 20px;text-align:center}.korean-help-textarea{width:100%;min-height:80px;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-family:inherit;line-height:1.5;color:#333;resize:vertical;transition:all .2s;margin-bottom:16px;box-sizing:border-box}.korean-help-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.korean-help-textarea::placeholder{color:#999}.translation-result{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8f9fa;border-radius:16px;margin-bottom:20px}.translation-korean,.translation-english{flex:1}.translation-label{display:inline-block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.translation-korean p,.translation-english p{margin:0;font-size:16px;line-height:1.6;color:#333}.translation-korean p{color:#667eea;font-weight:600}.translation-english p{color:#2c3e50;font-weight:700;font-size:18px}.translation-arrow{text-align:center;font-size:20px;color:#999;margin:8px 0}.korean-help-actions{display:flex;gap:12px;width:100%}.korean-help-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.korean-help-btn:active{transform:scale(.98)}.korean-help-btn.confirm,.korean-help-btn.confirm-result{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.korean-help-btn.confirm:hover:not(:disabled),.korean-help-btn.confirm-result:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.korean-help-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.korean-help-btn.retry{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.korean-help-btn.retry:hover{background:#ececec;border-color:#d0d0d0}.korean-help-btn.play{background:linear-gradient(135deg,#58cc02,#4caf50);color:#fff;box-shadow:0 4px 12px #4caf504d}.korean-help-btn.play:hover:not(:disabled){box-shadow:0 6px 16px #4caf5066;transform:translateY(-1px)}.korean-help-btn.play:disabled{opacity:.7;cursor:not-allowed}.pulse{animation:pulse 1.5s ease-in-out infinite}.korean-help-note{text-align:center;font-size:13px;color:#58cc02;font-weight:600;margin:12px 0 0}@media(max-width:480px){.korean-help-modal{padding:24px 20px 20px}.korean-help-title{font-size:18px}.korean-help-textarea{font-size:15px}.korean-help-actions{flex-direction:column}.korean-help-btn{width:100%}.translation-result{padding:16px}.translation-english p{font-size:16px}}.hint-modal-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.hint-modal{background:#fff;width:100%;max-width:480px;max-height:80vh;border-radius:24px;padding:24px;box-shadow:0 20px 60px #0000004d;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275);overflow-y:auto;position:relative}@keyframes modalPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.hint-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#999;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.hint-modal-close:hover{background:#f0f0f0;color:#666}.hint-section{margin-bottom:28px}.hint-section:last-child{margin-bottom:0}.hint-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.hint-icon{font-size:24px;line-height:1}.hint-section-title{font-size:18px;font-weight:700;color:#333;margin:0}.teacher-section{padding-bottom:20px;border-bottom:1px solid #e0e0e0}.teacher-message-card{background:#f8f9fa;border-left:4px solid #667eea;padding:16px;border-radius:12px;margin-bottom:12px}.teacher-message-en{margin:0 0 8px;font-size:16px;font-weight:600;color:#2c3e50;line-height:1.5}.teacher-message-kr{margin:0;font-size:14px;color:#666;line-height:1.4}.teacher-actions{display:flex;gap:10px}.hint-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.hint-btn:active{transform:scale(.98)}.hint-btn.listen-normal{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.hint-btn.listen-normal:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.hint-btn.listen-slow{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.hint-btn.listen-slow:hover{background:#ececec;border-color:#d0d0d0}.hints-grid{display:flex;flex-direction:column;gap:10px}.hint-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:14px 16px;text-align:left;cursor:pointer;transition:all .2s;position:relative}.hint-card:hover:not(:disabled):not(.disabled){background:#f8f9fa;border-color:#58cc02;transform:translateY(-2px);box-shadow:0 4px 12px #58cc0226}.hint-card:active:not(:disabled):not(.disabled){transform:translateY(0)}.hint-card.playing{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea;cursor:default}.hint-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hint-en{margin:0 0 6px;font-size:16px;font-weight:700;color:#333;line-height:1.4}.hint-kr{margin:0;font-size:13px;color:#999;line-height:1.3}.hint-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0}.hint-spinner{animation:spin 1s linear infinite;color:#667eea}.hint-loading-text{font-size:14px;font-weight:600;color:#667eea}.hint-empty{text-align:center;padding:40px 20px}.hint-empty-icon{font-size:64px;display:block;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hint-empty p{margin:0 0 8px;font-size:16px;font-weight:600;color:#666}.hint-empty-sub{font-size:14px;color:#999;font-weight:400!important}@media(max-width:480px){.hint-modal{padding:20px;max-height:85vh}.hint-section-title{font-size:16px}.teacher-actions{flex-direction:column}.hint-btn{width:100%}.teacher-message-en,.hint-en{font-size:15px}}.alert-modal-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.alert-modal{background:#fff;border-radius:16px;padding:32px 24px;max-width:320px;width:90%;text-align:center;box-shadow:0 8px 24px #00000026;animation:slideUp .3s ease-out}.alert-icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center}.alert-message{font-size:16px;color:#333;line-height:1.5;margin:0 0 24px}.alert-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ff8c42,#ff6b35);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.alert-btn:active{transform:scale(.98)}.share-card-render-zone{position:fixed;top:0;left:0;width:360px;pointer-events:none;z-index:100}.share-card-render-zone>.share-card{position:absolute;top:0;left:0}.share-card{width:360px;box-sizing:border-box;background:linear-gradient(180deg,#fff8ee,#fff 110px 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Pretendard,sans-serif;color:#0f172a;padding:18px 20px 14px}.share-card-summary{height:640px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.share-card-detail{display:flex;flex-direction:column}.share-card-head{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:14px}.share-card-logo{width:32px;height:32px;border-radius:8px;box-shadow:0 2px 6px #ff90002e}.share-card-head-text{flex:1;min-width:0}.share-card-student{font-size:15px;font-weight:800;line-height:1.1;color:#0f172a}.share-card-context{font-size:10px;color:#64748b;font-weight:600;margin-top:2px}.share-card-title{font-size:12.5px;font-weight:800;color:#ff9000;letter-spacing:-.3px;margin:4px 0 8px;text-align:center;width:100%}.share-card-score-block{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:12px;width:100%}.share-card-grade{display:inline-flex;align-items:baseline;gap:6px;padding:7px 15px;background:var(--grade-color, #FF9000);color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.share-card-grade-letter{font-size:38px;font-weight:900;line-height:1;letter-spacing:-1px}.share-card-grade-sub{font-size:11px;font-weight:800;opacity:.95}.share-card-score-num{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.share-card-score-max{font-size:11px;color:#94a3b8;font-weight:700}.share-card-penalty{font-size:9px;color:#b45309;background:#fef3c7;padding:3px 8px;border-radius:6px;margin-top:2px}.share-card-radar-wrap{margin:0 auto 12px}.share-card-radar-wrap .recharts-polar-angle-axis-tick-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Pretendard,sans-serif}.share-card-comment{font-size:11px;font-weight:600;color:#0f172a;line-height:1.5;text-align:center;padding:8px 10px;background:#fff7e6;border:1px solid #FFE0B2;border-radius:8px;margin:0 auto 10px;max-width:94%;word-break:keep-all}.share-card-comment-detail{margin-bottom:12px}.share-card-footer{margin-top:auto;padding-top:8px;text-align:center;font-size:10px;font-weight:800;color:#ff9000;letter-spacing:.8px;width:100%}.share-card-section{margin-top:10px;padding:10px 11px;background:#f8fafc;border-radius:8px;border:1px solid #E2E8F0}.share-card-section-title{font-size:11.5px;font-weight:800;color:#0f172a;margin-bottom:8px}.share-utterance{background:#fff;border-radius:6px;padding:7px 8px;margin-bottom:5px;border:1px solid #E2E8F0}.share-utterance:last-child{margin-bottom:0}.share-utterance-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.share-utterance-tag{font-size:9.5px;font-weight:800}.share-utterance-score{font-size:10.5px;font-weight:700;color:#0f172a;display:inline-flex;align-items:baseline;gap:3px}.share-utterance-score-max{font-size:8px;color:#94a3b8;font-weight:600}.share-utterance-context,.share-utterance-mine{display:flex;align-items:flex-start;gap:4px;margin-bottom:3px;font-size:9.5px;line-height:1.45}.share-utterance-context-tag,.share-utterance-mine-tag{flex-shrink:0;padding:1px 4px;border-radius:3px;font-size:7.5px;font-weight:800}.share-utterance-context-tag{background:#dbeafe;color:#1d4ed8}.share-utterance-mine-tag{background:#ffe0b2;color:#b45309}.share-utterance-context-text,.share-utterance-mine-text{color:#1e293b;word-break:keep-all}.share-utterance-axes{display:grid;grid-template-columns:1fr 1fr;gap:3px 7px;margin:4px 0}.share-mini-axis{display:flex;align-items:center;gap:3px}.share-mini-axis-label{font-size:7.5px;color:#64748b;font-weight:700;width:20px;flex-shrink:0}.share-mini-axis-track{flex:1;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.share-mini-axis-fill{height:100%;border-radius:2px}.share-mini-axis-grade{font-size:8px;font-weight:800;width:10px;text-align:right}.share-utterance-reason{font-size:9px;color:#475569;padding:3px 0 1px}.share-utterance-suggestion{margin-top:3px;padding:4px 5px;background:#fff7e6;border-radius:4px;border-left:2px solid #FF9000}.share-utterance-suggestion-label{font-size:7px;font-weight:800;color:#b45309;margin-bottom:2px;letter-spacing:.2px}.share-utterance-suggestion-text{font-size:9px;color:#0f172a;font-weight:600}.share-utterance-more{margin-top:4px;padding:4px 5px;background:#f1f5f9;border-radius:4px;font-size:8.5px;color:#64748b;text-align:center}.share-korean-help{display:flex;flex-direction:column;gap:2px;padding:4px 5px;background:#fff;border-radius:4px;margin-bottom:3px;border:1px solid #E2E8F0}.share-korean-help-ko{font-size:9px;font-weight:700;color:#0f172a}.share-korean-help-en{font-size:8.5px;color:#475569}.share-option-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.share-option-modal{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:22px 22px 18px;box-shadow:0 20px 60px #00000040}.share-option-title{font-size:17px;font-weight:800;color:#0f172a;text-align:center;margin:4px 0 16px}.share-option-card{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border-radius:14px;margin-bottom:10px;cursor:pointer;transition:all .18s;text-align:left;font-family:inherit}.share-option-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.share-option-card:active{transform:scale(.98)}.share-option-card:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}.share-option-summary{gap:16px;padding:18px;border:2px solid #FFB347;background:linear-gradient(135deg,#fffbf2,#fff7e6);box-shadow:0 4px 14px #ff900029;position:relative}.share-option-summary:before{content:"추천";position:absolute;top:-8px;right:14px;background:linear-gradient(135deg,#ff9000,#ec4899);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:10px;letter-spacing:.5px;box-shadow:0 2px 6px #ff900052}.share-option-summary:hover{border-color:#ff9000;box-shadow:0 8px 20px #ff900040}.share-option-summary .share-option-thumb{width:84px;height:84px}.share-option-summary .share-option-name{font-size:16px;color:#b45309}.share-option-summary .share-option-desc{font-size:12px;color:#92400e;opacity:.85}.share-option-detail{gap:12px;padding:12px 14px;border:1.5px solid #E2E8F0}.share-option-detail:hover{border-color:#5ccdf9}.share-option-detail .share-option-thumb{width:56px;height:56px}.share-option-thumb{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.share-option-thumb svg{width:100%;height:100%;display:block}.share-option-text{flex:1}.share-option-name{font-size:14.5px;font-weight:800;color:#0f172a}.share-option-desc{font-size:11.5px;color:#64748b;margin-top:2px;line-height:1.4}.share-option-cancel{width:100%;padding:12px;background:transparent;color:#94a3b8;font-size:13px;font-weight:700;border:none;cursor:pointer;margin-top:4px}.share-option-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;color:#ff9000;font-size:13.5px;font-weight:700}.share-option-loading svg{animation:share-spin .8s linear infinite}.report-share-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:linear-gradient(135deg,#ff9000,#ffb347,#ec4899);border:none;border-radius:18px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:all .18s;box-shadow:0 3px 10px #ff900052,0 1px 3px #ec48992e}.report-share-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff900066,0 2px 5px #ec48993d}.report-share-btn:active{transform:scale(.96)}.conversation-report{display:flex;flex-direction:column;height:100vh;background:#fff;overflow-y:auto;padding:20px}.report-header{text-align:center;padding:28px 20px 20px}.report-logo{width:72px;height:72px;border-radius:18px;margin-bottom:14px;box-shadow:0 4px 16px #0000001a;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.report-title{font-size:26px;font-weight:800;color:#333;margin:0 0 6px}.report-subtitle{font-size:14px;color:#999;margin:0}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.stat-card{background:#f8f9fa;border-radius:14px;padding:14px 6px;text-align:center;border:1px solid #f0f0f0;animation:slideUp .4s ease-out backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.stat-icon.turns{background:linear-gradient(135deg,#ff8c42,#ff6b35);color:#fff}.stat-icon.length{background:linear-gradient(135deg,#58cc02,#4caf50);color:#fff}.stat-icon.vocabulary{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.stat-icon.fluency{background:linear-gradient(135deg,#ff9800,#ff6b6b);color:#fff}.stat-value{font-size:22px;font-weight:800;color:#333;margin:0 0 2px}.stat-label{font-size:11px;font-weight:600;color:#888}.report-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 16px #0000001a}.section-title{font-size:18px;font-weight:700;color:#333;margin:0 0 16px}.conversation-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message-item{display:flex;flex-direction:column;gap:6px}.message-badge{font-size:12px;font-weight:600;color:#666}.message-item.user .message-badge{color:#ff8c42}.message-item.assistant .message-badge{color:#58cc02}.message-text{background:#f8f9fa;padding:12px 14px;border-radius:12px;font-size:15px;line-height:1.5;color:#333}.message-item.user .message-text{background:linear-gradient(135deg,#ff8c4215,#ff6b3515);border-left:3px solid #FF8C42}.message-item.assistant .message-text{background:#f8f9fa;border-left:3px solid #58CC02}.korean-help-list{display:flex;flex-direction:column;gap:12px}.korean-help-item{display:flex;align-items:center;gap:12px;padding:14px;background:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.korean-text{flex:1;font-size:14px;font-weight:600;color:#ff8c42}.arrow{font-size:16px;color:#999}.english-text{flex:1;font-size:14px;font-weight:600;color:#333}.report-continue-btn{background:linear-gradient(135deg,#ff7080,#ff5252);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 32px;box-shadow:0 4px 16px #ff70804d;transition:all .2s;width:100%;max-width:280px}.report-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.report-continue-btn:active{transform:translateY(0)}@media(max-width:640px){.conversation-report{padding:16px}.report-title{font-size:22px}.stat-value{font-size:18px}.stat-label{font-size:10px}.section-title{font-size:15px}.korean-help-item{flex-direction:column;align-items:flex-start;gap:8px}.arrow{transform:rotate(90deg)}}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.conversation-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.conversation-list::-webkit-scrollbar-thumb:hover{background:#999}.report-modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;animation:fadeIn .2s}.report-modal-content{background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.conversation-report.is-modal{height:auto;padding:16px;background:transparent;overflow:visible}.conversation-report.is-modal .report-header{padding:14px 8px 12px;position:relative}.conversation-report.is-modal .report-title{font-size:22px}.conversation-report.is-modal .report-stats{margin-bottom:16px}.conversation-report.is-modal .conversation-list{max-height:none;overflow-y:visible}.conversation-report.is-modal .report-continue-btn{margin:8px auto 4px}.report-close-btn{position:absolute;top:14px;right:14px;background:#0000000f;border:none;color:#475569;width:30px;height:30px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:10}.report-close-btn:hover{background:#0000001f}.report-score-card{margin:18px 18px 0;padding:20px 22px;background:linear-gradient(135deg,#fff8e1,#ffe9a8);border-radius:16px;text-align:center}.report-score-label{font-size:12px;color:#8c4b00;font-weight:600;margin-bottom:4px}.report-score-value{font-size:40px;font-weight:800;color:#ff6b00;line-height:1}.report-score-max{font-size:18px;color:#b85c00;margin-left:2px}.report-score-comment{margin-top:10px;font-size:13px;color:#5c3300;line-height:1.5}.report-score-loading{margin:18px 18px 0;padding:16px 20px;background:#f8fafc;border-radius:16px;display:flex;align-items:center;gap:14px;color:#475569;font-size:13px}.report-score-loading .spin{color:#ff9000;animation:spin .9s linear infinite;flex-shrink:0}.report-best-list{display:flex;flex-direction:column;gap:8px}.report-best-item{background:#fff8e1;border-radius:10px;padding:10px 13px}.report-best-tag{font-size:11px;color:#8c4b00;font-weight:700;margin-bottom:4px}.report-best-text{font-size:13.5px;color:#0f172a;line-height:1.5}.report-best-reason{margin-top:4px;font-size:11px;color:#94a3b8;font-style:italic}.message-tag{margin-left:6px;font-size:10px;opacity:.85}.message-reason{font-size:11px;color:#94a3b8;margin-top:4px;font-style:italic}.report-score-summary{margin:0 0 16px;padding:12px 14px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.report-score-summary-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.report-score-summary-label{font-size:12px;color:#64748b;font-weight:500}.report-score-summary-value{font-size:22px;font-weight:700;color:#0f172a;line-height:1;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.report-detail-btn{background:#0f172a;color:#fff;border:none;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .15s;flex-shrink:0;white-space:nowrap}.report-detail-btn:hover{background:#1e293b}@media(max-width:520px){.report-detail-btn{width:100%;padding:10px 14px}}.report-detail-header{padding:14px 18px;background:#fff;border-bottom:1px solid #F1F5F9;position:sticky;top:0;z-index:5}.report-back-btn{background:transparent;border:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:2px;padding:4px 0}.report-back-btn:hover{color:#ff9000}.report-detail-body{padding:14px 0 18px}.report-detail-footer{padding:14px 18px;border-top:1px solid #F1F5F9}.report-back-to-simple{background:#f1f5f9;color:#475569}.report-back-to-simple:hover{background:#e2e8f0}.utterance-analysis-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.utterance-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.utterance-tag-row{display:flex;justify-content:space-between;align-items:center}.utterance-tag{font-size:12px;font-weight:700}.utterance-score{font-size:13px;font-weight:700;color:#0f172a;background:#f1f5f9;padding:3px 9px;border-radius:999px}.utterance-context,.utterance-mine{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.5}.utterance-context{color:#64748b}.utterance-mine{color:#0f172a;font-weight:500}.utterance-context-label,.utterance-mine-label{flex:0 0 auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#f8fafc;color:#64748b;margin-top:1px}.utterance-mine-label{background:#fff7ec;color:#b85c00}.utterance-context-text,.utterance-mine-text{flex:1;word-break:break-word}.utterance-axes{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:4px}.axis-bar{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b}.axis-label{width:40px;flex-shrink:0;font-weight:600}.axis-track{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.axis-fill{height:100%;border-radius:3px;transition:width .3s ease}.axis-value{width:24px;flex-shrink:0;font-weight:600;color:#0f172a;text-align:right}.utterance-reason{font-size:12px;color:#64748b;background:#f8fafc;border-radius:8px;padding:8px 12px}.utterance-suggestion{background:linear-gradient(135deg,#fff8e1,#ffeaa0);border-radius:10px;padding:10px 13px;border-left:3px solid #FF9000}.utterance-suggestion-label{font-size:11px;font-weight:700;color:#8c4b00;margin-bottom:4px}.utterance-suggestion-text{font-size:14px;color:#5c3300;font-weight:500;line-height:1.4}.report-score-card-v2{margin:0 16px 16px;padding:18px 18px 14px;background:#fff;border:1px solid #FFD9A8;border-radius:16px;box-shadow:0 2px 8px #ff90000f}.report-score-card-head{display:flex;justify-content:space-between;align-items:flex-start}.report-radar-wrap{margin:8px -10px}.report-score-card-v2 .report-score-comment{margin-top:4px;text-align:center;font-size:13px;color:#475569;line-height:1.55;padding-top:12px;border-top:1px solid #F1F5F9}.report-score-card-v2 .report-score-label{font-size:11px;color:#b85c00;font-weight:700;margin-bottom:2px}.report-score-card-v2 .report-score-value{font-size:34px;font-weight:800;color:#ff6b00;line-height:1}.report-score-card-v2 .report-score-max{font-size:16px;color:#b85c00}.report-score-sub{font-size:11.5px;color:#94a3b8;margin-top:4px;font-weight:500}.report-score-penalty-tag{display:inline-block;margin-left:8px;padding:2px 7px;background:#fee2e2;color:#b91c1c;border-radius:999px;font-size:10px;font-weight:700;vertical-align:2px}.report-rubric-card{margin:0 16px 16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:0;overflow:hidden}.report-rubric-card summary{cursor:pointer;padding:12px 14px;font-size:12.5px;font-weight:600;color:#475569;list-style:none;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.report-rubric-card summary::-webkit-details-marker{display:none}.report-rubric-card summary:after{content:"▾";margin-left:auto;color:#94a3b8;font-size:11px}.report-rubric-card[open] summary:after{content:"▴"}.report-rubric-card[open] summary{border-bottom:1px solid #E2E8F0}.report-rubric-body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px}.rubric-row{display:flex;gap:10px;align-items:flex-start}.rubric-num{width:22px;height:22px;border-radius:50%;background:#ff9000;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rubric-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:2px}.rubric-desc{font-size:12px;color:#64748b;line-height:1.5}.rubric-note{font-size:11.5px;color:#64748b;background:#fff;border-radius:8px;padding:8px 10px;line-height:1.5;border-left:3px solid #FF9000;margin-top:4px}.rubric-section-title{font-size:12px;font-weight:700;color:#0f172a;margin-bottom:2px}.rubric-axis-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rubric-axis-list li{font-size:12px;color:#475569;line-height:1.5;padding-left:12px;position:relative}.rubric-axis-list li:before{content:"·";position:absolute;left:0;color:#ff9000;font-weight:700}.rubric-axis-list li b{color:#0f172a;font-weight:700}.grade-badge-inline{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:color-mix(in srgb,var(--grade-color, #FF9000) 14%,transparent);border:1px solid color-mix(in srgb,var(--grade-color, #FF9000) 45%,transparent);vertical-align:middle}.grade-badge-letter{font-size:18px;font-weight:900;color:var(--grade-color, #FF9000);line-height:1;letter-spacing:.02em}.grade-badge-sub{font-size:10.5px;font-weight:700;color:var(--grade-color, #FF9000);letter-spacing:-.01em}.grade-badge-large .grade-badge-letter{font-size:28px}.grade-badge-large .grade-badge-sub{font-size:12px}.report-score-sub-num{display:inline-block;margin-left:10px;font-size:13px;font-weight:700;color:#94a3b8;vertical-align:middle}.report-score-card-v2 .report-score-sub-num{font-size:14px}.report-score-value{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.grade-letter-mini{display:inline-block;font-size:14px;font-weight:900;margin-right:5px;letter-spacing:.02em}.utterance-score{display:inline-flex;align-items:center;gap:4px}.utterance-score-num{font-size:11.5px;font-weight:600;color:#94a3b8}.axis-grade{font-size:12px;font-weight:900;letter-spacing:.02em}.step4-container{display:flex;flex-direction:column;height:100vh;background:var(--daily-bg, #fdfbf7) url(/images/learning-bg.png) center top / cover no-repeat scroll}.step4-chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.step4-header{display:flex;justify-content:center;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:5}.step4-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:12px;font-size:13px;font-weight:600}.step4-messages{flex:1;overflow-y:auto;padding:16px 16px 180px;display:flex;flex-direction:column;gap:12px}.step4-message{display:flex;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step4-message.user{justify-content:flex-end}.step4-message.assistant{justify-content:flex-start;align-items:flex-start;gap:8px}.step4-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #0000001a;margin-top:2px}.step4-avatar img{width:100%;height:100%;object-fit:cover}.step4-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700}.step4-bubble{padding:12px 16px;border-radius:16px;box-shadow:0 2px 8px #00000014}.step4-message.user .step4-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-top-right-radius:4px}.step4-message.assistant .step4-bubble{background:#fff;color:#333;border-top-left-radius:4px}.step4-text{margin:0;font-size:15px;line-height:1.5;font-weight:500}.step4-text-kr{margin:6px 0 0;font-size:12px;opacity:.7;font-style:italic}.step4-bubble-wrapper{display:flex;flex-direction:column;max-width:85%;gap:4px}.step4-message.user .step4-bubble-wrapper{max-width:90%}.step4-message.user .step4-bubble-wrapper{align-items:flex-end}.step4-message.assistant .step4-bubble-wrapper{align-items:flex-start}.step4-replay-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f0f0f0;border:none;border-radius:12px;font-size:11px;color:#666;cursor:pointer;transition:background .2s}.step4-replay-btn:hover{background:#e0e0e0}.step4-loading{display:flex;align-items:center;gap:10px;padding:12px;color:#888}.spin{animation:spin 1s linear infinite}.step4-controls{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#fff;border-top:1px solid #e0e0e0;padding:16px;box-shadow:0 -2px 10px #0000000d;display:flex;flex-direction:column;gap:12px;align-items:center}.step4-status{text-align:center;font-size:13px;color:#888;min-height:20px}.step4-controls-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:400px}.step4-icon-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:#666;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .2s}.step4-icon-btn:hover:not(:disabled){background:#f0f0f0;color:#333}.step4-icon-btn:disabled{opacity:.4;cursor:not-allowed}.step4-icon-btn span{font-size:11px;font-weight:600}.step4-mic-btn-large{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#58cc02,#4caf50);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #4caf5066;transition:all .2s}.step4-mic-btn-large:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #4caf5080}.step4-mic-btn-large:active:not(:disabled){transform:scale(.98)}.step4-mic-btn-large:disabled{opacity:.5;cursor:not-allowed}.step4-mic-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step4-korean-btn{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;width:auto;max-width:200px}.step4-korean-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea25,#764ba225);transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.step4-korean-btn:active:not(:disabled){transform:translateY(0)}.step4-korean-btn:disabled{opacity:.5;cursor:not-allowed}.step5-green .step4-message.user .step4-bubble{background:linear-gradient(135deg,#4caf50,#2e7d32)}@media(max-width:480px){.step4-messages{padding:12px 12px 200px}.step4-text{font-size:14px}.step4-controls-row{gap:12px}.step4-mic-btn-large{width:64px;height:64px}.step4-icon-btn{padding:6px 8px}.step4-icon-btn span{font-size:10px}}.step4-messages::-webkit-scrollbar{width:6px}.step4-messages::-webkit-scrollbar-track{background:transparent}.step4-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.step4-messages::-webkit-scrollbar-thumb:hover{background:#999}.step-transition-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);display:flex;align-items:flex-start;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out;overflow:hidden}.step-transition-bg-img{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none;z-index:0}.step-transition-content{position:relative;z-index:1;text-align:center;padding:60px 40px 40px;width:100%}.step-transition-badge{display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;border:1.5px solid;font-family:SUIT Variable,sans-serif}.step-transition-title{font-size:38px;font-weight:900;margin:0 0 28px;line-height:1.15;letter-spacing:-.5px;font-family:SUIT Variable,sans-serif}.step-transition-progress-wrap{position:relative;width:70%;max-width:280px;margin:0 auto;padding-top:12px}.step-transition-progress-line{width:100%;height:3px;border-radius:2px;overflow:visible;position:relative}.step-transition-progress-fill{height:3px;border-radius:2px;transition:width 1.8s ease-in-out .5s;position:absolute;top:0;left:0}.step-transition-progress-dot{position:absolute;top:8.5px;width:10px;height:10px;border-radius:50%;transform:translate(-50%);z-index:2;transition:left 1.8s ease-in-out .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease-out}.zoom-in{animation:zoomIn .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.slide-up{animation:slideUp .5s ease-out .2s both}.slide-up-delay{animation:slideUp .5s ease-out .35s both}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ob-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ob-fade-in .2s ease}@keyframes ob-fade-in{0%{opacity:0}to{opacity:1}}.ob-card{width:100%;max-width:400px;max-height:96vh;background:#fff;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:ob-pop .25s cubic-bezier(.34,1.4,.64,1);transition:max-height .65s cubic-bezier(.65,0,.35,1)}.ob-card.is-collapsed{max-height:220px;padding-top:76px;cursor:pointer;overflow:visible;background:radial-gradient(circle at 18% 12%,rgba(255,224,130,.4) 0%,transparent 38%),radial-gradient(circle at 86% 88%,rgba(255,179,0,.18) 0%,transparent 42%),linear-gradient(135deg,#fffbf0,#fff3d9);box-shadow:0 20px 60px #00000038,inset 0 0 0 1px #ffb30026;animation:ob-pop .25s cubic-bezier(.34,1.4,.64,1),ob-letter-float 2.8s ease-in-out infinite .5s;will-change:transform}.ob-card.is-collapsed .ob-stage{min-height:120px;overflow:hidden}.ob-card.is-collapsed .ob-slide{background:transparent!important;padding-bottom:0;overflow:hidden;position:relative;z-index:2}.ob-card.is-collapsed .ob-preview-area{opacity:0;transform:translateY(20px);pointer-events:none}.ob-card.is-collapsed .ob-footer{opacity:0;max-height:0;padding-top:0;padding-bottom:0;border-top-color:transparent;overflow:hidden;pointer-events:none}.ob-card.is-collapsed .ob-header{margin-bottom:0}.ob-card.is-collapsed .ob-close{top:-44px;right:0;background:#fffffff5;color:#475569;box-shadow:0 4px 12px #00000038;z-index:12}.ob-card.is-collapsed:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#ffe082,#ffc107 55%,#f9a825);clip-path:polygon(0 0,100% 0,50% 100%);z-index:1;border-top-left-radius:22px;border-top-right-radius:22px}.ob-card.is-collapsed:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(180,100,0,.07) 0px,transparent 64px),linear-gradient(225deg,rgba(180,100,0,.07) 0px,transparent 64px);pointer-events:none;z-index:0;border-radius:22px}@keyframes ob-letter-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}}@keyframes ob-seal-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.07)}}.ob-preview-area,.ob-footer{transition:opacity .45s ease .2s,transform .55s cubic-bezier(.34,1.2,.64,1) .15s,max-height .55s ease,padding .55s ease}@keyframes ob-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.ob-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:none;background:#ffffffe6;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 6px #00000014;transition:background .15s}.ob-close:hover{background:#fff}.ob-stage{flex:1;overflow:hidden;position:relative;min-height:520px}.ob-slide{position:absolute;inset:0;display:flex;flex-direction:column;padding:28px 22px 18px;animation:ob-slide-in .28s ease;overflow-y:auto}@keyframes ob-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ob-header{display:flex;align-items:center;gap:13px;margin-bottom:22px;flex-shrink:0;position:relative}.ob-avatar{--accent: #FF8C0A;width:48px;height:48px;border-radius:50%;background:#fffffff2;padding:3px;box-shadow:0 3px 10px #00000014;position:relative;flex-shrink:0;transition:box-shadow .3s,transform .2s;cursor:default}.ob-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ob-avatar.is-speaking{box-shadow:0 0 0 4px var(--accent),0 3px 10px #0000001a;animation:ob-ring-pulse 1.2s ease-in-out infinite}.ob-avatar.is-clickable{cursor:pointer;animation:ob-avatar-wiggle 1.6s ease-in-out infinite}.ob-avatar.is-clickable:active{transform:scale(.93)}.ob-avatar.is-pulsing-soft{animation:ob-soft-pulse 1.8s ease-in-out infinite}@keyframes ob-soft-pulse{0%,to{box-shadow:0 0 #ff8c0a59,0 3px 10px #0000001a}50%{box-shadow:0 0 0 10px #ff8c0a00,0 3px 10px #0000001a}}.ob-app-badge{position:absolute;bottom:-3px;right:-3px;width:22px;height:22px;border-radius:6px;border:2px solid #fff;background:#fff;overflow:hidden;box-shadow:0 2px 5px #00000026;z-index:2}.ob-app-badge img{width:100%;height:100%;object-fit:cover;border-radius:4px}@keyframes ob-ring-pulse{0%,to{box-shadow:0 0 0 4px var(--accent),0 3px 10px #0000001a}50%{box-shadow:0 0 0 6px var(--accent),0 3px 14px #0000001f}}@keyframes ob-avatar-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.ob-notif-from{font-size:10.5px;font-weight:800;letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.ob-notif-title{font-size:14px;font-weight:800;color:#0f172a;line-height:1.3;margin-bottom:3px;word-break:keep-all}.ob-notif-cta{font-size:10.5px;font-weight:700;color:#64748b}.ob-header-text{flex:1;min-width:0}.ob-en{font-size:14.5px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:3px;word-break:keep-all}.ob-kr{font-size:10px;color:#64748b;font-weight:600;line-height:1.45;word-break:keep-all}.ob-preview-area{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 0 12px;min-height:0}.ob-preview-area>*{width:100%}.ob-footer{padding:12px 18px 18px;background:#fff;border-top:1px solid #F1F5F9;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.ob-footer-perm{grid-template-columns:1fr;justify-items:center}.ob-back{background:transparent;border:none;color:#94a3b8;font-size:12px;font-weight:700;cursor:pointer;padding:6px 8px;justify-self:start;transition:color .15s}.ob-back:hover{color:#475569}.ob-back:disabled{opacity:0;cursor:default}.ob-dots{display:flex;gap:5px;justify-self:center}.ob-dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;transition:all .25s}.ob-dot.is-active{width:18px;border-radius:999px;background:#0f172a}.ob-next{border:none;color:#fff;padding:10px 24px;border-radius:999px;font-size:13.5px;font-weight:800;cursor:pointer;transition:opacity .2s,transform .15s;justify-self:end}.ob-next:disabled{opacity:.35;cursor:not-allowed}.ob-next:not(:disabled):active{transform:scale(.97)}.ob-next.is-ready{animation:ob-next-bounce .7s cubic-bezier(.34,1.6,.64,1),ob-next-glow 1.8s ease-in-out infinite .7s}.ob-tap-cursor{position:absolute;bottom:-7px;right:-9px;width:22px;height:22px;border-radius:50%;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff,0 2px 6px #00000047;z-index:6;pointer-events:none;animation:ob-tap-bob 1s ease-in-out infinite}.ob-tap-cursor svg{transform:translate(-.5px,-.5px)}.ob-tap-cursor.is-tapping{animation:ob-tap-press .35s ease}@keyframes ob-tap-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1)}}@keyframes ob-tap-press{0%{transform:translateY(0) scale(1)}45%{transform:translateY(3px) scale(.82);box-shadow:0 0 0 2px #fff,0 0 0 6px #0f172a2e}to{transform:translateY(0) scale(1)}}@keyframes ob-next-bounce{0%{transform:scale(1)}30%{transform:scale(1.18)}55%{transform:scale(.94)}78%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes ob-next-glow{0%,to{box-shadow:0 0 #ffffff8c}50%{box-shadow:0 0 0 8px #fff0}}.ob-perm-rows{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.ob-perm-row{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;transition:background .2s}.ob-perm-icon{flex-shrink:0}.ob-perm-label{flex:1;text-align:left;font-size:13px;font-weight:700;color:#0f172a}.ob-perm-mark{width:22px;height:22px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.ob-perm-hint{font-size:11px;color:#92400e;background:#fef3c7;border-radius:8px;padding:7px 11px;margin-bottom:10px;line-height:1.5}.ob-summary-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid rgba(255,140,10,.18);border-radius:14px;padding:14px 12px 12px;margin-bottom:14px;box-shadow:0 3px 10px #0000000a}.ob-summary-title{font-size:11.5px;font-weight:800;color:#92400e;text-align:center;margin-bottom:10px;letter-spacing:-.01em}.ob-summary-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.ob-summary-icon{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;background:#fff;border-radius:10px;border:1px solid #F1F5F9;animation:ob-summary-pop .4s ease-out backwards}.ob-summary-icon-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.ob-summary-icon-label{font-size:9.5px;font-weight:700;color:#475569}@keyframes ob-summary-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ob-summary-message{font-size:11.5px;font-weight:700;color:#ff8c0a;text-align:center;line-height:1.5}.ob-perm-actions{margin-top:auto}.ob-allow-btn{width:100%;border:none;color:#fff;padding:14px 20px;border-radius:12px;font-size:14.5px;font-weight:800;cursor:pointer;transition:transform .15s,opacity .2s;box-shadow:0 4px 10px #0000001a}.ob-allow-btn:disabled{opacity:.6;cursor:not-allowed}.ob-allow-btn:not(:disabled):active{transform:scale(.98)}.ob-confirm-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:9100;display:flex;align-items:center;justify-content:center;padding:24px}.ob-confirm-card{background:#fff;border-radius:16px;padding:20px;width:100%;max-width:300px;box-shadow:0 12px 32px #0003}.ob-confirm-title{font-size:14.5px;font-weight:800;color:#0f172a;margin-bottom:12px;text-align:center}.ob-confirm-check{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;color:#475569;cursor:pointer}.ob-confirm-check input{width:15px;height:15px;accent-color:#FF8C0A}.ob-confirm-actions{display:flex;gap:8px}.ob-confirm-cancel,.ob-confirm-ok{flex:1;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:transform .15s}.ob-confirm-cancel{background:#f1f5f9;color:#475569}.ob-confirm-ok{background:#0f172a;color:#fff}.ob-confirm-cancel:active,.ob-confirm-ok:active{transform:scale(.97)}.mypage-container{flex:1;overflow-y:auto;padding-bottom:80px;background:#fdfbf7}.mypage-content{padding:16px;margin:0 auto}.profile-card-new{border:none;border-radius:20px;margin-bottom:24px;min-height:42vh;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000026}.profile-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:24px 16px}.profile-share-btn{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;box-shadow:0 2px 8px #00000026;transition:transform .15s,background .15s}.profile-share-btn:active{transform:scale(.9);background:#fff}.profile-card-logo{position:absolute;top:14px;left:14px;height:56px;width:auto;z-index:10;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));display:none}.profile-badge-row{position:absolute;top:14px;left:14px;z-index:10;display:none;align-items:center;gap:6px}.profile-name-badge{padding:5px 14px;background:#ffffffb3;border-radius:20px;font-size:13px;font-weight:700;color:#323232bf;box-shadow:0 2px 6px #0000001f}.profile-sub-badge{padding:5px 10px;background:#0000004d;border-radius:20px;font-size:11px;font-weight:600;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-card-horizontal{flex-direction:row;align-items:flex-end;justify-content:flex-start;padding:20px 16px}.profile-left{display:flex;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 130px)}.profile-avatar-large{width:200px;height:200px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.avatar-character-img-large{width:100%;height:100%;object-fit:contain}.avatar-circle-new{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00);display:flex;align-items:center;justify-content:center;border:3px solid #FFB74D;box-shadow:0 4px 12px #ff98004d}.avatar-text{font-size:36px;font-weight:700;color:#fff;text-transform:uppercase}.profile-collection-col{position:absolute;right:12px;bottom:0;z-index:5;display:flex;flex-direction:column;gap:6px}.profile-collection-item-h{display:flex;align-items:center;gap:8px;background:#ffffffe0;padding:8px 14px;border-radius:14px;cursor:pointer;min-width:100px;transition:transform .15s;box-shadow:0 2px 6px #00000014;white-space:nowrap}.profile-collection-item-h:active{transform:scale(.95)}.collection-icon-h{flex-shrink:0;display:flex;align-items:center;justify-content:center}.collection-count-h{font-size:16px;font-weight:800;color:#333;line-height:1;min-width:16px}.collection-label-h{font-size:11px;font-weight:600;color:#777;white-space:nowrap}.collection-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.collection-modal{background:#fff;border-radius:20px;max-width:380px;width:100%;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0003}.collection-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.collection-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#333}.collection-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;cursor:pointer;color:#666}.collection-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;overflow-y:auto}.collection-modal-grid.sticker-grid{grid-template-columns:repeat(4,1fr);gap:8px}.collection-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:14px;cursor:pointer;border:2px solid transparent;transition:all .15s;background:#fafafa}.collection-item:active{transform:scale(.95)}.collection-item.equipped{border-color:#ff9800;background:#fff8f0}.collection-item.selected{border-color:#42a5f5;background:#e3f2fd;box-shadow:0 0 0 2px #42a5f54d}.collection-item-img{width:64px;height:64px;display:flex;align-items:center;justify-content:center;position:relative}.sticker-grid .collection-item-img{width:48px;height:48px}.collection-item-img img{width:100%;height:100%;object-fit:contain}.collection-equipped-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#ff9800;color:#fff;display:flex;align-items:center;justify-content:center}.collection-item-name{font-size:11px;font-weight:600;color:#555;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.sticker-grid .collection-item-name{font-size:10px;max-width:60px}.collection-empty{grid-column:1 / -1;text-align:center;color:#999;font-size:14px;padding:32px 0}.collection-modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0}.collection-btn-close{flex:1;padding:12px 0;border:1px solid #ddd;background:#f9f9f9;border-radius:12px;font-size:14px;font-weight:600;color:#666;cursor:pointer}.collection-btn-apply{flex:1;padding:12px 0;border:none;background:#e0e0e0;border-radius:12px;font-size:14px;font-weight:700;color:#aaa;cursor:not-allowed;transition:all .2s}.collection-btn-apply.active{background:#ff9800;color:#fff;cursor:pointer;box-shadow:0 2px 8px #ff98004d}.collection-btn-apply.active:active{transform:scale(.97)}.stats-section-new{margin-bottom:24px}.section-title-new{font-size:16px;font-weight:700;color:#333;margin:0 0 12px 4px}.stats-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card-new{background:#fff;border-radius:16px;padding:16px 10px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;transition:transform .2s,box-shadow .2s}.stat-card-new:active{transform:scale(.98)}.stat-icon-new{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.stat-icon-new.streak{background:#ff98001a}.stat-icon-new.sessions{background:#4caf501a}.stat-icon-new.time{background:#2196f31a}.stat-icon-new.diamonds{background:#ffc1071a}.stat-value-new{font-size:24px;font-weight:700;color:#333;line-height:1;margin-bottom:6px}.stat-label-new{font-size:13px;color:#888;font-weight:500}.diamond-history-section{margin-bottom:24px}.diamond-history-list{background:#fff;border-radius:16px;padding:4px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;max-height:400px;overflow-y:auto}.diamond-history-item{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid #f5f5f5;transition:background .2s}.diamond-history-item:last-child{border-bottom:none}.diamond-history-item:active{background:#fafafa}.history-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.history-icon{font-size:20px;flex-shrink:0}.history-info{flex:1;min-width:0}.history-source{font-size:14px;font-weight:600;color:#333;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:12px;color:#999}.history-amount{font-size:15px;font-weight:700;flex-shrink:0;margin-left:12px}.history-amount.earned{color:#4caf50}.history-amount.spent{color:#ff6b6b}.history-empty{padding:40px 20px;text-align:center;color:#999}.history-empty p{margin:0;font-size:14px}.chart-section-new{margin-bottom:24px}.section-header-row-new{display:flex;align-items:center;gap:8px;margin:0 0 12px 4px}.section-header-row-new .section-title-new{margin:0}.chart-container-new{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.chart-bars-new{display:flex;align-items:flex-end;justify-content:space-between;height:140px;gap:6px}.chart-bar-wrapper-new{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar-container-new{width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center}.chart-bar-new{width:100%;max-width:32px;background:linear-gradient(180deg,#4caf50,#66bb6a);border-radius:8px 8px 4px 4px;position:relative;min-height:8px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;transition:all .3s ease;box-shadow:0 2px 4px #4caf5033}.chart-bar-new.empty{background:#e8e8e8;box-shadow:none;min-height:4px}.chart-bar-new.today{background:linear-gradient(180deg,#ff9800,#ffb74d);box-shadow:0 4px 12px #ff980066}.bar-value-new{font-size:11px;font-weight:700;color:#fff}.chart-label-new{font-size:12px;color:#888;font-weight:600}.chart-label-new.today{color:#ff9800;font-weight:700}.logout-section-new{margin-top:32px;margin-bottom:20px}.logout-btn-new{width:100%;background:#fff;border:1.5px solid #ddd;color:#999;padding:14px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.logout-btn-new:hover{background:#f5f5f5;color:#888}.logout-btn-new:active{transform:scale(.98)}.logout-btn-new:disabled{opacity:.5;cursor:not-allowed}@media screen and (min-width:600px){.profile-avatar-large{width:260px;height:260px}}@media screen and (min-width:1025px){.stats-grid-new{grid-template-columns:repeat(3,1fr);gap:12px}.profile-avatar-large{width:300px;height:300px}}.playzone-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,#fff5f6,#fff 30%);max-width:var(--app-max-width);margin:0 auto;overflow:hidden}.playzone-content{flex:1;padding:16px 16px 100px;overflow-y:auto;-webkit-overflow-scrolling:touch}.playzone-header{text-align:center;padding:12px 0 20px}.playzone-logo{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 16px #ff809040;margin-bottom:12px;animation:logoBounce 3s ease-in-out infinite}@keyframes logoBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(-2px) rotate(2deg)}}.playzone-title{font-size:28px;font-weight:800;margin:0 0 6px;display:flex;justify-content:center;gap:2px}.playzone-space{width:8px}.playzone-letter{display:inline-block;animation:letterWave 2.5s ease-in-out infinite;animation-delay:calc(var(--i) * .15s)}.playzone-letter:nth-child(1){color:#ff6b7a}.playzone-letter:nth-child(2){color:#ff9800}.playzone-letter:nth-child(3){color:#ffca28}.playzone-letter:nth-child(4){color:#66bb6a}.playzone-letter:nth-child(6){color:#42a5f5}.playzone-letter:nth-child(7){color:#7c4dff}.playzone-letter:nth-child(8){color:#ec407a}.playzone-letter:nth-child(9){color:#ff7043}@keyframes letterWave{0%,to{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(0)}}.playzone-subtitle{font-size:14px;color:#999;margin:0}.playzone-progress{background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:18px;box-shadow:0 2px 8px #0000000a;border:1px solid #f0f0f0}.playzone-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.playzone-progress-label{font-size:14px;font-weight:600;color:#333}.playzone-progress-done{font-size:12px;color:#4caf50;font-weight:600;display:flex;align-items:center;gap:4px}.playzone-progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.playzone-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.playzone-games{display:flex;flex-direction:column;gap:12px}.playzone-card{background:#fff;border:1.5px solid #f0f0f0;border-radius:16px;padding:16px 14px;cursor:pointer;display:flex;align-items:center;gap:14px;text-align:left;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0000000a;min-height:82px}.playzone-card:active{transform:scale(.98)}.playzone-card.done{border-color:#4caf50;cursor:default}.playzone-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #f0f0f0;box-shadow:0 1px 3px #0000000f}.playzone-card-body{flex:1;min-width:0}.playzone-card-title-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.playzone-card-name{font-size:16px;font-weight:700;color:#1a1a1a}.playzone-card-badge{font-size:11px;font-weight:600;color:#fff;background:#4caf50;border-radius:6px;padding:2px 8px}.playzone-card-desc{font-size:13px;color:#888;margin:0 0 5px;line-height:1.4}.playzone-card-best{display:flex;align-items:center;gap:4px;font-size:11px;color:#999;font-weight:500}.playzone-bonus{margin-top:18px;background:#f8f9fa;border:1px dashed #ddd;border-radius:12px;padding:12px 16px;text-align:center;font-size:13px;font-weight:600;color:#999}.playzone-bonus.completed{background:#e8f5e9;border-color:#a5d6a7;color:#4caf50}.ws-screen{display:flex;flex-direction:column;min-height:100vh;max-width:var(--app-max-width);margin:0 auto;background:#fff}.ws-screen.ws-playing{background:linear-gradient(180deg,#fff5f6,#f0faff,#fff)}.ws-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.ws-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#ff8090;border-radius:50%;animation:ws-spin .8s linear infinite}.ws-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;color:#555;font-size:14px;padding:4px}.ws-back-btn-small{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.ws-start-btn{background:linear-gradient(135deg,#ff8090,#ff6b7a);color:#fff;border:none;border-radius:14px;padding:14px 48px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #ff809059;transition:transform .15s ease}.ws-start-btn:active{transform:scale(.97)}.ws-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.ws-hint-card{background:#fff;border-radius:16px;padding:18px 24px;box-shadow:0 4px 16px #0000000f;margin-bottom:28px;text-align:center;width:100%;max-width:340px;border:1px solid rgba(0,0,0,.04)}.ws-hint-kr{font-size:14px;color:#999;margin:0 0 6px}.ws-hint-en{font-size:17px;color:#333;margin:0;line-height:1.5;font-weight:500}.ws-slots{display:flex;gap:6px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;position:relative}.ws-slot{width:46px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;transition:all .2s ease;cursor:default}.ws-slot.empty{border:2px dashed #ccc;background:#fff9;animation:ws-slotPulse 2s ease-in-out infinite}.ws-slot.filled{border:2px solid;cursor:pointer;box-shadow:0 2px 8px #00000014;animation:ws-slotPop .2s ease}.ws-slot.filled.correct{animation:ws-correctPop .4s ease}.ws-bubbles{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:320px}.ws-bubble{width:52px;height:52px;border-radius:14px;border:2px solid;font-size:22px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 3px 8px #0000001a}.ws-bubble:active:not(.used){transform:scale(.9)}.ws-bubble.used{background:#f5f5f5!important;border-color:#e0e0e0!important;color:#ccc!important;opacity:.35;box-shadow:none;cursor:default}.ws-reset-btn{margin-top:20px;background:none;border:1px solid #ddd;border-radius:10px;padding:8px 20px;display:flex;align-items:center;gap:6px;color:#888;font-size:13px;cursor:pointer}.ws-sparkle-container{position:absolute;pointer-events:none}.ws-sparkle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;animation:ws-sparkle .6s ease-out forwards;animation-delay:var(--delay)}@keyframes ws-spin{to{transform:rotate(360deg)}}@keyframes ws-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes ws-slotPulse{0%,to{border-color:#ccc}50%{border-color:#ff809060}}@keyframes ws-slotPop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ws-correctPop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes ws-heartBreak{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes ws-sparkle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(20px,-20px) scale(0);opacity:0}}.dp-screen{display:flex;flex-direction:column;min-height:100vh;max-width:var(--app-max-width);margin:0 auto;background:#fff}.dp-screen.dp-playing{background:linear-gradient(180deg,#f5f0ff,#f0faff,#fff)}.dp-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.dp-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#7c4dff;border-radius:50%;animation:dp-spin .8s linear infinite}.dp-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;color:#555;font-size:14px;padding:4px}.dp-back-btn-small{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.dp-start-btn{background:linear-gradient(135deg,#9c7cff,#7c4dff);color:#fff;border:none;border-radius:14px;padding:14px 48px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #7c4dff4d;transition:transform .15s ease}.dp-start-btn:active{transform:scale(.97)}.dp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.dp-content{flex:1;overflow-y:auto;padding:16px 16px 130px}.dp-section-label{font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dp-block{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;margin-bottom:8px;transition:all .2s ease;background:#fff;border:1.5px solid #f0f0f0;box-shadow:0 2px 6px #0000000a}.dp-block.fixed{border-style:dashed;border-left-style:solid}.dp-block.choice{cursor:pointer}.dp-block.choice:active{transform:scale(.97)}.dp-block.choice.used{opacity:.3;pointer-events:none;order:99}.dp-block.slot-filled{animation:dp-slotPop .25s ease;cursor:pointer}.dp-block.correct{background:#f1f8e9;border-color:#66bb6a}.dp-block.wrong{background:#ffebee;border-color:#e57373;animation:dp-shake .4s ease}.dp-block-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}.dp-block-avatar-fallback{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.dp-block-body{flex:1;min-width:0}.dp-block-speaker{font-size:11px;font-weight:600;margin-bottom:2px}.dp-block-text{font-size:14px;color:#333;line-height:1.5}.dp-block-correct-text{font-size:12px;color:#4caf50;margin-top:4px;font-style:italic}.dp-empty-slot{display:flex;align-items:center;justify-content:center;padding:18px 14px;border-radius:14px;margin-bottom:8px;border:2px dashed #d0d0d0;background:#ffffff80;animation:dp-slotPulse 2s ease-in-out infinite}.dp-empty-slot-num{font-size:13px;font-weight:600;color:#ccc}.dp-result-badge{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.dp-bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:#fff;border-top:1px solid #f0f0f0;padding:12px 16px;display:flex;gap:10px;z-index:10}.dp-btn-reset{flex:1;padding:13px;border:1.5px solid #ddd;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.dp-btn-check{flex:2;padding:13px;border:none;background:linear-gradient(135deg,#9c7cff,#7c4dff);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 3px 12px #7c4dff40}.dp-btn-check:disabled{opacity:.4;cursor:default;box-shadow:none}.dp-btn-listen{flex:1;padding:13px;border:1.5px solid #7C4DFF;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#7c4dff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.dp-btn-next{flex:2;padding:13px;border:none;background:linear-gradient(135deg,#9c7cff,#7c4dff);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 3px 12px #7c4dff40}.dp-grading-card{text-align:center;margin-top:16px;padding:16px;border-radius:14px}.dp-grading-card.perfect{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.dp-grading-card.partial{background:linear-gradient(135deg,#fff8e1,#ffecb3)}@keyframes dp-spin{to{transform:rotate(360deg)}}@keyframes dp-slotPop{0%{transform:scale(.9);opacity:.5}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes dp-slotPulse{0%,to{border-color:#d0d0d0}50%{border-color:#b39ddb}}@keyframes dp-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.ls-screen{display:flex;flex-direction:column;min-height:100vh;max-width:var(--app-max-width);margin:0 auto;background:#fff}.ls-screen.ls-playing{background:linear-gradient(180deg,#e0f7fa,#f0faff,#fff)}.ls-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.ls-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#26c6da;border-radius:50%;animation:ls-spin .8s linear infinite}.ls-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;color:#555;font-size:14px;padding:4px}.ls-back-btn-small{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.ls-start-btn{background:linear-gradient(135deg,#26c6da,#00acc1);color:#fff;border:none;border-radius:14px;padding:14px 48px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #26c6da59;transition:transform .15s ease}.ls-start-btn:active{transform:scale(.97)}.ls-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.ls-hint-card{background:#fff;border-radius:16px;padding:18px 24px;box-shadow:0 4px 16px #0000000f;margin-bottom:24px;text-align:center;width:100%;max-width:340px;border:1px solid rgba(0,0,0,.04)}.ls-hint-kr{font-size:14px;color:#999;margin:0 0 6px}.ls-hint-en{font-size:17px;color:#333;margin:0;line-height:1.5;font-weight:500}.ls-hint-en.blurred{color:#ccc;letter-spacing:1px;-webkit-user-select:none;user-select:none}.ls-hint-en.revealed{color:#00838f;font-weight:600;animation:ls-pop .3s ease}.ls-replay-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #26C6DA;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;color:#00acc1;cursor:pointer;margin-bottom:24px;transition:all .15s ease}.ls-replay-btn:active:not(:disabled){transform:scale(.97)}.ls-replay-btn:disabled{opacity:.4;cursor:default}.ls-mic-btn{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#26c6da,#00acc1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #26c6da66;transition:all .2s ease}.ls-mic-btn:active:not(:disabled){transform:scale(.93)}.ls-mic-btn:disabled{opacity:.5;cursor:default}.ls-mic-btn.listening{animation:ls-pulse 1.2s ease-in-out infinite;box-shadow:0 0 #26c6da80}.ls-mic-label{font-size:13px;color:"#888";margin-top:10px;font-weight:500;color:#888}.ls-result-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 4px 16px #0000000f;width:100%;max-width:340px;border:1px solid rgba(0,0,0,.04);text-align:center;animation:ls-pop .3s ease}.ls-result-label{font-size:12px;color:"#aaa";margin:0 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.ls-result-stt{font-size:16px;color:#333;margin:0 0 14px;line-height:1.5;font-weight:500;padding:10px 14px;background:#f5f5f5;border-radius:10px}.ls-result-score{display:flex;align-items:center;justify-content:center;gap:12px}.ls-result-percentage{font-size:28px;font-weight:800}.ls-stars{display:flex;gap:2px}.ls-retry-btn{flex:1;padding:13px;border:1.5px solid #FF9800;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#ff9800;cursor:pointer;transition:transform .15s ease}.ls-retry-btn:active{transform:scale(.97)}.ls-next-btn{padding:13px;border:none;background:linear-gradient(135deg,#26c6da,#00acc1);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 3px 12px #26c6da40;transition:transform .15s ease}.ls-next-btn:active{transform:scale(.97)}@keyframes ls-spin{to{transform:rotate(360deg)}}@keyframes ls-pop{0%{transform:scale(.9);opacity:.5}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes ls-pulse{0%{box-shadow:0 0 #26c6da80}50%{box-shadow:0 0 0 16px #26c6da00}to{box-shadow:0 0 #26c6da00}}@keyframes ls-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.share-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);padding:8px 6px 20px}.share-card{width:100%;max-width:400px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.share-header{display:flex;justify-content:center;padding:20px 20px 12px}.share-logo{width:48px;height:48px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.share-video-container{width:100%;background:#000}.share-video{width:100%;display:block}.share-info{padding:18px 20px 12px;display:flex;align-items:center;gap:14px}.share-info-logo{width:42px;height:42px;border-radius:10px;flex-shrink:0;box-shadow:0 2px 6px #00000014}.share-info-text{flex:1;min-width:0}.share-topic{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 6px;line-height:1.4;word-break:keep-all}.share-meta{font-size:13px;color:#999;margin:0}.share-name{font-weight:600;color:#666}.share-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:4px 20px 16px;padding:14px;background:linear-gradient(135deg,#ff8090,#ff6b7a);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ff80904d;transition:transform .15s ease}.share-download-btn:active{transform:scale(.97)}.share-footer{text-align:center;padding:0 20px 18px;font-size:12px;color:#bbb}.share-footer-dot{margin:0 6px}.share-loading{text-align:center;color:#ffffffb3;font-size:14px}.share-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#ff8090;border-radius:50%;animation:share-spin .8s linear infinite;margin:0 auto 16px}@keyframes share-spin{to{transform:rotate(360deg)}}.share-error{text-align:center;background:#fff;border-radius:24px;padding:40px 24px;max-width:340px}.share-error .share-logo{width:64px;height:64px;border-radius:16px;margin-bottom:16px}.share-error h2{font-size:18px;color:#333;margin:0 0 8px}.share-error p{font-size:14px;color:#999;margin:0}.node-wrapper{display:flex;justify-content:center;width:100%;position:relative;height:var(--node-spacing-vertical, 80px);align-items:center}.path-node{width:var(--node-size, 80px);height:var(--node-size, 80px);position:relative;cursor:pointer;transition:transform .1s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.path-node:active .node-surface{transform:translateY(6px)}.path-node:active .node-depth{top:2px}.node-surface{width:100%;height:100%;border-radius:50%;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:2;border-bottom:0px solid transparent;box-shadow:0 2px 4px #0000001a}.node-depth{width:100%;height:100%;border-radius:50%;background-color:var(--color-primary-dark);position:absolute;top:8px;left:0;z-index:1;box-shadow:0 4px 8px #0003}.path-node.completed .node-surface{background-color:#68c9c0}.path-node.completed .node-depth{background-color:#ff7080}.path-node.current{transform:scale(1.1)}.path-node.current .node-surface{background-color:#ff7080;border:4px solid #FFF}.path-node.current .node-depth{background-color:#68c9c0}.path-node.locked{pointer-events:none}.path-node.locked .node-surface{background-color:var(--color-locked)}.path-node.locked .node-depth{background-color:#cecece}.path-node.pro-locked{opacity:.72}.path-node.pro-locked .node-surface{background-color:var(--color-locked);border:3px dashed var(--color-pro, #FFD700)}.path-node.pro-locked .node-depth{background-color:#cecece}.pro-locked-crown{position:absolute;top:-10px;right:-6px;font-size:17px;z-index:6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));pointer-events:none}.pro-locked-icon{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ffc526,#ff9000);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #00000040;pointer-events:none}.path-node.daily-locked .node-surface{background-color:#b0bec5;border:3px solid rgba(255,255,255,.6)}.path-node.daily-locked .node-depth{background-color:#90a4ae}.daily-locked-icon{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#78909c;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #0003}.current-ring{position:absolute;inset:-12px;border:10px solid rgba(104,201,192,.3);border-radius:50%;animation:pulse 2s infinite;pointer-events:none}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.7}}.learning-map-container{flex:1;overflow-y:auto;padding:0 0 24px;display:flex;flex-direction:column;position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat}.section-header{background-color:var(--color-primary);color:#fff;padding:16px 24px;margin:0 16px 32px;border-radius:16px;text-align:left;box-shadow:0 4px 0 var(--color-primary-dark)}.section-title{font-size:14px;opacity:.9;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase;font-weight:800}.section-subtitle{font-size:20px;font-weight:800}.nodes-container{position:relative;width:100%;max-width:430px;margin:0 auto;overflow:visible;padding-top:20px}.node-absolute-wrapper{position:absolute;transform:translate(-50%,-50%);z-index:10;display:flex;justify-content:center;align-items:center}.node-row{display:none}.map-connector-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.current-node-popup{position:absolute;top:70px;left:50%;margin-left:-100px;margin-top:0;z-index:100;width:200px;animation:popup-bounce .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popup-bounce{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.popup-content{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 12px #00000026;border:2px solid #E5E5E5;text-align:center}.popup-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.popup-subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.popup-start-btn{background-color:#ff7080!important;color:#fff;border:none;width:100%;padding:12px;border-radius:12px;font-weight:700;font-size:14px;font-family:SUIT Variable,sans-serif;box-shadow:0 4px #45aea6!important;cursor:pointer;transition:active .1s}.popup-start-btn:active{transform:translateY(4px);box-shadow:none}.popup-arrow{width:16px;height:16px;transform:rotate(45deg);border-left:2px solid #E5E5E5;border-top:2px solid #E5E5E5;position:absolute;top:-9px;left:50%;margin-left:-8px;background:#fff}.map-character{position:absolute;width:60px;height:auto;transform:translate(-50%,-70%);z-index:15;transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2))}.node-annotation{position:absolute;font-size:11px;color:#333;font-weight:600;white-space:nowrap;pointer-events:none;z-index:8;transition:opacity .3s;background:#ffffffd9;padding:4px 8px;border-radius:8px;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.node-annotation.left{right:100%;margin-right:16px;text-align:right;top:50%;transform:translateY(-50%)}.node-annotation.right{left:100%;margin-left:16px;text-align:left;top:50%;transform:translateY(-50%)}.node-absolute-wrapper:hover~.node-annotation{opacity:.5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.character-speech-bubble{position:absolute;top:35px;background:#ffffffe6;padding:5px 10px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 6px #0000001f;transition:opacity .3s;animation:bubbleFloat 2s ease-in-out infinite}.character-speech-bubble.bubble-right{left:140px}.character-speech-bubble.bubble-right:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid rgba(255,255,255,.9)}.character-speech-bubble.bubble-left{right:140px;left:auto}.character-speech-bubble.bubble-left:before{content:"";position:absolute;right:-6px;left:auto;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid rgba(255,255,255,.9)}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pro-unlock-bubble{position:absolute;z-index:9;background:linear-gradient(135deg,#ffe48a,#ffc526 45%,#ff9e0d);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;padding:7px 12px;border-radius:14px;text-shadow:0 1px 1px rgba(165,95,0,.4);box-shadow:0 3px 10px #ff9e0d73,inset 0 1px #ffffff80;cursor:pointer;overflow:hidden;animation:proBubbleFloat 2.4s ease-in-out infinite}.pro-unlock-bubble.side-left{transform:translate(-100%,-50%);margin-left:-54px}.pro-unlock-bubble.side-right{transform:translateY(-50%);margin-left:54px}.pro-unlock-bubble:after{content:"";position:absolute;top:0;left:-160%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.8),transparent);transform:skew(-22deg);animation:grade-shine 3.6s ease-in-out infinite;pointer-events:none}@keyframes proBubbleFloat{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes grade-shine{0%{left:-160%}58%,to{left:160%}}.start-fab-container{position:fixed;bottom:90px;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);display:flex;justify-content:center;z-index:90;pointer-events:none;padding:0 20px}@media(min-width:1025px){.start-fab-container{bottom:120px}}.start-fab-btn{pointer-events:auto;background-color:#ff7080;color:#fff;border:none;padding:14px 48px;border-radius:30px;font-size:16px;font-weight:800;font-family:SUIT Variable,sans-serif;box-shadow:0 4px #45aea6,0 8px 16px #0003;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px;letter-spacing:.5px;white-space:nowrap}@media(min-width:1025px){.start-fab-btn{padding:16px 56px;font-size:18px;letter-spacing:1px}}.start-fab-btn:active{transform:translateY(4px);box-shadow:0 0 #45aea6,0 4px 8px #0000001a}.start-fab-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px #45aea6,0 10px 20px #00000040}.start-fab-btn.review-mode{background-color:var(--color-pro);color:#5c4b00;box-shadow:0 4px #d4af37,0 8px 16px #0003}.start-fab-btn.review-mode:active{box-shadow:0 0 #d4af37,0 4px 8px #0000001a}.start-fab-btn.review-mode:hover{box-shadow:0 6px #d4af37,0 10px 20px #00000040;filter:brightness(1.05)}.admin-shell{height:100vh;background:#f5f6f8;color:#1b2030;font-family:SUIT Variable,system-ui,sans-serif}.admin-layout{display:grid;grid-template-columns:240px 1fr;height:100%;transition:grid-template-columns .22s ease}.admin-layout.collapsed{grid-template-columns:64px 1fr}.admin-sidebar{background:#1b2030;color:#f5f6f8;padding:20px 0;display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-sidebar-brand{padding:0 14px 18px;border-bottom:1px solid #2A3140;font-weight:800;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;position:relative}.admin-sidebar-logo{width:28px;height:28px;border-radius:6px;flex-shrink:0;background:#fff;padding:2px;box-sizing:border-box}.admin-sidebar-brand-text{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;transition:opacity .18s,max-width .22s ease;max-width:160px}.admin-layout.collapsed .admin-sidebar-brand-text{opacity:0;max-width:0;pointer-events:none}.admin-sidebar-brand .brand-tag{font-size:10px;font-weight:700;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;padding:2px 7px;border-radius:999px;letter-spacing:.05em}.admin-sidebar-toggle{position:absolute;right:-13px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#2c3651;border:2px solid #1B2030;color:#b8becc;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0;box-shadow:0 2px 6px #00000040;transition:background .15s,color .15s,transform .15s}.admin-sidebar-toggle:hover{background:#3d4456;color:#fff;transform:translateY(-50%) scale(1.08)}.admin-sidebar-nav{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:#b8becc;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden}.admin-nav-item:hover{background:#232a3b;color:#fff}.admin-nav-item.active{background:#2c3651;color:#fff}.admin-nav-label{transition:opacity .18s,max-width .22s ease;max-width:200px;overflow:hidden}.admin-layout.collapsed .admin-nav-item{padding:10px 0;justify-content:center;gap:0}.admin-layout.collapsed .admin-nav-label{opacity:0;max-width:0;pointer-events:none}.admin-nav-section-title{padding:14px 14px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;transition:opacity .18s;white-space:nowrap}.admin-layout.collapsed .admin-nav-section-title{opacity:0;height:8px;padding:0;overflow:hidden}.admin-sidebar-footer{padding:14px 18px;border-top:1px solid #2A3140;display:flex;flex-direction:column;gap:6px;font-size:13px;transition:padding .22s ease}.admin-layout.collapsed .admin-sidebar-footer{padding:14px 8px}.admin-sidebar-footer-info{transition:opacity .18s,max-height .22s ease;max-height:60px;overflow:hidden}.admin-layout.collapsed .admin-sidebar-footer-info{opacity:0;max-height:0}.admin-sidebar-footer .me-name{font-weight:700;color:#fff}.admin-sidebar-footer .me-sub{color:#8b92a3;font-size:11px}.admin-logout-btn{margin-top:8px;background:transparent;border:1px solid #3D4456;color:#b8becc;padding:7px 0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:5px}.admin-logout-btn:hover{background:#232a3b;color:#fff}.admin-layout.collapsed .admin-logout-btn{gap:0;padding:7px}.admin-main{padding:28px 32px;height:100%;overflow-y:auto;box-sizing:border-box;min-width:0;background-color:#f0ede8;background-image:linear-gradient(#ffffffeb,#ffffffeb),url(/images/pc-side-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.admin-table-wrap{overflow-x:auto}.admin-page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.admin-page-title{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.admin-page-subtitle{font-size:13px;color:#64748b;margin-top:4px}.admin-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0f172a0d;border:1px solid #EAECEF}@media(max-width:900px){.admin-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;overflow-x:auto}.admin-sidebar-brand{padding:0 12px 0 0;border-bottom:none;border-right:1px solid #2A3140;white-space:nowrap}.admin-sidebar-nav{flex-direction:row;padding:0;flex:1;gap:4px;overflow-x:auto}.admin-nav-item{white-space:nowrap;padding:8px 12px;font-size:13px}.admin-nav-section-title{display:none}.admin-sidebar-footer{flex-direction:row;align-items:center;gap:10px;border-top:none;border-left:1px solid #2A3140;padding:0 0 0 12px}.admin-sidebar-footer .me-sub{display:none}.admin-logout-btn{margin:0;padding:6px 12px}.admin-main{padding:18px}}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#FFE9C8 0%,transparent 50%),radial-gradient(ellipse at bottom left,#FFEDD5 0%,transparent 55%),linear-gradient(135deg,#fffaf0,#fff,#fff1d8);padding:24px;position:relative;overflow:hidden}.admin-login-watermark{position:absolute;bottom:-80px;right:-80px;width:380px;height:380px;opacity:.06;pointer-events:none;transform:rotate(-12deg)}.admin-login-watermark img{width:100%;height:100%;object-fit:contain}.admin-login-card{width:100%;max-width:420px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,217,168,.4);border-radius:20px;padding:36px 32px 28px;box-shadow:0 1px 3px #ff90000a,0 12px 36px #0f172a14;position:relative;z-index:1;animation:adminLoginFadeIn .4s ease}@keyframes adminLoginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.admin-login-logo{width:64px;height:64px;border-radius:16px;box-shadow:0 6px 18px #ff90002e;margin-bottom:12px}.admin-login-brand-name{font-size:18px;font-weight:900;color:#0f172a;letter-spacing:.6px}.admin-login-brand-tag{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-shadow:0 1px 1px rgba(160,90,0,.3)}.admin-login-sub{text-align:center;font-size:13px;color:#64748b;margin:18px 0 22px}.admin-login-footer{text-align:center;margin-top:18px;font-size:11px;color:#94a3b8;letter-spacing:.2px}.admin-login-field{margin-bottom:14px}.admin-login-field label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px}.admin-login-field input{width:100%;padding:12px 14px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.admin-login-field input::placeholder{color:#cbd5e1}.admin-login-field input:focus{outline:none;border-color:#ffb300;box-shadow:0 0 0 3px #ff90001f}.admin-login-submit{width:100%;margin-top:10px;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:15px;font-weight:800;cursor:pointer;text-shadow:0 1px 1px rgba(160,90,0,.35);box-shadow:0 4px 14px #ff900052;transition:transform .12s,box-shadow .12s}.admin-login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff900061}.admin-login-submit:active:not(:disabled){transform:translateY(0)}.admin-login-submit:disabled{opacity:.6;cursor:not-allowed}.admin-login-error{margin-top:12px;padding:10px 12px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#b91c1c;font-size:13px}.admin-login-tabs{display:flex;gap:6px;padding:4px;margin-bottom:18px;background:#f3f4f6;border-radius:10px}.admin-login-tab{flex:1;padding:9px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:700;color:#6b7280;cursor:pointer;transition:all .15s}.admin-login-tab.active{background:#fff;color:#f57c00;box-shadow:0 1px 3px #00000014}.admin-login-qr{display:flex;flex-direction:column;gap:10px}.admin-login-hint{margin:4px 0 0;text-align:center;color:#6b7280;font-size:13px;line-height:1.5}.admin-login-scanner-wrap{display:flex;flex-direction:column;gap:10px;align-items:center}.admin-login-qr-reader{width:100%;max-width:320px;border-radius:12px;overflow:hidden;background:#000}.admin-login-submit-secondary{background:#fff!important;color:#6b7280!important;text-shadow:none!important;box-shadow:0 0 0 1px #e5e7eb inset!important}.admin-login-link{margin-top:4px;background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;text-decoration:underline;align-self:center}.admin-login-link:hover{color:#f57c00}.admin-login-manual{display:flex;gap:8px;margin-top:6px}.admin-login-manual input{flex:1;padding:10px 12px;border:1px solid #D1D5DB;border-radius:10px;font-size:14px}.admin-login-manual input:focus{outline:none;border-color:#ffb300;box-shadow:0 0 0 3px #ff90001f}.admin-login-manual button{padding:0 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.admin-login-manual button:disabled{opacity:.5;cursor:not-allowed}.admin-table-wrap{background:#fff;border-radius:14px;border:1px solid #EAECEF;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:15px}.admin-table thead th{text-align:left;background:#f8fafc;padding:14px 18px;color:#475569;font-weight:700;font-size:13px;letter-spacing:-.1px;border-bottom:1px solid #EAECEF;white-space:nowrap}.admin-table tbody td{padding:16px 18px;border-bottom:1px solid #F1F5F9;color:#1f2937;vertical-align:middle;font-size:14.5px}.admin-table tbody tr:hover{background:#fff9f0}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .row-link{color:#0f172a;text-decoration:none;font-weight:700;font-size:15.5px}.admin-table .row-link:hover{color:#ff9000}.admin-pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.3px}.admin-pill.pro{background:linear-gradient(135deg,#ffe48a,#ff9e0d);color:#fff}.admin-pill.basic{background:#e2e8f0;color:#475569}.admin-search{padding:10px 14px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:14px;width:260px;max-width:100%;font-family:inherit}.admin-search:focus{outline:none;border-color:#ffb300}.admin-empty{padding:40px 24px;text-align:center;color:#94a3b8;font-size:14px}.student-filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:10px 14px;background:#fff;border:1px solid #EAECEF;border-radius:12px}.filter-label{font-size:11.5px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}.filter-select{padding:6px 28px 6px 10px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;font-size:12.5px;font-weight:600;color:#1f2937;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%2364748B' d='M5 6L0 0h10z'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{outline:none;border-color:#ffb300}.filter-chips{display:inline-flex;gap:4px;padding:3px;background:#f1f5f9;border-radius:8px}.filter-chip{padding:4px 10px;border:none;background:transparent;color:#64748b;font-size:11.5px;font-weight:800;border-radius:6px;cursor:pointer;font-family:inherit}.filter-chip:hover{color:#1f2937}.filter-chip.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0f172a14}.filter-chip.pro.active{background:linear-gradient(135deg,#ffe48a,#ffc526);color:#6b4500}.filter-chip.basic.active{background:linear-gradient(135deg,#fcfcfd,#e4e4ea);color:#475569}.filter-reset{margin-left:auto;padding:6px 12px;border:1px dashed #CBD5E1;background:transparent;color:#64748b;font-size:11.5px;font-weight:700;border-radius:8px;cursor:pointer;font-family:inherit}.filter-reset:hover{background:#f8fafc;color:#1f2937}.admin-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s}.admin-table thead th.sortable:hover,.admin-table thead th.sortable.active{color:#ff9000}.admin-table thead th.sortable svg{margin-left:4px;vertical-align:-1px}.admin-back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:14px}.admin-back-btn:hover{color:#0f172a}.student-head{background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.student-head-name{font-size:22px;font-weight:800;color:#0f172a}.student-head-sub{font-size:13px;color:#64748b;margin-top:4px}.student-head-right{display:flex;align-items:center;gap:10px}.student-head-qr{font-size:11px;color:#64748b;background:#f1f5f9;padding:4px 9px;border-radius:999px;font-weight:600}.student-tabs{display:flex;gap:4px;border-bottom:1.5px solid #EAECEF;margin-bottom:18px;flex-wrap:wrap}.student-tab{padding:10px 16px;color:#64748b;font-size:13.5px;font-weight:700;text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s;white-space:nowrap}.student-tab:hover{color:#1b2030}.student-tab.active{color:#ff9000;border-bottom-color:#ff9000}.student-page-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:16px}@media(max-width:860px){.student-page-grid{grid-template-columns:1fr}}.card-label{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.student-progress-card .big-progress-book{margin-top:10px;font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.student-progress-card .big-progress-meta{margin-top:4px;color:#475569;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.badge-done{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.progress-bar-wrap{margin-top:18px;height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden;position:relative}.progress-bar-wrap.small{height:6px;margin-top:10px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ffc526,#ff9000);border-radius:999px;transition:width .4s}.progress-pct{font-size:16px;font-weight:800;color:#ff9000}.progress-pct-row{margin-top:6px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.progress-pct-base{font-size:11.5px;color:#94a3b8;font-weight:500;display:inline-flex;align-items:center;gap:4px}.progress-pct-info{display:inline-flex;align-items:center;color:#ff9000;cursor:help}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:16px 18px}.kpi-label{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:700}.kpi-value{margin-top:8px;font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.kpi-sub{margin-top:2px;font-size:10.5px;color:#94a3b8;font-weight:500}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.book-card{background:#f8fafc;border:1px solid #EAECEF;border-radius:12px;padding:14px 16px}.book-card-name{font-size:14px;font-weight:800;color:#0f172a}.book-card-meta{font-size:12px;color:#64748b;margin-top:4px}.book-card-pct{font-size:11px;font-weight:700;color:#ff9000;margin-top:6px;text-align:right}.report-wrap{max-width:1200px}.report-actionbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}.report-range-group{display:flex;gap:4px;background:#fff;padding:4px;border-radius:10px;border:1px solid #EAECEF}.report-range-btn{padding:6px 12px;border:none;background:transparent;color:#64748b;font-size:12.5px;font-weight:700;border-radius:7px;cursor:pointer}.report-range-btn.active{background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff}.report-print-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1.5px solid #FFB300;background:#fff;color:#ff9000;font-size:13px;font-weight:800;border-radius:10px;cursor:pointer}.report-print-btn:hover{background:#fff8e1}.report-section{margin-bottom:28px}.report-h2{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:-.02em}.report-h2-sub{font-size:12px;font-weight:600;color:#94a3b8;margin-left:8px}.report-insight{background:linear-gradient(135deg,#fff8e1,#fff3d6);border:1px solid #FFE082;color:#6b4e00;font-size:13.5px;font-weight:600;padding:12px 16px;border-radius:10px;margin-bottom:12px}.report-hero-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media(max-width:1100px){.report-hero-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.report-hero-grid{grid-template-columns:repeat(2,1fr)}}.hero-card{background:#fff;border:1px solid #EAECEF;border-radius:12px;padding:14px 16px}.hero-card.accent{background:linear-gradient(135deg,#fffdf6,#fff1d2);border-color:#ffcb4d}.hero-card-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hero-card-value{margin-top:6px;font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.2}.hero-card-sub{margin-top:2px;font-size:11px;color:#94a3b8}.report-card{background:#fff;border:1px solid #EAECEF;border-radius:12px;padding:16px 18px;margin-bottom:12px;break-inside:avoid}.report-card-title{font-size:13px;font-weight:700;color:#475569;margin-bottom:10px}.report-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media(max-width:860px){.report-2col{grid-template-columns:1fr}}.last-activity{padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid transparent}.last-activity.good{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}.last-activity.warn{background:#fff8e1;color:#6b4e00;border-color:#ffe082}.last-activity.bad{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.last-activity.neutral{background:#f1f5f9;color:#475569}.sw-card{padding:14px 16px}.sw-strong{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border-color:#a5d6a7}.sw-weak{background:linear-gradient(135deg,#fff8e1,#fff3d6);border-color:#ffe082}.sw-head{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#475569;text-transform:uppercase}.sw-strong .sw-head{color:#2e7d32}.sw-weak .sw-head{color:#b26500}.sw-title{margin-top:6px;font-size:18px;font-weight:800;color:#0f172a}.sw-sub{margin-top:2px;font-size:12.5px;color:#64748b}.book-acc-list{display:flex;flex-direction:column;gap:9px}.book-acc-row{display:grid;grid-template-columns:160px 1fr 44px;gap:10px;align-items:center}.book-acc-name{font-size:13px;font-weight:700;color:#1f2937}.book-acc-meta{color:#94a3b8;font-weight:500;font-size:11.5px}.book-acc-bar-wrap{height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden}.book-acc-bar{height:100%;border-radius:999px;transition:width .3s}.book-acc-pct{text-align:right;font-size:12px;font-weight:800;color:#475569}@media(max-width:600px){.book-acc-row{grid-template-columns:1fr 40px}.book-acc-name{grid-column:1 / -1}.book-acc-bar-wrap{grid-column:1}}.report-mini-table{width:100%;border-collapse:collapse;font-size:13px}.report-mini-table thead th{text-align:left;padding:8px 10px;background:#f8fafc;color:#475569;font-size:11.5px;font-weight:700;border-bottom:1px solid #EAECEF}.report-mini-table tbody td{padding:8px 10px;border-bottom:1px solid #F1F5F9;vertical-align:top}.report-mini-table tbody tr:last-child td{border-bottom:none}.report-mini-table .muted{color:#94a3b8}.reels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.reel-tile{text-decoration:none;color:inherit}.reel-thumb{aspect-ratio:9/16;background:#f1f5f9 center/cover no-repeat;border-radius:10px;display:flex;align-items:center;justify-content:center}.reel-tile-meta{margin-top:6px;font-size:12px;font-weight:700}.reel-tile-meta .muted{color:#94a3b8;font-weight:500;font-size:11px}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;margin-bottom:12px}@media(max-width:780px){.recommend-grid{grid-template-columns:1fr}}.recommend-card{background:#fff;border:1px solid #EAECEF;border-radius:12px;padding:14px 16px}.rc-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rc-emoji{font-size:18px}.rc-title{font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}.rc-body{font-size:13.5px;color:#1f2937;line-height:1.5}.rc-body b{color:#ff8c0a}.report-note-input{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:13.5px;font-family:inherit;resize:vertical;min-height:100px}.report-note-input:focus{outline:none;border-color:#ffb300}.report-note-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.report-note-save{padding:9px 14px;border:none;border-radius:10px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px 6px #ff96004d}.report-note-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.print-note-box{padding-bottom:22px}.print-note-lines{display:flex;flex-direction:column;gap:22px}.print-note-line{border-bottom:1px solid #94A3B8;height:1px}.report-print-header{border-bottom:2px solid #1B2030;padding-bottom:12px;margin-bottom:18px}.report-print-header .rph-brand{font-size:14px;font-weight:800;color:#ff8c0a;letter-spacing:.04em}.report-print-header .rph-meta{font-size:12px;color:#1b2030;margin-top:4px;display:flex;flex-wrap:wrap;gap:8px}.heatmap-30{display:grid;grid-template-columns:repeat(15,1fr);gap:4px;max-width:520px}.heat-cell{aspect-ratio:1;border-radius:4px;background:#eef2f6}.heat-cell.heat-0{background:#eef2f6}.heat-cell.heat-1{background:#fff1c6}.heat-cell.heat-2{background:#ffd584}.heat-cell.heat-3{background:#ffb347}.heat-cell.heat-4{background:#ff8c0a}.view-toggle{display:inline-flex;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:3px;gap:2px}.view-toggle-btn{border:none;background:transparent;width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:7px;color:#64748b;transition:all .15s ease}.view-toggle-btn:hover{background:#f1f5f9;color:#0f172a}.view-toggle-btn.active{background:#ff9000;color:#fff}.student-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.student-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;display:block}.student-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14;border-color:#ffd9a8}.student-card-stage{position:relative;width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.student-card-skin{height:88%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.student-card-tier{position:absolute;top:10px;right:10px}.student-card-body{padding:12px 14px 14px}.student-card-name{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:4px}.student-card-meta{display:flex;gap:5px;align-items:center;font-size:12px;color:#64748b;flex-wrap:wrap}.student-card-last{font-size:11px;color:#94a3b8;margin-top:6px}.student-book-multi{cursor:help;border-bottom:1px dotted #94A3B8}.shop-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.shop-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.shop-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.shop-card-img{width:100%;aspect-ratio:1;background:#f8fafc;border-bottom:1px solid #F1F5F9;overflow:hidden}.shop-card-img.bg-cover{background-size:cover}.shop-card-btn{border:1px solid #E2E8F0;background:#fff;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;width:100%}.shop-card-body{padding:10px 12px}.shop-card-name{font-size:13px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.shop-card-price{color:#ff9000;font-weight:700}.shop-card-owners{color:#64748b;font-size:11px}.shop-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.shop-tab{border:1px solid #E2E8F0;background:#fff;color:#64748b;padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500}.shop-tab.active{background:#ff9000;color:#fff;border-color:#ff9000}.shop-sub-filters{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.sub-filter-chip{border:1px solid #E2E8F0;background:#fff;color:#64748b;padding:5px 12px;border-radius:999px;cursor:pointer;font-size:12px}.sub-filter-chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.badge-scroll-admin{position:absolute;top:8px;left:8px;background:#ff9000;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px;pointer-events:none}.shop-card-img{position:relative}.inline-tag-scroll{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c4dff,#536dfe);border-radius:4px;vertical-align:middle;letter-spacing:.2px}.inline-tag-animated{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:4px;vertical-align:middle;letter-spacing:.2px;box-shadow:0 1px 3px #ec489959}.ch-school-chip-count{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;background:#0000000f;color:inherit;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;min-width:18px}.ch-school-chip.active .ch-school-chip-count{background:#ffffff2e}.reel-new-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ffb800,#ff7a00);color:#fff;padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:.04em;box-shadow:0 2px 6px #ff780059;z-index:2}.reel-school-tag{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:3px;background:#0f172ab8;color:#fff;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.reels-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.reel-card{background:#0f172a;border-radius:12px;overflow:hidden;aspect-ratio:9 / 16;position:relative;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,border-color .15s ease}.reel-card:hover{transform:translateY(-2px);border-color:#ff9000}.reel-card video,.reel-card .reel-poster{width:100%;height:100%;object-fit:cover;display:block}.reel-card-overlay{position:absolute;inset:auto 0 0;padding:14px 12px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:#fff}.reel-card-name{font-size:13px;font-weight:700}.reel-card-meta{font-size:11px;opacity:.85;margin-top:2px}.reel-modal-overlay{position:fixed;inset:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.reel-modal-content{background:#0f172a;border-radius:16px;max-width:420px;width:100%;overflow:hidden;position:relative}.reel-modal-close{position:absolute;top:10px;right:10px;z-index:2;background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.reel-modal-info{padding:14px 16px;color:#fff}.ch-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 14px}.ch-section-title-left{display:inline-flex;align-items:center;gap:7px;color:#0f172a;font-size:14.5px;font-weight:800;letter-spacing:-.01em}.ch-section-count{margin-left:4px;background:#f1f5f9;color:#64748b;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700}.ch-section-hint{color:#94a3b8;font-size:11.5px;font-weight:600}.ch-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px}.ch-stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:12px}.ch-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ch-stat-body{min-width:0}.ch-stat-label{font-size:11.5px;color:#64748b;font-weight:600;margin-bottom:1px}.ch-stat-value{font-size:17px;color:#0f172a;font-weight:800;letter-spacing:-.02em}.ch-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;margin-bottom:20px}.ch-search-wrap{position:relative;flex:1;min-width:200px;display:flex;align-items:center}.ch-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.ch-search-input{width:100%;padding:7px 28px 7px 30px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:12.5px;color:#0f172a;outline:none;font-family:inherit}.ch-search-input:focus{border-color:#94a3b8;background:#fff}.ch-search-clear{position:absolute;right:6px;background:#e2e8f0;border:none;width:18px;height:18px;border-radius:9px;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ch-search-clear:hover{background:#cbd5e1}.ch-range-chips{display:inline-flex;background:#f1f5f9;border-radius:999px;padding:3px;gap:2px}.ch-range-chip{padding:5px 12px;background:transparent;border:none;border-radius:999px;font-size:11.5px;font-weight:700;color:#64748b;cursor:pointer;font-family:inherit;transition:background .12s,color .12s;white-space:nowrap}.ch-range-chip:hover{color:#0f172a}.ch-range-chip.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0f172a14}.ch-school-chips{display:flex;gap:5px;flex-wrap:wrap;max-width:100%}.ch-school-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:999px;font-size:11.5px;font-weight:700;color:#475569;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;font-family:inherit}.ch-school-chip:hover{background:#eef2f7}.ch-school-chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.ch-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #E2E8F0}.ch-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:color .12s,border-color .12s;margin-bottom:-1px}.ch-tab:hover{color:#0f172a}.ch-tab.active{color:#0f172a;border-bottom-color:#0f172a}.ch-tab-count{margin-left:4px;background:#f1f5f9;color:#64748b;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700}.ch-tab.active .ch-tab-count{background:#ffe7b7;color:#92400e}.ch-tab-search-wrap{position:relative;display:flex;align-items:center;max-width:480px;margin-bottom:14px}.ch-tab-search-wrap .ch-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.ch-tab-search-wrap .ch-search-input{width:100%;padding:8px 28px 8px 30px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;font-size:12.5px;color:#0f172a;outline:none;font-family:inherit}.ch-tab-search-wrap .ch-search-input:focus{border-color:#94a3b8}.ch-tab-search-wrap .ch-search-clear{position:absolute;right:6px;background:#e2e8f0;border:none;width:18px;height:18px;border-radius:9px;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ch-load-more-wrap{display:flex;justify-content:center;margin-top:14px}.ch-load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#fff;border:1px solid #E2E8F0;border-radius:999px;color:#475569;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,color .12s}.ch-load-more-btn:hover{background:#fff7ec;border-color:#ffd27a;color:#c56500}.ch-load-more-rest{color:#94a3b8;font-weight:600;font-size:11.5px}.utt-best{background:linear-gradient(135deg,#fff7ec,#fffcef);border:1px solid #FFD27A;border-radius:14px;padding:16px 20px;position:relative}.utt-best-badge{display:inline-flex;align-items:center;gap:5px;background:#ff9000;color:#fff;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em;margin-bottom:8px}.utt-best-quote{font-size:17px;font-weight:700;line-height:1.45;color:#0f172a;letter-spacing:-.01em;margin-bottom:10px}.utt-best-quote .utt-quote-mark{font-size:28px;color:#ff9000;font-weight:900;line-height:1;margin-right:6px;vertical-align:-6px}.utt-best-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:#6b5b33}.utt-best-score{background:#fff;border:1px solid #FFD27A;color:#c56500;padding:2px 9px;border-radius:999px;font-weight:800;font-size:11px}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.highlight-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px 18px;transition:transform .15s ease,box-shadow .15s ease}.highlight-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.highlight-quote{font-size:14px;line-height:1.55;color:#0f172a;font-style:italic}.highlight-quote:before{content:'"';color:#ff9000;font-size:28px;font-weight:700;line-height:0;margin-right:4px;vertical-align:-8px}.highlight-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #F1F5F9;font-size:11px;color:#64748b}.highlight-meta a{color:#ff9000;font-weight:600;text-decoration:none}.highlight-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:10px;letter-spacing:.2px}.highlight-badge.tag-highlight{background:linear-gradient(135deg,#ffe9a8,#ffc56b);color:#8c4b00}.highlight-badge.tag-good{background:#e0f2fe;color:#0369a1}.highlight-badge.tag-ok{background:#f1f5f9;color:#64748b}.highlight-badge.tag-weak{background:#fee2e2;color:#991b1b}.highlight-reason{margin-top:8px;font-size:12px;color:#94a3b8;font-style:italic}.highlight-context{font-size:12px;color:#64748b;background:#f8fafc;padding:6px 10px;border-radius:8px;margin-bottom:10px;line-height:1.45}.highlight-suggestion{margin-top:10px;font-size:12.5px;color:#5c3300;background:linear-gradient(135deg,#fff8e1,#ffeaa0);border-left:3px solid #FF9000;padding:8px 12px;border-radius:8px;line-height:1.45}.highlight-suggestion-label{font-size:11px;font-weight:700;color:#8c4b00;margin-bottom:2px}.highlight-suggestion-text{font-size:13px;color:#5c3300;font-weight:500}.weak-list{display:flex;flex-direction:column;gap:8px}.weak-line-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.weak-line-card:hover{border-color:#fecaca;box-shadow:0 4px 14px #92400e14}.weak-line-row{display:flex;align-items:flex-start;gap:12px}.weak-line-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.weak-line-step{font-size:12px;color:#94a3b8;font-weight:500}.weak-line-quote{font-size:13.5px;font-weight:700;line-height:1.5;color:#0f172a;letter-spacing:-.005em;margin-bottom:4px}.weak-line-quote .utt-quote-mark{color:#94a3b8;font-weight:900;margin-right:4px}.weak-line-suggest{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:#64748b}.weak-line-suggest b{color:#0f172a;font-weight:700;margin-left:2px}.utt-card-clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.utt-card-clickable:hover{border-color:#ffd27a;box-shadow:0 4px 14px #ff900014}.utt-best-clickable{cursor:pointer;transition:box-shadow .12s,transform .12s}.utt-best-clickable:hover{box-shadow:0 6px 18px #ff90002e}.utt-school,.ch-conv-school{display:inline-flex;align-items:center;gap:3px;background:#eef2f7;color:#475569;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-conv-list{display:flex;flex-direction:column;gap:8px}.ch-conv-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.ch-conv-card:hover{border-color:#ffd27a;box-shadow:0 4px 14px #ff900014}.ch-conv-card-row{display:flex;align-items:center;gap:12px}.ch-conv-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f1f5f9}.ch-conv-avatar img,.ch-conv-avatar>div{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}.ch-conv-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.ch-conv-student{color:#0f172a;font-weight:800;font-size:13.5px;letter-spacing:-.01em;text-decoration:none}.ch-conv-student:hover{color:#ff9000}.ch-conv-step{font-size:12.5px;color:#475569;font-weight:600}.ch-conv-meta{font-size:11.5px;color:#94a3b8;display:flex;flex-wrap:wrap;gap:2px}.ch-conv-grade{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0}.highlight-slider-wrap{position:relative}.highlight-slider{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.highlight-slider::-webkit-scrollbar{height:6px}.highlight-slider::-webkit-scrollbar-track{background:transparent}.highlight-slider::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.highlight-slider::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.highlight-slide{flex:0 0 360px;scroll-snap-align:start}.highlight-slide .utt-card{height:100%;box-sizing:border-box}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.utt-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;transition:transform .15s ease,box-shadow .15s ease}.utt-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f}.utt-card.tag-highlight{border-color:#ffd9a8;background:linear-gradient(180deg,#fffaf0,#fff 50%)}.utt-card.tag-weak{border-color:#fecaca;background:linear-gradient(180deg,#fff7f7,#fff 50%)}.utt-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.utt-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px}.utt-tag.tag-highlight{background:#fff7ec;color:#b85c00}.utt-tag.tag-good{background:#e0f2fe;color:#0369a1}.utt-tag.tag-ok{background:#f1f5f9;color:#64748b}.utt-tag.tag-weak{background:#fee2e2;color:#991b1b}.utt-student{font-size:14px;font-weight:700;color:#0f172a;text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utt-student:hover{color:#ff9000;text-decoration:underline}.utt-score{font-size:14px;font-weight:800;color:#ff6b00;background:#fff7ec;padding:3px 10px;border-radius:999px;letter-spacing:-.2px}.utt-quote{position:relative;padding:4px 0 4px 18px;color:#0f172a;font-size:16px;font-weight:600;line-height:1.55;letter-spacing:-.1px}.utt-quote-mark{position:absolute;left:0;top:-4px;font-size:32px;font-weight:800;color:#ff9000;line-height:1}.utt-quote-text{word-break:break-word}.utt-context{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#64748b;background:#f8fafc;border-radius:8px;padding:8px 12px;line-height:1.5}.utt-context-label{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.6px;background:#fff;color:#94a3b8;padding:2px 7px;border-radius:4px;text-transform:uppercase;margin-top:1px}.utt-reason{display:inline-block;align-self:flex-start;font-size:12px;color:#475569;background:#f1f5f9;padding:5px 10px;border-radius:6px;line-height:1.4}.utt-suggestion{background:linear-gradient(135deg,#fff8e1,#ffedb0);border-left:3px solid #FF9000;padding:10px 14px;border-radius:8px}.utt-suggestion-label{font-size:11px;font-weight:800;color:#8c4b00;letter-spacing:.3px;display:flex;align-items:center;gap:4px;margin-bottom:4px}.utt-suggestion-text{font-size:14px;color:#5c3300;font-weight:600;line-height:1.45}.utt-meta{margin-top:auto;padding-top:10px;border-top:1px solid #F1F5F9;font-size:11.5px;color:#94a3b8;letter-spacing:-.1px}.highlight-slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:#475569;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a1a;z-index:2;transition:all .15s}.highlight-slider-btn:hover{background:#fff7ec;color:#ff9000;border-color:#ffd9a8}.highlight-slider-btn.left{left:-8px}.highlight-slider-btn.right{right:-8px}@media(max-width:720px){.highlight-slide{flex:0 0 280px}.highlight-slider-btn{display:none}}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.activity-stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px}.activity-stat-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-stat-body{display:flex;flex-direction:column;gap:1px;min-width:0}.activity-stat-label{font-size:10.5px;color:#64748b;font-weight:500}.activity-stat-value{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.activity-cap-note{font-size:11px;color:#94a3b8;margin-bottom:14px;padding-left:4px}.activity-day-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:10px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:12px}.activity-day-chips-label{font-size:11px;color:#94a3b8;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-right:4px}.activity-day-chip{border:1px solid #E2E8F0;background:#fff;color:#475569;padding:5px 11px;border-radius:999px;cursor:pointer;font-size:11.5px;font-weight:600;transition:all .15s;white-space:nowrap}.activity-day-chip:hover{background:#fff7ec;color:#ff9000;border-color:#ffd9a8}.activity-note-form{display:flex;gap:8px;align-items:flex-end;margin-bottom:14px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:10px}.activity-note-input{flex:1;border:none;background:transparent;font-family:inherit;font-size:13.5px;color:#0f172a;resize:none;padding:6px 8px;line-height:1.5;outline:none}.activity-note-input::placeholder{color:#94a3b8}.activity-note-submit{flex-shrink:0;background:#ff9000;color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.activity-note-submit:disabled{opacity:.5;cursor:not-allowed}.activity-note-submit:hover:not(:disabled){background:#ff6b00}.activity-filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.activity-filter-chip{border:1px solid #E2E8F0;background:#fff;color:#475569;padding:6px 13px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:600;transition:all .15s}.activity-filter-chip:hover{border-color:#ffd9a8}.activity-filter-chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.activity-filter-count{display:inline-block;margin-left:5px;font-size:10.5px;opacity:.7}.activity-feed{display:flex;flex-direction:column;gap:28px}.activity-group{position:relative}.activity-group-label{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:10px;padding-left:4px}.activity-group-line{position:absolute;left:60px;top:30px;bottom:0;width:2px;background:linear-gradient(to bottom,#E2E8F0,transparent);pointer-events:none}.activity-group-items{display:flex;flex-direction:column;gap:8px}.activity-item{display:grid;grid-template-columns:52px 24px 1fr;align-items:flex-start;gap:6px}.activity-item-time{font-size:11px;color:#94a3b8;text-align:right;padding-top:12px;font-variant-numeric:tabular-nums}.activity-item-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:8px;box-shadow:0 0 0 3px #fff;z-index:1}.activity-item-body{background:#fff;border:1px solid #E2E8F0;border-left:3px solid;border-radius:10px;padding:11px 14px}.activity-card{cursor:default}.activity-card.conversation,.activity-card.reel{cursor:pointer}.activity-card.conversation:hover .activity-card-title,.activity-card.reel:hover .activity-card-title{color:#ff9000}.activity-card-row{display:flex;align-items:center;gap:10px}.activity-card-title{font-size:13.5px;font-weight:700;color:#0f172a;margin-bottom:3px;transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-meta{font-size:11.5px;color:#64748b;display:flex;gap:10px;flex-wrap:wrap}.activity-card-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f8fafc}.activity-card-avatar img{width:100%;height:100%;object-fit:cover}.activity-card-avatar>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.activity-score-pill{flex-shrink:0;height:30px;min-width:34px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;letter-spacing:.02em;cursor:help}.activity-item-body.note-shared-wrap{background:#f0f9ff;border-color:#bae6fd}.activity-card.note-shared{background:transparent;border-left:none}.activity-shared-actions{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;margin-left:6px}.activity-shared-iconbtn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #BAE6FD;color:#0369a1;border-radius:7px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s;padding:0}.activity-shared-iconbtn:hover{background:#0369a1;color:#fff;border-color:#0369a1}.activity-shared-iconbtn:disabled,.activity-shared-iconbtn.disabled{background:#f1f5f9;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed;pointer-events:none}.activity-reel-thumb{width:44px;height:60px;border-radius:8px;overflow:hidden;background:#0f172a;flex-shrink:0;position:relative}.activity-reel-thumb video{width:100%;height:100%;object-fit:cover}.activity-reel-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040}.activity-note-content{font-size:13.5px;color:#0f172a;line-height:1.5;margin-bottom:4px;white-space:pre-wrap;word-break:break-word}.conv-modal{background:#fff;border-radius:18px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:0}.conv-modal .reel-modal-close{z-index:5}.conv-modal-head{display:flex;gap:12px;align-items:center;padding:18px 22px 12px;border-bottom:1px solid #F1F5F9}.conv-modal-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f8fafc}.conv-modal-avatar img{width:100%;height:100%;object-fit:cover}.conv-modal-avatar>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.conv-modal-title{font-size:15px;font-weight:700;color:#0f172a}.conv-modal-sub{font-size:12px;color:#94a3b8;margin-top:2px}.conv-modal-comment{margin:14px 22px 0;padding:10px 14px;background:linear-gradient(135deg,#fff8e1,#ffeaa0);border-radius:10px;font-size:13px;color:#5c3300;line-height:1.5}.conv-modal-body{padding:14px 22px 20px;display:flex;flex-direction:column;gap:12px}.conv-modal-msg{display:flex;flex-direction:column;gap:4px}.conv-modal-msg-tag{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.conv-modal-msg.user .conv-modal-msg-tag{color:#b85c00}.conv-modal-msg-text{background:#f8fafc;color:#0f172a;padding:8px 12px;border-radius:10px;font-size:13.5px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.conv-modal-msg.user .conv-modal-msg-text{background:#fff7ec}.conv-modal-msg-score{flex-shrink:0;margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.conv-modal-msg-reason{font-size:11px;color:#94a3b8;padding-left:4px;font-style:italic}.conv-modal-msg-suggestion{font-size:12px;color:#5c3300;background:#fff8e1;border-left:3px solid #FF9000;padding:6px 10px;border-radius:6px;margin-top:2px}.ch-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.ch-stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px}.ch-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ch-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ch-stat-label{font-size:11.5px;color:#64748b;font-weight:500}.ch-stat-value{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.ch-tag-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.ch-tag-chip{border:1px solid #E2E8F0;background:#fff;color:#475569;padding:6px 13px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:600;transition:all .15s ease}.ch-tag-chip:hover{border-color:#ffd9a8}.ch-tag-chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.conv-pair-tag{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.shop-detail-modal{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.shop-detail-img{width:100%;aspect-ratio:4 / 3;background:#f8fafc;overflow:hidden}.shop-detail-body{padding:18px 22px 22px}.shop-detail-name{font-size:18px;font-weight:700;color:#0f172a}.shop-detail-desc{font-size:13px;color:#64748b;margin-top:6px;line-height:1.5}.shop-detail-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 0 16px;padding:10px 12px;background:#f8fafc;border-radius:8px;font-size:13px}.shop-detail-count{color:#64748b;font-weight:600}.shop-detail-owners{display:flex;flex-wrap:wrap;gap:6px;max-height:280px;overflow-y:auto}.shop-owner-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff7ec;color:#b85c00;border:1px solid #FFD9A8;border-radius:999px;font-size:12px;text-decoration:none;transition:background .15s ease}.shop-owner-chip:hover{background:#ffe9cc}.shop-owner-name{font-weight:600}.shop-owner-grade{color:#94a3b8;font-size:11px}.admin-section-title{font-size:15px;font-weight:700;color:#0f172a;margin-top:8px;display:flex;align-items:center}.conv-log-list{display:flex;flex-direction:column;gap:14px}.conv-log-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}.conv-log-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f8fafc;border-bottom:1px solid #F1F5F9;flex-wrap:wrap;gap:8px}.conv-log-student{font-size:14px;font-weight:700;color:#ff9000;text-decoration:none}.conv-log-student:hover{text-decoration:underline}.conv-log-meta{font-size:12px;color:#64748b}.conv-log-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:14px}.conv-pair{display:flex;flex-direction:column;gap:6px}.conv-bubble{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;font-size:13.5px;line-height:1.5}.conv-bubble.ai{background:#f1f5f9;color:#334155}.conv-bubble.user{background:#fff7ec;color:#0f172a;margin-left:24px}.conv-tag{flex:0 0 auto;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;background:#fff;color:#64748b;border:1px solid #E2E8F0}.conv-bubble.ai .conv-tag{color:#64748b}.conv-bubble.user .conv-tag{color:#b85c00;border-color:#ffd9a8;background:#fff}.conv-text{flex:1;word-break:break-word}.conv-pair-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:8px}.conv-pair-meta{display:flex;gap:6px;align-items:center;font-size:11px;color:#b5bfcc;flex-wrap:wrap}.conv-pair-student{color:#94a3b8;text-decoration:none;font-weight:600}.conv-pair-student:hover{color:#ff9000;text-decoration:underline}.dash-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}.dash-kpi-card{display:flex;gap:14px;align-items:center;padding:18px 20px}.dash-kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dash-kpi-body{min-width:0;flex:1}.dash-kpi-label{font-size:12px;color:#64748b;font-weight:600;margin-bottom:2px}.dash-kpi-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1.2}.dash-kpi-sub{font-size:11.5px;color:#94a3b8;margin-top:2px}.dash-zone-b{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:18px}@media(max-width:1100px){.dash-zone-b{grid-template-columns:1fr}}.dash-trend-card,.dash-active-card{padding:18px 20px}.dash-card-head{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#0f172a;margin-bottom:14px}.dash-active-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.dash-active-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s}.dash-active-row:hover{background:#f0fdf4}.dash-active-avatar{position:relative;width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dash-active-dot-overlay{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:#94a3b8;border:2px solid #FFFFFF}.dash-active-row.bucket-active .dash-active-dot-overlay{background:#16a34a;animation:pulse-active-overlay 1.6s infinite ease-in-out}.dash-active-row.bucket-recent .dash-active-dot-overlay{background:#f59e0b}@keyframes pulse-active-overlay{0%,to{box-shadow:0 0 0 1px #16a34a4d}50%{box-shadow:0 0 0 3px #16a34a4d}}.dash-active-main{min-width:0}.dash-active-name{font-size:13.5px;font-weight:700;color:#0f172a}.dash-active-meta{font-size:11.5px;color:#64748b;margin-top:1px}.dash-active-time{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#64748b}.dash-active-row.bucket-active .dash-active-time{color:#16a34a}.dash-active-row.bucket-recent .dash-active-time{color:#c2410c}.dash-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.dash-refresh-btn:hover:not(:disabled){border-color:#ff9000;color:#ff9000}.dash-refresh-btn:disabled{opacity:.6;cursor:default}.dash-refresh-btn .spin,.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse-icon 1.4s infinite ease-in-out}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.dash-zone-c{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}@media(max-width:1100px){.dash-zone-c{grid-template-columns:1fr 1fr}}@media(max-width:720px){.dash-zone-c{grid-template-columns:1fr}}.dash-c-card{padding:18px 20px;min-height:200px}.dash-achievement-list,.dash-new-list{display:flex;flex-direction:column;gap:2px}.dash-achievement-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s}.dash-achievement-row:hover{background:#f0fdf4}.dash-achievement-name{font-size:13px;font-weight:700;color:#0f172a;flex:0 0 auto}.dash-achievement-detail{font-size:12px;color:#64748b;margin-left:auto}.dash-new-row{display:grid;grid-template-columns:1fr auto;gap:2px;padding:9px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s}.dash-new-row:hover{background:#f0f9ff}.dash-new-name{font-size:13px;font-weight:700;color:#0f172a}.dash-new-warning{font-size:10px;margin-left:4px}.dash-new-meta{grid-column:2;grid-row:1;font-size:11.5px;color:#64748b;align-self:center}.dash-highlight-list{display:flex;flex-direction:column;gap:10px}.dash-highlight-row{padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#fff8e1,#fff3cd);border-left:3px solid #FF9000}.dash-highlight-quote{font-size:13px;font-weight:600;color:#0f172a;line-height:1.45;margin-bottom:4px}.dash-highlight-meta{font-size:11px;color:#64748b}.dash-highlight-name{color:#ff9000;font-weight:700;text-decoration:none}.dash-highlight-name:hover{text-decoration:underline}.student-head-v2{position:relative;border-radius:16px;overflow:hidden;margin-bottom:14px;min-height:168px;background:#fff;box-shadow:0 4px 16px #0f172a0f}.student-head-v2-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px) brightness(.95);transform:scale(1.05)}.student-head-v2-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ffffffd9,#ffffffb8)}.student-head-v2-content{position:relative;display:flex;align-items:center;gap:22px;padding:20px 28px}.student-head-v2-character{width:128px;height:128px;border-radius:50%;background:#ffffffb3;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0f172a14}.student-head-v2-character img{width:100%;height:100%;object-fit:contain;object-position:bottom}.student-head-v2-info{flex:1;min-width:0}.student-head-v2-name{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.1}.student-head-v2-meta{display:flex;gap:6px;font-size:13px;color:#475569;margin-top:6px}.student-head-v2-chips{display:flex;gap:8px;margin-top:12px;align-items:center}.student-head-v2-qr{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b;background:#ffffffb3;padding:3px 8px;border-radius:999px;font-weight:600;border:1px solid rgba(0,0,0,.04)}@media(max-width:700px){.student-head-v2-content{padding:16px 18px;gap:14px}.student-head-v2-character{width:88px;height:88px}.student-head-v2-name{font-size:20px}}.admin-table-row-clickable{cursor:pointer;transition:background .12s}.admin-table-row-clickable:hover{background:#fff9f0}.dash-zone-rank{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}@media(max-width:900px){.dash-zone-rank{grid-template-columns:1fr}}.dash-rank-card{padding:18px 20px}.dash-rank-list{display:flex;flex-direction:column;gap:2px}.dash-rank-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s}.dash-rank-row:hover{background:#f8fafc}.dash-rank-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:800;color:#94a3b8;background:#f1f5f9}.dash-rank-num.rank-1{color:#fff;background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 6px #ffa50052}.dash-rank-num.rank-2{color:#fff;background:linear-gradient(135deg,silver,#909090)}.dash-rank-num.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b5a2b)}.dash-rank-name{font-size:13.5px;font-weight:700;color:#0f172a;min-width:0}.dash-rank-sub{margin-left:6px;font-size:11px;font-weight:500;color:#94a3b8}.dash-rank-value{font-size:13px;font-weight:800;color:#ff9000;font-variant-numeric:tabular-nums}.dash-rank-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #F1F5F9;margin-bottom:4px}.dash-rank-title{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;letter-spacing:-.02em}.dash-rank-tabs{display:inline-flex;align-items:flex-end;gap:16px}.dash-rank-tab{--accent: #0F172A;border:none;background:transparent;font-size:12.5px;font-weight:600;color:#94a3b8;padding:6px 0;cursor:pointer;transition:color .15s;position:relative;letter-spacing:-.01em}.dash-rank-tab:hover:not(.active){color:#475569}.dash-rank-tab.active{color:var(--accent);font-weight:800}.dash-rank-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.dash-feed-card{padding:18px 20px;margin-bottom:18px}.dash-feed-filters{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.dash-feed-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid #E2E8F0;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.dash-feed-chip:hover{border-color:#cbd5e1}.dash-feed-chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.dash-feed-chip-count{font-size:10.5px;opacity:.7}.dash-feed-list{display:flex;flex-direction:column;gap:2px;max-height:480px;overflow-y:auto}.dash-feed-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s}.dash-feed-row:hover{background:#f8fafc}.dash-feed-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dash-feed-avatar{position:relative;width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dash-feed-avatar-initial{font-size:15px;font-weight:800;line-height:1;color:inherit;-webkit-user-select:none;user-select:none}.dash-feed-type-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF}.dash-feed-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.dash-feed-group-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #F1F5F9}.dash-feed-main{min-width:0}.dash-feed-name{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.25}.dash-feed-detail{font-size:11.5px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-feed-accent{color:#ff9000;font-weight:700}.dash-feed-score-pill{display:inline-block;margin-left:6px;padding:2px 8px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:-.01em;vertical-align:1px}.dash-feed-time{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#94a3b8;flex-shrink:0}.dash-feed-cap{text-align:center;font-size:11px;color:#94a3b8;padding:12px;border-top:1px dashed #E2E8F0;margin-top:4px}.dash-feed-row.is-fresh{animation:feedFreshIn 3.2s ease-out;position:relative}@keyframes feedFreshIn{0%{opacity:0;transform:translateY(-12px);background:#ffc52680;box-shadow:0 0 0 2px #ff900066}8%{opacity:1;transform:translateY(0);background:#ffc52680;box-shadow:0 0 0 2px #ff900066}to{opacity:1;transform:translateY(0);background:transparent;box-shadow:0 0 0 0 transparent}}.dash-feed-new-badge{position:absolute;top:6px;right:50px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#ffc526,#ff9000);padding:2px 6px;border-radius:4px;animation:feedBadgeFade 3.2s ease-out forwards;pointer-events:none}@keyframes feedBadgeFade{0%,80%{opacity:1}to{opacity:0}}.dash-live-tick{display:inline-flex;align-items:center;gap:5px;font-weight:600}.dash-live-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a2e;animation:liveDotPulse 2s infinite ease-in-out}.dash-live-tick.refreshing{color:#ff9000}.dash-live-tick.refreshing .dash-live-dot{background:#ff9000;box-shadow:0 0 0 3px #ff900040;animation:liveDotPulseFast .7s infinite ease-in-out}@keyframes liveDotPulse{0%,to{box-shadow:0 0 0 3px #16a34a2e}50%{box-shadow:0 0 0 5px #16a34a4d}}@keyframes liveDotPulseFast{0%,to{box-shadow:0 0 0 3px #ff900040}50%{box-shadow:0 0 0 6px #ff900066}}.report2-shell{font-family:SUIT Variable,system-ui,sans-serif}.report2-actionbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.r2-pager{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #EAECEF;border-radius:10px;padding:4px}.r2-pager-btn{width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#475569;cursor:pointer;border-radius:7px}.r2-pager-btn:hover:not(:disabled){background:#f1f5f9;color:#ff8c0a}.r2-pager-btn:disabled{color:#cbd5e1;cursor:not-allowed}.r2-pager-info{padding:0 10px;font-size:12.5px;font-weight:700;color:#475569;min-width:78px;text-align:center}.r2-pager-info .page-name{color:#ff8c0a;font-size:11px;margin-left:4px}.report2-range{display:flex;gap:4px;background:#fff;padding:4px;border-radius:10px;border:1px solid #EAECEF}.r2-range-btn{padding:6px 12px;border:none;background:transparent;color:#64748b;font-size:12.5px;font-weight:700;border-radius:7px;cursor:pointer;font-family:inherit}.r2-range-btn.active{background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;text-shadow:0 1px 1px rgba(160,90,0,.35)}.r2-present-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:#0f172a;color:#fff;border:1px solid #0F172A;border-radius:10px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s}.r2-present-btn:hover{background:#1e293b}.r2-print-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1.5px solid #FFB300;background:#fff;color:#c67200;font-size:13px;font-weight:800;border-radius:10px;cursor:pointer;font-family:inherit}.r2-print-btn:hover{background:#fff8e1}.report2-stack{max-width:1100px;margin:0 auto}.report2-page{display:none;background:#fff;border:1px solid #F0E6D2;border-radius:16px;box-shadow:0 4px 20px #b4821e14;margin-bottom:16px}.report2-page.active{display:block}.report2-shell.presenting{position:fixed;inset:0;z-index:9000;background:#0f172a;display:flex;flex-direction:column;padding:24px 32px 28px;overflow:hidden}.report2-shell.presenting .report2-actionbar{margin-bottom:12px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:12px;color:#e2e8f0}.report2-shell.presenting .r2-pager,.report2-shell.presenting .report2-range{background:#fffffff2}.report2-shell.presenting .r2-pager-info{color:#0f172a}.report2-shell.presenting .report2-stack{flex:1;min-height:0;max-width:none;margin:0;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.report2-shell.presenting .report2-page.active{width:100%;max-width:1280px;height:100%;margin:0;box-shadow:0 20px 60px #00000080;overflow-y:auto;overflow-x:hidden}.report2-shell.presenting .r2-cover{height:100%;min-height:0}.r2-cover{position:relative;min-height:760px;background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.r2-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#fffdf6c7,#fff8e18c,#ffeaa7d9)}.r2-cover-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:40px 44px}.r2-cover-top{display:flex;align-items:center;gap:12px}.r2-cover-logo{width:44px;height:44px;border-radius:12px;box-shadow:0 3px 10px #b4821e40}.r2-cover-brand{font-size:14px;font-weight:800;color:#6b4500;letter-spacing:.06em}.r2-cover-school{font-size:12px;color:#8c7b5c;margin-top:1px;font-weight:600}.r2-cover-title{margin-top:36px;font-size:28px;font-weight:800;color:#6b4500;letter-spacing:-.02em;line-height:1.2}.r2-cover-title .accent{display:block;background:linear-gradient(135deg,#ff9000,#c67200);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:38px;margin-top:4px}.r2-cover-character{flex:1;display:flex;align-items:center;justify-content:center;margin:18px 0}.r2-cover-character img{max-width:50%;max-height:380px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15))}.r2-cover-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:18px;border-top:2px solid #FFC526}.r2-cover-student{font-size:30px;font-weight:800;color:#1b2030;letter-spacing:-.02em;line-height:1.1}.r2-cover-student-sub{font-size:14px;color:#5b4f36;margin-top:4px;font-weight:600}.r2-cover-period{text-align:right}.r2-cover-period-label{font-size:10px;color:#8c6f2e;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.r2-cover-period-date{font-size:14px;color:#1b2030;font-weight:700;margin-top:2px}.r2-page-body{padding:32px 36px;background:#fffdf6}.r2-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:2px solid #FFE082;margin-bottom:18px}.r2-page-header-left{display:flex;align-items:center;gap:10px}.r2-page-header-logo{width:30px;height:30px;border-radius:8px}.r2-page-header-brand{font-size:12px;font-weight:800;color:#c67200;letter-spacing:.04em}.r2-page-header-student{font-size:13px;color:#5b4f36;margin-top:1px;font-weight:700}.r2-page-title{font-size:11px;color:#8c6f2e;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-align:right}.r2-page-title-num{color:#ff9000;font-size:16px;display:block;margin-top:2px}.r2-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}@media(max-width:700px){.r2-kpi-strip{grid-template-columns:repeat(2,1fr)}}.r2-kpi{background:linear-gradient(135deg,#fffdf6,#fff8e1);border:1px solid #FFE082;border-radius:12px;padding:12px 14px}.r2-kpi.accent{background:linear-gradient(135deg,#ffe48a,#ffc526);border-color:#ffa000}.r2-kpi-label{display:inline-flex;align-items:center;gap:5px;color:#8c6f2e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.r2-kpi.accent .r2-kpi-label{color:#6b4e00}.r2-kpi-value{margin-top:4px;font-size:22px;font-weight:800;color:#1b2030;letter-spacing:-.02em;line-height:1.15}.r2-kpi.accent .r2-kpi-value{color:#4a3300}.r2-kpi-sub{margin-top:2px;font-size:10.5px;color:#8c7b5c;font-weight:600}.r2-card{background:#fff;border:1px solid #F0E6D2;border-radius:12px;padding:14px 16px;margin-bottom:12px;break-inside:avoid}.r2-card-head{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#8c6f2e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.r2-empty{padding:14px 8px;text-align:center;color:#b0a488;font-size:12px}.r2-step-rows{display:flex;flex-direction:column;gap:7px}.r2-step-row{display:grid;grid-template-columns:110px 1fr 80px;align-items:center;gap:10px;font-size:12.5px}.r2-step-name{color:#1f2937;font-weight:700}.r2-step-bar-wrap{height:10px;background:#f8f4e8;border-radius:999px;overflow:hidden;position:relative}.r2-step-bar{height:100%;background:linear-gradient(90deg,#ffc526,#ff9000);border-radius:999px}.r2-step-stat{text-align:right;color:#8c7b5c;font-size:11px;font-weight:600}.r2-step-stat b{color:#1f2937;font-weight:800;margin-right:3px}.r2-share-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:none;border-radius:7px;background:#0369a1;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:-.01em;font-family:inherit}.r2-share-btn:hover{background:#075985}.r2-share-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:18px}.r2-share-modal{background:#fff;border-radius:14px;padding:24px 22px 20px;width:100%;max-width:440px;box-shadow:0 24px 48px #0f172a2e;position:relative}.r2-share-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:inline-flex}.r2-share-close:hover{background:#f1f5f9;color:#1f2937}.r2-share-title{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em}.r2-share-title svg{color:#0369a1}.r2-share-desc{font-size:12.5px;color:#475569;line-height:1.55;margin-bottom:16px}.r2-share-desc strong{color:#0f172a}.r2-share-loading{text-align:center;padding:20px;color:#94a3b8;font-size:13px;font-weight:600}.r2-share-error{padding:12px 14px;background:#fee2e2;border-radius:8px;color:#991b1b;font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.r2-share-retry{border:none;background:#991b1b;color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.r2-share-url-row{display:flex;gap:7px;margin-bottom:8px}.r2-share-url{flex:1;min-width:0;padding:9px 11px;border:1px solid #E2E8F0;border-radius:7px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;color:#1f2937;background:#f8fafc}.r2-share-url:focus{outline:none;border-color:#0369a1;background:#fff}.r2-share-copy{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border:none;border-radius:7px;background:#0369a1;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.r2-share-copy:hover{background:#075985}.r2-share-section-label{font-size:11.5px;font-weight:700;color:#475569;margin-bottom:6px;letter-spacing:-.01em}.r2-share-msg-preview{white-space:pre-wrap;background:#f8fafc;border:1px solid #E2E8F0;border-radius:7px;padding:11px 13px;font-size:12px;line-height:1.55;color:#1f2937;max-height:140px;overflow-y:auto;margin-bottom:7px;font-family:inherit}.r2-share-copy-block{width:100%;justify-content:center;padding:11px 14px!important;margin-bottom:12px}.r2-share-meta{font-size:11.5px;color:#94a3b8;font-weight:600;text-align:center;margin-bottom:10px}.r2-share-tip{padding:9px 12px;background:#fff8e1;border-radius:7px;font-size:11.5px;color:#6b4e00;font-weight:600;line-height:1.5}.shared-report-shell{height:100%;overflow-y:auto;overflow-x:hidden;background:#fafbfc;padding:0 0 32px}.report2-shell .report2-page.active .r2-page-body>*{opacity:0;transform:translateY(10px);animation:r2-rise .45s cubic-bezier(.32,.72,.32,1) forwards}.report2-shell .report2-page.active .r2-page-body>*:nth-child(1){animation-delay:.05s}.report2-shell .report2-page.active .r2-page-body>*:nth-child(2){animation-delay:.13s}.report2-shell .report2-page.active .r2-page-body>*:nth-child(3){animation-delay:.21s}.report2-shell .report2-page.active .r2-page-body>*:nth-child(4){animation-delay:.29s}.report2-shell .report2-page.active .r2-page-body>*:nth-child(5){animation-delay:.37s}.report2-shell .report2-page.active .r2-page-body>*:nth-child(6){animation-delay:.45s}@keyframes r2-rise{to{opacity:1;transform:translateY(0)}}.report2-shell .report2-page.active .r2-kpi{opacity:0;transform:translateY(6px) scale(.96);animation:r2-rise-scale .4s cubic-bezier(.32,.72,.32,1) forwards}.report2-shell .report2-page.active .r2-kpi:nth-child(1){animation-delay:.2s}.report2-shell .report2-page.active .r2-kpi:nth-child(2){animation-delay:.28s}.report2-shell .report2-page.active .r2-kpi:nth-child(3){animation-delay:.36s}.report2-shell .report2-page.active .r2-kpi:nth-child(4){animation-delay:.44s}@keyframes r2-rise-scale{to{opacity:1;transform:translateY(0) scale(1)}}.report2-shell .report2-page.active .r2-cat-card{opacity:0;transform:scale(.88);animation:r2-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.report2-shell .report2-page.active .r2-cat-card:nth-child(1){animation-delay:.35s}.report2-shell .report2-page.active .r2-cat-card:nth-child(2){animation-delay:.45s}.report2-shell .report2-page.active .r2-cat-card:nth-child(3){animation-delay:.55s}@keyframes r2-pop{to{opacity:1;transform:scale(1)}}.report2-shell .r2-radar-svg polygon[stroke="#EAE0C4"]{opacity:0;animation:r2-fade .4s ease .4s forwards}.report2-shell .r2-radar-svg line[stroke="#EAE0C4"]{opacity:0;animation:r2-fade .4s ease .5s forwards}.report2-shell .r2-radar-svg polygon[fill*=rgba]{opacity:0;transform-origin:50% 50%;transform-box:fill-box;animation:r2-pentagon-grow .75s cubic-bezier(.34,1.56,.64,1) .65s forwards}.report2-shell .r2-radar-svg circle{opacity:0;animation:r2-fade .3s ease forwards}.report2-shell .r2-radar-svg circle:nth-of-type(1){animation-delay:1.05s}.report2-shell .r2-radar-svg circle:nth-of-type(2){animation-delay:1.1s}.report2-shell .r2-radar-svg circle:nth-of-type(3){animation-delay:1.15s}.report2-shell .r2-radar-svg circle:nth-of-type(4){animation-delay:1.2s}.report2-shell .r2-radar-svg circle:nth-of-type(5){animation-delay:1.25s}.report2-shell .r2-radar-svg g text{opacity:0;animation:r2-fade .4s ease 1.3s forwards}@keyframes r2-pentagon-grow{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes r2-fade{to{opacity:1}}.report2-shell .r2-trend-svg path[stroke="#FF9000"]:not([stroke-dasharray]){stroke-dasharray:1000;stroke-dashoffset:1000;animation:r2-draw-line 1.2s cubic-bezier(.45,.05,.55,.95) .5s forwards}.report2-shell .r2-trend-svg circle{opacity:0;animation:r2-fade .35s ease forwards}.report2-shell .r2-trend-svg circle:nth-of-type(1){animation-delay:1.3s}.report2-shell .r2-trend-svg circle:nth-of-type(2){animation-delay:1.36s}.report2-shell .r2-trend-svg circle:nth-of-type(3){animation-delay:1.42s}.report2-shell .r2-trend-svg circle:nth-of-type(4){animation-delay:1.48s}.report2-shell .r2-trend-svg circle:nth-of-type(5){animation-delay:1.54s}.report2-shell .r2-trend-svg circle:nth-of-type(6){animation-delay:1.6s}.report2-shell .r2-trend-svg circle:nth-of-type(7){animation-delay:1.66s}.report2-shell .r2-trend-svg circle:nth-of-type(n+8){animation-delay:1.72s}@keyframes r2-draw-line{to{stroke-dashoffset:0}}.report2-shell .r2-grade-badge{opacity:0;transform:scale(.7);animation:r2-badge-pop .5s cubic-bezier(.34,1.56,.64,1) .85s forwards}@keyframes r2-badge-pop{to{opacity:1;transform:scale(1)}}.report2-shell .r2-trend-stat{opacity:0;animation:r2-fade .4s ease forwards}.report2-shell .r2-trend-stat:nth-child(1){animation-delay:1.8s}.report2-shell .r2-trend-stat:nth-child(2){animation-delay:1.88s}.report2-shell .r2-trend-stat:nth-child(3){animation-delay:1.96s}.report2-shell .r2-next-goal{opacity:0;transform:translate(-8px);animation:r2-slide-in .5s cubic-bezier(.32,.72,.32,1) 2.1s forwards}@keyframes r2-slide-in{to{opacity:1;transform:translate(0)}}.report2-shell .r2-cover-character{opacity:0;transform:translateY(20px) scale(.85);animation:r2-cover-pop .7s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes r2-cover-pop{to{opacity:1;transform:translateY(0) scale(1)}}.shared-report-banner{animation:r2-fade .4s ease;position:sticky;top:0;z-index:60}.shared-report-shell .report2-actionbar{position:sticky;top:36px;z-index:50;background:#fafbfceb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0;padding:12px 18px;border-bottom:1px solid #E2E8F0;flex-wrap:nowrap;gap:8px}.shared-report-shell .r2-pager{margin:0 auto;background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 6px #0f172a0f;padding:5px;border-radius:12px}.shared-report-shell .r2-pager-btn{width:38px;height:34px;border-radius:8px;color:#0369a1;transition:background .15s}.shared-report-shell .r2-pager-btn:not(:disabled):hover{background:#f0f9ff}.shared-report-shell .r2-pager-btn:disabled{color:#cbd5e1}.shared-report-shell .r2-pager-info{padding:0 18px;font-size:14px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.shared-report-shell .r2-pager-info .page-name{color:#0369a1;margin-left:8px;font-weight:700}.shared-report-shell .r2-print-btn{margin-left:auto;flex-shrink:0}@media(max-width:600px){.shared-report-shell .report2-actionbar{top:52px;padding:10px 12px;gap:6px}.shared-report-shell .r2-pager-info{font-size:12.5px;padding:0 12px}.shared-report-shell .r2-pager-info .page-name{display:block;margin-left:0;font-size:11px;line-height:1.2}.shared-report-shell .r2-print-btn{padding:7px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.report2-shell *,.report2-shell *:before,.report2-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}.shared-report-banner{background:linear-gradient(95deg,#0369a1,#0891b2);color:#fff;padding:9px 18px;box-shadow:0 1px 3px #0f172a0f}.shared-report-banner-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:-.01em}.shared-report-banner-left strong{font-weight:800}.shared-report-banner-divider{margin:0 8px;opacity:.5}.shared-report-banner-right{opacity:.85;font-size:11.5px}@media(max-width:600px){.shared-report-banner{padding:8px 12px}.shared-report-banner-inner{font-size:11.5px;flex-direction:column;align-items:flex-start;gap:3px}.shared-report-banner-divider{display:none}}.shared-report-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#64748b;font-size:14px;font-weight:600}.shared-report-loading-spinner{width:38px;height:38px;border:3px solid #E2E8F0;border-top-color:#ff9000;border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shared-report-error{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#fafbfc}.shared-report-error-card{background:#fff;padding:32px 28px;border-radius:12px;border:1px solid #E2E8F0;text-align:center;max-width:380px}.shared-report-error-title{font-size:17px;font-weight:800;color:#0f172a;margin-bottom:8px}.shared-report-error-message{font-size:13px;color:#475569;line-height:1.55}.r2-card-head-sub{margin-left:auto;font-size:10.5px;font-weight:600;color:#94a3b8;letter-spacing:-.01em}.r2-conv-analysis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;margin-top:6px}.r2-conv-radar,.r2-conv-trend{background:#fffdf7;border:1px solid #F3E8C7;border-radius:10px;padding:10px 12px 14px;display:flex;flex-direction:column;gap:6px}.r2-conv-sub-label{font-size:11px;font-weight:700;color:#6b5b33;letter-spacing:-.01em}.r2-conv-sub-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.r2-grade-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 9px;border-radius:999px;background:color-mix(in srgb,var(--grade-color, #FF9000) 14%,transparent);border:1px solid color-mix(in srgb,var(--grade-color, #FF9000) 45%,transparent)}.r2-grade-badge-letter{font-size:18px;font-weight:900;color:var(--grade-color, #FF9000);line-height:1;letter-spacing:.02em}.r2-grade-badge-label{font-size:10.5px;font-weight:700;color:var(--grade-color, #FF9000);letter-spacing:-.01em}.r2-grade-legend{margin-top:6px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:7px 10px 0;border-top:1px dashed #EAE0C4}.r2-grade-legend-item{display:inline-flex;align-items:baseline;gap:3px;font-size:9.5px}.r2-grade-legend-letter{font-weight:900;font-size:10px;letter-spacing:.02em}.r2-grade-legend-range{color:#94a3b8;font-weight:600}.r2-radar-svg{width:100%;height:auto;max-width:340px;margin:0 auto;display:block}.r2-trend-svg{width:100%;height:auto;max-height:200px;display:block}.r2-trend-empty{padding:30px 12px;text-align:center;color:#94a3b8;font-size:12px}.r2-trend-summary{margin-top:10px;padding-top:9px;border-top:1px dashed #EAE0C4}.r2-trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.r2-trend-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px}.r2-trend-stat-val{font-size:16px;font-weight:800;color:#1f2937;line-height:1.1;font-variant-numeric:tabular-nums}.r2-trend-stat-lbl{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:-.01em}.r2-trend-delta{margin-top:7px;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:700;text-align:center;background:#f8fafc;color:#475569;letter-spacing:-.01em}.r2-trend-delta.up{background:#fef3c7;color:#92400e}.r2-trend-delta.down{background:#fee2e2;color:#991b1b}.r2-next-goal{margin-top:9px;padding:9px 12px;background:linear-gradient(95deg,#fff8e1,#ffebc2);border-radius:8px;border:1px solid #FFE082}.r2-next-goal-head{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#ff9000;margin-bottom:4px;letter-spacing:-.01em}.r2-next-goal-body{font-size:11.5px;font-weight:600;color:#6b4e00;line-height:1.45;letter-spacing:-.01em}.r2-next-goal-body b{color:#ff6b00;font-weight:800}.r2-conv-insight{display:flex;align-items:center;gap:6px;margin-top:12px;padding:9px 13px;background:linear-gradient(95deg,#fff8e1,#ffebc2);border-radius:8px;font-size:12px;color:#6b4e00;font-weight:600;letter-spacing:-.01em}.r2-conv-insight svg{color:#ff9000;flex-shrink:0}@media(max-width:600px){.r2-conv-analysis{grid-template-columns:1fr;gap:12px}.r2-radar-svg{max-width:320px}.r2-conv-insight{font-size:11.5px;padding:9px 11px}}.r2-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r2-cat-card{background:#fffbf0;border:1px solid #F3E8C7;border-radius:10px;padding:16px 14px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .15s,border-color .15s}.r2-cat-card.empty{background:#fafafa;border-color:#ececec;opacity:.55}.r2-cat-emoji{font-size:26px;line-height:1;margin-bottom:4px}.r2-cat-label{font-size:12px;font-weight:700;color:#6b5b33;letter-spacing:-.01em}.r2-cat-count{font-size:13px;color:#8c7b5c;font-weight:600;margin-top:2px}.r2-cat-card.empty .r2-cat-count{color:#b0b0b0}.r2-cat-count b{font-size:22px;font-weight:800;color:#1f2937;margin-right:2px}.r2-cat-card.empty .r2-cat-count b{color:#999}.r2-cat-sub{font-size:11px;color:#ff9000;font-weight:700;margin-top:2px}@media(max-width:480px){.r2-cat-grid{gap:7px}.r2-cat-card{padding:12px 8px 11px}.r2-cat-emoji{font-size:22px}.r2-cat-label{font-size:11px}.r2-cat-count b{font-size:19px}}.r2-studied{display:flex;flex-direction:column;gap:8px}.r2-studied-row{display:flex;align-items:center;gap:12px}.r2-studied-book{font-size:13px;font-weight:800;color:#1f2937;min-width:120px}.r2-studied-days{display:flex;flex-wrap:wrap;gap:4px}.r2-day-chip{display:inline-block;background:linear-gradient(135deg,#fffdf6,#fff1d2);border:1px solid #FFCB4D;color:#6b4500;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.r2-reco{background:linear-gradient(135deg,#ffe48a,#ffc526);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#4a3300;font-size:13px}.r2-reco-icon{flex-shrink:0}.r2-reco-label{font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#ffffffb3;padding:2px 8px;border-radius:999px}.r2-reco-text{font-weight:600;line-height:1.4}.r2-memo{background:#fff;border:1px solid #F0E6D2;border-radius:10px;padding:12px 14px}.r2-memo-label{font-size:12px;font-weight:700;color:#8c6f2e;margin-bottom:8px}.r2-memo-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #F0E6D2;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;min-height:80px;background:#fffdf6}.r2-memo-input:focus{outline:none;border-color:#ffb300}.r2-memo-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.r2-memo-saved{font-size:11.5px;color:#8c7b5c}.r2-memo-save{padding:8px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#ffc526,#ff9000);color:#fff;font-size:12.5px;font-weight:800;cursor:pointer;text-shadow:0 1px 1px rgba(160,90,0,.3);box-shadow:0 2px 6px #ff96004d;font-family:inherit}.r2-memo-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.r2-memo-lines{display:flex;flex-direction:column;gap:18px;margin-top:8px}.r2-memo-line{border-bottom:1px solid #B0A488;height:1px}.r2-qual-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-bottom:12px}@media(max-width:700px){.r2-qual-grid{grid-template-columns:1fr}}.r2-quotes{background:linear-gradient(135deg,#fffdf6,#fff)}.r2-quote-list{display:flex;flex-direction:column;gap:10px}.r2-quote{margin:0;padding:10px 14px;border-left:3px solid #FFC526;background:#fff8e1;border-radius:0 8px 8px 0}.r2-quote-text{font-size:14px;font-weight:600;color:#1b2030;line-height:1.5;font-style:italic}.r2-quote-src{margin-top:4px;font-size:11px;color:#8c7b5c}.r2-word-cloud{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;line-height:1.6}.r2-word-chip{color:#8c6f2e;padding:1px 7px;background:#fff3d6;border-radius:999px;border:1px solid #FFE082;white-space:nowrap}.r2-mastered-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.r2-mastered-list li{padding:4px 0;border-bottom:1px dashed #F0E6D2}.r2-mastered-list li:last-child{border-bottom:none}.r2-mastered-en{color:#1b2030;font-weight:700}.r2-mastered-kr{color:#8c7b5c;margin-left:8px;font-size:11.5px}.r2-reels-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.r2-reel{text-decoration:none;color:inherit;background:#fff;border:1px solid #F0E6D2;border-radius:10px;overflow:hidden}.r2-reel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b4821e1f}.r2-reel-thumb{aspect-ratio:9/16;background:#f8f4e8;display:flex;align-items:center;justify-content:center;overflow:hidden}.r2-reel-thumb video{width:100%;height:100%;object-fit:cover}.r2-reel-meta{padding:8px 10px}.r2-reel-topic{font-size:12px;font-weight:700;color:#1b2030;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.r2-reel-date{font-size:10.5px;color:#8c7b5c;margin-top:2px}.r2-foot{text-align:center;font-size:10.5px;color:#b0a488;margin-top:16px;padding-top:12px;border-top:1px dashed #F0E6D2}.print-only{display:none}@media print{@page{size:A4 portrait;margin:12mm}html,body,#root,.admin-shell,.admin-layout,.admin-main,.hq-shell,.hq-main{height:auto!important;overflow:visible!important}.admin-layout{grid-template-columns:1fr!important}.hq-shell{display:block!important}.admin-main,.hq-main{padding:0!important;background:#fff!important}body,html{background:#fff!important}.admin-sidebar,.hq-sidebar,.admin-back-btn,.student-tabs,.student-head,.student-head-v2,.no-print{display:none!important}.print-only{display:block!important}.report2-stack{max-width:none!important;margin:0!important}.report2-page{display:block!important;width:186mm!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important;page-break-after:always}.report2-page:last-child{page-break-after:auto}.r2-cover{width:186mm!important;height:273mm!important;min-height:273mm!important;max-height:273mm!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background-size:cover!important;background-position:center!important}.r2-cover-content{padding:16mm 18mm!important}.r2-cover-top{gap:4mm!important}.r2-cover-logo{width:12mm!important;height:12mm!important}.r2-cover-brand{font-size:11pt!important}.r2-cover-school{font-size:9pt!important;margin-top:.5mm!important}.r2-cover-title{margin-top:10mm!important;font-size:22pt!important;line-height:1.2!important}.r2-cover-title .accent{font-size:28pt!important;margin-top:1mm!important}.r2-cover-character{margin:6mm 0!important}.r2-cover-character img{max-width:50%!important;max-height:90mm!important}.r2-cover-bottom{padding-top:5mm!important}.r2-cover-student{font-size:14pt!important}.r2-cover-student-sub{font-size:9pt!important;margin-top:1mm!important}.r2-cover-period{gap:1mm!important}.r2-cover-period-label{font-size:8pt!important}.r2-cover-period-date{font-size:11pt!important}.r2-page-body{padding:8mm 10mm!important;background:#fff!important}.r2-page-header{padding-bottom:4mm!important;margin-bottom:6mm!important}.r2-kpi-strip{margin-bottom:5mm!important}.r2-card,.r2-reco,.r2-memo{margin-bottom:5mm!important;break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;max-height:none!important}.r2-conv-analysis{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:6mm!important}.r2-radar-svg{width:65mm!important;height:52mm!important;max-width:none!important}.r2-trend-svg{width:100%!important;height:50mm!important;max-height:none!important}.r2-radar-svg *,.r2-trend-svg *{print-color-adjust:exact;-webkit-print-color-adjust:exact}.r2-radar-svg polygon,.r2-radar-svg circle,.r2-radar-svg line,.r2-radar-svg path,.r2-radar-svg g,.r2-radar-svg text,.r2-trend-svg polygon,.r2-trend-svg circle,.r2-trend-svg line,.r2-trend-svg path,.r2-trend-svg g,.r2-trend-svg text{opacity:1!important;animation:none!important;transition:none!important;transform:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.r2-card,.r2-reco,.r2-memo,.r2-kpi-strip,.r2-page-body>*,.report2-page>*{opacity:1!important;animation:none!important;transform:none!important}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.notes-shell{display:flex;flex-direction:column;gap:14px}.notes-composer{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:14px 16px 12px;box-shadow:0 1px 3px #0f172a0a}.notes-composer-row{margin-bottom:8px}.notes-cat-picker{display:flex;flex-wrap:wrap;gap:5px}.notes-cat-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #E2E8F0;background:#fafbfc;color:#64748b;border-radius:999px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:-.01em}.notes-cat-chip:hover:not(.active){background:#f1f5f9;color:#1f2937}.notes-cat-chip.active{font-weight:800}.notes-composer-input{width:100%;border:1px solid #E2E8F0;border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;line-height:1.55;color:#1f2937;background:#fafbfc;resize:vertical;min-height:70px;transition:border-color .15s,background .15s}.notes-composer-input:focus{outline:none;border-color:#0369a1;background:#fff}.notes-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.notes-composer-hint{font-size:10.5px;color:#94a3b8;font-weight:600}.notes-composer-save{display:inline-flex;align-items:center;gap:5px;border:none;background:#0369a1;color:#fff;padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.notes-composer-save:hover:not(:disabled){background:#075985}.notes-composer-save:disabled{opacity:.4;cursor:not-allowed}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notes-filters{display:flex;flex-wrap:wrap;gap:5px}.notes-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #E2E8F0;background:#fff;color:#64748b;border-radius:999px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:-.01em}.notes-filter-chip:hover:not(.active){background:#f1f5f9;color:#1f2937}.notes-filter-chip.active{font-weight:800}.notes-filter-count{margin-left:4px;padding:1px 6px;background:#fff6;border-radius:999px;font-size:10px;font-weight:800}.notes-filter-chip:not(.active) .notes-filter-count{background:#f1f5f9;color:#64748b}.notes-search{position:relative;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:5px 10px;min-width:200px;color:#94a3b8}.notes-search input{flex:1;border:none;background:transparent;outline:none;font-size:12.5px;color:#1f2937;font-family:inherit}.notes-search input::placeholder{color:#94a3b8}.notes-search-clear{border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:2px;display:inline-flex;border-radius:4px}.notes-search-clear:hover{background:#f1f5f9;color:#1f2937}.notes-list{display:flex;flex-direction:column;gap:9px}.notes-row{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.notes-row:hover{border-color:#cbd5e1}.notes-row-system{background:#f0f9ff;border-color:#bae6fd}.notes-row-editing{background:#fffde7;border-color:#ffe082}.notes-row-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.notes-row-cat{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:-.01em}.notes-row-time{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:#64748b;font-weight:600}.notes-row-edited{color:#94a3b8}.notes-row-author{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:#94a3b8;font-weight:600}.notes-row-actions{margin-left:auto;display:inline-flex;gap:4px}.notes-iconbtn{display:inline-flex;align-items:center;gap:3px;width:auto;height:26px;padding:0 9px;background:#fff;border:1px solid #E2E8F0;color:#64748b;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.notes-iconbtn:hover:not(:disabled):not(.disabled){background:#f1f5f9;color:#1f2937}.notes-iconbtn.primary{background:#0369a1;color:#fff;border-color:#0369a1}.notes-iconbtn.primary:hover:not(:disabled){background:#075985}.notes-iconbtn.danger:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.notes-iconbtn:disabled,.notes-iconbtn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.notes-row-content{font-size:13px;color:#1f2937;line-height:1.55;white-space:pre-wrap;word-break:break-word}.notes-row-shared-actions{margin-top:7px;display:flex;gap:5px}@media(max-width:600px){.notes-toolbar{gap:8px}.notes-search{min-width:0;width:100%}.notes-row-head{gap:6px}.notes-row-author{display:none}}