html{overflow-y:hidden}@font-face{font-family:DoroBus Pretendard;src:url(/fonts/PretendardVariable.woff2?v=dorobus-20260515) format("woff2-variations"),url(/fonts/PretendardVariable.woff2?v=dorobus-20260515) format("woff2");font-weight:45 920;font-style:normal;font-display:swap}:root{--color-primary: #2483FF;--color-primary-hover: #1677F2;--color-primary-pressed: #0F6FE6;--color-primary-soft: #ECF4FF;--color-primary-light: #ECF4FF;--color-primary-border: #C6DFFF;--color-primary-focus: rgba(36, 131, 255, .16);--color-primary-text: #FFFFFF;--color-accent: #FBBF24;--color-accent-hover: #F59E0B;--color-success: #36C690;--color-success-light: rgba(54, 198, 144, .15);--color-warning: #F4B544;--color-danger: #FF6B6B;--color-danger-button: #EF4444;--color-danger-hover: #DC2626;--color-danger-border: #FECACA;--color-danger-border-hover: #FCA5A5;--color-danger-soft: rgba(239, 68, 68, .06);--color-error: #FF6B6B;--color-reward: #F7C948;--color-dev: #2483FF;--color-bg-base: #F7F8FA;--color-surface-modal: #FFFFFF;--color-surface-card: #FFFFFF;--color-surface-hover: #F1F5F9;--color-surface-disabled: rgba(0, 0, 0, .04);--color-bg-elevated: var(--color-surface-modal);--color-bg-surface: var(--color-surface-card);--color-bg-hover: var(--color-surface-hover);--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .14);--color-border-light: rgba(0, 0, 0, .06);--color-text-primary: #1A1A2E;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-text-disabled: #CBD5E1;--font-family: "DoroBus Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 32px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-float: 0 10px 30px rgba(0, 0, 0, .1);--z-world: 0;--z-hud: 100;--z-chat: 200;--z-quickbar: 220;--z-panel: 300;--z-overlay: 5000;--z-modal: 5001;--z-dropdown: 5100;--z-toast: 9000;--z-alert: 9500;--transition-fast: .15s ease;--transition-normal: .2s ease}*{box-sizing:border-box;scrollbar-width:auto;scrollbar-color:#d1d5db transparent}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#0000008c;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-overlay.visible{opacity:1;pointer-events:auto}.ds-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface-modal);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-family);z-index:var(--z-modal);animation:modalEnter .2s ease-out}.ds-overlay .ds-modal{position:static;top:auto;left:auto;transform:none;animation:modalSlideUp .2s ease-out}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0}.ds-modal-header h2{margin:0;font-size:17px;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.ds-modal-header h2 svg{color:var(--color-primary);flex-shrink:0}.ds-modal-close{width:36px;height:36px;padding:0;border-radius:10px;background:transparent;border:none;color:var(--color-text-tertiary);font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-modal-body{flex:1;overflow-y:auto;min-height:0}.ds-modal-standalone{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);animation:modalEnter .3s ease-out}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);border-bottom:1px solid rgba(0,0,0,.06);min-height:64px;flex-shrink:0}.ds-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ds-modal-close{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-tertiary);font-size:16px;cursor:pointer;border-radius:10px;transition:all var(--transition-fast);flex-shrink:0}.ds-modal-close:hover{background:#0000000a;color:var(--color-text-primary)}.ds-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-modal-close:disabled{color:var(--color-text-disabled);cursor:not-allowed}.ds-modal-close svg{width:18px;height:18px}.ds-modal-body{flex:1;overflow-y:auto;padding:var(--space-3)}.ds-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light)}.ds-modal-footer .ds-btn-sm{padding:0 var(--space-2)}.ds-modal-subtitle{margin:4px 0 0;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary)}.ds-field-row{display:flex;align-items:flex-start;gap:var(--space-2)}.ds-field{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.ds-field--num{width:96px}.ds-field--num .ds-input{width:100%}.ds-input{height:36px;padding:6px 10px;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ds-input:hover{border-color:var(--color-border-strong)}.ds-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus)}.ds-input:disabled{background:var(--color-surface-disabled);border-color:var(--color-border-light);color:var(--color-text-disabled)}.ds-modal--compact{width:380px}.ds-modal-footer--split{justify-content:space-between}.ds-modal-footer-actions{display:flex;align-items:center;gap:var(--space-1)}.furniture-scale-modal{height:min(248px,calc(100vh - 64px))}.furniture-scale-modal .ds-modal-body{display:flex;align-items:center;padding:24px}.furniture-scale-control{display:flex;align-items:center;width:100%;gap:14px}.furniture-scale-control input[type=range]{flex:1;height:4px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;background:var(--color-border-strong);cursor:pointer}.furniture-scale-control input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--color-primary)}.furniture-scale-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--color-primary)}.furniture-scale-value{min-width:48px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:700;text-align:right}.ds-field-hint{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary)}.ds-dropzone{display:flex;align-items:center;justify-content:center;width:100%;height:150px;padding:0;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-tertiary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast)}.ds-dropzone:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.ds-dropzone:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus)}.ds-dropzone:disabled{cursor:not-allowed}.ds-dropzone img{width:100%;height:100%;object-fit:contain}.ds-context-menu{position:fixed;z-index:var(--z-modal);min-width:160px;padding:6px;background:var(--color-surface-modal);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-family:var(--font-family)}.ds-context-item{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 14px;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.ds-context-item:hover{background:#0000000a}.ds-context-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ds-context-item svg{color:var(--color-text-secondary);flex-shrink:0}.ds-context-item--danger{color:var(--color-danger-hover)}.ds-context-item--danger svg{color:var(--color-danger-hover)}.ds-context-item--danger:hover{background:var(--color-danger-soft)}.ds-context-sep{height:1px;margin:2px 8px;background:var(--color-border-light)}.ds-modal-status{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ds-modal-status--error{color:var(--color-danger)}@keyframes modalEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upc-overlay{z-index:calc(var(--z-modal) + 1);background:#0308148f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .14s ease}.upc-modal{width:600px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);height:auto;padding:28px 30px 30px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;box-shadow:0 24px 64px #00000047,0 4px 14px #0000001a;overflow:hidden;font-family:var(--font-family);animation:upcModalEnter .16s ease-out}.ds-overlay .upc-modal{animation:upcModalEnter .16s ease-out}.upc-header{display:flex;align-items:center;min-height:64px;gap:16px}.upc-header-icon{display:flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:#eaf3ff;color:#2f80ed}.upc-header-icon svg{width:26px;height:26px}.upc-header-text{flex:1;min-width:0}.upc-header h2{margin:0;color:#0f172a;font-size:22px;font-weight:700;line-height:1.3}.upc-subtitle{margin:5px 0 0;color:#64748b;font-size:14px;font-weight:400;line-height:1.45}.upc-close{width:40px;height:40px;margin-left:auto;align-self:flex-start;border-radius:10px;background:transparent;color:#64748b}.upc-close svg{width:22px;height:22px}.upc-close:hover{background:#f1f5f9;color:#334155}.upc-actions{display:flex;flex-direction:column;gap:14px;margin-top:24px}.upc-card{display:flex;align-items:center;width:100%;min-height:116px;padding:18px 20px;border-radius:16px;font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease-out,background .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.upc-card:hover{transform:translateY(-1px)}.upc-card:active{transform:translateY(0) scale(.995);transition-duration:70ms}.upc-card:focus-visible,.upc-close:focus-visible{outline:3px solid rgba(47,128,237,.24);outline-offset:2px}.upc-card-icon{display:flex;flex:0 0 56px;align-items:center;justify-content:center;width:56px;height:56px;margin-right:18px;border-radius:14px}.upc-card-text{flex:1;min-width:0;margin-right:8px}.upc-card-text [data-role=title]{display:block;color:#0f172a;font-size:17px;font-weight:700;line-height:1.35}.upc-card-desc{display:block;margin-top:6px;font-size:14px;font-weight:400;line-height:1.5}.upc-card-chevron{display:flex;flex:0 0 32px;align-items:center;justify-content:flex-end;width:32px}.upc-card--upload{border:1.5px solid #2F80ED;background:#f2f7ff;box-shadow:0 4px 12px #2f80ed14}.upc-card--upload .upc-card-icon{background:#ddebff;color:#2f80ed}.upc-card--upload .upc-card-icon svg{width:30px;height:30px}.upc-card--upload .upc-card-desc{color:#52647a}.upc-card--upload .upc-card-chevron{color:#2f80ed}.upc-card--upload:hover{border-color:#1d74e8;background:#eaf3ff;box-shadow:0 8px 20px #2f80ed24}.upc-card--direct{border:1px solid #D8E0EA;background:#fff;box-shadow:none}.upc-card--direct .upc-card-icon{background:#f4f7fa;color:#2f80ed}.upc-card--direct .upc-card-icon svg{width:28px;height:28px}.upc-card--direct .upc-card-desc,.upc-card--direct .upc-card-chevron{color:#64748b}.upc-card--direct:hover{border-color:#afc0d4;background:#f8fafc;box-shadow:0 8px 20px #0f172a14}@keyframes upcModalEnter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.upc-modal{width:calc(100vw - 32px);padding:22px}.upc-header h2{font-size:20px}.upc-card{min-height:104px;padding:16px}.upc-card-icon{flex-basis:50px;width:50px;height:50px;margin-right:14px}}@media(max-width:480px){.upc-modal{padding:18px}.upc-header-icon{flex-basis:44px;width:44px;height:44px}.upc-header h2{font-size:18px}.upc-subtitle{font-size:13px}.upc-card-text [data-role=title]{font-size:16px}.upc-card-desc{font-size:13px}.upc-card-chevron{flex-basis:24px;width:24px}}.ds-hud-panel{--ds-hud-bg-top: rgba(23, 30, 36, .97);--ds-hud-bg-bottom: rgba(10, 17, 22, .97);--ds-hud-gold: #d7a63a;--ds-hud-gold-bright: #f0ba3e;--ds-hud-text: #f1f3f4;--ds-hud-muted: rgba(205, 215, 221, .62);--ds-hud-radius: 9px;box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--ds-hud-bg-top),var(--ds-hud-bg-bottom));border:1.5px solid var(--ds-hud-gold);border-radius:var(--ds-hud-radius);box-shadow:0 9px 26px #0006,0 0 8px #d7a63a14,inset 0 1px #ffe1911a;color:var(--ds-hud-text);font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif}.ds-hud-panel.ds-hud-dialogue{position:fixed;bottom:40px;left:50%;z-index:2000;width:min(600px,calc(100vw - 48px));min-height:158px;padding:18px 28px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.ds-hud-title{color:var(--ds-hud-gold-bright);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.02em}.ds-hud-divider{position:relative;width:100%;height:1px;margin:11px 0 14px;background:#d7a63ab8}.ds-hud-divider:before,.ds-hud-divider:after{position:absolute;top:-2px;box-sizing:border-box;width:5px;height:5px;border:1px solid var(--ds-hud-gold);background:#111a20;content:"";transform:rotate(45deg)}.ds-hud-divider:before{left:0}.ds-hud-divider:after{right:0}.ds-hud-body{color:var(--ds-hud-text);font-size:16px;font-weight:400;line-height:1.55;letter-spacing:-.015em;overflow-wrap:break-word;word-break:keep-all}.ds-hud-dialogue .ds-hud-body{min-height:48px;white-space:pre-wrap}.ds-hud-hint{align-self:flex-end;margin-top:auto;padding-top:10px;color:var(--ds-hud-muted);font-size:12px;line-height:1.4;letter-spacing:-.01em;white-space:nowrap}.ds-hud-choices{display:flex;flex-direction:column;gap:6px;margin-top:14px}.ds-hud-choice{padding:9px 14px;background:#ffffff0a;border:1px solid rgba(215,166,58,.45);border-radius:8px;color:var(--ds-hud-text);font-family:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ds-hud-choice:hover{background:#d7a63a24;border-color:var(--ds-hud-gold)}@media(max-width:768px){.ds-hud-panel.ds-hud-dialogue{width:calc(100vw - 32px);min-height:142px;padding:16px 20px 13px}.ds-hud-title{font-size:19px}.ds-hud-body{font-size:15px}.ds-hud-hint{font-size:11px}}.lobby-notice-modal{width:min(436px,calc(100vw - 32px));max-height:90vh;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-modal)}.lobby-notice-modal--has-image{width:min(640px,calc(100vw - 32px))}.lobby-notice-modal__image-hero{display:flex;width:100%;margin:0;padding:0;overflow:hidden;border:0;background:transparent;justify-content:center;flex:0 1 auto}.lobby-notice-modal__image-link{cursor:pointer}.lobby-notice-modal__image{display:block;width:100%;height:auto;max-height:calc(90vh - 48px);margin:0 auto;object-fit:contain}.lobby-notice-modal__text{flex:0 1 auto;min-height:0;padding:20px 28px 16px;overflow-y:auto}.lobby-notice-modal__badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid var(--color-primary-border);border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:-.01em}.lobby-notice-modal__title{margin:0;color:var(--color-text-primary);font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.025em}.lobby-notice-modal__badge+.lobby-notice-modal__title,.lobby-notice-modal__badge+.lobby-notice-modal__body{margin-top:12px}.lobby-notice-modal__body{margin:0;color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.01em;white-space:pre-wrap}.lobby-notice-modal__title+.lobby-notice-modal__body{margin-top:10px}.lobby-notice-modal__footer{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 28px;box-sizing:border-box;border-top:0;background:var(--color-surface-card);flex-shrink:0}.lobby-notice-modal__dismiss-button{padding:0;border:0;background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer}.lobby-notice-modal__dismiss-button:hover{color:var(--color-text-primary)}.lobby-notice-modal__text+.lobby-notice-modal__footer{border-top:1px solid var(--color-border-light)}.lobby-notice-modal__footer-actions{display:flex;align-items:center;gap:8px}.lobby-notice-modal .lobby-notice-modal__close{width:32px;height:32px;border-radius:8px}.lobby-notice-modal__cta.ds-btn-sm{height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600}.lobby-notice-modal button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lobby-notice-modal:focus{outline:none}.trial-welcome-notice{width:min(360px,90vw);border-radius:16px;text-align:center}.trial-welcome-notice .lobby-notice-modal__content{padding:28px 26px 20px}.trial-welcome-notice__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;border-radius:999px;background:var(--color-surface-hover);color:var(--color-warning)}.trial-welcome-notice__icon svg{width:26px;height:26px}.trial-welcome-notice .lobby-notice-modal__title{font-size:18px;font-weight:700;line-height:1.35}.trial-welcome-notice .lobby-notice-modal__title+.lobby-notice-modal__body{margin-top:8px}.trial-welcome-notice .lobby-notice-modal__body{font-size:14px;line-height:1.6;word-break:keep-all}.trial-welcome-notice .lobby-notice-modal__footer{height:auto;padding:14px 20px;gap:8px;border-top:1px solid var(--color-border)}.trial-welcome-notice .lobby-notice-modal__footer .ds-btn{flex:1;min-width:0;height:44px;padding:0;border-radius:10px;font-size:14px;font-weight:600}@media(max-width:480px){.lobby-notice-modal,.lobby-notice-modal--has-image{width:calc(100vw - 32px)}.lobby-notice-modal{border-radius:18px}.lobby-notice-modal__text{padding:20px 20px 16px}.lobby-notice-modal__footer{padding:0 20px}.trial-welcome-notice{width:min(360px,90vw);border-radius:16px}.trial-welcome-notice .lobby-notice-modal__footer{padding:14px 20px}}.mailbox-modal-overlay{background:#0f172a6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:mailboxOverlayIn .14s ease-out}.mailbox-modal{width:640px;max-width:calc(100vw - 40px);height:min(560px,calc(100vh - 64px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #E7EBF2;border-radius:20px;box-shadow:0 24px 64px #0f172a2e,0 6px 18px #0f172a14}.mailbox-modal-overlay .mailbox-modal{animation:mailboxModalIn .16s ease-out}.mailbox-modal__header{height:72px;padding:0 24px 0 28px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;box-sizing:border-box;border-bottom:1px solid #EDF0F5}.mailbox-modal__header-left,.mailbox-modal__header-right{display:flex;align-items:center}.mailbox-modal__header-left{min-width:0;gap:14px}.mailbox-modal__title{margin:0;color:#172033;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap}.mailbox-modal__count{height:28px;padding:0 11px;display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #E4E9F2;border-radius:999px;background:#f6f8fc;color:#657086;font-size:13px;font-weight:600;white-space:nowrap}.mailbox-modal__count--active{background:#f0f5ff;border-color:#dbe6ff;color:#5377c8}.mailbox-modal__claim-all{min-width:104px;height:38px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border:0;border-radius:999px;background:#5b83f6;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.mailbox-modal__claim-all:hover{background:#4e75e5}.mailbox-modal__claim-all:active{transform:translateY(1px)}.mailbox-modal__claim-all:disabled{border:1px solid #EAEDF2;background:#f3f5f8;color:#a5adba;cursor:default;box-shadow:none;transform:none}.mailbox-modal__close{width:40px;height:40px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:transparent;color:#536078;cursor:pointer}.mailbox-modal__close:hover{background:#f4f6fa;color:#27324a}.mailbox-modal__body{min-height:0;box-sizing:border-box}.mailbox-modal__body--center{min-height:0;padding:44px 32px 48px;display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden;background:#fff;text-align:center}.mailbox-modal__body--list{min-height:0;padding:16px 20px 20px;flex:1;overflow-y:auto;overscroll-behavior:contain;background:#f8fafc}.mailbox-modal__state{display:flex;flex-direction:column;align-items:center;justify-content:center}.mailbox-modal__state-desc{margin:16px 0 0;color:#68748a;font-size:14px;line-height:1.6}.mailbox-modal__spinner{width:14px;height:14px;display:inline-block;box-sizing:border-box;border:2px solid rgba(91,131,246,.25);border-top-color:currentColor;border-radius:50%;animation:mailboxSpin .7s linear infinite}.mailbox-modal__spinner--lg{width:26px;height:26px;color:#5b83f6;border-top-color:#5b83f6}.mailbox-modal__empty-icon{width:72px;height:72px;color:#6f94f7}.mailbox-modal__empty-shadow{width:74px;height:10px;margin-top:10px;border-radius:50%;background:#5970a417;filter:blur(2px)}.mailbox-modal__empty-title{margin:28px 0 0;color:#172033;font-size:19px;font-weight:700;line-height:1.45;letter-spacing:-.02em}.mailbox-modal__empty-desc{max-width:420px;margin:8px 0 0;color:#68748a;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-.01em}.mailbox-modal__list{display:flex;flex-direction:column;gap:10px}.mailbox-modal__card{min-height:84px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-sizing:border-box;border:1px solid #E8ECF2;border-radius:12px;background:#fff}.mailbox-modal__card:hover{border-color:#dbe3f1;background:#fdfefe}.mailbox-modal__thumbnail{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:12px;background:#f1f5ff}.mailbox-modal__thumbnail img{width:28px;height:28px;object-fit:contain}.mailbox-modal__content{min-width:0;flex:1 1 auto}.mailbox-modal__mail-title,.mailbox-modal__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-modal__mail-title{margin:0;color:#172033;font-size:15px;font-weight:600;line-height:1.35}.mailbox-modal__description{margin:4px 0 0;color:#8a94a6;font-size:12px;line-height:1.35}.mailbox-modal__rewards{min-width:0;display:flex;gap:6px;overflow:hidden}.mailbox-modal__reward{height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;box-sizing:border-box;border:1px solid #E3E8F0;border-radius:8px;background:#fff;color:#172033;font-size:13px;font-weight:600;white-space:nowrap}.mailbox-modal__reward img{width:18px;height:18px;object-fit:contain}.mailbox-modal__reward--currency img{box-sizing:border-box;border-radius:50%;background:#2876f7;overflow:hidden}.mailbox-modal__claim{min-width:72px;height:36px;padding:0 14px;flex:0 0 auto;border:1px solid #CFDCFF;border-radius:9px;background:#fff;color:#557be3;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.mailbox-modal__claim:hover{border-color:#aec1f7;background:#f3f6ff}.mailbox-modal__claim:disabled{opacity:.55;cursor:default}.mailbox-modal__sentinel{height:1px}@keyframes mailboxSpin{to{transform:rotate(360deg)}}@keyframes mailboxOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes mailboxModalIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.header-nav-wrapper .header-mailbox-button{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#526079;cursor:pointer}.header-nav-wrapper .header-mailbox-button:hover{background:#f8faff;color:#347cff}.header-nav-wrapper .header-mailbox-badge{position:absolute;top:-1px;right:-1px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:8px;background:#ff5365;color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center}.header-nav-wrapper .header-mailbox-button:focus-visible,.mailbox-modal__claim-all:focus-visible,.mailbox-modal__claim:focus-visible{outline:2px solid #347CFF;outline-offset:2px}@media(max-width:768px){.mailbox-modal{width:calc(100vw - 24px);height:min(560px,calc(100vh - 32px));max-height:calc(100vh - 32px);border-radius:16px}.mailbox-modal__header{height:68px;padding:0 16px 0 20px}.mailbox-modal__title{font-size:20px}.mailbox-modal__claim-all{min-width:90px;height:36px;padding:0 14px}.mailbox-modal__body--center{padding:36px 20px 42px}.mailbox-modal__empty-icon{width:64px;height:64px}.mailbox-modal__empty-shadow{width:66px}}@media(max-width:480px){.mailbox-modal__header-left{gap:8px}.mailbox-modal__count{padding:0 8px}.mailbox-modal__body--list{padding:12px}.mailbox-modal__card{padding:12px;align-items:flex-start;gap:10px;flex-wrap:wrap}.mailbox-modal__thumbnail{margin-top:2px}.mailbox-modal__content{flex-basis:calc(100% - 54px)}.mailbox-modal__rewards{width:calc(100% - 82px);margin-left:54px}.mailbox-modal__claim{margin-left:auto}}@media(prefers-reduced-motion:reduce){.mailbox-modal-overlay,.mailbox-modal-overlay .mailbox-modal,.mailbox-modal__claim-all,.mailbox-modal__spinner{animation:none;transition:none}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.ds-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-btn:disabled{background:#0000000f;color:var(--color-text-disabled);cursor:not-allowed;box-shadow:none;opacity:1}.ds-btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.ds-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ds-btn-primary:active:not(:disabled){background:var(--color-primary-pressed)}.ds-btn-secondary{background:#00000008;color:var(--color-text-primary);border:1px solid rgba(0,0,0,.08)}.ds-btn-secondary:hover:not(:disabled){background:#0000000f;border-color:#0000001f}.ds-btn-tertiary{background:transparent;color:var(--color-text-secondary)}.ds-btn-tertiary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.ds-btn-danger-outline{background:var(--color-surface-modal);color:var(--color-danger-hover);border:1px solid var(--color-danger-border)}.ds-btn-danger-outline:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger-border-hover)}.ds-btn-sm{height:36px;padding:0 var(--space-1);font-size:var(--font-size-sm)}.ds-btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.hero-quick-btn-new{display:flex;align-items:center;gap:12px;padding:14px 24px 14px 18px;border-radius:14px;border:none;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:all .2s ease}.hero-quick-btn-new:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}.hero-quick-btn-new:hover svg:last-child{transform:translate(2px)}.hero-quick-btn-new svg:last-child{transition:transform .2s ease}.ds-pager{display:flex;align-items:center;justify-content:flex-end;padding:12px 0;flex-shrink:0}.ds-pager-info{color:#94a3b8;font-size:13px;font-weight:600}.ds-pager-info+.ds-pager-list{margin-left:auto}.ds-pager-list{display:flex;align-items:center;gap:6px}.ds-pager-num,.ds-pager-nav{min-width:34px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#475569;font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ds-pager-num{background:transparent}.ds-pager-num:hover:not(.is-active){background:#0000000a;color:#1a1a2e}.ds-pager-num.is-active{border-color:#2483ff;background:#2483ff;color:#fff}.ds-pager-nav{background:#fff;border-color:#00000014}.ds-pager-nav:hover:not(:disabled){background:#0000000a;color:#1a1a2e}.ds-pager-nav:disabled{background:#fff;border-color:#00000014;color:#cbd5e1;opacity:.4;cursor:default}.ds-pager-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ds-pager-ellipsis{min-width:14px;color:#94a3b8;font-size:13px;font-weight:600;text-align:center}@media(max-width:640px){.ds-pager-list{gap:4px}}.ds-tabs{display:flex;gap:0;padding:0 24px;background:transparent;border-bottom:1px solid rgba(0,0,0,.06)}.ds-tab{padding:16px 24px;font-size:15px;font-weight:600;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.ds-tab:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0;transition:width .3s cubic-bezier(.4,0,.2,1)}.ds-tab:hover{color:#9ca3af}.ds-tab.active{color:var(--color-text-primary)}.ds-tab.active:after{width:80%}.ds-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-chips{display:flex;gap:10px;padding:12px 24px 8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(36,131,255,.3) transparent}.ds-chips::-webkit-scrollbar{height:4px}.ds-chips::-webkit-scrollbar-track{background:#00000005;border-radius:2px}.ds-chips::-webkit-scrollbar-thumb{background:#2483ff4d;border-radius:2px}.ds-chip{padding:10px 20px;font-size:14px;font-weight:500;border-radius:20px;border:1px solid rgba(0,0,0,.08);background:#00000008;color:#9ca3af;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ds-chip:hover{background:#0000000d;border-color:#0000001a;transform:translateY(-1px)}.ds-chip.active{background:#2483ff29;border-color:#2483ff59;color:var(--color-text-primary);box-shadow:0 4px 12px #2483ff26}.ds-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.ds-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);min-height:64px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ds-list-item:hover{background:var(--color-bg-hover)}.ds-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ds-list-content{flex:1;min-width:0}.ds-list-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-list-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ds-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ds-badge-dev{background:var(--color-dev);color:#fff}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);text-align:center}.ds-empty-icon{font-size:48px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.ds-empty-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ds-toast{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);z-index:var(--z-toast);animation:toastSlide .3s ease}.ds-toast-success{border-color:var(--color-success);background:var(--color-success-light)}.ds-toast-error{border-color:var(--color-error)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ds-slot{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9cc;border:1px dashed rgba(100,116,139,.25);border-radius:var(--radius-sm);gap:2px;transition:all .2s ease}.ds-slot:hover{border-color:#94a3b866;background:#e2e8f099}.ds-slot.filled{border-style:solid;border-color:var(--color-success);background:#10b98126}.ds-slot-label{font-size:9px;color:#64748b}.ds-slot-value{font-size:10px;color:#334155;font-weight:var(--font-weight-medium)}.inv-grid-container{display:flex;flex-direction:column}.inv-group-label{font-size:14px;font-weight:800;color:#475569;letter-spacing:-.01em;padding:2px 4px 10px;margin-top:0}.inv-group-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#E5E7EB 15%,#E5E7EB 85%,transparent 100%);margin:12px 0 8px}.inv-grid{display:grid;grid-template-columns:repeat(4,130px);gap:14px;padding:4px}.inv-slot{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 8px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #DBE3EE;border-radius:14px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px #0f172a0a,inset 0 1px #ffffffe6;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.inv-slot.empty{opacity:0;pointer-events:none}.inv-slot.filled{background:linear-gradient(180deg,#fff,#fbfdff);border-color:#dbe3ee}.inv-slot.filled:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 8px 20px #0f172a14,inset 0 1px #ffffffe6}.inv-slot.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe,0 10px 24px #2483ff1f}.inv-slot:focus-visible{outline:3px solid #DBEAFE;outline-offset:3px}.inv-rarity-badge{position:absolute;top:8px;left:8px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:7px;border:1px solid transparent;font-size:12px;font-weight:800;line-height:1;z-index:10}.inv-rarity-badge.legendary{background:#fef3c7;color:#b45309;border-color:#fcd34d}.inv-rarity-badge.epic{background:#f3e8ff;color:#7e22ce;border-color:#d8b4fe}.inv-rarity-badge.rare{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.inv-rarity-badge.uncommon{background:#dcfce7;color:#15803d;border-color:#86efac}.inv-rarity-badge.common{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.inv-slot-img{width:84px;height:64px;margin:8px auto 6px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(circle at 50% 20%,#fff,#eef2f7);filter:drop-shadow(0 4px 8px rgba(15,23,42,.1));transition:transform .15s ease}.inv-slot-img.texture-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:12px;filter:none;background-size:cover;background-position:center}.inv-slot-img img{width:100%;height:100%;object-fit:contain}.inv-slot:hover .inv-slot-img{transform:scale(1.06)}.inv-slot-info{width:100%;text-align:center;margin-top:auto;padding-bottom:2px}.inv-slot-name{font-size:14px;font-weight:800;color:#111827;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;line-height:1.25}.inv-slot-category{font-size:11px;font-weight:600;color:#9ca3af}.inv-slot-eq{position:absolute;top:8px;right:8px;width:22px;height:22px;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;box-shadow:0 2px 8px #10b98166}.inv-slot-count{position:absolute;top:8px;right:8px;min-width:26px;height:26px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2bd889,#17c878);border-radius:9px;font-size:12px;font-weight:900;color:#fff;text-align:center;box-shadow:0 5px 12px #20c77a47,inset 0 1px #ffffff52;z-index:10;line-height:1}.inv-slot-animal-only{position:absolute;bottom:9px;left:9px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:#fdf7ee;border:1px solid #F3E6D7;border-radius:5px;box-shadow:0 1px 2px #46342324;pointer-events:none;z-index:10;box-sizing:border-box}.inv-slot-animal-only img{width:18px;height:18px;object-fit:contain;display:block}.inv-detail-panel{min-width:0;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;padding:20px 24px 16px;overflow:hidden;border-left:1px solid #E6ECF4;background:#fcfdff;box-sizing:border-box}.inv-detail-section-title{margin:0;color:#1d2838;font-size:16px;font-weight:700;line-height:20px}.inv-equip-grid{display:grid;grid-template-columns:repeat(3,79px);grid-auto-rows:92px;gap:12px;margin-top:12px}.inv-equip-slot{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:92px;border:1px solid #DCE5F0;border-radius:12px;background:#fcfdff;box-sizing:border-box}.inv-equip-slot[data-equipped-inventory-id]{cursor:pointer}.inv-equip-slot.is-selected{border:1.5px solid #C9A9FF;background:#fcf9ff}.inv-equip-slot__label{position:absolute;top:12px;left:12px;color:#5b6b85;font-size:11px;font-weight:700;line-height:14px}.inv-equip-slot__thumb{width:52px;height:52px;margin-top:8px;display:flex;align-items:center;justify-content:center}.inv-equip-slot__thumb .inv-slot-img{width:52px!important;height:52px!important;margin:0;background:transparent;filter:none}.inv-equip-slot__thumb .inv-slot-img.texture-preview{position:static;background-size:cover}.inv-equip-slot__placeholder{width:44px;height:44px;margin-top:8px;border:1px dashed #E6ECF4;border-radius:50%;box-sizing:border-box}.inv-detail-divider{height:1px;margin:14px 0;background:#e6ecf4;flex:none}.inv-equip-section{flex:none}.inv-detail-section{min-width:0;flex:1 1 auto;min-height:0;overflow-y:auto}.inv-detail-item{display:flex;gap:14px;min-width:0;margin-top:14px}.inv-detail-thumbnail{width:104px;height:104px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #DCE5F0;border-radius:12px;background:#fff;box-sizing:border-box}.inv-detail-thumbnail .inv-slot-img{width:88px!important;height:88px!important;margin:0}.inv-detail-thumbnail .inv-slot-img.texture-preview{position:static;width:100%!important;height:100%!important;background-size:cover}.inv-detail-info{display:flex;flex:1;flex-direction:column;min-width:0}.inv-detail-name{display:-webkit-box;margin:0;overflow:hidden;color:#172033;font-size:18px;font-weight:700;line-height:23px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inv-detail-badges{display:flex;gap:6px;margin-top:8px}.inv-detail-badge.inv-rarity-badge,.inv-detail-type-badge{position:static;z-index:auto;height:22px;padding:0 8px;border:0;border-radius:6px;font-size:11px;font-weight:700;line-height:22px;white-space:nowrap}.inv-detail-type-badge{background:#eaf3ff;color:#2581f8}.inv-detail-description{margin:10px 0 0;color:#8090a8;font-size:13px;font-weight:400;line-height:18px;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}.inv-detail-gear-restriction{margin:4px 0 0;color:#5b6b85;font-size:12px;font-weight:700;line-height:18px}.inv-detail-effect-color{display:flex;align-items:center;gap:8px;height:40px;margin-top:10px}.inv-detail-effect-color__label{flex:none;color:#5b6b85;font-size:12px;font-weight:700}.inv-detail-effect-color__input{width:36px;height:28px;flex:none;padding:0;border:0;background:transparent;cursor:pointer}.inv-detail-effect-color__eyedrop{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #DCE5F0;border-radius:8px;background:#fff;color:#5b6b85;cursor:pointer}.inv-detail-effect-color__swatch{height:20px;flex:1;min-width:0;border:1px solid #DCE5F0;border-radius:8px;box-sizing:border-box}.inv-detail-empty{margin:14px 0 0;color:#8090a8;font-size:13px;font-weight:400;line-height:18px}.inv-detail-actions{display:flex;flex:none;gap:12px;margin-top:auto;padding-top:16px}.inv-detail-action{height:44px;flex:1;border-radius:10px;font-size:15px;cursor:pointer}.inv-detail-action--secondary{border:1px solid #D7E1ED;background:#fff;color:#5c6b84;font-weight:600}.inv-detail-action--primary{border:0;background:#2581f8;color:#fff;font-weight:700}.inv-detail-action--full{width:100%}.inv-detail-action.is-disabled,.inv-detail-action:disabled{opacity:.45;cursor:default;pointer-events:none}.admin-stats-row{display:flex;gap:12px;margin-bottom:20px}.admin-stat-card{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.admin-stat-value{font-size:18px;font-weight:700}.admin-stat-label{font-size:13px;font-weight:500;color:#64748b}.admin-stat-card.stat-pending .admin-stat-value{color:#f59e0b}.admin-stat-card.stat-teacher .admin-stat-value{color:#3b82f6}.admin-stat-card.stat-student .admin-stat-value{color:#2483ff}.admin-stat-card.stat-total .admin-stat-value{color:#64748b}.admin-pending-section{background:#fff;border-radius:12px;border:var(--border-panel);padding:20px;margin-bottom:20px}.admin-pending-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pending-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.pending-title{font-size:15px;font-weight:600;color:#1e293b}.pending-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fafafa;border-radius:10px;margin-bottom:8px}.pending-row:last-child{margin-bottom:0}.pending-user-info{display:flex;align-items:center;gap:12px}.pending-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600}.pending-details{display:flex;align-items:center;gap:8px}.pending-name{font-size:14px;font-weight:600;color:#1e293b}.pending-account{font-size:13px;color:#94a3b8}.pending-arrow{font-size:13px;color:#94a3b8;margin-left:4px}.pending-actions{display:flex;gap:8px}.btn-approve{padding:8px 18px;border-radius:8px;border:none;background:#22c55e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-approve:hover{background:#16a34a}.btn-reject{padding:8px 18px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-reject:hover{background:#f8fafc;border-color:#cbd5e1}.admin-member-section{background:#fff;border-radius:12px;border:var(--border-panel);overflow:hidden;width:100%;display:flex;flex-direction:column;height:calc(100vh - 232px)}.admin-member-header{display:flex;flex-direction:column;padding:16px 20px 12px;border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:10px}.admin-member-header-row1{display:flex;align-items:center;gap:16px}.admin-member-count{font-size:12px;font-weight:600;color:#94a3b8;white-space:nowrap;margin-left:4px}.admin-member-header-row2{display:flex;align-items:center;gap:8px}.admin-header-row2-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.admin-header-row2-right{display:flex;align-items:center;gap:8px;margin-left:auto}.admin-pane-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-pane-toolbar>.admin-pane-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.admin-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.admin-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.admin-icon-btn:disabled{cursor:default;opacity:.7}.admin-icon-btn.is-spinning svg{animation:admin-icon-spin 1.1s linear infinite;transform-origin:center}@keyframes admin-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.admin-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.admin-action-btn--primary{background:#2483ff;color:#fff;border-color:#2483ff}.admin-action-btn--primary:hover{background:#1677f2;border-color:#1677f2}.admin-action-btn--danger{background:#ef4444;color:#fff;border-color:#ef4444}.admin-action-btn--danger:hover{background:#dc2626;border-color:#dc2626}.member-batch-actions{display:none;align-items:center;gap:8px}.member-batch-actions.active{display:inline-flex}.admin-member-header-left{display:flex;align-items:center;gap:20px}.admin-role-filter{display:inline-flex;align-items:center;gap:2px}.admin-role-radio{display:flex;align-items:center;margin:0;cursor:pointer}.admin-role-radio input[type=radio]{display:none}.admin-role-radio span{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-role-radio span:hover{color:#2483ff;background:#f0f7ff}.admin-role-radio input[type=radio]:checked+span{background:#ecf4ff;color:#2483ff;border:1px solid #B8DEFF;font-weight:600;box-shadow:none}.admin-search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.admin-search-input{border:none;outline:none;font-size:13px;color:#1e293b;width:120px;background:transparent}.admin-search-input::placeholder{color:#94a3b8}.admin-member-table-wrapper{overflow-y:auto;overflow-x:visible;flex:1;min-height:0;width:100%}.admin-member-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-member-table thead tr{background:#f9fafb;border-bottom:1px solid #f1f5f9}.admin-member-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-member-table th.col-check{width:40px;padding-left:16px}.admin-member-table th.col-num{width:48px;text-align:center;white-space:nowrap}.admin-member-table th.col-member{width:auto}.admin-member-table th.col-role{width:252px;text-align:center}.admin-member-table th.col-phone{width:125px}.admin-member-table th.col-guardian{width:140px}.admin-member-table th.col-joined{width:130px}.admin-member-table th.col-activity{width:160px}.admin-member-table th.col-actions{width:100px;text-align:center}.admin-member-table td.col-member{overflow:hidden;text-overflow:ellipsis}.admin-member-table td.col-activity{display:flex;flex-direction:column;gap:2px}.admin-member-table td.col-phone{font-size:13px;color:#475569;font-family:inherit;letter-spacing:-.3px}.admin-member-table td.col-guardian{font-size:13px;color:#475569}.admin-member-table td.col-num{text-align:center;font-size:13px;color:#94a3b8;font-weight:500}.admin-member-table tbody tr{border-top:1px solid #f1f5f9;transition:background .15s ease}.admin-member-table tbody tr:hover{background:#fafafa}.admin-member-table td{padding:7px 12px;vertical-align:middle;font-size:13px}.admin-member-table td.col-actions{text-align:center}.admin-member-table td.col-check{padding-left:16px}.role-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.role-pill--admin{background:#f3e8ff;color:#7c3aed}.role-pill--manager{background:#ecf4ff;color:#2483ff}.role-pill--teacher{background:#fef3c7;color:#d97706}.role-pill--student{background:#d1fae5;color:#059669}.joined-cell{display:flex;flex-direction:column;gap:3px}.joined-date{font-size:13px;color:#1a1a2e;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:#22c55e}.status-dot.normal{background:#94a3b8}.status-dot.pending{background:#f59e0b}.status-badge.online{color:#059669}.status-badge.normal{color:#94a3b8}.status-badge.pending{color:#d97706}.guardian-relation{font-size:11px;color:#94a3b8;margin-left:2px}.member-info{display:flex;align-items:center;gap:10px}.member-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{font-size:14px;font-weight:500;color:#1e293b}.member-account{font-size:12px;color:#94a3b8}.activity-text{font-size:13px;color:#1a1a2e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:11px;color:#94a3b8;font-weight:500}.role-text{font-size:13px;font-weight:500;color:#64748b}.role-cell{display:grid;grid-template-columns:124px 96px;align-items:center;justify-items:center;gap:6px;white-space:nowrap}.practice-toggle{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#64748b;cursor:pointer}.practice-toggle input{margin:0;cursor:pointer}.practice-toggle input:disabled{cursor:default}.admin-member-table .role-select{box-sizing:border-box;width:100%;padding:6px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:13px;color:#475569;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;outline:none;transition:border-color .15s}.admin-member-table .role-select:hover{border-color:#cbd5e1}.admin-member-table .role-select:focus{border-color:#2483ff}.admin-member-table .account-kind-select{box-sizing:border-box;width:100%;padding:6px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:13px;color:#475569;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;outline:none;transition:border-color .15s}.admin-member-table .account-kind-select:hover{border-color:#cbd5e1}.admin-member-table .account-kind-select:focus{border-color:#2483ff}.account-kind-slot{display:inline-block}.more-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.more-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.more-btn svg{width:16px;height:16px}.detail-view-btn{padding:6px 14px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.detail-view-btn:hover{background:#f8fafc;border-color:#cbd5e1}.admin-member-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2483FF}.admin-pending-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.pending-header-left{display:flex;align-items:center;gap:10px}.pending-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#f59e0b}.pending-user-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#f59e0b;margin-right:4px}.pending-batch-actions{display:flex;gap:8px}.btn-batch-approve{padding:6px 14px;border-radius:6px;border:none;background:#22c55e;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-batch-approve:hover{background:#16a34a}.btn-batch-reject{padding:6px 14px;border-radius:6px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-batch-reject:hover{background:#fee2e2;border-color:#fca5a5}.admin-subtabs{display:flex;gap:0;padding:0;background:transparent;border-bottom:1px solid #e5e7eb;margin-bottom:10px}.admin-subtab{display:flex;align-items:center;gap:6px;padding:12px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-bottom:-1px}.admin-subtab:hover{color:#475569}.admin-subtab.active{color:#2483ff;border-bottom-color:#2483ff}.admin-subtab svg{flex-shrink:0}.admin-filter-dropdowns{display:flex;align-items:center;gap:6px;margin-left:12px}.admin-filter-select{padding:6px 28px 6px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;font-size:13px;font-weight:500;color:#475569;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.admin-filter-select:hover{border-color:#cbd5e1}.admin-filter-select:focus{border-color:#2483ff;box-shadow:0 0 0 2px #2483ff1f}.admin-filter-select:disabled{opacity:.5;cursor:not-allowed}.bulk-msg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center}.bulk-msg-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;width:840px;max-width:92vw;height:80vh;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:bulk-msg-enter .2s ease-out}@keyframes bulk-msg-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bulk-msg-header{padding:24px 28px 14px;position:relative}.bulk-msg-tabs{display:flex;gap:4px;padding:0 28px;border-bottom:1px solid rgba(0,0,0,.06)}.bulk-msg-tab{padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;position:relative}.bulk-msg-tab.is-active{color:#2483ff}.bulk-msg-tab.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:#2483ff;border-radius:2px}.bulk-msg-auto{padding:20px 28px;flex:1;min-height:0;overflow-y:auto}.bulk-msg-auto-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #E2E8F0;border-radius:12px}.bulk-msg-auto-title{font-size:14px;font-weight:700;color:#1a1a2e}.bulk-msg-auto-desc{margin-top:4px;font-size:12px;color:#94a3b8}.bulk-msg-auto-note{margin-top:10px;font-size:12px;color:#b45309}.bulk-msg-switch{flex-shrink:0;cursor:pointer}.bulk-msg-switch input{display:none}.bulk-msg-switch-track{display:block;width:44px;height:24px;border-radius:12px;background:#cbd5e1;position:relative;transition:background .2s}.bulk-msg-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.bulk-msg-switch input:checked+.bulk-msg-switch-track{background:#2483ff}.bulk-msg-switch input:checked+.bulk-msg-switch-track:after{transform:translate(20px)}.bulk-msg-switch input:disabled+.bulk-msg-switch-track{opacity:.5;cursor:not-allowed}.bulk-msg-body[hidden],.bulk-msg-auto[hidden],.bulk-msg-footer[hidden],.bulk-msg-auto-note[hidden]{display:none}.bulk-msg-header .ds-modal-close{position:absolute;top:16px;right:20px}.bulk-msg-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px 28px 24px;flex:1;min-height:0;overflow:hidden}.bulk-msg-body>div{display:flex;flex-direction:column;min-height:0}.bulk-msg-body>div>.bulk-msg-section:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.bulk-msg-section{margin-bottom:0}.bulk-msg-section-title{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.bulk-msg-channel-toggle{display:flex;border-radius:10px;border:1px solid rgba(0,0,0,.08);overflow:hidden}.bulk-msg-channel-btn{flex:1;padding:10px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;border:none;background:#fff;color:#475569;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.bulk-msg-channel-btn.active{background:#2483ff;color:#fff}.bulk-msg-channel-btn:not(.active):hover{background:#0000000a}.bulk-msg-info{font-size:11px;color:#94a3b8;line-height:1.6;margin-top:10px}.bulk-msg-info b{color:#1a1a2e}.bulk-msg-info-box{background:#ecf4ff;border:1px solid #C6DFFF;border-radius:8px;padding:12px 14px;font-size:12px;color:#2483ff;line-height:1.6}.bulk-msg-input{width:100%;padding:10px 14px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;color:#1a1a2e;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;font-family:inherit}.bulk-msg-input::placeholder{color:#cbd5e1}.bulk-msg-input:focus{border-color:#2483ff;box-shadow:0 0 0 3px #2483ff29}.bulk-msg-textarea{height:150px;resize:vertical;line-height:1.6}.bulk-msg-body>.bulk-msg-column--right>.bulk-msg-section--content{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.bulk-msg-body>.bulk-msg-column--right>.bulk-msg-section--attach{flex:0 0 auto;display:block;min-height:auto}.bulk-msg-section--content .bulk-msg-textarea{flex:1 1 auto;height:auto;min-height:150px}.bulk-msg-attach{display:flex;gap:8px}.bulk-msg-attach-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.bulk-msg-attach-btn:hover{background:#0000000a}.bulk-msg-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid rgba(0,0,0,.06)}.bulk-msg-send-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-msg-result{margin:0 28px 12px;padding:11px 14px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1.5}.bulk-msg-result[hidden]{display:none}.bulk-msg-result.is-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.bulk-msg-result.is-success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.bulk-msg-result.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.bulk-msg-result.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.bulk-msg-result-title{font-weight:700}.bulk-msg-result-detail{margin-top:6px}.bulk-msg-result-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.bulk-msg-result-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bulk-msg-result-list strong{color:inherit;flex-shrink:0}.bulk-msg-result-more{margin-top:5px;font-weight:600}.bulk-msg-role-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.bulk-msg-role-pill{padding:5px 14px;border-radius:20px;border:1px solid #E2E8F0;background:#fff;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.bulk-msg-role-pill.active{background:#ecf4ff;border-color:#2483ff;color:#2483ff}.bulk-msg-role-pill:not(.active):hover{border-color:#cbd5e1;color:#64748b}.bulk-msg-search-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.bulk-msg-search-bar:focus-within{border-color:#2483ff;box-shadow:0 0 0 3px #2483ff1f}.bulk-msg-search-input{border:none;outline:none;font-size:13px;color:#1a1a2e;flex:1;background:transparent;font-family:inherit}.bulk-msg-search-input::placeholder{color:#cbd5e1}.bulk-msg-select-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin-bottom:4px}.bulk-msg-select-bar span{font-size:12px;font-weight:700;color:#2483ff}.bulk-msg-select-actions{display:flex;gap:8px}.bulk-msg-link-btn{background:none;border:none;font-size:11px;font-weight:600;color:#94a3b8;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .15s;font-family:inherit}.bulk-msg-link-btn:hover{color:#2483ff;background:#ecf4ff}.bulk-msg-member-list{flex:1;min-height:120px;overflow-y:auto;border:1px solid rgba(0,0,0,.06);border-radius:10px;background:#fafbfc}.bulk-msg-member-list::-webkit-scrollbar{width:5px}.bulk-msg-member-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.bulk-msg-member-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.bulk-msg-member-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(0,0,0,.04)}.bulk-msg-member-item:last-child{border-bottom:none}.bulk-msg-member-item:hover{background:#2483ff0a}.bulk-msg-member-item.is-selected{background:#2483ff0f}.bulk-msg-member-item input[type=checkbox]{accent-color:#2483FF;width:15px;height:15px;cursor:pointer;flex-shrink:0}.bulk-msg-member-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.bulk-msg-member-name{font-size:13px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-msg-member-meta{font-size:11px;color:#94a3b8}.bulk-msg-member-phone{font-size:11px;color:#64748b;font-family:Courier New,monospace;flex-shrink:0}.bulk-msg-member-empty{text-align:center;padding:28px 20px;font-size:13px;color:#94a3b8}.ds-overlay .ps-connect-modal{width:720px;height:404px;box-sizing:border-box;animation:none}.ps-connect-modal .ds-modal-header{min-height:60px;padding:0 24px}.ps-connect-title-row{display:flex;align-items:center;gap:8px;min-width:0}.ps-connect-title-row .ds-modal-title{font-size:18px;font-weight:700}.ps-slot-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.ps-slot-back:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.ps-slot-back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ps-connect-modal .ds-modal-body{padding:16px 28px}.ps-connect-choice-body{display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.ps-connect-prompt{margin:0 0 16px;color:var(--color-text-tertiary);font-size:13px;line-height:1.4}.ps-connect-grid{display:grid;gap:12px}.ps-connect-grid--space{grid-template-columns:repeat(4,minmax(0,1fr))}.ps-connect-grid--slot{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-connect-modal .ps-connect-opt,.ps-connect-modal .ps-slot-opt{min-height:176px;box-sizing:border-box}.ps-connect-loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:13px}.ps-connect-list-body{display:flex;flex-direction:column;overflow:hidden}.ps-connect-search-wrap{flex:0 0 auto;margin-bottom:12px}.ps-connect-search-wrap .ps-portal-search{width:100%;height:38px;box-sizing:border-box;font-size:13px}.ps-connect-modal .ps-portal-list{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.ps-connect-empty{margin:auto 0;padding:24px 16px;text-align:center;color:var(--color-text-tertiary);font-size:13px}.ps-connect-modal .ds-modal-footer{min-height:60px;padding:12px 24px;box-sizing:border-box;flex-shrink:0}@media(max-width:640px){.ps-connect-choice-body{justify-content:flex-start}.ps-connect-grid--space,.ps-connect-grid--slot{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:468px){.ps-connect-choice-body{justify-content:flex-start}}.lobby-notice-admin-modal{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 64px)}.lobby-notice-admin-modal .ds-modal-body{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:16px;overflow-y:auto}.lobby-notice-admin-modal .ds-field,.lobby-notice-admin-modal .ds-input,.lobby-notice-admin-modal .ds-dropzone{font-size:var(--font-size-sm)}.ln-notice-full{grid-column:1 / -1}.ln-notice-subtab-hidden{display:none}#admin-subtab-notices .cm-table-wrap{height:480px;overflow:auto}#admin-subtab-notices .cm-table thead th{position:sticky;top:0;z-index:1;background:var(--color-surface-card)}.ln-notice-empty{display:flex;height:100%;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:14px}.ln-notice-body-input{min-height:148px;height:148px;resize:vertical}.ln-notice-dropzone{height:120px}.ln-notice-image-picker{position:relative}.ln-notice-dropzone{overflow:hidden}.ln-notice-dropzone [data-ln-preview]{width:100%;height:100%;object-fit:contain}.mail-page{--mail-primary: var(--color-primary, #2483ff);--mail-primary-soft: var(--color-primary-soft, #ecf4ff);--mail-primary-border: var(--color-primary-border, #c6dfff);--mail-text: var(--color-text-primary, #1a1a2e);--mail-text-secondary: var(--color-text-secondary, #475569);--mail-text-muted: #8a99ad;--mail-border: #dfe7f1;--mail-border-soft: #edf1f6;--mail-surface-subtle: #fbfdff;--mail-disabled-bg: #f6f8fb;--mail-disabled-text: #a4afbd;display:grid;gap:20px;padding-bottom:32px;color:var(--mail-text)}.mail-composer,.mail-recent{background:#fff;border:1px solid var(--mail-border);border-radius:12px;box-shadow:0 2px 8px #1b375a0a;overflow:hidden}.mail-composer-form{display:flex;flex-direction:column}.mail-composer-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,1fr);gap:28px;padding:24px 22px 20px}.mail-column{min-width:0;display:flex;flex-direction:column}.mail-column--recipients{border-left:1px solid var(--mail-border-soft);padding-left:28px}.mail-section-heading{margin-bottom:24px}.mail-section-heading-title{display:flex;align-items:center;gap:8px;color:var(--mail-primary)}.mail-section-heading-title h2{margin:0;font-size:18px;line-height:24px;font-weight:700;color:var(--mail-text)}.mail-section-heading p{margin:4px 0 0;font-size:13px;line-height:20px;color:var(--mail-text-muted)}.mail-field{display:flex;flex-direction:column;gap:6px;min-width:0}.mail-field+.mail-field{margin-top:18px}.mail-field-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--mail-text)}.mail-field-info{display:inline-flex;color:var(--mail-text-muted);cursor:help}.mail-page .ds-input.mail-input{height:40px;padding:0 13px;border-radius:8px;border-color:var(--mail-border);font-size:13px;font-weight:500}.mail-page .ds-input.mail-input:hover:not(:disabled){border-color:#c9d5e3}.mail-page .ds-input.mail-input:focus{border-color:var(--mail-primary);box-shadow:0 0 0 2px var(--color-primary-focus, rgba(36, 131, 255, .16))}.mail-page .ds-input:disabled{background:var(--mail-disabled-bg);border-color:var(--mail-border-soft);color:var(--mail-disabled-text);cursor:not-allowed}.mail-page .ds-input::placeholder{color:#9aa8b8;font-weight:400}.mail-page .ds-input.mail-textarea{height:145px;min-height:142px;max-height:260px;padding:13px;border-radius:8px;border-color:var(--mail-border);font-size:13px;font-weight:500;line-height:1.55;resize:vertical}.mail-page .ds-input.mail-textarea:hover:not(:disabled){border-color:#c9d5e3}.mail-page .ds-input.mail-textarea:focus{border-color:var(--mail-primary);box-shadow:0 0 0 2px var(--color-primary-focus, rgba(36, 131, 255, .16))}.mail-counter{align-self:flex-end;margin-top:-2px;font-size:12px;color:var(--mail-text-muted)}.mail-field--body+.mail-field{margin-top:16px}.mail-reward-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:6px 12px 6px 13px;border:1px solid var(--mail-border);border-radius:8px;background:#f8fafc}.mail-reward-empty{font-size:13px;color:var(--mail-text-secondary)}.mail-reward-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.mail-reward-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid var(--mail-border);border-radius:6px;background:#fff;font-size:12px;font-weight:600;color:var(--mail-text);white-space:nowrap}.mail-reward-chip--cell{border-color:var(--mail-primary-border);color:var(--mail-primary)}.mail-reward-chip--exp{border-color:#bfe8d4;color:#22985b}.mail-reward-add{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;height:32px;padding:0 13px;border:1px solid var(--mail-primary-border);border-radius:7px;background:#fff;color:var(--mail-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease)}.mail-reward-add:hover{background:var(--mail-primary-soft);border-color:var(--mail-primary)}.mail-reward-add:active{background:#e3efff}.mail-reward-add:focus-visible{outline:2px solid var(--mail-primary);outline-offset:2px}.mail-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:38px;border:1px solid var(--mail-border);border-radius:8px;background:#fff;overflow:hidden}.mail-segment{position:relative;display:flex;min-width:0;cursor:pointer}.mail-segment+.mail-segment{border-left:1px solid var(--mail-border-soft)}.mail-segment input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mail-segment span{display:flex;flex:1;align-items:center;justify-content:center;padding:0 6px;font-size:13px;font-weight:500;color:var(--mail-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.mail-segment:hover span{background:#f8fafc}.mail-segment input:checked+span{background:var(--mail-primary-soft);color:var(--mail-primary);font-weight:600;box-shadow:inset 0 0 0 1px var(--mail-primary-border)}.mail-segment input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--mail-primary)}.mail-target{display:flex;flex-direction:column;margin-top:20px;min-height:294px}.mail-search{position:relative;display:flex}.mail-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mail-text-muted);pointer-events:none}.mail-page .mail-search .ds-input.mail-input{width:100%;padding-left:38px}.mail-recipient-list{flex:1;height:208px;min-height:200px;max-height:220px;margin-top:12px;border:1px solid var(--mail-border);border-radius:8px;background:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.mail-recipient-list::-webkit-scrollbar{width:6px}.mail-recipient-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.mail-recipient-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:41px;padding:0 12px 0 10px;border-bottom:1px solid var(--mail-border-soft);cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.mail-recipient-row:last-child{border-bottom:0}.mail-recipient-row:hover{background:#f6f9fd}.mail-recipient-row:has(input:checked){background:#fbfdff}.mail-recipient-row input{width:16px;height:16px;margin:0;accent-color:var(--mail-primary);cursor:pointer}.mail-recipient-row input:focus-visible{outline:2px solid var(--mail-primary);outline-offset:2px}.mail-recipient-name{font-size:13px;font-weight:600;color:var(--mail-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-recipient-id{max-width:160px;font-size:12px;font-weight:500;color:var(--mail-text-muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-recipient-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;font-size:13px;color:var(--mail-text-muted)}.mail-target-panel{flex:1}.mail-target-panel .mail-field{margin-top:0}.mail-target-note{padding:12px 13px;border:1px solid var(--mail-border);border-radius:8px;background:#f8fafc;font-size:13px;color:var(--mail-text-secondary)}.mail-recipient-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding-top:8px;font-size:13px;color:var(--mail-text)}.mail-recipient-summary b{color:var(--mail-primary);font-weight:700}.mail-recipient-summary-left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-recipient-summary-right{flex-shrink:0;color:var(--mail-text-muted)}.mail-action-bar{display:grid;grid-template-columns:minmax(120px,1fr) auto 240px auto;align-items:center;column-gap:24px;min-height:68px;padding:0 20px;border-top:1px solid var(--mail-border);background:var(--mail-surface-subtle)}.mail-action-count{min-width:0;font-size:14px;color:var(--mail-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-action-count b{color:var(--mail-primary);font-weight:700}.mail-send-modes{display:flex;align-items:center;gap:26px}.mail-radio{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--mail-text);cursor:pointer;white-space:nowrap}.mail-radio input{width:16px;height:16px;margin:0;accent-color:var(--mail-primary);cursor:pointer}.mail-radio input:focus-visible{outline:2px solid var(--mail-primary);outline-offset:2px}.mail-schedule{position:relative;display:flex}.mail-schedule svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mail-text-muted);pointer-events:none}.mail-page .mail-schedule .ds-input.mail-input{width:100%;padding-left:36px}.mail-schedule:has(.mail-input:disabled) svg{color:var(--mail-disabled-text)}.mail-action-buttons{display:flex;align-items:center;gap:10px}.mail-page .ds-btn.mail-btn{height:40px;min-width:108px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600}.mail-page .ds-btn-secondary.mail-btn{background:#fff;border-color:var(--mail-border);color:var(--mail-text)}.mail-page .ds-btn-secondary.mail-btn:hover:not(:disabled){background:#f8fafc;border-color:#c9d5e3}.mail-page .ds-btn-primary.mail-btn[aria-busy=true]{background:var(--mail-primary);color:#fff;opacity:.7;cursor:progress}.mail-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 20px}.mail-recent-head-title{display:flex;align-items:center;gap:8px;color:var(--mail-primary)}.mail-recent-head-title h2{margin:0;font-size:15px;font-weight:700;color:var(--mail-text)}.mail-recent-total{font-size:12px;font-weight:500;color:var(--mail-text-muted)}.mail-recent-toggle{display:inline-flex;align-items:center;gap:2px;padding:4px 2px;border:0;border-radius:6px;background:transparent;color:var(--mail-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.mail-recent-toggle:hover{text-decoration:underline}.mail-recent-toggle:focus-visible{outline:2px solid var(--mail-primary);outline-offset:2px}.mail-recent-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.mail-recent-table-wrap{padding:0 20px 14px;overflow-x:auto}.mail-recent-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.mail-recent-table th,.mail-recent-table td{padding:0 11px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-recent-table th{height:28px;background:#f6f9fc;font-size:11px;font-weight:600;color:var(--mail-text-secondary)}.mail-recent-table td{height:36px;border-bottom:1px solid var(--mail-border-soft);color:var(--mail-text)}.mail-recent-table tbody tr:last-child td{border-bottom:0}.mail-recent-table th:nth-child(1){width:20%}.mail-recent-table th:nth-child(2){width:24%}.mail-recent-table th:nth-child(3){width:14%}.mail-recent-table th:nth-child(4){width:11%}.mail-recent-table th:nth-child(5){width:18%}.mail-recent-table th:nth-child(6){width:13%}.mail-recent-table--full th:nth-child(1){width:17%}.mail-recent-table--full th:nth-child(2){width:21%}.mail-recent-table--full th:nth-child(3){width:11%}.mail-recent-table--full th:nth-child(4){width:9%}.mail-recent-table--full th:nth-child(5){width:12%}.mail-recent-table--full th:nth-child(6){width:13%}.mail-recent-table--full th:nth-child(7){width:11%}.mail-recent-table--full th:nth-child(8){width:6%}.mail-recent-td-action{text-align:right;overflow:visible}.mail-recent-empty{display:flex;align-items:center;justify-content:center;min-height:64px;margin:0 20px 14px;border:1px dashed var(--mail-border);border-radius:8px;font-size:13px;color:var(--mail-text-muted)}.mail-recent-pager{padding:4px 20px 14px}.mail-status{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600}.mail-status--scheduled{color:#2f80ed;background:#eaf3ff}.mail-status--sent{color:#22985b;background:#e7f8ee}.mail-status--cancelled{color:#64748b;background:#f1f5f9}.mail-admin-reward-row{display:grid;grid-template-columns:110px 100px minmax(0,1fr) auto;gap:8px;margin-bottom:8px;align-items:center}.mail-admin-reward-row .ds-btn-sm{grid-column:4;height:36px;padding:0 12px}.mail-admin-empty-inline{display:flex;align-items:center;min-height:36px;margin-bottom:8px;color:#94a3b8;font-size:13px}.mail-admin-body{min-height:104px;resize:vertical}.mail-admin-modal{width:min(620px,calc(100vw - 32px))}.mail-admin-modal .ds-modal-body{display:grid;gap:14px}.mail-admin-modal .ds-modal-body>.mail-reward-add{justify-self:start}.mail-preview-modal .ds-modal-body{gap:16px}.mail-preview-card{padding:16px 18px;border:1px solid #e8ecf2;border-radius:12px;background:#fff}.mail-preview-card-title{margin:0;font-size:15px;font-weight:600;line-height:1.35;color:#172033;word-break:break-word}.mail-preview-card-body{margin:8px 0 0;font-size:13px;line-height:1.6;color:#475569;white-space:pre-wrap;word-break:break-word}.mail-preview-card .mail-reward-chips{margin-top:12px}.mail-preview-placeholder{color:#a4afbd;font-weight:400}.mail-preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.mail-preview-meta div{display:flex;flex-direction:column;gap:4px}.mail-preview-meta dt{font-size:12px;font-weight:600;color:#8a99ad}.mail-preview-meta dd{margin:0;font-size:13px;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1279px){.mail-composer-body{gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr)}.mail-column--recipients{padding-left:20px}.mail-action-bar{grid-template-columns:minmax(96px,1fr) auto 220px auto;column-gap:16px}}@media(max-width:1079px){.mail-composer-body{grid-template-columns:1fr}.mail-column--recipients{border-left:0;border-top:1px solid var(--mail-border-soft);padding-left:0;padding-top:24px}.mail-action-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count modes" "schedule buttons";row-gap:12px;padding:14px 20px}.mail-action-count{grid-area:count}.mail-send-modes{grid-area:modes;justify-self:end}.mail-schedule{grid-area:schedule;max-width:260px}.mail-action-buttons{grid-area:buttons;justify-self:end}}@media(max-width:720px){.mail-page{padding-bottom:24px}.mail-composer-body{padding:18px 16px 16px}.mail-target{min-height:0}.mail-action-bar{grid-template-columns:1fr;grid-template-areas:"count" "modes" "schedule" "buttons";padding:14px 16px}.mail-send-modes,.mail-action-buttons{justify-self:stretch}.mail-schedule{max-width:none}.mail-action-buttons .mail-btn{flex:1;min-width:0}.mail-recent-head,.mail-recent-table-wrap,.mail-recent-pager{padding-left:16px;padding-right:16px}.mail-recent-table{table-layout:auto;min-width:560px}.mail-recent-empty{margin-left:16px;margin-right:16px}.mail-admin-reward-row{grid-template-columns:1fr 1fr auto}.mail-admin-reward-row .ds-btn-sm{grid-column:3}.mail-admin-reward-row input[list]{grid-column:1 / -1}.mail-preview-meta{grid-template-columns:1fr}}.ln-notice-remove-image{position:absolute;top:8px;right:8px;display:inline-flex;width:28px;height:28px;padding:0;align-items:center;justify-content:center;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;line-height:1;cursor:pointer}.ln-notice-remove-image:hover{background:#000000b8}.ln-notice-remove-image[hidden]{display:none}.ln-notice-optional{color:var(--color-text-tertiary)}.ln-notice-label-row{display:inline-flex;align-items:baseline;gap:4px}.ds-action-menu-root{position:relative;display:inline-flex}.ds-action-menu-trigger{display:inline-flex;width:32px;height:32px;padding:0;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.ds-action-menu-trigger:hover{background:#0000000a}.ds-action-menu{position:fixed;z-index:var(--z-panel);width:168px;padding:4px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-card);box-shadow:var(--shadow-float)}.ds-action-menu-item{display:flex;width:100%;min-height:36px;padding:0 8px;align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.ds-action-menu-item:hover,.ds-action-menu-item:focus,.ds-action-menu-item:focus-visible{outline:none;background:#0000000a}.ds-action-menu-item--danger{color:var(--color-danger-hover)}.ds-action-menu-separator{height:1px;margin:4px;background:var(--color-border-light)}.ln-notice-checkbox-group{display:flex;flex-wrap:wrap;gap:8px 16px}.ln-notice-checkbox{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);cursor:pointer}.ln-notice-checkbox input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--color-primary)}.aco-sync-time{font-size:12px;color:#94a3b8;white-space:nowrap}.admin-trial-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.admin-trial-list-section{display:flex;min-height:286px;overflow:hidden}#trial-cohort-list{display:flex;flex:1;flex-direction:column}.trial-issue-modal{width:480px}.trial-issue-modal .ds-modal-body{padding:20px 24px}.trial-issue-modal .ds-field-row{margin-top:14px}.trial-issue-field--full{width:100%}.trial-issue-field--time{flex:1;min-width:0}.trial-accounts-modal{width:min(880px,calc(100vw - 32px))}.trial-accounts-modal .ds-modal-body{padding:16px 24px 24px}.trial-accounts-list{display:flex;min-height:160px;max-height:60vh;flex-direction:column;overflow:auto;border:1px solid #e5e7eb;border-radius:12px}.trial-accounts-table td{white-space:nowrap}.trial-account-credential{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.trial-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#475569;cursor:pointer}.trial-copy-btn:hover{background:#dbeafe;color:#2483ff}.admin-trial-table{width:100%;border-collapse:collapse;font-size:13px}.admin-trial-table th,.admin-trial-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}.admin-trial-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.admin-trial-table tbody tr:last-child td{border-bottom:0}.admin-trial-link-cell{display:flex;align-items:center;gap:4px;min-width:0}.admin-trial-link-text{min-width:0;overflow-wrap:anywhere;word-break:break-all}.admin-trial-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.admin-trial-delete-btn:disabled{cursor:not-allowed;opacity:.45}.admin-trial-table .status-badge{white-space:nowrap}.admin-trial-empty{display:flex;flex:1;align-items:center;justify-content:center;padding:28px 16px;color:#94a3b8;font-size:13px;text-align:center}.status-dot.trial-danger{background:#dc2626}.status-badge.trial-danger{color:#dc2626}@media(max-width:760px){.admin-trial-table-wrapper{overflow-x:auto}.admin-trial-table{min-width:760px}}.cm-root{padding:16px;color:var(--color-text-primary, #1a1a2e)}.cm-summary,.cm-filters,.cm-actions,.cm-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cm-summary{align-items:stretch;gap:10px;margin-bottom:14px}.cm-filters,.cm-actions{margin:10px 0}.cm-total,.cm-language{min-width:88px;padding:10px 12px;border:1px solid var(--color-border, rgba(0, 0, 0, .08));border-radius:10px;background:#fff}button.cm-language{cursor:pointer;text-align:left}button.cm-language:hover{border-color:#2483ff;background:#ecf4ff}.cm-total b,.cm-language b{display:block;font-size:18px}.cm-total span,.cm-language span,.cm-result{color:var(--color-text-secondary, #475569);font-size:12px}.cm-language-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.cm-filters select,.cm-filters input,.cm-edit{height:36px;padding:0 10px;border:1px solid var(--color-border, rgba(0, 0, 0, .08));border-radius:8px;color:var(--color-text-primary, #1a1a2e);background:#fff}.cm-filters input{min-width:220px}.cm-table-wrap{overflow:auto;border:1px solid var(--color-border, rgba(0, 0, 0, .08));border-radius:10px}.cm-table{width:100%;border-collapse:collapse;font-size:13px}.cm-table th,.cm-table td{padding:11px 10px;border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .06));text-align:left;vertical-align:middle}.cm-table th{white-space:nowrap;color:var(--color-text-secondary, #475569);font-size:12px}.cm-table tbody tr:hover{background:#0000000a}.cm-table tbody tr.cm-selected{background:#ecf4ff}.cm-prompt{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-badge{display:inline-block;padding:3px 7px;border:1px solid #c6dfff;border-radius:999px;color:#2483ff;background:#ecf4ff;font-size:11px;font-weight:700}.cm-badge.rejected{color:#dc2626;background:#fff;border-color:#fecaca}.cm-badge.draft{color:#475569;background:#fff;border-color:#00000014}.cm-verdict{font-size:11px;font-weight:700}.cm-verdict.pass{color:#16a34a}.cm-verdict.fail,.cm-errors{color:#dc2626}.cm-verdict.none{color:#94a3b8}.cm-modal{display:flex;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 64px);flex-direction:column}.cm-modal .ds-modal-body{overflow:auto}.cm-section{margin:16px 0}.cm-section h3{margin:0 0 8px;font-size:14px}.cm-code{overflow:auto;padding:12px;border-radius:8px;background:#0000000a;white-space:pre-wrap}.cm-edit{box-sizing:border-box;width:100%;margin:4px 0}.cm-edit-area{height:auto;min-height:100px;padding:10px;font-family:ui-monospace,monospace;resize:vertical}.cm-errors{margin-top:8px;font-size:13px;white-space:pre-line}.cm-edit-panel[hidden]{display:none}.cm-sample-position{margin-right:auto;color:var(--color-text-secondary, #475569);font-size:12px;font-variant-numeric:tabular-nums}@media(max-width:800px){.cm-table{min-width:1040px}}.udm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center}.udm-container{background:#fff;border-radius:20px;width:1320px;max-width:96vw;height:calc(100vh - 80px);max-height:900px;box-shadow:0 24px 80px #00000038;overflow:hidden;display:flex;flex-direction:column}.udm-header{padding:0 22px;height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0;background:#fff}.udm-header-left{display:flex;align-items:center;gap:10px}.udm-header-title{font-size:17px;font-weight:700;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:10px}.udm-role-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.udm-role-badge.role-admin{background:#ecf4ff;border:1px solid #C6DFFF;color:#2483ff}.udm-role-badge.role-manager{background:#f3e8ff;border:1px solid #DDD6FE;color:#7c3aed}.udm-role-badge.role-teacher{background:#dbeafe;border:1px solid #BFDBFE;color:#2563eb}.udm-role-badge.role-student{background:#d1fae5;border:1px solid #A7F3D0;color:#059669}.udm-online-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.udm-online-badge.is-online{color:#10b981}.udm-online-badge.is-offline{color:#94a3b8}.udm-online-dot{width:7px;height:7px;border-radius:50%}.udm-online-badge.is-online .udm-online-dot{background:#10b981;animation:udm-pulse 2s ease-in-out infinite}.udm-online-badge.is-offline .udm-online-dot{background:#cbd5e1;animation:none}@keyframes udm-pulse{0%,to{opacity:1}50%{opacity:.4}}.udm-header-right{display:flex;align-items:center;gap:10px}.udm-close-btn{width:34px;height:34px;border-radius:10px;background:transparent;border:none;cursor:pointer;padding:0;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:all .15s}.udm-close-btn:hover{background:#0000000a;color:#475569}.udm-body{display:flex;flex:1;overflow:hidden;min-height:0;background:#f7f8fa}.udm-left-area{width:calc(100% - 393px);min-width:0;display:flex;flex-direction:column;overflow:hidden}.udm-tab-bar{display:flex;gap:0;padding:0 22px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;height:44px}.udm-subtab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border:none;border-bottom:3px solid transparent;background:transparent;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;height:100%}.udm-subtab:hover{color:#1a1a2e}.udm-subtab.active{color:#2483ff;border-bottom-color:#2483ff}.udm-panels-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.udm-panels-area,.udm-comm-history{scrollbar-width:auto;scrollbar-color:#d1d5db transparent}.udm-panels-area::-webkit-scrollbar,.udm-comm-history::-webkit-scrollbar{width:14px}.udm-panels-area::-webkit-scrollbar-track,.udm-comm-history::-webkit-scrollbar-track{background:transparent}.udm-panels-area::-webkit-scrollbar-thumb,.udm-comm-history::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.udm-panels-area::-webkit-scrollbar-thumb:hover,.udm-comm-history::-webkit-scrollbar-thumb:hover{background:#9ca3af}.udm-subtab-panel{display:none}.udm-subtab-panel.active{display:flex;flex-direction:column;flex:1;min-height:0}.udm-comm-panel{width:380px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid rgba(0,0,0,.08)}.udm-comm-header{padding:18px 18px 14px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.udm-comm-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:6px}.udm-comm-desc{font-size:12px;color:#94a3b8;margin:0 0 12px}.udm-comm-tabs{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;gap:3px}.udm-comm-tab{flex:1;padding:7px 0;border:1px solid transparent;border-radius:6px;background:transparent;color:#475569;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.udm-comm-tab:hover{color:#1a1a2e}.udm-comm-tab.active{background:#ecf4ff;border-color:#c6dfff;color:#2483ff;font-weight:600}.udm-comm-tab--disabled,.udm-comm-tab--disabled:hover{opacity:.4;cursor:not-allowed;color:#94a3b8}.udm-comm-history{flex:1;overflow-y:auto;padding:14px;background:#f7f8fa;display:flex;flex-direction:column;gap:12px}.udm-comm-empty{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.udm-comm-empty-title{font-size:13px;font-weight:700;color:#475569}.udm-comm-empty-illus{width:96px;height:96px;margin-bottom:14px;border-radius:50%;background:#eff4ff;color:#9bbef0;display:flex;align-items:center;justify-content:center}.udm-comm-empty-illus svg{width:48px;height:48px}.udm-comm-empty-desc{max-width:240px;font-size:12px;line-height:1.5;color:#94a3b8}.udm-comm-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px}.udm-comm-card-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.udm-comm-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.udm-comm-badge.type-memo{background:#ecf4ff;color:#2483ff}.udm-comm-badge.type-sms{background:#fef3c7;color:#d97706}.udm-comm-badge.type-dorotalk{background:#d1fae5;color:#059669}.udm-comm-card-who{font-size:12px;font-weight:600;color:#1a1a2e}.udm-comm-card-date{font-size:10px;color:#94a3b8;margin-left:auto}.udm-comm-card-delete{margin-left:4px;border:none;background:transparent;color:#cbd5e1;cursor:pointer;font-size:12px;padding:2px;line-height:1;border-radius:4px;transition:all .15s}.udm-comm-card-delete:hover{color:#dc2626;background:#fee2e2}.udm-comm-card-text{font-size:13px;color:#475569;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.udm-comm-input{padding:14px;background:#fff;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0}.udm-comm-textarea{width:100%;min-height:64px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:13px;line-height:1.5;color:#1a1a2e;font-family:inherit;outline:none;resize:vertical;box-sizing:border-box;background:#fff}.udm-comm-textarea:focus{border-color:#2483ff;box-shadow:0 0 0 3px #2483ff29}.udm-comm-textarea::placeholder{color:#cbd5e1}.udm-comm-input-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:8px}.udm-comm-attach{display:flex;gap:6px;margin-right:auto}.udm-comm-attach-btn{height:32px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:600;color:#475569;background:#fff;border:1px solid rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-family:inherit;transition:all .15s}.udm-comm-attach-btn:hover{background:#ecf4ff;border-color:#c6dfff;color:#2483ff}.udm-comm-input .udm-btn-primary{height:36px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:700}.udm-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.udm-summary-card{min-height:68px;padding:0 16px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:12px;text-align:left}.udm-summary-card-icon{width:36px;height:36px;border-radius:999px;background:#ecf4ff;color:#2483ff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.udm-summary-card-icon.is-online{background:#10b9811f;color:#10b981}.udm-summary-card-icon.is-offline{background:#f1f5f9;color:#94a3b8}.udm-summary-card-body{display:flex;flex-direction:column}.udm-summary-card-label{font-size:11px;color:#94a3b8;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:4px}.udm-inline-edit-btn{width:20px;height:20px;border-radius:5px;border:none;background:transparent;color:#cbd5e1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.udm-inline-edit-btn:hover{background:#ecf4ff;color:#2483ff}.udm-inline-edit-btn.is-confirming{color:#10b981}.udm-inline-edit-btn.is-confirming:hover{background:#10b9811a;color:#059669}.udm-summary-card-value{font-size:14px;font-weight:700;color:#1a1a2e}.udm-summary-card-value.online{color:#10b981}.udm-overview-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;margin-bottom:10px}.udm-overview-card h3{margin:0 0 8px;font-size:14px;font-weight:700;color:#1a1a2e}.udm-overview-card p{margin:0 0 10px;font-size:13px;line-height:1.6;color:#475569}.udm-overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.udm-overview-metric{min-height:52px;padding:9px 12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#f8fafc}.udm-overview-metric span{display:block;margin-bottom:4px;font-size:11px;font-weight:600;color:#94a3b8}.udm-overview-metric strong{font-size:14px;font-weight:700;color:#1a1a2e}.udm-subtab-panel.udm-act.active{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;padding-bottom:2px}.udm-act-card{display:flex;flex-direction:column;flex:1 1 0;min-height:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px #1018280a}.udm-act-growth{flex-grow:1.05;min-height:188px}.udm-act-collection{flex-grow:1.25;min-height:212px}.udm-act-attend{flex-grow:.85;min-height:150px}.udm-act-head{display:flex;align-items:center;gap:9px;flex-shrink:0}.udm-act-head h3{margin:0;font-size:15px;font-weight:800;color:#1a1a2e;letter-spacing:-.01em}.udm-act-head-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#eff4ff;color:#2483ff}.udm-act-head-icon .material-symbols-rounded{font-size:18px}.udm-act-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:14px;margin-top:14px}.udm-act-metrics{display:grid;gap:10px}.udm-act-metrics--3{grid-template-columns:repeat(3,1fr)}.udm-act-metrics--2{grid-template-columns:repeat(2,1fr)}.udm-act-metric{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:78px;padding:14px 16px;border:1px solid rgba(0,0,0,.07);border-radius:13px;background:#f8fafc}.udm-act-metric.is-primary{background:#eff4ff;border-color:#d5e4ff}.udm-act-metric-label{font-size:12px;font-weight:600;color:#94a3b8}.udm-act-metric-value{font-size:21px;font-weight:800;color:#1a1a2e;letter-spacing:-.02em;line-height:1.1}.udm-act-metric.is-primary .udm-act-metric-value{color:#2483ff}.udm-act-metric-value em{font-style:normal;font-size:13px;font-weight:700;color:#94a3b8;margin-left:1px}.udm-act-equip{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:13px;background:#f8fafc;border:1px solid rgba(0,0,0,.06)}.udm-act-equip-label{font-size:12px;font-weight:700;color:#64748b;position:relative;padding-right:12px}.udm-act-equip-label:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#0000001f}.udm-act-equip-value{font-size:13px;font-weight:600;color:#1a1a2e}.udm-act-equip-value.is-empty{color:#94a3b8;font-weight:500}.udm-act-progress{display:flex;flex-direction:column}.udm-act-progress-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#475569;margin-bottom:8px}.udm-act-progress-track{height:8px;border-radius:999px;background:#edf1f5;overflow:hidden}.udm-act-progress-fill{height:100%;background:linear-gradient(90deg,#2483ff,#4f9bff);border-radius:999px;min-width:0}.udm-subtab-panel.udm-lec.active{display:flex;flex-direction:column;gap:16px}.udm-lec-bar{height:6px;border-radius:999px;background:#edf1f5;overflow:hidden}.udm-lec-bar-fill{height:100%;background:#2483ff;border-radius:999px}.udm-lec-summary{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px #1018280a}.udm-lec-summary-title{font-size:15px;font-weight:800;color:#1a1a2e;letter-spacing:-.01em;margin-bottom:14px}.udm-lec-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.udm-lec-sum{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(0,0,0,.07);border-radius:13px;background:#f8fafc}.udm-lec-sum-ico{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}.udm-lec-sum-ico .material-symbols-rounded{font-size:21px}.udm-lec-sum-ico.is-blue{background:#eff4ff;color:#2483ff}.udm-lec-sum-ico.is-green{background:#ecfdf3;color:#12b76a}.udm-lec-sum-ico.is-purple{background:#f4f0ff;color:#7a5af8}.udm-lec-sum-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.udm-lec-sum-label{font-size:12px;font-weight:600;color:#94a3b8}.udm-lec-sum-val{font-size:20px;font-weight:800;color:#1a1a2e;letter-spacing:-.02em;line-height:1.1}.udm-lec-sum-rate{display:flex;align-items:center;gap:10px}.udm-lec-sum-rate .udm-lec-bar{flex:1}.udm-lec-list-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:-2px 0 -4px}.udm-lec-list{display:flex;flex-direction:column;gap:12px}.udm-lec-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 1px 2px #1018280a;overflow:hidden;transition:border-color .15s,box-shadow .15s;cursor:pointer}.udm-lec-card.is-open{border-color:#d5e4ff;box-shadow:0 4px 16px #2483ff14}.udm-lec-row{display:flex;align-items:flex-start;gap:12px;padding:14px 18px}.udm-lec-card.is-open .udm-lec-row{padding-bottom:4px}.udm-lec-row-ico{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#eff4ff;color:#2483ff;margin-top:1px}.udm-lec-row-ico .material-symbols-rounded{font-size:20px}.udm-lec-row-body{flex:1;min-width:0}.udm-lec-titleline{display:flex;align-items:center;gap:10px}.udm-lec-name{font-size:14.5px;font-weight:800;color:#1a1a2e;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.udm-lec-card.is-open .udm-lec-name{white-space:normal}.udm-lec-metaline{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:#64748b;flex-wrap:wrap}.udm-lec-meta-item{display:inline-flex;align-items:center;gap:4px}.udm-lec-meta-item .material-symbols-rounded{font-size:15px;color:#94a3b8}.udm-lec-meta-dot{color:#cbd5e1}.udm-lec-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.udm-lec-badge.status-completed{background:#ecfdf3;color:#067647}.udm-lec-badge.status-active{background:#eff4ff;color:#2483ff}.udm-lec-badge.status-scheduled{background:#f1f5f9;color:#475569}.udm-lec-badge.status-cancelled,.udm-lec-badge.pay-refunded,.udm-lec-badge.pay-cancelled{background:#fef3f2;color:#b42318}.udm-lec-badge.is-cert{background:#f1f5f9;color:#64748b}.udm-lec-inline{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:260px;flex-shrink:0}.udm-lec-inline-text{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;white-space:nowrap}.udm-lec-inline .udm-lec-bar{width:100%}.udm-lec-stat{font-weight:600}.udm-lec-stat b{font-weight:800;color:#1a1a2e}.udm-lec-sep{width:1px;height:11px;background:#0000001f}.udm-lec-closed-label{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;font-size:12px;font-weight:700;color:#2483ff;white-space:nowrap}.udm-lec-closed-label .material-symbols-rounded{font-size:17px}.udm-lec-badge-extra{display:none}.udm-lec-card.is-open .udm-lec-badge-extra{display:inline-flex}.udm-lec-card.is-open .udm-lec-inline,.udm-lec-card.is-open .udm-lec-closed-label,.udm-lec-detail{display:none}.udm-lec-card.is-open .udm-lec-detail{display:block;padding:4px 18px 16px}.udm-lec-assign-band{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:#f8fafc;margin-bottom:14px}.udm-lec-assign-stats{display:flex;align-items:center;gap:12px;font-size:12.5px;color:#475569;white-space:nowrap;flex-shrink:0}.udm-lec-bar--band{flex:1;min-width:80px}.udm-lec-open-label{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:700;color:#2483ff;cursor:pointer}.udm-lec-open-label .material-symbols-rounded{font-size:17px}.udm-lec-rounds-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.udm-lec-rounds-title{font-size:13px;font-weight:800;color:#1a1a2e}.udm-lec-rounds-legend{display:flex;gap:12px;font-size:12px;font-weight:600}.udm-legend-missing{color:#d92d20}.udm-legend-submitted{color:#067647}.udm-lec-rounds-empty{font-size:13px;color:#94a3b8;padding:10px 0}.udm-lec-table{border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;overflow-x:auto}.udm-lec-table-head,.udm-lec-table-body{display:flex}.udm-lec-table-head{background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.08)}.udm-lec-table-th{flex:1;min-width:52px;padding:7px 4px;text-align:center;font-size:12px;font-weight:700;color:#475569;border-right:1px solid rgba(0,0,0,.08)}.udm-lec-table-th:last-child{border-right:none}.udm-lec-table-td{flex:1;min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px;border-right:1px solid rgba(0,0,0,.08)}.udm-lec-table-td:last-child{border-right:none}.udm-lec-table-td .material-symbols-rounded{font-size:18px}.udm-lec-table-td span:last-child{font-size:11px;font-weight:600}.udm-lec-table-td.is-missing .material-symbols-rounded,.udm-lec-table-td.is-missing span:last-child{color:#d92d20}.udm-lec-table-td.is-submitted .material-symbols-rounded,.udm-lec-table-td.is-submitted span:last-child{color:#067647}@media(max-width:1100px){.udm-lec-inline{min-width:200px}.udm-lec-summary-grid{grid-template-columns:1fr}}.udm-info-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:4px 18px;background:#fff}.udm-activities-list{--udm-activity-row-height: 50px;flex:0 0 auto;height:calc((var(--udm-activity-row-height) * 5) + 2px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:0;display:flex;flex-direction:column}.udm-activities-list .udm-empty-state{border:none;background:transparent;border-radius:0;flex:1;height:100%;min-height:0}.udm-activity-item{display:flex;align-items:center;gap:8px;height:var(--udm-activity-row-height);padding:7px 14px;transition:background .15s ease}.udm-activity-item:hover{background:#00000005}.udm-activity-item+.udm-activity-item{border-top:1px solid rgba(0,0,0,.04)}.udm-activity-desc{flex:1;font-size:12px;font-weight:500;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udm-activity-time{flex-shrink:0;font-size:11px;font-weight:500;color:#94a3b8;white-space:nowrap}.udm-activity-icon{flex-shrink:0;font-size:16px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px}.udm-activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.udm-activity-label{font-size:11px;font-weight:600;color:#2483ff}.udm-empty-state{min-height:96px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;font-weight:500}.udm-empty-state-with-action{min-height:132px;flex-direction:column;gap:10px}.udm-empty-rich{min-height:280px;padding:24px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.udm-empty-rich-illus{width:96px;height:96px;margin-bottom:14px;border-radius:50%;background:#eff4ff;color:#9bbef0;display:flex;align-items:center;justify-content:center}.udm-empty-rich-illus svg{width:48px;height:48px}.udm-empty-rich-title{font-size:14px;font-weight:700;color:#475569}.udm-empty-rich-desc{font-size:12px;color:#94a3b8}.udm-section-title{font-size:14px;font-weight:700;color:#1a1a2e;margin:14px 0 8px;display:flex;align-items:center;gap:8px}.udm-section-title:first-child{margin-top:0}.udm-subtab-panel[data-panel=students] .udm-data-table+.udm-section-title,.udm-subtab-panel[data-panel=students] .udm-empty-state+.udm-section-title{margin-top:14px}.udm-subtab-panel[data-panel=schedule] .udm-schedule-list+.udm-section-title,.udm-subtab-panel[data-panel=schedule] .udm-empty-state+.udm-section-title{margin-top:14px}.udm-subtab-panel[data-panel=edit] .udm-edit-grid+.udm-section-title{margin-top:14px}.udm-overview-card+.udm-section-title{margin-top:4px}.udm-form-card,.udm-section-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px;margin-bottom:14px}.udm-subtab-panel[data-panel=edit]>.udm-form-card{margin-bottom:0}.udm-subtab-panel[data-panel=edit] .udm-edit-grid{gap:10px 20px}.udm-subtab-panel[data-panel=edit]>.udm-form-card{padding:14px 18px}.udm-subtab-panel[data-panel=edit] .udm-field-group{gap:4px}.udm-subtab-panel[data-panel=edit] .udm-edit-input{height:36px}.udm-activity-wrapper{display:flex;flex-direction:column;margin-bottom:0;overflow:hidden}.udm-activity-wrapper .udm-empty-state{flex:0 0 auto;overflow:hidden}.udm-activity-wrapper .udm-activities-list{flex:0 0 auto;overflow-y:auto;overscroll-behavior:contain}.udm-section-card .udm-section-title{margin:0 0 14px}.udm-edit-input{width:100%;height:40px;padding:0 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:13px;color:#1a1a2e;font-family:inherit;outline:none;transition:all .15s;background:#fff;box-sizing:border-box}.udm-edit-input:focus{border-color:#2483ff;box-shadow:0 0 0 3px #2483ff29}.udm-edit-input:disabled{background:#00000008;color:#1a1a2e;cursor:default;border-color:#0000000f;opacity:1}.udm-edit-input::placeholder{color:#cbd5e1}select.udm-edit-input{padding-right:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px}select.udm-edit-input:disabled{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px}.udm-edit-textarea{width:100%;min-height:96px;padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:13px;line-height:1.5;color:#1a1a2e;font-family:inherit;outline:none;transition:all .15s;resize:vertical;background:#fff;box-sizing:border-box}.udm-edit-textarea:focus{border-color:#2483ff;box-shadow:0 0 0 3px #2483ff29}.udm-edit-textarea:disabled{background:#00000008;color:#1a1a2e;cursor:default;border-color:#0000000f;opacity:1}.udm-edit-textarea::placeholder{color:#cbd5e1}.udm-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.udm-field-group{display:flex;flex-direction:column;gap:5px}.udm-field-group.full-width{grid-column:1 / -1}.udm-field-label{font-size:12px;color:#475569;font-weight:600}.udm-form-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.udm-form-row:last-child{border-bottom:none}.udm-form-label{font-size:13px;color:#475569;font-weight:500;flex-shrink:0;min-width:80px}.udm-form-value{font-size:14px;color:#1a1a2e;font-weight:600;text-align:right;word-break:break-all}.udm-form-value .empty{color:#cbd5e1;font-weight:400}.udm-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:1px solid #2483FF;border-radius:10px;background:#2483ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.udm-btn-primary:hover{background:#1d6fe0;border-color:#1d6fe0}.udm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.udm-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.udm-btn-secondary:hover{background:#f7f8fa;border-color:#0000001f}.udm-btn-secondary:disabled{opacity:.45;cursor:not-allowed;background:#f8fafc}.udm-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.udm-btn-ghost:hover{background:#ecf4ff;color:#2483ff;border-color:#c6dfff}.udm-password-reset-row{display:flex;margin:4px 0 0}.udm-account-card+.udm-password-reset-row{margin-top:-10px}.udm-password-reset-btn{min-height:36px;padding:0 16px;border-radius:9px;font-size:13px}.udm-password-reset-btn svg{width:14px;height:14px}.udm-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:8px;border-top:1px solid rgba(0,0,0,.06)}.udm-subtab-panel[data-panel=edit] .udm-actions{padding-top:14px;margin-top:6px}.udm-perm-grid{display:grid;gap:18px}.udm-perm-group{display:grid;gap:10px}.udm-perm-group-toggle{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#1a1a2e;font-size:13px;font-weight:700;cursor:pointer}.udm-perm-group-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#2483FF;cursor:pointer}.udm-perm-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.udm-perm-item{min-height:64px;display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:13px;font-weight:600;color:#1a1a2e;cursor:pointer}.udm-perm-item input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:#2483FF;cursor:pointer}.udm-perm-copy{display:grid;gap:2px;min-width:0}.udm-perm-label{color:#1a1a2e;font-size:13px;font-weight:600}.udm-perm-description{color:#64748b;font-size:11px;font-weight:400;line-height:1.4}.udm-perm-item.udm-perm-disabled{opacity:.6;cursor:not-allowed}.udm-perm-item.udm-perm-disabled input[type=checkbox]:disabled{cursor:not-allowed}.udm-perm-group-toggle.udm-perm-disabled{opacity:.6;cursor:not-allowed}.udm-perm-group-toggle.udm-perm-disabled input[type=checkbox]:disabled{cursor:not-allowed}.udm-perm-save-state{margin-top:10px;font-size:12px;color:#64748b}.udm-task-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;margin-bottom:8px}.udm-task-name{font-size:13px;font-weight:600;color:#1a1a2e}.udm-task-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.udm-task-pill.in-progress{background:#ecf4ff;color:#2483ff}.udm-task-pill.needs-review{background:#fef3c7;color:#d97706}.udm-task-pill.done{background:#d1fae5;color:#059669}.udm-status-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700}.udm-status-pill.normal{background:#10b9811f;color:#059669}.udm-status-pill.online{background:#2483ff1f;color:#2483ff}.udm-status-pill.suspended{background:#fee2e2;color:#dc2626}.udm-status-pill.warn{background:#fef3c7;color:#b45309}.udm-status-pill.danger{background:#fee2e2;color:#dc2626}.udm-status-pill.muted{background:#f1f5f9;color:#64748b}.udm-security-source{margin-bottom:12px}.udm-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(0,0,0,.08);border-radius:8px;overflow:hidden;background:#fff;margin-bottom:14px}.udm-security-item{min-height:58px;padding:12px 14px;border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:6px 12px}.udm-security-item:nth-child(2n){border-right:none}.udm-security-item:nth-last-child(-n+2){border-bottom:none}.udm-security-label{font-size:12px;font-weight:700;color:#64748b}.udm-security-value{min-width:0;font-size:13px;font-weight:700;color:#1a1a2e}.udm-security-meta{grid-column:2;min-width:0;font-size:11px;color:#94a3b8}.udm-security-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.udm-security-actions .udm-btn-primary,.udm-security-actions .udm-btn-secondary{height:38px;padding:0 16px;border-radius:8px;font-size:13px}.udm-action-danger{color:#b91c1c;border-color:#dc262638}.udm-action-danger:hover:not(:disabled){background:#fef2f2;border-color:#dc26265c}.udm-history-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;background:#fff;flex-shrink:0}.udm-history-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);background:#f7f8fa;display:flex;justify-content:space-between;align-items:center}.udm-history-title{font-size:13px;font-weight:700;color:#1a1a2e}.udm-history-count{font-size:12px;color:#94a3b8}.udm-history-table{width:100%;border-collapse:collapse;font-size:12px}.udm-history-table thead tr{border-bottom:1px solid rgba(0,0,0,.08);background:#f7f8fa}.udm-history-table th{padding:6px 12px;text-align:left;color:#94a3b8;font-weight:600;font-size:11px}.udm-history-table td{padding:6px 12px;color:#1a1a2e;border-bottom:1px solid rgba(0,0,0,.06)}.udm-history-placeholder-row td{color:transparent;-webkit-user-select:none;user-select:none}.udm-history-table th:nth-child(1),.udm-history-table td:nth-child(1){width:22%}.udm-history-table th:nth-child(2),.udm-history-table td:nth-child(2){width:24%}.udm-history-table th:nth-child(3),.udm-history-table td:nth-child(3){width:22%}.udm-history-table th:nth-child(4),.udm-history-table td:nth-child(4){width:22%}.udm-history-table th:nth-child(5),.udm-history-table td:nth-child(5){width:10%}.udm-history-table--security th,.udm-history-table--security td{padding:9px 10px;vertical-align:top}.udm-history-table--security th:nth-child(1),.udm-history-table--security td:nth-child(1){width:16%}.udm-history-table--security th:nth-child(2),.udm-history-table--security td:nth-child(2){width:17%}.udm-history-table--security th:nth-child(3),.udm-history-table--security td:nth-child(3){width:17%}.udm-history-table--security th:nth-child(4),.udm-history-table--security td:nth-child(4){width:14%}.udm-history-table--security th:nth-child(5),.udm-history-table--security td:nth-child(5){width:13%}.udm-history-table--security th:nth-child(6),.udm-history-table--security td:nth-child(6){width:10%}.udm-history-table--security th:nth-child(7),.udm-history-table--security td:nth-child(7){width:13%}.udm-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.udm-table-sub{font-size:11px;color:#94a3b8;margin-top:2px}.udm-result-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700}.udm-result-pill.success{background:#10b9811f;color:#059669}.udm-result-pill.fail{background:#fee2e2;color:#dc2626}.udm-account-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:4px 18px;background:#fff;margin-bottom:20px}@media(max-width:1024px){.udm-container{max-width:98vw}.udm-body{flex-direction:column}.udm-left-area{width:100%}.udm-comm-panel{width:100%;max-height:300px;border-left:none;border-top:1px solid rgba(0,0,0,.08)}.udm-summary-cards,.udm-perm-grid,.udm-overview-metrics{grid-template-columns:1fr}}.udm-overlay [hidden]{display:none!important}.udm-timeline-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 2px 8px #00000005}.udm-timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.udm-timeline-card-info{display:flex;align-items:center;gap:8px}.udm-timeline-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px}.udm-timeline-badge.memo{background:#e0f2fe;color:#0369a1}.udm-timeline-badge.sms{background:#fef3c7;color:#b45309}.udm-timeline-badge.dorotalk{background:#dcfce7;color:#15803d}.udm-timeline-actor{font-size:13px;font-weight:600;color:#334155}.udm-timeline-date{font-size:11px;color:#94a3b8}.udm-timeline-delete-btn{border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:all .15s}.udm-timeline-delete-btn:hover{color:#ef4444;background:#fef2f2}.udm-timeline-card-body{font-size:13px;line-height:1.5;color:#475569;word-break:break-all}.udm-timeline-meta-override{font-size:11px;color:#b45309;background:#fffbeb;border:1px dashed #FDE68A;padding:6px 10px;border-radius:6px;margin-bottom:8px;font-weight:500}.udm-timeline-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.udm-timeline-attachment-img{width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #E2E8F0;cursor:pointer;background:#f8fafc;display:flex;align-items:center;justify-content:center}.udm-timeline-attachment-img .img-placeholder{font-size:10px;color:#94a3b8;text-align:center;padding:4px}.udm-attachment-thumbnail{width:100%;height:100%;object-fit:cover}.udm-timeline-attachment-file{display:inline-flex;align-items:center;padding:6px 12px;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:8px;font-size:12px;color:#475569;text-decoration:none;transition:all .15s}.udm-timeline-attachment-file:hover{background:#e2e8f0;color:#1e293b}.udm-timeline-more-row{display:flex;justify-content:center;padding:10px 0}.udm-timeline-more-btn{padding:8px 16px;font-size:12px;font-weight:600;color:#64748b;background:#fff;border:1px solid #E2E8F0;border-radius:8px;cursor:pointer;transition:all .15s}.udm-timeline-more-btn:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.udm-comm-loading,.udm-comm-error{text-align:center;padding:40px 0;font-size:13px;color:#94a3b8}.udm-comm-error{color:#ef4444}.udm-attached-files-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:8px}.udm-attached-file-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ecf4ff;border:1px solid #D2E4FF;border-radius:6px;font-size:12px;color:#2483ff}.udm-attached-file-chip .name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udm-attached-file-chip .remove-btn{border:none;background:transparent;color:#2483ff;font-size:14px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .15s}.udm-attached-file-chip .remove-btn:hover{opacity:1;color:#ef4444}.udm-uploading-progress{font-size:11px;color:#2483ff;margin-top:4px;font-weight:500}.udm-comm-history--chat{flex-direction:column;gap:0;padding:12px 16px}.udm-comm-history--chat .dt-date-divider{text-align:center;font-size:11px;color:#94a3b8;margin:14px 0 8px;position:relative}.udm-comm-history--chat .dt-date-divider:before,.udm-comm-history--chat .dt-date-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 50px);height:1px;background:#e1e2e4}.udm-comm-history--chat .dt-date-divider:before{left:0}.udm-comm-history--chat .dt-date-divider:after{right:0}.udm-comm-history--chat .dt-message{display:flex;gap:6px;align-items:flex-start;margin-bottom:4px}.udm-comm-history--chat .dt-message-grouped{margin-top:-2px}.udm-comm-history--chat .dt-message-mine{justify-content:flex-end}.udm-comm-history--chat .dt-message-mine>div{display:flex;flex-direction:column;align-items:flex-end;max-width:85%}.udm-comm-history--chat .dt-message-other{justify-content:flex-start}.udm-comm-history--chat .dt-message-other>div{display:flex;flex-direction:column;align-items:flex-start;max-width:85%}.udm-comm-history--chat .dt-msg-sender-name{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:2px}.udm-comm-history--chat .dt-bubble{padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.5;max-width:100%;width:fit-content;word-break:break-word;white-space:pre-wrap}.udm-comm-history--chat .dt-bubble-mine{background:#2684ff;color:#fff;border-bottom-right-radius:4px}.udm-comm-history--chat .dt-bubble-other{background:#f1f5f9;color:#1e293b;border:1px solid #E1E2E4;border-bottom-left-radius:4px}.udm-comm-history--chat .dt-bubble a{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;overflow-wrap:anywhere}.udm-comm-history--chat .dt-bubble-mine a{color:#c8e2ff}.udm-comm-history--chat .dt-bubble-other a{color:#2483ff}.udm-comm-history--chat .dt-msg-time{display:inline-block;font-size:10px;color:#94a3b8;margin-top:2px}.udm-comm-history--chat .dt-msg-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.udm-comm-history--chat .dt-msg-meta-right{justify-content:flex-end}.udm-comm-history--chat .dt-sticker-bubble{max-width:100px;width:100px}.udm-comm-history--chat .dt-sticker-img{width:100%;height:auto;object-fit:contain;border-radius:8px}.udm-comm-history--chat .dt-file-bubble{border-radius:14px;padding:8px 12px;max-width:100%;width:fit-content;display:flex;align-items:center;gap:8px}.udm-comm-history--chat .dt-file-bubble.dt-image-bubble{padding:0;overflow:hidden;flex-direction:column;max-width:220px}.udm-comm-history--chat .dt-file-bubble.dt-bubble-mine{background:#2684ff;color:#fff;border-bottom-right-radius:4px}.udm-comm-history--chat .dt-file-bubble.dt-bubble-other{background:#f1f5f9;color:#1e293b;border:1px solid #E1E2E4;border-bottom-left-radius:4px}.udm-comm-history--chat .dt-image-preview{width:100%;min-height:50px;max-height:180px;display:flex;align-items:center;justify-content:center;background:#0000000d;overflow:hidden}.udm-comm-history--chat .dt-image-thumb{width:100%;max-height:180px;object-fit:cover;display:block}.udm-comm-history--chat .dt-image-loading{font-size:11px;color:#fff9;padding:16px 0}.udm-comm-history--chat .dt-bubble-other .dt-image-loading{color:#94a3b8}.udm-comm-history--chat .dt-image-error{font-size:11px;color:#ffffff80;padding:12px 0}.udm-comm-history--chat .dt-bubble-other .dt-image-error{color:#94a3b8}.udm-comm-history--chat .dt-image-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;gap:6px;width:100%;box-sizing:border-box}.udm-comm-history--chat .dt-image-footer-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.udm-comm-history--chat .dt-image-name{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.udm-comm-history--chat .dt-image-footer .dt-file-size{font-size:10px;opacity:.6}.udm-comm-history--chat .dt-download-btn{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:2px;transition:opacity .15s}.udm-comm-history--chat .dt-download-btn:hover{opacity:1}.udm-chat-list{display:flex;flex-direction:column;gap:6px;padding-bottom:4px}.udm-chat-date-divider{text-align:center;font-size:11px;color:#94a3b8;margin:14px 0 8px;position:relative}.udm-chat-date-divider:before,.udm-chat-date-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 60px);height:1px;background:#e1e2e4}.udm-chat-date-divider:before{left:0}.udm-chat-date-divider:after{right:0}.udm-chat-msg{display:flex;gap:6px}.udm-chat-msg--sent{justify-content:flex-end}.udm-chat-msg--received{justify-content:flex-start}.udm-chat-msg--sent .udm-chat-msg-body{display:flex;flex-direction:column;align-items:flex-end;max-width:85%}.udm-chat-msg--received .udm-chat-msg-body{display:flex;flex-direction:column;align-items:flex-start;max-width:85%}.udm-chat-sender{font-size:11px;font-weight:600;color:#64748b;margin-bottom:2px}.udm-chat-bubble{padding:9px 14px;border-radius:16px 16px 4px;background:#2684ff;color:#fff;font-size:13px;line-height:1.5;max-width:100%;width:fit-content;word-break:break-word;white-space:pre-wrap}.udm-chat-file-bubble{border-radius:16px 16px 4px;background:#2684ff;color:#fff;max-width:100%;width:fit-content;overflow:hidden}.udm-chat-file-bubble .udm-timeline-attachment-img{width:160px;height:120px;border:none;border-radius:12px 12px 0 0;background:#ffffff26}.udm-chat-file-bubble .udm-attachment-thumbnail{border-radius:0}.udm-chat-file-bubble .udm-chat-file-name{display:block;padding:6px 12px 8px;font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udm-chat-file-row{display:flex;align-items:center;gap:10px;padding:10px 14px}.udm-chat-file-ext{width:36px;height:36px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.udm-chat-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.udm-chat-file-info .udm-chat-file-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;opacity:1}.udm-chat-file-size{font-size:11px;opacity:.7}.udm-chat-dl-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff40;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;padding:0;text-decoration:none}.udm-chat-dl-btn:hover{background:#ffffff73;transform:scale(1.05)}.udm-chat-time{font-size:10px;color:#94a3b8;margin-top:3px}.udm-chat-msg--received .udm-chat-bubble,.udm-chat-msg--received .udm-chat-file-bubble{background:#f1f5f9;color:#1e293b;border-bottom-right-radius:16px;border-bottom-left-radius:4px}.udm-chat-msg--received .udm-chat-file-ext{background:#00000014}.udm-chat-msg--received .udm-chat-dl-btn{background:#00000014;color:#475569}.udm-chat-msg--received .udm-chat-dl-btn:hover{background:#00000026}.udm-comm-panel .udm-comm-input[data-mode=dorotalk] .udm-comm-textarea{min-height:48px;resize:none}.udm-container--teacher{width:1320px;max-width:96vw;height:calc(100vh - 80px);max-height:900px}.udm-header--teacher .udm-header-title,.udm-header--teacher .udm-header-right{gap:8px}.udm-header-action{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:600;background:#fff;border:1px solid rgba(0,0,0,.08);color:#475569;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.udm-header-action:hover{background:#0000000a;color:#1a1a2e}.udm-header-action .material-symbols-rounded{font-size:18px}.udm-online-dot-only{width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle}.udm-online-dot-only.is-online{background:#10b981;animation:udm-pulse 2s ease-in-out infinite}.udm-online-dot-only.is-offline{background:#cbd5e1}.udm-approval-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.udm-approval-badge.status-approved{background:#d1fae5;color:#059669}.udm-approval-badge.status-pending{background:#fef3c7;color:#d97706}.udm-approval-badge.status-rejected,.udm-approval-badge.status-suspended,.udm-approval-badge.status-banned{background:#fee2e2;color:#dc2626}.udm-teacher-kpi-grid{display:grid;gap:12px;margin-bottom:20px}.udm-teacher-kpi-grid.grid-4{grid-template-columns:repeat(4,1fr)}.udm-teacher-kpi-grid.grid-3{grid-template-columns:repeat(3,1fr)}.udm-teacher-kpi-card{padding:16px 18px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;display:flex;flex-direction:column;gap:4px}.udm-teacher-kpi-label{font-size:12px;font-weight:600;color:#94a3b8}.udm-teacher-kpi-value{font-size:22px;font-weight:700;color:#1a1a2e}.udm-teacher-kpi-sub{font-size:11px;color:#94a3b8;font-weight:500}.udm-teacher-kpi-card.tone-blue{border-left:3px solid #2483FF}.udm-teacher-kpi-card.tone-purple{border-left:3px solid #7c3aed}.udm-teacher-kpi-card.tone-orange{border-left:3px solid #F59E0B}.udm-teacher-kpi-card.tone-gray{border-left:3px solid #94A3B8}.udm-teacher-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:20px;margin-bottom:20px}.udm-teacher-card .udm-section-title{margin:0 0 12px}.udm-summary-note{font-size:13px;line-height:1.6;color:#475569;margin-bottom:16px;white-space:pre-wrap}.udm-teacher-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.udm-teacher-mini{padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#f8fafc}.udm-teacher-mini span{display:block;margin-bottom:4px;font-size:11px;font-weight:600;color:#94a3b8}.udm-teacher-mini strong{font-size:13px;font-weight:700;color:#1a1a2e}.udm-teacher-table-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:20px;margin-bottom:20px}.udm-teacher-table-card .udm-section-title{margin:0 0 12px}.udm-table-desc{font-size:12px;color:#94a3b8;margin-bottom:14px}.udm-table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.udm-table-toolbar .udm-section-title{margin:0}.udm-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border:1px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;background:#fbfcfd}.udm-data-table thead tr{background:#eef2f6}.udm-data-table th{padding:10px 12px;text-align:left;color:#64748b;font-weight:600;font-size:11px;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.1)}.udm-data-table td{padding:12px;color:#1a1a2e;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:middle}.udm-data-table tbody tr:last-child td{border-bottom:none}.udm-data-table .udm-table-sub{font-size:11px;color:#94a3b8;margin-top:2px}.udm-table-empty{text-align:center;padding:24px;color:#94a3b8;font-size:13px}.udm-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.udm-chip.lecture{background:#ecf4ff;color:#2483ff}.udm-chip.mentoring{background:#f3e8ff;color:#7c3aed}.udm-teacher-edit-layout{display:flex;gap:24px}.udm-teacher-profile-card{width:200px;flex-shrink:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;align-self:flex-start}.udm-teacher-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2483ff,#7c3aed);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.udm-teacher-profile-name{font-size:16px;font-weight:700;color:#1a1a2e;text-align:center}.udm-teacher-profile-id{font-size:12px;color:#94a3b8;margin-bottom:8px}.udm-teacher-profile-stat{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid rgba(0,0,0,.06);font-size:13px}.udm-teacher-profile-stat span{color:#94a3b8;font-weight:500}.udm-teacher-profile-stat strong{color:#1a1a2e;font-weight:700}.udm-teacher-profile-stat.rating strong{color:#f59e0b}.udm-teacher-sms-btn{width:100%;height:36px;margin-top:8px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-fast, .15s)}.udm-teacher-sms-btn:hover{background:#ecf4ff;color:#2483ff;border-color:#c6dfff}.udm-teacher-info-form{flex:1;min-width:0}.udm-schedule-list::-webkit-scrollbar{width:4px}.udm-schedule-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}*,*:before,*:after{box-sizing:border-box}.material-symbols-rounded{font-family:Material Symbols Rounded,Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}.udm-overlay{background:#0000008c}.udm-container{width:1360px;height:900px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}.udm-header{height:60px;flex:0 0 60px;padding:0 22px 0 28px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.udm-header-left{gap:14px;min-width:0}.udm-header-title{margin:0;color:#1a1a2e;font-size:17px;line-height:1;font-weight:800;letter-spacing:0}.udm-role-badge{height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.udm-role-badge.manager,.udm-role-badge.role-manager{background:#f3e8ff;border:1px solid #ddd6fe;color:#7c3aed}.udm-presence,.udm-online-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.udm-presence.is-online,.udm-online-badge.is-online{color:#475569}.udm-presence.is-offline,.udm-online-badge.is-offline{color:#94a3b8}.udm-presence-dot,.udm-online-dot{width:8px;height:8px;border-radius:999px}.udm-presence.is-online .udm-presence-dot,.udm-online-badge.is-online .udm-online-dot{background:#36c690}.udm-presence.is-offline .udm-presence-dot,.udm-online-badge.is-offline .udm-online-dot{background:#cbd5e1}.udm-close,.udm-close-btn{width:36px;height:36px;padding:0;border:none;border-radius:10px;background:transparent;color:#94a3b8}.udm-close:hover,.udm-close-btn:hover{background:#0000000a;color:#1a1a2e}.udm-close .material-symbols-rounded,.udm-close-btn .material-symbols-rounded{font-size:20px}.udm-tabs,.udm-tab-bar{height:46px;flex:0 0 46px;display:flex;align-items:stretch;gap:34px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 0 0 40px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.udm-tabs::-webkit-scrollbar,.udm-tab-bar::-webkit-scrollbar{width:0;height:0;display:none}.udm-tab,.udm-subtab{position:relative;height:46px;padding:0 14px;border:0;border-bottom:0;background:transparent;color:#475569;font-size:13px;font-weight:700;letter-spacing:0}.udm-tab:hover,.udm-subtab:hover{background:#0000000a;color:#1a1a2e}.udm-tab.active,.udm-subtab.active{color:#2483ff;border-bottom-color:transparent}.udm-tab.active:after,.udm-subtab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#2483ff;border-radius:999px}.udm-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 393px;overflow:hidden;background:#f7f8fa}.udm-left-area,.udm-main{width:auto;min-width:0;min-height:0}.udm-main{overflow:auto;padding:16px 24px;background:#f7f8fa}.udm-main .udm-panels-area{height:100%;padding:0;overflow:visible}.udm-section-title{margin:0 0 10px;color:#1a1a2e;font-size:14px;line-height:1;font-weight:800;letter-spacing:0}.account-section .udm-section-title,.action-section .udm-section-title,.login-title-row .udm-section-title{margin:0}.account-section .udm-section-title{margin-bottom:10px}.security-card,.action-row,.login-card{width:100%;max-width:100%;box-sizing:border-box}.security-card{min-height:176px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:44px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px}.security-cell{min-width:0;display:grid;grid-template-columns:22px auto minmax(0,1fr);align-items:center;column-gap:10px;padding:0 16px;border-top:1px solid rgba(0,0,0,.06)}.security-cell:nth-child(-n+2){border-top:0}.security-cell:nth-child(2n){border-left:1px solid rgba(0,0,0,.06)}.security-icon{color:#94a3b8;font-size:20px}.security-label{min-width:0;overflow:hidden;color:#475569;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.security-value{min-width:0;color:#1a1a2e;font-size:13px;font-weight:700}.value-inline{display:inline-flex;align-items:center;gap:14px;min-width:0}.value-stack{display:flex;flex-direction:column;gap:5px;min-width:0}.value-stack>div{display:inline-flex;align-items:center;gap:14px;min-width:0}.value-meta{color:#94a3b8;font-size:12px;font-weight:700;white-space:nowrap}.value-meta.second-line,.value-meta.session-meta{display:block;margin-top:4px;color:#94a3b8}.active-session-title-row{display:flex;align-items:center;gap:10px;margin:16px 0 8px}.active-session-title-row .udm-section-title{margin:0}.active-session-panel{margin-top:0;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px}.active-session-head{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 14px;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.06);color:#475569;font-size:12px;font-weight:800}.active-session-head strong{color:#1a1a2e}.active-session-list{display:flex;flex-direction:column;height:96px;overflow-y:auto}.active-session-list>.active-session-empty{margin:auto;padding:0 14px;text-align:center}.active-session-row{display:grid;grid-template-columns:24px minmax(0,1fr) 150px auto;align-items:center;gap:10px;min-height:50px;padding:8px 14px;border-top:1px solid rgba(0,0,0,.06)}.active-session-kill{height:28px;padding:0 12px;border:1px solid #fecaca;border-radius:7px;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.active-session-kill:hover{background:#fee2e2;border-color:#f87171}.active-session-kill:disabled{opacity:.5;cursor:not-allowed}.active-session-row:first-child{border-top:0}.active-session-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:11px;font-weight:800}.active-session-main,.active-session-time{min-width:0;display:flex;flex-direction:column;gap:3px}.active-session-main strong,.active-session-time strong{min-width:0;overflow:hidden;color:#1a1a2e;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.active-session-main span,.active-session-time span,.active-session-empty{color:#94a3b8;font-size:11px;font-weight:700}.active-session-time{text-align:right}.active-session-empty{padding:14px;font-size:13px}@media(max-width:900px){.active-session-row{grid-template-columns:24px minmax(0,1fr)}.active-session-time{grid-column:2;text-align:left}}.pill{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.pill.success{background:#36c69024;color:#36c690}.pill.danger{background:#ff6b6b24;color:#ff6b6b}.pill.neutral{background:#f1f5f9;color:#475569}.action-section{margin-top:12px}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.udm-subtab-panel[data-panel=account] .udm-security-actions{margin-top:8px;flex-wrap:nowrap;gap:6px}.udm-subtab-panel[data-panel=account] .udm-security-actions .admin-action{height:34px;padding:0 10px;gap:5px;font-size:13px;font-weight:700;border-radius:6px}.udm-subtab-panel[data-panel=account] .udm-security-actions .admin-action .material-symbols-rounded{font-size:17px}.admin-action{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(0,0,0,.08);border-radius:7px;background:#fff;color:#475569;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit}.admin-action .material-symbols-rounded{font-size:19px}.admin-action{padding:0 16px;white-space:nowrap}.admin-action.primary{border-color:#2483ff;background:#2483ff;color:#fff}.admin-action.danger{border-color:#ef444466;color:#ef4444}.admin-action:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.admin-action.danger:hover:not(:disabled){background:#ef444414;border-color:#ef4444;color:#ef4444}.admin-action:disabled{border-color:#0000000f;background:#0000000f;color:#cbd5e1;opacity:1;cursor:not-allowed}.login-section{width:100%;min-width:0;margin-top:10px}.login-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.count-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;background:#f1f5f9;color:#94a3b8;font-size:12px;font-weight:800}.login-card{min-height:172px;overflow:hidden;overflow-x:auto;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px}.udm-subtab-panel[data-panel=account] .login-card{width:100%;max-width:100%;height:252px;padding:0;overflow-x:hidden;overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:none;box-sizing:border-box}.udm-subtab-panel[data-panel=account] .login-table{min-width:0}.udm-subtab-panel[data-panel=account] .login-table thead th{position:sticky;top:0;z-index:1}.login-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed}.login-table thead th{height:36px;padding:6px 10px;overflow:hidden;background:#f7f8fa;border-bottom:1px solid rgba(0,0,0,.08);color:#94a3b8;font-size:12px;font-weight:800;line-height:16px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.login-table tbody td{height:38px;padding:3px 10px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.06);color:#475569;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(1),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(1){width:24%}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(2),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(2){width:16%}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(3),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(3){width:16%}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(4),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(4){width:14%}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(5),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(5){width:10%}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(6),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(6){width:9%}.udm-subtab-panel[data-panel=account] .udm-history-table--security th:nth-child(7),.udm-subtab-panel[data-panel=account] .udm-history-table--security td:nth-child(7){width:11%}.login-table tbody tr:last-child td{border-bottom:0}.login-table tbody tr.login-empty-row td{height:190px;border-bottom:0;text-align:center;vertical-align:middle;white-space:normal;color:#94a3b8;font-size:13px;font-weight:600}.td-sub{display:block;overflow:hidden;margin-top:3px;color:#94a3b8;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.history-cell-main{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udm-subtab-panel[data-panel=account] .login-table tbody td:nth-child(3) .history-cell-main{display:inline-block;max-width:calc(100% - 44px);vertical-align:middle}.device-chip{width:fit-content;max-width:100%;display:inline-flex;align-items:center;height:18px;margin:0 0 0 6px;padding:0 7px;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#f1f5f9;color:#94a3b8;font-size:11px;font-weight:800}.udm-comm,.udm-comm-panel{width:393px;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid rgba(0,0,0,.08)}.comm-head,.udm-comm-header{height:130px;flex:0 0 130px;padding:18px 20px 14px;border-bottom:1px solid rgba(0,0,0,.08);background:#fff}.udm-comm-title{margin:0 0 6px;color:#1a1a2e;font-size:15px;line-height:1;font-weight:800}.udm-comm-title .material-symbols-rounded{font-size:18px}.udm-comm-desc{margin:0 0 12px;color:#94a3b8;font-size:12px;font-weight:700}.comm-segment,.udm-comm-tabs{height:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:3px;background:#f1f5f9;border-radius:8px}.comm-segment button,.udm-comm-tab{height:28px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#475569;font-size:13px;font-weight:800}.comm-segment button.active,.udm-comm-tab.active{border-color:#c6dfff;background:#ecf4ff;color:#2483ff}.comm-list,.udm-comm-history{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 18px;background:#fff;gap:0}.udm-comm-history.udm-comm-history--chat{padding:12px 16px}.memo-card{position:relative;min-height:112px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;padding:16px 44px 14px 14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px}.memo-card+.memo-card{margin-top:12px}.memo-avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:14px;font-weight:900}.memo-avatar.purple{background:#8b5cf6}.memo-avatar.blue{background:#3b82f6}.memo-avatar.green{background:#36c690}.memo-content{min-width:0}.memo-content strong{display:block;margin:1px 0 2px;color:#1a1a2e;font-size:13px;font-weight:900}.memo-content time{display:block;margin-bottom:12px;color:#94a3b8;font-size:12px;font-weight:700}.memo-content p,.memo-message{margin:0;color:#475569;font-size:13px;line-height:1.55;font-weight:600}.memo-more{position:absolute;top:16px;right:12px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#94a3b8}.memo-more .material-symbols-rounded{font-size:20px}.comm-composer,.udm-comm-input{height:174px;flex:0 0 174px;padding:14px 16px 16px;border-top:1px solid rgba(0,0,0,.08);background:#fff}.udm-comm-textarea{width:100%;height:66px;min-height:66px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#1a1a2e;font-size:13px;line-height:1.5;resize:none}.composer-row,.udm-comm-input-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.udm-comm-attach{display:flex;gap:8px;margin-right:0}.light-button,.udm-comm-attach-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff;color:#475569;font-size:13px;font-weight:800}.light-button .material-symbols-rounded,.udm-comm-attach-btn .material-symbols-rounded{font-size:18px}.save-button,.udm-comm-input .udm-btn-primary{width:96px;height:42px;margin-left:auto;justify-content:center;padding:0;border-radius:8px;font-size:14px;font-weight:900}.udm-schedule-item:hover{background:#f1f5f9}.udm-schedule-item>div{display:flex;flex-direction:column;gap:2px}.udm-schedule-item strong{font-size:13px;font-weight:600;color:#1a1a2e}.udm-schedule-item span{font-size:11px;color:#94a3b8}.udm-review-list{display:flex;flex-direction:column;gap:10px}.udm-review-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:14px 16px}.udm-review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.udm-review-head>div{display:flex;align-items:center;gap:8px}.udm-review-course{font-size:11px;color:#94a3b8;font-weight:500}.udm-review-head strong{font-size:13px;font-weight:600;color:#1a1a2e}.udm-stars{color:#f59e0b;font-size:14px;letter-spacing:1px}.udm-review-card p{margin:0;font-size:13px;line-height:1.5;color:#475569}.udm-small-select{height:32px;padding:0 28px 0 10px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:12px;font-weight:600;color:#475569;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e") no-repeat right 8px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;outline:none}.udm-small-select:focus{border-color:#2483ff;box-shadow:0 0 0 3px #2483ff29}.udm-schedule-list.udm-schedule-list--paged{--udm-schedule-row-height: 58px;height:calc((var(--udm-schedule-row-height) * 3) + 16px);max-height:none;overflow:hidden;flex:0 0 auto}.udm-schedule-list.udm-schedule-list--paged .udm-schedule-item{min-height:var(--udm-schedule-row-height);height:var(--udm-schedule-row-height);padding:0 16px;flex-shrink:0}.udm-schedule-list.udm-schedule-list--paged .udm-schedule-item>div{min-width:0}.udm-schedule-list.udm-schedule-list--paged .udm-schedule-item strong,.udm-schedule-list.udm-schedule-list--paged .udm-schedule-item>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udm-schedule-list.udm-schedule-list--paged .udm-chip{flex-shrink:0}.udm-schedule-list.udm-schedule-list--paged .udm-fixed-list-empty{height:100%;min-height:0}.udm-paged-table-frame{--udm-table-header-height: 36px;--udm-table-row-height: 44px;--udm-table-visible-rows: 5;height:calc(var(--udm-table-header-height) + (var(--udm-table-row-height) * var(--udm-table-visible-rows)) + 2px);flex:0 0 auto;overflow:hidden;background:#fbfcfd;border:1px solid rgba(0,0,0,.1);border-radius:12px}.udm-paged-table-frame .udm-data-table{table-layout:fixed;border:0;border-radius:0}.udm-paged-table-frame .udm-data-table th{height:var(--udm-table-header-height);padding:0 12px}.udm-paged-table-frame .udm-data-table td{height:var(--udm-table-row-height);padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udm-paged-table-frame .udm-empty-state{height:100%;min-height:0;border:0;border-radius:0;background:#fff}.udm-teacher-course-table th:nth-child(1),.udm-teacher-course-table td:nth-child(1){width:52%}.udm-teacher-course-table th:nth-child(2),.udm-teacher-course-table td:nth-child(2){width:16%}.udm-teacher-course-table th:nth-child(3),.udm-teacher-course-table td:nth-child(3){width:10%}.udm-teacher-course-table th:nth-child(4),.udm-teacher-course-table td:nth-child(4){width:12%}.udm-teacher-course-table th:nth-child(5),.udm-teacher-course-table td:nth-child(5){width:10%}.udm-teacher-students-frame{--udm-table-visible-rows: 6}.udm-teacher-students-table th:nth-child(1),.udm-teacher-students-table td:nth-child(1){width:10%}.udm-teacher-students-table th:nth-child(2),.udm-teacher-students-table td:nth-child(2){width:10%}.udm-teacher-students-table th:nth-child(3),.udm-teacher-students-table td:nth-child(3){width:65%}.udm-teacher-students-table th:nth-child(4),.udm-teacher-students-table td:nth-child(4){width:15%}.udm-review-list.udm-review-list--paged{--udm-review-card-height: 86px;height:calc((var(--udm-review-card-height) * 3) + 20px);max-height:none;overflow:hidden;flex:0 0 auto}.udm-review-list.udm-review-list--paged .udm-review-card{height:var(--udm-review-card-height);flex-shrink:0;overflow:hidden}.udm-review-list.udm-review-list--paged .udm-fixed-list-empty{height:100%;min-height:0}.udm-review-list.udm-review-list--paged .udm-review-head{min-width:0}.udm-review-list.udm-review-list--paged .udm-review-head>div{min-width:0}.udm-review-list.udm-review-list--paged .udm-review-head strong,.udm-review-list.udm-review-list--paged .udm-review-course{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udm-review-list.udm-review-list--paged .udm-stars{flex-shrink:0}.udm-review-list.udm-review-list--paged .udm-review-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.udm-form-hint{font-size:12px;color:#94a3b8;margin-bottom:16px;line-height:1.5}@media(max-width:1024px){.udm-container--teacher{max-width:98vw}.udm-teacher-kpi-grid.grid-4{grid-template-columns:repeat(2,1fr)}.udm-teacher-kpi-grid.grid-3{grid-template-columns:1fr}.udm-teacher-edit-layout{flex-direction:column}.udm-teacher-profile-card{width:100%}.udm-teacher-mini-grid{grid-template-columns:1fr}}.udm-chip.course-active{background:#ecf4ff;color:#2483ff}.udm-chip.course-scheduled{background:#f3e8ff;color:#7c3aed}.udm-chip.course-completed{background:#d1fae5;color:#059669}.udm-chip.course-cancelled{background:#f1f5f9;color:#64748b}.udm-chip.assignment{background:#fef3c7;color:#d97706}.udm-check-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#475569;cursor:default}.udm-check-chip input[type=checkbox]{width:14px;height:14px;accent-color:#10B981}.udm-assignment-progress{margin-top:12px}.udm-assignment-progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:16px}.udm-assignment-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#2483ff,#10b981);border-radius:999px;transition:width .4s ease}.udm-assignment-rounds{display:flex;gap:8px;flex-wrap:wrap}.udm-assignment-round{padding:10px 16px;border:1px solid rgba(0,0,0,.08);border-radius:12px;text-align:center;flex:1;min-width:80px}.udm-assignment-round strong{display:block;font-size:13px;font-weight:700;color:#1a1a2e;margin-bottom:2px}.udm-assignment-round span{font-size:11px;font-weight:600}.udm-assignment-round.submitted{border-color:#10b981;background:#ecfdf5}.udm-assignment-round.submitted span{color:#059669}.udm-assignment-round.missing{border-color:#fca5a5;background:#fff5f5}.udm-assignment-round.missing span{color:#dc2626}.udm-feedback-list{display:flex;flex-direction:column;gap:10px}.udm-feedback-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:14px 16px}.udm-feedback-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.udm-feedback-head strong{font-size:13px;font-weight:600;color:#1a1a2e}.udm-feedback-head span{font-size:11px;color:#94a3b8;font-weight:500}.udm-feedback-card p{margin:0;font-size:13px;line-height:1.5;color:#475569}.udm-cal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.udm-cal-head-left{display:flex;flex-direction:column;gap:10px;min-width:0}.udm-cal-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.udm-cal-leg{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b}.udm-cal-leg:before{content:"";width:8px;height:8px;border-radius:50%;background:#cbd5e1}.udm-cal-leg.lecture:before{background:#2483ff}.udm-cal-leg.mentoring:before{background:#7c3aed}.udm-cal-leg.assignment:before{background:#f59e0b}.udm-cal-leg.total:before{background:#cbd5e1}.udm-cal-nav{display:flex;align-items:center;gap:8px}.udm-cal-navbtn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s}.udm-cal-navbtn:hover{background:#f1f5f9}.udm-cal-navbtn .material-symbols-rounded{font-size:20px}.udm-cal-monthsel{position:relative;display:inline-flex}.udm-cal-navlabel{display:inline-flex;align-items:center;gap:2px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;font-family:inherit;font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;cursor:pointer;transition:all .15s}.udm-cal-navlabel:hover{background:#f1f5f9}.udm-cal-navlabel .material-symbols-rounded{font-size:18px;color:#94a3b8}.udm-cal-picker{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:30;width:244px;padding:12px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 12px 32px #10182829}.udm-cal-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.udm-cal-picker-yr{width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s}.udm-cal-picker-yr:hover{background:#f1f5f9}.udm-cal-picker-yr .material-symbols-rounded{font-size:18px}.udm-cal-picker-yrlabel{font-size:14px;font-weight:700;color:#0f172a}.udm-cal-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.udm-cal-picker-month{height:38px;border-radius:8px;border:1px solid transparent;background:#f8fafc;color:#334155;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.udm-cal-picker-month:hover{background:#ecf4ff;color:#2483ff}.udm-cal-picker-month.is-current{background:#2483ff;color:#fff;border-color:#2483ff}.udm-cal-today{height:34px;padding:0 14px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#475569;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.udm-cal-today:hover{background:#ecf4ff;border-color:#c6dfff;color:#2483ff}.udm-cal-table{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#00000012;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}.udm-cal-wd{background:#f4f7fb;padding:9px 0;text-align:center;font-size:12px;font-weight:700;color:#64748b}.udm-cal-wd.is-sun{color:#ef4444}.udm-cal-wd.is-sat{color:#2563eb}.udm-cal-cell{background:#fff;min-height:56px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:#334155}.udm-cal-cell.is-other{background:#fcfcfd}.udm-cal-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:600}.udm-cal-cell.is-sun .udm-cal-num{color:#ef4444}.udm-cal-cell.is-sat .udm-cal-num{color:#2563eb}.udm-cal-cell.is-other .udm-cal-num{color:#cbd5e1}.udm-cal-cell.is-selected{background:#ecf4ff}.udm-cal-cell.is-selected .udm-cal-num{background:#2483ff;color:#fff!important;font-weight:700}.udm-cal-dots{display:flex;gap:3px;min-height:5px}.udm-cal-dot{width:5px;height:5px;border-radius:50%}.udm-cal-dot.lecture{background:#2483ff}.udm-cal-dot.mentoring{background:#7c3aed}.udm-cal-dot.assignment{background:#f59e0b}.udm-subtab-panel[data-panel=calendar]>#udm-cal-root{display:flex;flex-direction:column;flex:1;min-height:0}.udm-subtab-panel[data-panel=evaluations].active{display:flex;flex-direction:column;min-width:0;min-height:0}.udm-eval-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.udm-cal-schedule{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-bottom:0}.udm-cal-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:22px 0 10px}.udm-cal-empty-illus{width:72px;height:72px;margin-bottom:6px;color:#bfd4f2}.udm-cal-empty-title{font-size:13.5px;font-weight:700;color:#475569}.udm-cal-empty-desc{font-size:12px;color:#94a3b8}.udm-schedule-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.udm-schedule-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:background .15s}.ait-root{display:flex;flex-direction:column;gap:10px}.ait-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ait-pills{display:inline-flex;gap:4px;flex-wrap:wrap}.ait-pill{height:32px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text-secondary, #475569);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ait-pill:hover{background:#0000000a;color:var(--color-text-primary, #1A1A2E)}.ait-pill.is-active{background:var(--color-primary-soft, #ECF4FF);border-color:var(--color-primary-border, #C6DFFF);color:var(--color-primary, #2483FF)}.ait-toolbar-controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ait-select,.ait-search{height:34px;padding:0 10px;border:1px solid var(--color-border, rgba(0, 0, 0, .08));border-radius:8px;background:#fff;color:var(--color-text-primary, #1A1A2E);font-size:13px;font-family:inherit}.ait-search{width:220px}.ait-select:hover,.ait-search:hover{border-color:var(--color-border-strong, rgba(0, 0, 0, .14))}.ait-select:focus,.ait-search:focus{outline:none;border-color:var(--color-primary, #2483FF);box-shadow:0 0 0 3px var(--color-primary-focus, rgba(36, 131, 255, .16))}.ait-search::placeholder{color:var(--color-text-disabled, #CBD5E1)}.ait-table-wrap{border:1px solid var(--color-border, rgba(0, 0, 0, .08));border-radius:12px;background:var(--color-surface-card, #FFFFFF);overflow:auto}.ait-table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px;table-layout:fixed}.ait-table th{padding:10px 12px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text-secondary, #475569);font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.ait-table th .ait-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;border-radius:4px;background:none;color:inherit;font:inherit;cursor:pointer}.ait-table th .ait-sort:hover{color:var(--color-text-primary, #1A1A2E)}.ait-table th .ait-sort:focus-visible{outline:2px solid var(--color-primary, #2483FF);outline-offset:2px}.ait-table th .ait-sort.is-active{color:var(--color-primary, #2483FF)}.ait-sort-arrow{font-size:9px;line-height:1}.ait-table td{padding:8px 12px;border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .06));color:var(--color-text-primary, #1A1A2E);vertical-align:middle}.ait-table tbody tr:last-child td{border-bottom:0}.ait-row{cursor:pointer}.ait-row:hover td{background:var(--color-surface-hover, #F1F5F9)}.ait-row:focus-visible{outline:2px solid var(--color-primary, #2483FF);outline-offset:-2px}.ait-col-icon{width:56px}.ait-col-type{width:136px}.ait-col-rarity{width:92px}.ait-col-gacha{width:100px}.ait-col-updated{width:128px}.ait-table td,.ait-name,.ait-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ait-thumb{display:block;width:32px;height:32px;border-radius:8px;object-fit:contain;background:var(--color-bg-base, #F7F8FA)}.ait-thumb--empty{border:1px dashed var(--color-border, rgba(0, 0, 0, .08))}.ait-thumb--texture{object-fit:cover}.ait-name{font-weight:600}.ait-id{color:var(--color-text-tertiary, #94A3B8);font-size:12px}.ait-empty{padding:48px 20px;color:var(--color-text-tertiary, #94A3B8);font-size:13px;text-align:center}.ait-modal{width:664px;height:min(880px,calc(100dvh - 48px));max-width:calc(100vw - 32px);border-radius:var(--radius-md);background:var(--color-surface-modal)}.ait-modal,.ait-modal *{box-sizing:border-box}.ait-modal .ds-modal-header{min-height:56px;padding:0 24px;border-bottom:1px solid var(--color-border-light)}.ait-modal .ds-modal-header h2{font-size:18px;font-weight:700;line-height:24px}.ait-modal .ds-modal-close{width:32px;height:32px;font-size:16px}.ait-modal .ds-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:0;min-width:0;overflow-wrap:anywhere;overscroll-behavior:contain}.ait-modal-body>*{flex-shrink:0}.ait-modal .ds-modal-footer{min-height:64px;padding:12px 24px;flex-shrink:0;flex-wrap:wrap;background:var(--color-surface-modal);border-top:1px solid var(--color-border-light)}.ait-modal .ds-modal-footer-actions{gap:10px;flex-wrap:wrap;min-width:0}.ait-modal .ds-modal-footer-actions:last-child{margin-left:auto}.ait-modal .ds-modal-footer .ds-btn{height:38px;border-radius:8px;font-size:13px;gap:6px}.ait-modal .ds-btn svg{flex-shrink:0}.ait-modal .ait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.ait-modal .ait-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ait-modal .ait-span-2{grid-column:1 / -1;margin-top:2px}.ait-modal .ds-field{min-width:0;gap:4px;font-size:12px;font-weight:600;line-height:18px}.ait-modal .ds-input{width:100%;min-width:0;height:38px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:400;line-height:20px;background:var(--color-surface-modal);color:var(--color-text-primary)}.ait-modal .ds-input[readonly]:not(.ait-asset-path){background:var(--color-surface-disabled);color:var(--color-text-secondary)}.ait-modal .ds-input[readonly]:hover:not(:focus){border-color:var(--color-border)}.ait-modal .ait-textarea{height:76px;min-height:76px;padding:10px 12px;resize:vertical}.ait-modal .ait-field-count{position:relative}.ait-modal .ait-count{position:absolute;right:10px;bottom:6px;pointer-events:none;color:var(--color-text-tertiary);font-size:11px;font-weight:400;line-height:16px}.ait-modal .ait-json{height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.ait-modal .ait-section{margin-top:18px;border-top:1px solid var(--color-border-light);padding-top:16px}.ait-modal .ait-section--first{margin-top:0;border-top:0;padding-top:0}.ait-modal .ait-section-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ait-modal .ait-section-title{margin:0;color:var(--color-text-primary);font-size:15px;font-weight:700;line-height:22px}.ait-modal .ait-section-desc{margin:0;color:var(--color-text-tertiary);font-size:12px;font-weight:400;line-height:18px}.ait-modal .ait-check{flex-direction:row;align-items:center;gap:8px}.ait-modal .ait-check input{width:16px;height:16px;accent-color:var(--color-primary)}.ait-modal .ait-check-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:12px}.ait-modal .ait-asset-rows{display:flex;flex-direction:column;gap:10px}.ait-modal .ait-asset{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) 104px;gap:8px 12px;align-items:center}.ait-modal .ait-asset-name{color:var(--color-text-secondary);font-size:12px;font-weight:600;line-height:18px}.ait-modal .ait-asset-content{display:flex;align-items:center;gap:12px;min-width:0}.ait-modal .ait-asset-preview{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--color-border);border-radius:10px;object-fit:contain;background:var(--color-surface-modal)}.ait-modal .ait-asset-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:12px;line-height:16px}.ait-modal .ait-asset-path{flex:1;min-width:0}.ait-modal .ait-asset-change{width:104px;height:38px;padding:0 12px;border-radius:8px;gap:6px;font-size:13px;font-weight:600;border-color:var(--color-border)}.ait-modal .ait-file{position:absolute;width:1px;height:1px;padding:0;opacity:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.ait-modal .ds-field-hint{font-size:12px;font-weight:400;line-height:16px}.ait-modal .ait-ops{display:flex;align-items:flex-start;gap:24px}.ait-modal .ait-ops .ait-section-head{width:96px;flex-shrink:0;margin-bottom:0}.ait-modal .ait-options{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ait-modal .ait-option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px 10px;align-content:start;color:var(--color-text-secondary);font-size:13px;font-weight:600;line-height:18px;cursor:pointer}.ait-modal .ait-option+.ait-option{border-left:1px solid var(--color-border-light);padding-left:24px}.ait-modal .ait-option:first-child{padding-right:12px}.ait-modal .ait-option input{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.ait-modal .ait-option small{grid-column:2;color:var(--color-text-tertiary);font-size:11px;font-weight:400;line-height:16px}.ait-modal .ait-advanced{margin-top:18px;border:1px solid var(--color-border-light);border-radius:10px;background:#00000008}.ait-modal .ait-advanced summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;list-style:none;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer}.ait-modal .ait-advanced summary::-webkit-details-marker{display:none}.ait-modal .ait-advanced summary:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;flex-shrink:0}.ait-modal .ait-advanced[open] summary:before{transform:rotate(90deg)}.ait-modal .ait-advanced summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:10px}.ait-modal .ait-advanced .ait-json{display:block;width:calc(100% - 32px);margin:0 16px 12px}.ait-modal .ait-json-error{margin:0 16px 12px;color:var(--color-danger-button);font-size:12px;overflow-wrap:anywhere}.ait-modal .ait-conflict{margin-top:16px;overflow-wrap:anywhere}.ait-cutout{margin-top:12px}.ait-cutout[hidden],.ait-cutout-workspace[hidden]{display:none}.ait-cutout-enable{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}.ait-cutout-viewport{position:relative;height:250px;width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-base)}.ait-cutout-viewport canvas,.ait-cutout-viewport svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ait-cutout-viewport svg{pointer-events:none;touch-action:none}.ait-cutout-viewport svg.is-angle{opacity:.6}.ait-cutout-outline{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linejoin:round}.ait-cutout-point{fill:var(--color-surface-card);stroke:var(--color-primary);stroke-width:2;cursor:grab;pointer-events:all}.ait-cutout-point.is-selected{fill:var(--color-primary);stroke:var(--color-surface-card)}.ait-cutout-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.ait-cutout-toolbar .ds-field{flex:1;min-width:100px}.ait-cutout-toolbar [aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border)}.ait-cutout-toolbar .ait-check{margin-left:auto;font-size:12px}.ait-cutout-controls{margin:0;padding:0;border:0;min-width:0}.ait-cutout-controls:disabled{opacity:.55}.ait-cutout .ait-grid{gap:8px 24px}.ait-cutout .ds-field{gap:2px;line-height:16px}.ait-cutout .ds-input{height:34px}.ait-cutout-fields{margin-top:8px}.ait-cutout-status{margin:6px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.4}.ait-cutout-status.is-error{color:var(--color-danger-button)}@media(max-width:560px){.ait-cutout-viewport{height:220px}}.ait-conflict{padding:12px 14px;border:1px solid #FECACA;border-radius:12px;background:#fef2f2}.ait-conflict-title{color:#b91c1c;font-size:13px;font-weight:700}.ait-conflict-list{margin:8px 0 10px;padding:0;list-style:none;display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13px;color:var(--color-text-secondary, #475569)}.ait-conflict-list li{display:inline-flex;gap:6px}.ait-conflict-list b{color:var(--color-text-primary, #1A1A2E)}@media(max-width:720px){.ait-search{width:100%}}@media(max-width:560px){.ait-modal .ds-modal-header,.ait-modal .ds-modal-body,.ait-modal .ds-modal-footer{padding-left:16px;padding-right:16px}.ait-modal .ait-grid,.ait-modal .ait-grid--3,.ait-modal .ait-options{grid-template-columns:minmax(0,1fr)}.ait-modal .ait-ops{flex-direction:column;gap:12px}.ait-modal .ait-ops .ait-section-head{width:auto}.ait-modal .ait-options{gap:12px}.ait-modal .ait-option+.ait-option{border-left:0;padding-left:0}.ait-modal .ait-option:first-child{padding-right:0}.ait-modal .ait-asset{grid-template-columns:minmax(0,1fr)}.ait-modal .ait-asset-change{justify-self:end}}.aig-modal{width:min(1240px,calc(100vw - 32px));height:calc(100dvh - 48px);border-radius:var(--radius-md);background:var(--color-surface-modal);display:flex;flex-direction:column}.aig-modal,.aig-modal *{box-sizing:border-box}.aig-modal .ds-modal-header{min-height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-light)}.aig-modal .ds-modal-header h2{font-size:18px;font-weight:700;line-height:24px}.aig-modal .ds-modal-close{width:32px;height:32px;font-size:16px}.aig-body{display:flex;flex-direction:column;padding:14px 20px 16px;flex:1;min-height:0;overflow:hidden}.aig-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:11px}.aig-chips,.aig-cand-list{scrollbar-width:thin;scrollbar-gutter:stable}.aig-chips::-webkit-scrollbar,.aig-cand-list::-webkit-scrollbar{width:8px}.aig-chips::-webkit-scrollbar-thumb,.aig-cand-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-clip:content-box;background-color:var(--color-border-strong, rgba(0, 0, 0, .14))}.aig-included{display:flex;flex-direction:column;padding:10px 12px;margin-bottom:12px;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:10px;background:var(--color-bg-base, #F6F7F9)}.aig-included-title{margin:0 0 8px;color:var(--color-text-primary, #17213B);font-size:13px;font-weight:600}.aig-num{color:var(--color-primary, #2483FF);font-weight:700}.aig-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;height:240px}.aig-group{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:8px;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:8px;background:var(--color-surface-card, #FFFFFF)}.aig-group-head{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.aig-group-name{color:var(--color-text-primary, #17213B);font-size:12px;font-weight:700}.aig-group-head .aig-num{font-size:12px}.aig-group-empty{margin:0;color:var(--color-text-tertiary, #94A3B8);font-size:11px}.aig-chips{display:flex;flex:1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.aig-chip{display:grid;grid-template-columns:24px minmax(0,1fr) 22px;align-items:center;flex:none;gap:8px;max-width:100%;height:37px;padding:0 6px 0 8px;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:8px;background:var(--color-surface-card, #FFFFFF)}.aig-grid.has-part .aig-chip,.aig-grid.has-part .aig-row{grid-template-columns:24px minmax(0,1fr) 34px 22px}.aig-chip.is-failed{border-color:var(--color-danger-button, #EF4444)}.aig-chip-thumb{width:24px;height:24px;flex-shrink:0;border-radius:5px;object-fit:contain}.aig-chip-thumb--texture{object-fit:cover}.aig-chip-thumb--empty{border:1px dashed var(--color-border-strong, #D5DBE5)}.aig-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary, #17213B);font-size:12.5px}.aig-part{flex:none;justify-self:stretch;text-align:center;padding:1px 4px;border-radius:999px;background:var(--color-surface-hover, #F1F3F7);color:var(--color-text-secondary, #667085);font-size:10px;font-weight:600;line-height:15px;white-space:nowrap}.aig-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;padding:0;border:0;border-radius:5px;background:none;color:var(--color-text-tertiary, #94A3B8);cursor:pointer}.aig-chip-remove:hover{background:var(--color-surface-hover, #F1F5F9);color:var(--color-text-primary, #17213B)}.aig-chip-remove:focus-visible{outline:2px solid var(--color-primary, #2483FF);outline-offset:1px}.aig-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}.aig-toolbar-title{margin:0;color:var(--color-text-primary, #17213B);font-size:14px;font-weight:600}.aig-toolbar-hint{margin:4px 0 0;color:var(--color-text-secondary, #667085);font-size:12px}.aig-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.aig-search{position:relative;display:inline-flex;align-items:center}.aig-search-icon{position:absolute;left:10px;color:var(--color-text-tertiary, #94A3B8);pointer-events:none}.aig-search input{width:240px;height:34px;padding:0 10px 0 32px;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:8px;background:var(--color-surface-card, #FFFFFF);color:var(--color-text-primary, #17213B);font-size:13px;font-family:inherit}.aig-search input::placeholder{color:var(--color-text-tertiary, #94A3B8)}.aig-search input:focus{outline:none;border-color:var(--color-primary, #2483FF);box-shadow:0 0 0 3px var(--color-primary-focus, rgba(36, 131, 255, .16))}.aig-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;flex:1;min-height:0}.aig-grid--included{flex:none;height:240px;margin-bottom:14px}.aig-cand{display:flex;flex-direction:column;min-height:0;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:12px;background:var(--color-bg-base, #F6F7F9);overflow:hidden}.aig-cand-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:39px;flex-shrink:0;padding:0 10px;border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .06))}.aig-cand-name{color:var(--color-text-primary, #17213B);font-size:13px;font-weight:700}.aig-cand-count{color:var(--color-text-secondary, #667085);font-size:12px}.aig-cand-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;padding:8px;overflow-y:auto}.aig-cand-empty{margin:0;padding:6px 2px;color:var(--color-text-tertiary, #94A3B8);font-size:12px}.aig-row{display:grid;grid-template-columns:24px minmax(0,1fr) 22px;align-items:center;gap:8px;flex-shrink:0;height:37px;padding:0 8px;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:8px;background:var(--color-surface-card, #FFFFFF);font:inherit;text-align:left;cursor:pointer}.aig-row:hover{border-color:var(--color-border-strong, rgba(0, 0, 0, .14));background:var(--color-surface-hover, #F1F5F9)}.aig-row:focus-visible{outline:2px solid var(--color-primary, #2483FF);outline-offset:1px}.aig-row.is-failed{border-color:var(--color-danger-button, #EF4444)}.aig-row-thumb{width:24px;height:24px;border-radius:6px;object-fit:contain}.aig-row-thumb--texture{object-fit:cover}.aig-row-thumb--empty{border:1px dashed var(--color-border-strong, #D5DBE5)}.aig-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary, #17213B);font-size:12.5px}.aig-row-plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--color-border-strong, #D5DBE5);border-radius:50%;color:var(--color-text-secondary, #667085)}.aig-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-tertiary, #94A3B8);font-size:13px}.aig-state p{margin:0}.aig-count{color:var(--color-text-secondary, #667085);font-size:13px;font-weight:600}.aig-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.aig-chip,.aig-row{cursor:grab}.aig-chip.is-dragging,.aig-row.is-dragging{opacity:.5}.aig-modal.is-dropping .aig-group,.aig-modal.is-dropping .aig-cand-list{border-color:var(--color-primary-border, #C6DFFF);background:var(--color-primary-soft, #ECF4FF)}.aig-modal.is-dropping .aig-cand-list{box-shadow:inset 0 0 0 1px var(--color-primary-border, #C6DFFF)}.aig-modal.is-dropping .aig-group.is-over,.aig-modal.is-dropping .aig-cand-list.is-over{border-color:var(--color-primary, #2483FF);box-shadow:inset 0 0 0 2px var(--color-primary, #2483FF)}.aig-row-plus-slot{display:block}.aig-row.is-locked{cursor:grab}.pet-modal{width:min(860px,calc(100vw - 48px));height:min(560px,calc(100vh - 64px));display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.pet-modal-body{display:flex;flex:1;overflow:hidden;min-height:0}.pet-grid-panel{flex:1;overflow-y:auto;padding:16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.22) transparent}.pet-grid-panel:hover,.pet-grid-panel.is-scrolling{scrollbar-color:rgba(148,163,184,.78) transparent}.pet-grid-panel::-webkit-scrollbar{width:8px}.pet-grid-panel::-webkit-scrollbar-track{background:transparent}.pet-grid-panel::-webkit-scrollbar-thumb{background-color:#94a3b82e;border:2px solid transparent;border-radius:999px;background-clip:content-box}.pet-grid-panel:hover::-webkit-scrollbar-thumb,.pet-grid-panel.is-scrolling::-webkit-scrollbar-thumb{background-color:#94a3b8d1}.pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pet-card{position:relative;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px 14px;border:1px solid #dbe3ee;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px #0f172a0a,inset 0 1px #ffffffe6;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}.pet-card:hover:not(.is-locked){transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 10px 24px #0f172a14,inset 0 1px #ffffffe6}.pet-card.is-selected,.pet-card.is-selected:hover{border-color:#2f80ed;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 0 0 3px #dbeafe,0 12px 26px #2f80ed24}.pet-card.is-locked{opacity:.4;cursor:default}.pet-card.is-locked .pet-thumb-image{filter:grayscale(1)}.pet-selected-check{display:none}.pet-equipped-chip{position:absolute;top:8px;left:8px;height:22px;padding:0 7px;display:none;align-items:center;border-radius:7px;font-size:11px;font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #86efac}.pet-card.is-equipped .pet-equipped-chip{display:inline-flex}.pet-lock-badge{position:absolute;top:8px;right:8px;font-size:12px;line-height:1}.pet-thumb{display:flex;align-items:center;justify-content:center;width:54px;height:54px}.pet-thumb-image{width:54px;height:54px;object-fit:contain}.pet-card-name{font-size:12px;font-weight:600;color:#1a1a2e}.pet-card.is-locked .pet-card-name{color:#0000004d}.pet-detail-panel{width:380px;min-width:380px;display:flex;flex-direction:column;padding:28px;border-left:1px solid #e5e7eb;background:linear-gradient(180deg,#ffffffb8,#f8fafc00 42%),#f8fafc;box-sizing:border-box}.pet-preview-wrap{position:relative;width:100%;height:280px;overflow:hidden;border-radius:16px;background:#e8edf5;margin-bottom:16px;box-shadow:0 8px 20px #0f172a1a,inset 0 1px #ffffffe6}.pet-preview-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pet-preview-canvas{position:relative;z-index:1;width:100%;height:100%;display:block}.pet-info-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pet-info-row h3{margin:0;font-size:18px;font-weight:700;color:#1a1a2e}.pet-rarity-badge{display:none}.pet-rarity-common{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.pet-rarity-uncommon{color:#15803d;background:#dcfce7;border-color:#86efac}.pet-rarity-rare{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.pet-rarity-epic{color:#7e22ce;background:#f3e8ff;border-color:#d8b4fe}.pet-rarity-legendary{color:#b45309;background:#fef3c7;border-color:#fcd34d}.pet-desc{margin:0 0 auto;font-size:13px;color:#475569;line-height:1.6}.pet-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:14px;text-align:center}.pet-action-button{width:100%;height:56px;margin-top:16px;border:0;border-radius:14px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);font-size:17px;font-weight:900;letter-spacing:-.02em;cursor:pointer;box-shadow:0 4px 12px #2563eb2e,inset 0 1px #ffffff38;transition:background .14s ease,box-shadow .14s ease,transform .1s ease}.pet-action-button:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.pet-action-button:active{transform:translateY(0)}.pet-action-button.is-equipped{background:linear-gradient(180deg,#ff4d4f,#ef3338);box-shadow:0 4px 12px #ef33382e,inset 0 1px #ffffff38}.pet-action-button.is-equipped:hover{background:linear-gradient(180deg,#ef3338,#dc2626)}.effect-modal{width:min(520px,92vw)}.effect-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.effect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.effect-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:12px;border:1.5px solid var(--ds-border, #e5e7eb);border-radius:12px;background:var(--ds-surface, #fff);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;color:var(--ds-text, #111827)}.effect-card:hover:not(:disabled){border-color:#a855f7;transform:translateY(-1px)}.effect-card.is-selected{border-color:#a855f7;box-shadow:0 0 0 3px #a855f72e}.effect-card.is-locked{opacity:.55;cursor:not-allowed}.effect-card-name{font-size:14px;font-weight:600}.effect-equipped-chip{position:absolute;top:6px;left:6px;font-size:10px;font-weight:700;color:#fff;background:#a855f7;border-radius:6px;padding:2px 6px;display:none}.effect-card.is-equipped .effect-equipped-chip{display:block}.effect-lock-badge{position:absolute;top:6px;right:6px;font-size:14px}.effect-detail-panel{display:flex;flex-direction:column;gap:10px}.effect-detail-panel h3{margin:0;font-size:16px;font-weight:700}.effect-desc{margin:0;font-size:13px;line-height:1.5;color:var(--ds-text-muted, #6b7280)}.effect-color-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.effect-color-row input[type=color]{width:44px;height:32px;border:1px solid var(--ds-border, #e5e7eb);border-radius:8px;padding:2px;cursor:pointer;background:none}.effect-color-swatch{flex:1;height:22px;border-radius:6px;border:1px solid var(--ds-border, #e5e7eb)}.effect-hint{margin:0;font-size:12px;color:var(--ds-text-muted, #6b7280);min-height:16px}.effect-action-button{margin-top:auto;padding:10px 16px;border:none;border-radius:10px;background:#2483ff;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.effect-action-button:hover:not(:disabled){background:#1a6fe0}.effect-action-button.is-equipped{background:#6b7280}.effect-action-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:560px){.effect-modal-body{grid-template-columns:1fr}}.trial-entry{--trial-text: #152238;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;padding:48px 24px 64px;box-sizing:border-box;background:radial-gradient(circle at 50% 42%,#fff,#f8fafe 46%,#f1f6fc 78%,#edf3fa)}.trial-entry:before,.trial-entry:after{position:absolute;z-index:-1;width:min(1560px,150vw);height:min(1560px,150vw);border:1px solid rgba(198,214,235,.18);border-radius:50%;content:"";pointer-events:none}.trial-entry:before{transform:translate(-52%,-12%)}.trial-entry:after{transform:translate(52%,18%);border-color:#cddcef24}.trial-entry__content{width:min(560px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center}.trial-entry__logo{width:360px;height:auto;max-width:70vw;display:block;margin-bottom:40px}.trial-entry__card{width:100%;padding:38px 40px 34px;box-sizing:border-box;border:1px solid #dde6f1;border-radius:18px;background:#fff;box-shadow:0 12px 36px #274c7d1a;text-align:center}.trial-entry__card h1{margin:0;color:var(--trial-text);font-size:34px;font-weight:800;line-height:1.3;letter-spacing:-.035em}.trial-entry__description{margin:10px 0 0;color:#68778e;font-size:15px;line-height:1.6}.trial-entry__form{margin-top:30px}.trial-entry__form .ds-input,.trial-entry__form .ds-btn{width:100%;box-sizing:border-box}.trial-entry .ds-field{gap:9px;color:#253047;font-size:14px;font-weight:700;text-align:left}.trial-entry .ds-input{width:100%;height:52px;padding:0 15px;border:1px solid #cbd6e4;border-radius:11px;color:#253047;font-size:15px;font-weight:500}.trial-entry .ds-input::placeholder{color:#a2adbd;opacity:1}.trial-entry .ds-input:hover{border-color:#8fb7f3}.trial-entry .ds-input:focus{border-color:#287cf5;box-shadow:0 0 0 3px #287cf521}.trial-entry .ds-input[aria-invalid=true]{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d1a}.trial-entry .ds-input:disabled{background:#f3f5f8;border-color:#e1e6ed;color:#9ca6b5}.trial-entry__hint{margin:0;color:#718096;font-size:13px;font-weight:400;line-height:1.4}.trial-entry .ds-btn-primary{position:relative;height:52px;margin-top:24px;border-radius:11px;background:#1674ea;color:#fff;box-shadow:0 6px 14px #1674ea33;font-size:16px;font-weight:700}.trial-entry .ds-btn-primary:hover:not(:disabled){background:#0f67d8}.trial-entry .ds-btn-primary:active:not(:disabled){background:#0c5fcb}.trial-entry .ds-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #1674ea2e}.trial-entry .ds-btn-primary:disabled{background:#e4e9f0;color:#9ba7b7;box-shadow:none;cursor:not-allowed}.trial-entry .ds-btn-primary.is-submitting:after{width:14px;height:14px;margin-left:8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;content:"";animation:trial-entry-spin .7s linear infinite}.trial-entry__footer-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:#8b98aa;font-size:13px;line-height:1.4}.trial-entry__footer-note svg{width:15px;height:15px;flex:none;fill:none;stroke:#a7b2c1;stroke-linecap:round;stroke-width:1.5}.trial-entry__notice{margin:30px 0 0;color:#68778e;font-size:15px}.trial-entry__error{margin:0;color:#e5484d;font-size:13px;line-height:1.4;text-align:left}.trial-entry__form--error .trial-entry__hint{display:none}.trial-entry__form--error .trial-entry__error{margin-top:9px}@keyframes trial-entry-spin{to{transform:rotate(360deg)}}@media(min-width:768px)and (max-width:1199px){.trial-entry__logo{width:300px}.trial-entry__card{padding:34px}}@media(max-width:767px){.trial-entry{padding:28px 16px 40px}.trial-entry__content{width:calc(100vw - 32px)}.trial-entry__logo{width:230px;margin-bottom:28px}.trial-entry__card{padding:28px 22px;border-radius:16px}.trial-entry__card h1{font-size:28px}.trial-entry__description{font-size:14px}.trial-entry .ds-input,.trial-entry .ds-btn-primary{min-height:50px}}@media(max-width:379px){.trial-entry__logo{width:200px}.trial-entry__card{padding:24px 18px}.trial-entry__card h1{font-size:26px}}.rte-container{border:1px solid #CBD5E1;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s}.rte-container:focus-within{border-color:#2483ff}.rte-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:#f8fafc;border-bottom:1px solid #E2E8F0;flex-wrap:wrap}.rte-toolbar .rte-sep{width:1px;height:20px;background:#cbd5e1;margin:0 4px;flex-shrink:0}.rte-toolbar button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;cursor:pointer;color:#475569;font-size:14px;font-weight:700;transition:all .12s;flex-shrink:0;position:relative}.rte-toolbar button:hover{background:#e2e8f0;color:#1e293b}.rte-toolbar button.rte-active{background:#dbeafe;color:#2563eb}.rte-toolbar button svg{pointer-events:none}.rte-editor{min-height:80px;padding:12px 14px;font-size:14px;line-height:1.75;color:#1e293b;outline:none;overflow-y:auto;word-break:break-word}.rte-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.rte-editor ul,.rte-editor ol{padding-left:24px;margin:4px 0}.rte-editor li{margin-bottom:2px}::highlight(rte-url){color:#2483ff;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.rte-color-picker{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:8px;box-shadow:0 4px 12px #0000001f;z-index:10;gap:4px;flex-wrap:wrap;width:130px}.rte-color-picker.rte-picker-open{display:flex}.rte-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .12s;flex-shrink:0}.rte-color-swatch:hover{transform:scale(1.2);border-color:#94a3b8}.rte-color-swatch-default{background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 10px 10px;border:2px solid #cbd5e1}.rte-editor img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block;cursor:pointer}.rte-editor img.rte-img-loading{opacity:.4;animation:rte-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes rte-pulse{0%,to{opacity:.4}50%{opacity:.2}}.rte-viewer{overflow-wrap:anywhere;word-break:break-word}.rte-viewer img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;box-sizing:border-box;border-radius:8px;margin:8px 0!important;object-fit:contain}.rte-viewer p{margin:0 0 8px}.rte-viewer p:last-child{margin-bottom:0}.rte-viewer ul,.rte-viewer ol{padding-left:24px;margin:4px 0}.rte-viewer a{overflow-wrap:anywhere}.assignment-card--locked{padding:12px 16px;border-bottom:1px solid var(--ds-border, var(--db-border));color:var(--color-text-primary, var(--db-text));cursor:pointer}.assignment-card--locked:hover{background:var(--color-surface-hover, var(--db-surface-soft))}.assignment-card--locked.assignment-active{background:var(--color-surface-card, var(--db-surface))}.assignment-card--locked h4,.assignment-locked-detail h3{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;color:var(--color-text-primary, var(--db-text));overflow-wrap:anywhere}.assignment-card--locked h4{font-size:14px;font-weight:600}.assignment-lock-icon{flex-shrink:0}.assignment-lock-badge{display:inline-flex;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;color:var(--color-text-secondary, var(--db-text-2));background:var(--color-surface-hover, var(--db-surface-soft))}.assignment-lock-video-title,.assignment-lock-unlock-date,.assignment-lock-progress-info{margin-top:6px;font-size:12px;line-height:1.6;color:var(--color-text-secondary, var(--db-text-2));overflow-wrap:anywhere}.assignment-lock-progress{height:6px;margin:6px 0;border-radius:3px;overflow:hidden;background:var(--ds-border, var(--db-border))}.assignment-lock-progress-fill{height:100%;background:var(--color-primary, var(--db-blue))}.assignment-locked-detail{padding:24px;overflow-y:auto}.assignment-lock-actions{display:flex;gap:8px;margin-top:20px}.assignment-lock-actions button,.assignment-lock-close{min-height:36px;padding:8px 16px;border:1px solid var(--color-primary-border, var(--db-blue-border));border-radius:8px;background:var(--color-primary-soft, var(--db-blue-soft));color:var(--color-primary, var(--db-blue));font:inherit;cursor:pointer}.assignment-lock-actions button:disabled{color:var(--color-text-tertiary, var(--db-text-3));background:var(--color-surface-hover, var(--db-surface-soft));border-color:var(--ds-border, var(--db-border));cursor:not-allowed}.assignment-card--locked:focus-visible,.assignment-lock-actions button:focus-visible,.assignment-lock-close:focus-visible{outline:2px solid var(--color-primary, var(--db-blue));outline-offset:2px}.assignment-lock-dialog{display:flex;flex-direction:column;width:min(560px,calc(100vw - 32px));height:min(480px,calc(100vh - 64px));overflow:hidden;border-radius:16px;background:var(--color-surface-card, var(--db-surface))}.assignment-lock-close{align-self:flex-end;margin:12px 12px 0}.assignment-lock-detail-mount{flex:1;min-height:0;overflow-y:auto}:root{--db-blue: #2483FF;--db-blue-hover: #1677F2;--db-blue-soft: #ECF4FF;--db-blue-subtle: #F8FBFF;--db-blue-border: #C6DFFF;--db-text: #1A1A2E;--db-text-2: #475569;--db-text-3: #94A3B8;--db-disabled: #CBD5E1;--db-page: #F3F6FA;--db-surface: #FFFFFF;--db-surface-soft: #F8FAFC;--db-border: rgba(0,0,0,.08);--db-success: #36C690;--db-success-soft: #ECFDF5;--db-success-border: rgba(54,198,144,.24);--db-warning: #F59E0B;--db-warning-soft: #FFF7ED;--db-warning-border: #FED7AA;--db-danger: #FF5A7A}.asgn-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,560px);gap:20px;min-height:0;height:0;flex:1 1 0;align-items:stretch;overflow:hidden}@media(max-width:1100px){.asgn-detail-grid{grid-template-columns:1fr}}.asgn-summary-card{padding:18px 22px;border-radius:16px;background:var(--db-surface);border:1px solid var(--db-border);box-shadow:0 6px 20px #0f172a0d;display:flex;align-items:center;justify-content:space-between;gap:16px}.asgn-summary-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.asgn-summary-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(180deg,#3b91ff,#2483ff);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.asgn-summary-info{min-width:0;flex:1}.asgn-summary-info h3{margin:0;font-size:18px;font-weight:800;color:var(--db-text);letter-spacing:-.02em;line-height:1.3;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.asgn-summary-meta{margin-top:5px;display:flex;align-items:center;gap:12px;color:var(--db-text-3);font-size:12px;font-weight:600}.asgn-status-badge{height:32px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:12px;font-weight:800;flex-shrink:0}.asgn-status-badge.is-missing{background:var(--db-warning-soft);border:1px solid var(--db-warning-border);color:var(--db-warning)}.asgn-status-badge.is-pending{background:#fef3c7;border:1px solid #FDE68A;color:#d97706}.asgn-status-badge.is-approved{background:var(--db-success-soft);border:1px solid var(--db-success-border);color:var(--db-success)}.asgn-status-badge.is-rejected{background:#fee2e2;border:1px solid #FECACA;color:#ef4444}.asgn-section-card{border-radius:16px;background:var(--db-surface);border:1px solid var(--db-border);overflow:hidden;box-shadow:0 2px 10px #0f172a08;transition:border-color .2s,box-shadow .2s,background .2s}.asgn-section-heading{height:54px;padding:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--db-border)}.asgn-section-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--db-blue-soft);border:1px solid var(--db-blue-border);color:var(--db-blue)}.asgn-section-heading h4{margin:0;font-size:14px;font-weight:800;color:var(--db-text)}.asgn-section-body{padding:20px}.asgn-teacher-card{min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.asgn-teacher-card .asgn-section-heading{background:var(--db-blue-subtle);border-bottom-color:#dcebff}.asgn-teacher-card .asgn-section-body{flex:1;padding-bottom:22px}.asgn-field-label{margin-bottom:8px;font-size:13px;font-weight:800;color:var(--db-text-2)}.asgn-field-label span{color:var(--db-text-3);font-weight:600}.asgn-field-label.required:after{content:" *";color:var(--db-danger)}.asgn-desc-box{padding:16px 18px;min-height:120px;border-radius:12px;background:var(--db-blue-subtle);border:1px solid var(--db-blue-border);color:var(--db-text);font-size:14px;font-weight:500;line-height:1.7;word-break:break-word}.asgn-rewards{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px}.asgn-rewards-label{font-size:12px;font-weight:800;color:var(--db-text-2)}.asgn-rewards-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asgn-reward-chip{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:13px;font-weight:800;background:var(--db-surface);border:1px solid var(--db-border);color:var(--db-text-2)}.asgn-reward-chip.is-xp{background:var(--db-blue-soft);border-color:var(--db-blue-border);color:var(--db-blue)}.asgn-reward-chip.is-currency{background:var(--db-success-soft);border-color:var(--db-success-border);color:var(--db-success)}.asgn-reward-chip.is-item{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.asgn-reward-chip img{width:18px;height:18px;object-fit:contain}.asgn-reward-section{margin-top:20px}.asgn-reward-section-title{font-size:13px;font-weight:800;color:var(--db-text-2);margin-bottom:10px}.asgn-reward-tiles{display:flex;flex-wrap:wrap;gap:10px}.asgn-reward-tile{min-width:148px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:14px;background:var(--db-surface);border:1px solid var(--db-border);box-shadow:0 2px 10px #0f172a08}.asgn-reward-tile-icon{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--db-surface);border:1.5px solid var(--db-blue-border)}.asgn-reward-tile-icon img{width:28px;height:28px;object-fit:contain}.asgn-reward-tile-text{min-width:0;display:flex;flex-direction:column;gap:2px}.asgn-reward-tile-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:var(--db-text-2)}.asgn-reward-tile-value{font-size:16px;font-weight:800;line-height:1.2;color:var(--db-text)}.asgn-attachment-card-wrap{width:100%;margin-top:18px}.asgn-info-row{margin-top:18px;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;align-items:stretch}.asgn-info-row.no-reward{grid-template-columns:minmax(0,1fr)}@media(max-width:900px){.asgn-info-row{grid-template-columns:1fr}}.asgn-info-card{min-width:0;padding:12px 16px 14px;border-radius:14px;background:var(--db-surface);border:1px solid var(--db-border);box-shadow:0 2px 10px #0f172a08;display:flex;flex-direction:column;gap:8px}.asgn-info-card-title{font-size:13px;font-weight:800;color:var(--db-text-2)}.asgn-info-card--reward .asgn-rewards-chips{margin-top:6px}.asgn-attach-list{display:flex;flex-direction:column;gap:6px}.asgn-attach-empty{flex:1;width:100%;min-height:56px;border:1.5px dashed var(--db-disabled);border-radius:12px;background:var(--db-surface-soft);color:var(--db-text-3);font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px}.asgn-attach-empty svg{width:20px;height:20px;opacity:.4}.asgn-attachments{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(0,0,0,.1)}.asgn-empty-file{min-height:120px;border-radius:14px;background:var(--db-surface-soft);border:1px solid var(--db-border);color:var(--db-text-3);font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.asgn-empty-file svg{width:28px;height:28px;opacity:.45}.asgn-subm-section{margin-top:20px;display:flex;flex-direction:column;flex:1;min-height:0}.asgn-subm-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;flex-shrink:0}.asgn-subm-title{font-size:13px;font-weight:800;color:var(--db-text-2)}.asgn-subm-count{font-size:12px;font-weight:500;color:var(--db-text-3)}.asgn-subm-table{border:1px solid var(--db-border);border-radius:14px;overflow:hidden auto;background:var(--db-surface);box-shadow:0 2px 10px #0f172a08;flex:1;min-height:0}.asgn-subm-row{display:grid;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #F1F5F9;transition:background .12s}.asgn-subm-row:last-child{border-bottom:none}.asgn-subm-table .asgn-subm-row{gap:8px}.asgn-subm-table.is-quiz .asgn-subm-row{grid-template-columns:minmax(0,1fr) 60px 48px 72px 92px}.asgn-subm-table.is-doc .asgn-subm-row{grid-template-columns:minmax(0,1fr) 108px 76px 92px}.asgn-subm-table.is-quiz.has-video .asgn-subm-row{grid-template-columns:minmax(0,1fr) 84px 60px 48px 72px 92px}.asgn-subm-table.is-doc.has-video .asgn-subm-row{grid-template-columns:minmax(0,1fr) 84px 108px 76px 92px}.asgn-subm-num.is-done{color:#16a34a;font-weight:700}.asgn-subm-row>:not(:first-child){justify-self:center;text-align:center}.asgn-subm-row.is-head{position:sticky;top:0;z-index:1;padding:9px 16px;background:var(--db-surface-soft);border-bottom:1px solid var(--db-border);font-size:11px;font-weight:700;color:var(--db-text-3)}.asgn-subm-row.is-clickable{cursor:pointer}.asgn-subm-row.is-clickable:hover{background:var(--db-surface-soft)}.asgn-subm-student{display:flex;align-items:center;gap:10px;min-width:0}.asgn-subm-student span{font-size:13px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asgn-subm-num{font-size:12px;font-weight:600;color:var(--db-text-2)}.asgn-subm-num.is-muted,.asgn-subm-action.is-muted{color:var(--db-disabled)}.asgn-subm-pill{padding:2px 9px;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);font-size:11px;font-weight:700}.asgn-subm-action{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.asgn-subm-action button{padding:4px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--db-text-2);font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.asgn-subm-action button:hover{background:var(--db-blue-subtle);border-color:var(--db-blue-border);color:var(--db-blue)}.asgn-subm-action button.is-approve{border-color:#bbf7d0;color:#16a34a}.asgn-subm-action button.is-approve:hover{background:#f0fdf4;border-color:#86efac;color:#15803d}.asgn-subm-action button:disabled{opacity:.55;cursor:default}.asgn-subm-empty{text-align:center;padding:32px;color:var(--db-text-3);font-size:13px}.asgn-manual-approve-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10004;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.asgn-manual-approve-card{background:#fff;border-radius:16px;overflow:hidden;width:380px;max-width:90vw;text-align:center;box-shadow:0 20px 60px #0f172a2e,0 6px 20px #0f172a1a}.asgn-manual-approve-card__body{padding:28px 26px 20px}.asgn-manual-approve-card__icon{width:56px;height:56px;border-radius:999px;background:#dcfce7;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.asgn-manual-approve-card__title{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.35;color:#111827}.asgn-manual-approve-card .asgn-rewards-chips{justify-content:center;margin-top:8px}.asgn-manual-approve-card textarea{width:100%;margin-top:16px;box-sizing:border-box;min-height:72px;resize:vertical;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:13px;line-height:1.5;color:#1e293b;outline:none;text-align:left}.asgn-manual-approve-card textarea:focus{border-color:#2483ff}.asgn-manual-approve-card__actions{display:flex;gap:8px;padding:14px 20px;border-top:1px solid #E5E7EB;background:#fff}.asgn-manual-approve-card__actions button{flex:1;height:44px;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.asgn-manual-approve-card__actions .is-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.asgn-manual-approve-card__actions .is-cancel:hover{background:#0000000a}.asgn-manual-approve-card__actions .is-confirm{background:#2483ff;border:1px solid #2483FF;color:#fff}.asgn-manual-approve-card__actions .is-confirm:hover{background:#1677f2;border-color:#1677f2}.asgn-submission-col{min-height:0;min-width:0;display:flex;flex-direction:column;border-radius:16px;background:var(--db-surface);border:1px solid var(--db-border);box-shadow:0 2px 10px #0f172a08;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.asgn-submission-col>*{flex-shrink:0}.asgn-submission-col>.asgn-section-card:first-child{border:none;border-radius:0;box-shadow:none;background:transparent;border-bottom:1px solid var(--db-border)}.asgn-submission-col>.asgn-section-card:first-child .asgn-section-heading{border-bottom:0}.asgn-state-box{margin:14px;padding:14px;min-height:72px;border-radius:14px;display:flex;align-items:center;gap:14px}.asgn-state-box.is-empty{background:var(--db-warning-soft);border:1px solid var(--db-warning-border)}.asgn-state-box.is-submitted{background:var(--db-success-soft);border:1px solid var(--db-success-border)}.asgn-state-box.is-pending{background:var(--db-warning-soft);border:1px solid var(--db-warning-border)}.asgn-state-box.is-rejected{background:#fee2e2;border:1px solid #FECACA}.asgn-state-icon{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.asgn-state-box.is-empty .asgn-state-icon{color:var(--db-warning)}.asgn-state-box.is-submitted .asgn-state-icon{color:var(--db-success)}.asgn-state-box.is-pending .asgn-state-icon{color:var(--db-warning)}.asgn-state-box.is-rejected .asgn-state-icon{color:#ef4444}.asgn-state-title{font-size:14px;font-weight:800;color:var(--db-text)}.asgn-state-desc{margin-top:2px;font-size:11px;font-weight:600;color:var(--db-text-2);line-height:1.45}.asgn-submitted-content{margin:0 16px 16px;padding:14px 16px;border-radius:12px;background:var(--db-surface-soft);color:var(--db-text-2);font-size:13px;line-height:1.6;white-space:pre-wrap}.asgn-submit-body{padding:16px 18px}.asgn-submit-body .form-group+.form-group{margin-top:14px}.asgn-section-card.asgn-submit-card:focus-within{border-color:var(--db-blue-border);background:var(--db-blue-subtle);box-shadow:0 0 0 3px #2483ff14,0 6px 18px #0f172a0d}.asgn-submit-actions{margin-top:10px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end}.asgn-action-btns{display:flex;gap:6px;flex-shrink:0}.asgn-action-btns button{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.asgn-btn-edit{border:1px solid #bfdbfe;background:#eff6ff;color:var(--db-blue)}.asgn-btn-edit:hover{background:#dbeafe}.asgn-btn-delete{border:1px solid #fecaca;background:#fef2f2;color:#ef4444}.asgn-btn-delete:hover{background:#fee2e2}.trial-conversion-page{width:min(1120px,100%);margin:0 auto;padding:36px 0 72px}.trial-conversion-header h1,.trial-conversion-card h2,.trial-conversion-status-headline{margin:0;color:var(--color-text-primary)}.trial-conversion-header h1{font-size:30px;font-weight:700;letter-spacing:-.02em}.trial-conversion-header p,.trial-conversion-card>p{margin:13px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.trial-conversion-status-card,.trial-conversion-card,.trial-conversion-loading{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-card);box-shadow:var(--shadow-sm)}.trial-conversion-status-card{min-height:169px;margin-top:24px;padding:24px}.trial-conversion-status-badge{display:inline-flex;align-items:center;height:27px;padding:0 12px;border-radius:8px;background:var(--color-primary);color:var(--color-primary-text);font-size:13px;font-weight:700}.trial-conversion-status-headline{margin-top:16px;font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.trial-conversion-status-headline span{color:var(--color-primary)}.trial-conversion-expiry{margin:8px 0 0;color:var(--color-text-secondary);font-size:16px;line-height:1.4}.trial-conversion-progress{height:10px;margin-top:20px;overflow:hidden;border-radius:var(--radius-pill);background:#e5eaf2}.trial-conversion-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--transition-normal)}.trial-conversion-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.trial-conversion-card{padding:24px}.trial-conversion-card h2{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.35}.trial-conversion-benefits{margin-top:16px}.trial-conversion-benefit-card>p{margin-top:8px}.trial-conversion-benefit{display:flex;align-items:center;min-height:51px;gap:14px;color:var(--color-text-secondary);font-size:14px;font-weight:600}.trial-conversion-benefit+.trial-conversion-benefit{border-top:1px solid #E8EDF3}.trial-conversion-benefit-icon{display:inline-flex;width:30px;height:30px;flex:0 0 30px;align-items:center;justify-content:center;border-radius:10px;background:var(--color-primary);color:var(--color-primary-text)}.trial-conversion-benefit-icon>span{display:flex;width:18px;height:18px;align-items:center;justify-content:center;line-height:0}.trial-conversion-benefit-icon svg{display:block;width:18px;height:18px}.trial-conversion-root .trial-account-convert-btn{width:100%;height:46px;margin-top:16px;border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;font-size:16px;font-weight:700}.trial-conversion-root .trial-account-convert-btn:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.trial-conversion-root .trial-account-convert-btn:focus-visible,.trial-conversion-credential-row button:focus-visible,.trial-conversion-retry:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-focus)}.trial-conversion-root .trial-account-convert-btn:disabled{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-text-disabled);cursor:not-allowed}.trial-conversion-duration{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;color:var(--color-text-tertiary);font-size:13px}.trial-conversion-duration>span{display:inline-flex;align-items:center;line-height:0}.trial-conversion-duration svg{display:block;width:14px;height:14px}.trial-conversion-credential-list{display:grid;gap:14px;margin-top:18px}.trial-conversion-credential-row{display:flex;min-width:0;min-height:57px;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border:1px solid var(--color-border);border-radius:10px}.trial-conversion-credential-label{flex:0 0 auto;color:var(--color-text-primary);font-size:14px;font-weight:600}.trial-conversion-credential-controls{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.trial-conversion-root .trial-account-value{min-width:0;overflow:hidden;color:var(--color-text-primary);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.trial-conversion-root .trial-account-password{letter-spacing:1px}.trial-conversion-copy-btn,.trial-conversion-toggle-btn{display:inline-flex;min-width:58px;height:31px;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;padding:0 12px;border:1px solid var(--color-primary-border);border-radius:8px;background:var(--color-surface-card);color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:700}.trial-conversion-toggle-btn{min-width:68px}.trial-conversion-copy-btn:hover,.trial-conversion-toggle-btn:hover{background:var(--color-primary-soft)}.trial-conversion-toggle-btn svg{width:14px;height:14px}.trial-conversion-security{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px 18px;border-radius:8px;background:var(--color-primary-soft);color:var(--color-text-secondary);font-size:13px;line-height:1.45}.trial-conversion-security>span{display:inline-flex;flex:0 0 auto;color:var(--color-primary)}.trial-conversion-security svg{width:20px;height:20px}.trial-conversion-loading{display:flex;min-height:169px;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:14px}.trial-conversion-retry{display:block;margin:80px auto 0;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-card);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600}.trial-conversion-live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.trial-convert-overlay{z-index:10000;overflow-y:auto;padding:20px}.trial-convert-modal{display:flex;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto;overflow:hidden;border-radius:16px;background:var(--color-surface-card);box-shadow:var(--shadow-modal)}.trial-convert-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:20px 22px 12px}.trial-convert-header h2{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:700}.trial-convert-form{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:8px 22px 22px;overflow-y:auto}.trial-convert-field{min-width:0}.trial-convert-field-wide,.trial-convert-general-error,.trial-convert-submit{grid-column:1 / -1}.trial-convert-field label{display:block;margin-bottom:6px;color:var(--color-text-secondary);font-size:13px;font-weight:600}.trial-convert-field input,.trial-convert-field select,.trial-convert-field textarea{box-sizing:border-box;width:100%;padding:9px 11px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-card);color:var(--color-text-primary);font:inherit;font-size:14px}.trial-convert-field textarea{resize:vertical}.trial-convert-field input:focus,.trial-convert-field select:focus,.trial-convert-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus)}.trial-convert-error,.trial-convert-general-error{margin:5px 0 0;color:var(--color-danger);font-size:12px;line-height:1.4}.trial-convert-general-error{margin-top:0}.trial-convert-submit{width:100%;margin-top:18px;padding:11px 14px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;font-size:14px;font-weight:700}.trial-convert-submit:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.trial-convert-submit:disabled{border-color:var(--color-border-light);background:var(--color-border-light);color:var(--color-text-disabled);cursor:default}@media(max-width:900px){.trial-conversion-grid{grid-template-columns:1fr}}@media(max-width:768px){.trial-conversion-page{width:100%;box-sizing:border-box;padding:28px 20px 56px}.trial-conversion-header h1{font-size:24px}.trial-conversion-status-headline{font-size:22px}.trial-conversion-status-card,.trial-conversion-card{padding:20px}.trial-conversion-credential-row{min-height:72px;align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;padding-top:10px;padding-bottom:10px}.trial-conversion-credential-controls{width:100%;justify-content:flex-start}.trial-conversion-copy-btn,.trial-conversion-toggle-btn{min-height:36px}.trial-convert-form{grid-template-columns:1fr}}.mrp-badge{position:fixed;top:21px;right:14px;z-index:950;display:flex;align-items:center;justify-content:center;gap:4px;min-width:48px;height:30px;padding:0 10px;background:#6aa7ff;border:none;border-radius:16.5px;color:#fff;font-size:13px;font-weight:600;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;cursor:pointer;transition:all .18s ease;box-shadow:none;line-height:1}.mrp-badge:hover{background:#5a97ef}.mrp-badge svg{flex-shrink:0}.mrp-count{font-variant-numeric:tabular-nums}.mrp-popup{position:fixed;top:56px;right:14px;width:260px;max-height:400px;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 12px 40px #0000001f;border:1px solid rgba(0,0,0,.08);z-index:970;overflow:hidden;display:flex;flex-direction:column;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;animation:mrp-popup-in .18s ease-out}@keyframes mrp-popup-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mrp-popup-header{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mrp-popup-header span{font-size:15px;font-weight:700;color:#1a1a2e}.mrp-popup-close{width:28px;height:28px;border-radius:8px;border:none;background:#0000000f;color:#94a3b8;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mrp-popup-close:hover{background:#0000000d;color:#1a1a2e}.mrp-popup-body{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#94A3B8 transparent}.mrp-section{font-size:12px;font-weight:600;color:#94a3b8;padding:8px 4px 6px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.mrp-section-count{font-size:12px;font-weight:700;background:#00000014;color:#94a3b8;padding:1px 7px;border-radius:6px}.mrp-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;transition:background .1s}.mrp-row:hover{background:#0000000f}.mrp-row.clickable{cursor:pointer}.mrp-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#00000014;flex-shrink:0}.mrp-avatar img{width:100%;height:100%;object-fit:contain}.mrp-name{font-size:14px;font-weight:500;color:#000000bf;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrp-name.local{font-weight:700;color:#a78bfa}.mrp-me-badge{font-size:10px;font-weight:700;color:#a78bfa;background:#a78bfa26;padding:2px 6px;border-radius:4px;flex-shrink:0}.mrp-arrow{color:#0000002e;font-size:16px;font-weight:700;flex-shrink:0;transition:color .15s}.mrp-row:hover .mrp-arrow{color:#94a3b8}.mrp-empty{padding:20px;text-align:center;color:#94a3b8;font-size:13px}.friend-modal{width:520px;max-width:calc(100vw - 48px)!important;min-height:460px;max-height:calc(100vh - 96px);border-radius:24px!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 24px 80px #0000003d,0 2px 8px #0000000f!important;overflow:hidden}.friend-header{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.friend-header-left{display:flex;align-items:center;gap:12px}.friend-title-icon{width:38px;height:38px;border-radius:12px;background:#ecf4ff;border:1px solid #C6DFFF;color:#2483ff;display:flex;align-items:center;justify-content:center}.friend-title-icon svg{width:20px;height:20px}.friend-title{margin:0;font-size:20px;font-weight:800;line-height:1;color:#1a1a2e;letter-spacing:-.02em}.friend-close{width:38px;height:38px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.friend-close:hover{background:#f1f5f9;color:#1a1a2e;border-color:#0000001f}.friend-tabs{margin:0 24px 18px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f7f8fa;border:1px solid rgba(0,0,0,.08);border-radius:18px;flex-shrink:0}.friend-tab{height:42px;border:0;border-radius:14px;background:transparent;color:#94a3b8;font-size:14px;font-weight:800;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.friend-tab:hover{background:#ffffffa6;color:#475569}.friend-tab.is-active{background:#fff;color:#2483ff;box-shadow:0 3px 10px #2483ff1f,0 1px 2px #0000000a}.friend-tab-badge{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.friend-body{padding:0 24px 24px;flex:1;min-height:0;display:flex}.friend-content-panel{width:100%;height:400px;padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.08);overflow-y:auto;box-sizing:border-box}.friend-content-panel::-webkit-scrollbar{width:10px}.friend-content-panel::-webkit-scrollbar-track{background:transparent}.friend-content-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px;border:3px solid transparent;background-clip:padding-box}.friend-empty{height:100%;border-radius:20px;background:radial-gradient(circle at 50% 26%,rgba(36,131,255,.1),transparent 30%),linear-gradient(180deg,#fff,#f8fbff);border:1px dashed #C6DFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;box-sizing:border-box}.friend-empty-compact{min-height:260px}.friend-empty-visual{position:relative;width:108px;height:88px;display:flex;align-items:center;justify-content:center;color:#2483ff}.friend-empty-visual svg{width:64px;height:64px}.friend-empty-dot{position:absolute;border-radius:999px;background:#2483ff2e}.friend-empty-dot.dot-1{width:8px;height:8px;left:16px;top:18px}.friend-empty-dot.dot-2{width:10px;height:10px;right:16px;bottom:24px}.friend-empty-sparkle{position:absolute;right:10px;top:10px;color:#7db9ff;font-size:20px}.friend-empty-title{margin-top:4px;font-size:18px;font-weight:900;color:#1a1a2e}.friend-empty-desc{font-size:13px;color:#94a3b8;line-height:1.45}.friend-empty-action{margin-top:12px}.friend-primary-btn,.friend-secondary-btn{height:38px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:900;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.friend-primary-btn{border:1px solid #2483FF;background:linear-gradient(180deg,#3b91ff,#2483ff);color:#fff;box-shadow:0 6px 14px #2483ff38}.friend-primary-btn:hover{background:linear-gradient(180deg,#4a9bff,#1677f2);border-color:#1677f2}.friend-primary-btn:disabled{background:#0000000f;border-color:transparent;color:#cbd5e1;box-shadow:none;cursor:not-allowed}.friend-secondary-btn{background:#fff;border:1px solid rgba(0,0,0,.1);color:#475569}.friend-secondary-btn:hover{background:#f1f5f9;border-color:#00000024}.friend-section-head{margin-bottom:14px}.friend-section-title{font-size:16px;font-weight:900;color:#1a1a2e}.friend-section-desc{margin-top:5px;font-size:13px;line-height:1.45;color:#94a3b8}.friend-avatar{width:48px;height:48px;border-radius:16px;background:#ecf4ff;border:1px solid #C6DFFF;color:#2483ff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;flex-shrink:0}.friend-name{font-size:15px;font-weight:900;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-id{margin-top:4px;font-size:13px;font-weight:600;color:#94a3b8}.friend-request-list{display:flex;flex-direction:column;gap:12px}.friend-request-card{padding:16px;border-radius:18px;background:#fff;border:1px solid #C6DFFF;display:flex;align-items:center;gap:12px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.friend-request-card:hover{background:#f8fbff;border-color:#9ccaff;box-shadow:0 8px 22px #2483ff1f}.friend-request-main{flex:1;min-width:0}.friend-request-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.friend-card-list{display:flex;flex-direction:column;gap:12px}.friend-card{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:12px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.friend-card:hover{background:#f8fbff;border-color:#c6dfff;box-shadow:0 8px 22px #2483ff1a}.friend-card-main{flex:1;min-width:0}.friend-card-top{display:flex;align-items:center;gap:7px}.friend-online{width:8px;height:8px;border-radius:999px;background:#cbd5e1;flex-shrink:0}.friend-online.is-online{background:#36c690}.friend-card-actions{display:flex;align-items:center;gap:8px}.friend-small-btn{height:34px;padding:0 12px}.friend-icon-btn{width:34px;height:34px;border-radius:11px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.friend-icon-btn:hover{background:#f1f5f9;color:#475569}.friend-add-stack{display:flex;flex-direction:column;gap:12px}.friend-add-card{padding:14px 18px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.08)}.friend-form-title{font-size:16px;font-weight:900;color:#1a1a2e}.friend-form-desc{margin-top:5px;font-size:13px;line-height:1.45;color:#94a3b8}.friend-add-row{margin-top:12px;display:flex;gap:10px}.friend-input-wrap{flex:1;height:42px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#f8fafc;display:flex;align-items:center;gap:8px;padding:0 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.friend-input-wrap:focus-within{background:#fff;border-color:#2483ff;box-shadow:0 0 0 3px #2483ff1f}.friend-input-prefix{color:#94a3b8;font-size:16px;font-weight:900}.friend-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#1a1a2e;font-size:14px;font-family:inherit}.friend-input::placeholder{color:#94a3b8}.friend-send-btn{width:78px;height:42px;flex-shrink:0}.friend-my-id-card{padding:14px 18px;border-radius:20px;background:#f8fbff;border:1px solid #C6DFFF}.friend-my-id-label{font-size:16px;font-weight:900;color:#1a1a2e}.friend-my-id-desc{margin-top:5px;font-size:13px;line-height:1.45;color:#94a3b8}.friend-my-id-row{margin-top:10px;display:flex;gap:10px}.friend-my-id-value{flex:1;height:40px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);color:#1a1a2e;font-size:15px;font-weight:900;display:flex;align-items:center}.friend-copy-btn{height:40px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid #C6DFFF;color:#2483ff;font-size:13px;font-weight:900;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.friend-copy-btn:hover{background:#ecf4ff}.friend-copy-btn.is-copied{background:#ecfdf5;border-color:#36c69038;color:#16a34a}.friend-copy-btn svg{width:16px;height:16px}.friend-result{min-height:0;margin-top:8px}.friend-result-msg{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;animation:friendResultIn .2s ease-out}.friend-result-msg.is-success{background:#ecfdf5;border:1px solid rgba(54,198,144,.22);color:#16a34a}.friend-result-msg.is-error{background:#ff6b6b14;border:1px solid rgba(255,107,107,.18);color:#dc2626}@keyframes friendResultIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ds-modal--creations{width:820px;max-width:calc(100vw - 32px);height:min(960px,calc(100vh - 64px));max-height:calc(100vh - 64px)}.ds-modal--creations .ds-modal-header{min-height:60px;padding:0 var(--space-3)}.ds-modal--creations .ds-modal-close{width:40px;height:40px}.creations-header-left{display:flex;align-items:center;gap:var(--space-2)}.creations-title-icon{display:flex;width:38px;height:38px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary)}.creations-title-icon svg{width:20px;height:20px}.creations-modal-body{padding:var(--space-3)}.creations-upload-section{padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border-light)}.creations-section-title{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.creations-file-label{display:block;margin-top:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.creations-title-field .ds-input{width:100%;height:40px;box-sizing:border-box}.creations-dropzone{height:112px;min-height:112px;margin-top:var(--space-1);flex-direction:column;gap:var(--space-1);border-width:2px;border-color:var(--color-primary-border)}.creations-file-actions{display:flex;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-1)}.creations-file-actions[hidden]{display:none}.creations-file-remove{color:var(--color-danger-hover)}.creations-upload-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.creations-upload-actions .ds-btn{height:40px;min-height:40px;padding-right:var(--space-2);padding-left:var(--space-2)}.creations-limit-message{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.creations-dropzone--dragging{border-color:var(--color-primary)}.creations-dropzone--disabled{cursor:not-allowed;opacity:.55}.creations-dropzone-icon{color:var(--color-primary)}.creations-dropzone-message{color:var(--color-text-primary);font-size:var(--font-size-sm)}.creations-preview{position:relative;height:240px;margin-top:var(--space-2);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-hover)}.creations-preview-canvas{display:block;width:100%;height:100%;touch-action:none}.creations-preview-zoom-controls{position:absolute;right:var(--space-2);bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.creations-preview-zoom-button{display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-lg);line-height:1;cursor:pointer}.creations-preview-zoom-button:hover:not(:disabled){background:var(--color-surface-hover)}.creations-preview-zoom-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.creations-preview-zoom-button:disabled{cursor:default;opacity:.55}.creations-preview-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.creations-preview-status--error{color:var(--color-danger-hover)}.creations-resource-section{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.creations-resource-section[hidden]{display:none}.creations-resource-list{display:flex;flex:1 1 260px;flex-wrap:wrap;gap:var(--space-1)}.creations-resource{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--font-size-xs);text-align:left}.creations-resource small{color:var(--color-text-tertiary);font-size:inherit}.creations-resource--ready{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary)}.creations-resource--ready small{color:var(--color-primary)}.creations-list-section{padding-top:var(--space-3)}.creations-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.creations-list-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-md)}.creations-list-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.creations-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.creations-card{display:flex;min-height:288px;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface-card)}.creations-card-preview,.creations-card-placeholder{width:100%;height:150px;background:var(--color-surface-hover)}.creations-card-preview{display:block;object-fit:contain}.creations-card-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.creations-card-content{display:flex;flex:1;min-height:0;flex-direction:column;padding:var(--space-2)}.creations-card-metadata{min-height:64px}.creations-card-title{display:block;min-width:0;overflow:hidden;flex:1;color:var(--color-text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.creations-card-title-row{display:flex;min-width:0;align-items:center;gap:var(--space-1)}.creations-card-size{display:block;margin-top:4px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.creations-card-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;margin-top:auto;padding-top:var(--space-2)}.creations-card-actions .ds-btn{width:112px;height:40px;min-height:40px;flex:0 0 auto;padding:0;border:1px solid var(--color-border-strong);background:var(--color-surface-card);color:var(--color-text-primary)}.creations-card-actions .creations-card-delete{width:88px;border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger-hover)}.creations-card-status{display:inline-flex;width:fit-content;flex-shrink:0;padding:2px var(--space-1);border:1px solid var(--color-success);border-radius:var(--radius-sm);background:var(--color-success-light);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.creations-empty-slot{display:flex;min-height:250px;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);border:1px dashed var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-tertiary);flex-direction:column;font:inherit;cursor:pointer}.creations-empty-slot strong{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.creations-empty-slot-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface-card)}.creations-empty-slot span{font-size:var(--font-size-xs)}.creations-empty-slot:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.creations-empty-slot:disabled{cursor:default;opacity:.55}.creations-empty-slot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.creations-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.creations-list{grid-template-columns:1fr}}#left-sidebar{position:fixed;top:0;left:0;bottom:0;width:56px;background:#f6faff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(0,0,0,.06);z-index:1000;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}.ls-icon-group{display:flex;flex-direction:column;align-items:center;gap:4px}.ls-icon-group--bottom{padding-bottom:4px;gap:4px}.ls-icon-group--bottom .ls-icon-btn:last-child{margin-top:12px}.ls-spacer{flex:1}.ls-icon-btn{width:42px;height:42px;border-radius:11px;border:none;background:transparent;color:#7a8190;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative}.ls-icon-btn svg{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.ls-icon-btn:not(#ls-icon-exit-room):hover{background:#0000000d;color:#5a6170}.ls-icon-btn.active{background:transparent;color:#2483ff}.ls-badge{position:absolute;top:-2px;right:-2px;height:16px;min-width:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1}.ls-badge[hidden]{display:none}.ls-icon-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #F6FAFF;pointer-events:none}.ls-menu-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #A2AAB9;pointer-events:none;z-index:1}.ls-profile-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.1);background:#00000008;cursor:pointer;padding:0;overflow:hidden;transition:all .15s;margin-top:4px}.ls-profile-btn:hover{border-color:#00000040}.ls-profile-btn img{width:100%;height:100%;object-fit:contain}.ls-panel{position:fixed;top:0;left:56px;bottom:0;width:260px;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid rgba(0,0,0,.06);z-index:999;display:flex;flex-direction:column;overflow-y:auto;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;animation:ls-slide-in .15s ease-out;scrollbar-width:thin;scrollbar-color:#94A3B8 transparent}@keyframes ls-slide-in{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.ls-panel-header{padding:16px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.ls-panel-header__title{font-size:15px;font-weight:700;color:#1a1a2e}.ls-panel-header__close{width:28px;height:28px;min-width:28px;border-radius:8px;border:none;background:#0000000a;color:#00000073;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.ls-panel-header__close:hover{background:#00000014;color:#1a1a2e}.ls-content{padding:16px;flex:1}.ls-content--menu{padding:16px;flex:1;display:flex;flex-direction:column;gap:16px}.ls-content--help{padding:16px;flex:1;overflow-y:auto}.ls-menu-header{padding:27px 20px 16px;font-size:18px;font-weight:700;color:#000;line-height:100%;letter-spacing:0;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08)}.ls-section-label{font-size:13px;color:#0006;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.ls-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.ls-info-row__label{font-size:14px;color:#00000073}.ls-info-row__value{font-size:14px;font-weight:600;color:#000000bf}.ls-xp-section{background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px;margin-bottom:16px}.ls-invite-btn{width:100%;padding:10px;background:#2483ff;border:none;border-radius:8px;color:#1a1a2e;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:6px}.ls-invite-btn:hover{background:#4a9eff}.ls-lead-teacher-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ecf4ff;border:1px solid rgba(36,131,255,.16);border-radius:10px;color:#2483ff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;margin-bottom:8px}.ls-lead-teacher-row:hover{background:#2483ff29;border-color:#2483ff40}.ls-menu-btn{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 16px;background:#a2aab9;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:700;line-height:100%;letter-spacing:0;cursor:pointer;text-align:left;transition:background-color .5s ease;position:relative;font-family:inherit;box-sizing:border-box}.ls-menu-btn:hover{background:#64a7ff}.ls-menu-btn:active{transform:scale(.98)}.ls-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ls-menu-icon svg{width:18px;height:18px}.ls-menu-label{flex:1;line-height:1}.ls-menu-shortcut{width:30px;height:24px;border-radius:5px;border:1px solid #FFFFFF;background:#ffffff1a;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.ls-menu-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1}.ls-panel-btn{width:100%;padding:10px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:6px;font-family:inherit;text-align:left}.ls-panel-btn:hover{filter:brightness(1.15)}#ls-icon-exit-room{width:48px;height:48px;border-radius:14px;color:#ef4444}#ls-icon-exit-room svg{width:24px;height:28px}.ls-exit-btn{color:#f87171;border:1px solid rgba(248,113,113,.25);background:#f8717114}.ls-exit-btn:hover{background:#f8717126;border-color:#f8717166}.ls-panel-footer{padding:12px 16px;border-top:1px solid rgba(0,0,0,.06);margin-top:auto}.ls-key-row{display:flex;align-items:center;gap:12px;padding:5px 0}.ls-key-row--primary{padding:7px 0}.ls-key-badge{display:inline-block;padding:4px 10px;border-radius:6px;background:#0000000a;border:1px solid rgba(0,0,0,.08);font-size:11px;font-weight:600;color:#0000008c;font-family:monospace;min-width:75px;text-align:center}.ls-key-badge--primary{padding:5px 10px;background:#2483ff29;border-color:#2483ff40;font-size:12px;color:#2483ff}.ls-key-desc{font-size:13px;color:#00000080}.ls-key-desc--primary{color:#000000b3}.ls-divider{height:1px;background:#0000000f;margin:14px 0}.ls-profile-popup{position:fixed;bottom:12px;left:64px;width:220px;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:14px;z-index:1100;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;box-shadow:0 8px 32px #0000001f;animation:ls-popup-in .15s ease-out;overflow:hidden}@keyframes ls-popup-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ls-popup-header{padding:20px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px}.ls-popup-avatar{width:60px;height:60px;border-radius:50%;border:2px solid rgba(0,0,0,.1);overflow:hidden;background:#00000008;position:relative}.ls-popup-avatar img{width:100%;height:100%;object-fit:contain}.ls-popup-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#1a1a2e}.ls-popup-menu{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.ls-popup-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:8px;color:#000000a6;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;font-family:inherit;text-align:left}.ls-popup-item:hover{background:#0000000f;border-color:#94a3b8;color:#1a1a2e}.ls-popup-item.ls-exit-btn:hover{background:#f8717126;border-color:#f8717166;color:#fca5a5}.ls-popup-item .ls-popup-icon{font-size:15px}.ls-myroom-title{padding:24px 20px 16px;font-size:18px;font-weight:700;color:#000;line-height:150%;letter-spacing:0;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08)}.ls-myroom-tab-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px;flex-shrink:0}.ls-myroom-tab-text{font-size:13px;font-weight:500;color:#000;line-height:100%;letter-spacing:0}.ls-myroom-content{padding:4px 20px 16px}.ls-myroom-content .ls-info-row{padding:10px 0}.ls-myroom-content .ls-info-row__label,.ls-myroom-content .ls-info-row__value{font-size:13px;font-weight:500;color:#000}.ls-myroom-footer{padding:0 20px 20px}.ls-myroom-settings-btn{width:100%;padding:14px;background:#64a7ff;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;text-align:center}.ls-myroom-settings-btn:hover{background:#5299f0}.ls-myroom-settings-btn:active{background:#448be5;transform:scale(.98)}.ls-editor-btn{width:100%;padding:14px;margin-top:10px;background:#fff;border:1.5px solid #64A7FF;border-radius:12px;color:#2483ff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .1s ease}.ls-editor-btn:hover{background:#f0f6ff}.ls-editor-btn:active{background:#e1eeff;transform:scale(.98)}#titlebook-modal{--tb-x: 28px;--tb-primary: var(--color-primary, #2483FF);--tb-primary-hover: var(--color-primary-hover, #1677F2);--tb-primary-active: var(--color-primary-active, #0F6FE6);--tb-primary-soft: var(--color-primary-soft, #ECF4FF);--tb-primary-border: var(--color-primary-border, #C6DFFF);--tb-text-1: var(--color-text-primary, #1A1A2E);--tb-text-2: var(--color-text-secondary, #475569);--tb-text-3: var(--color-text-tertiary, #94A3B8);--tb-text-4: var(--color-text-disabled, #CBD5E1);--tb-success: var(--color-success, #36C690);--tb-border: rgba(0,0,0,.07);--tb-border-light: rgba(0,0,0,.05);--tb-border-strong: rgba(0,0,0,.13);--tb-hover: var(--color-surface-hover, #F1F5F9);--tb-bg: var(--color-bg-base, #F7F8FA);--tb-surface: var(--color-surface-card, #FFFFFF)}#titlebook-modal .ds-modal{display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:24px;box-shadow:0 24px 80px #00000038,0 2px 8px #0000000f}.tb-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 var(--tb-x)}.tb-header-left{display:flex;align-items:center;gap:14px}.tb-header-icon{width:42px;height:42px;border-radius:13px;background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);display:flex;align-items:center;justify-content:center;color:var(--tb-primary);flex-shrink:0}.tb-header-icon svg{width:18px;height:18px}.tb-header h2{font-size:24px;font-weight:800;color:var(--tb-text-1);letter-spacing:-.02em;margin:0}.tb-header-count{background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);padding:5px 14px;border-radius:999px;font-size:13px;font-weight:800;cursor:default;-webkit-user-select:none;user-select:none}.tb-header-count .num{color:var(--tb-text-3)}.tb-header-count .lbl{color:var(--tb-text-3);font-weight:700}.tb-progress{margin:0 var(--tb-x);height:4px;border-radius:999px;overflow:hidden;background:#0000000d}.tb-progress-fill{height:100%;background:var(--tb-primary);border-radius:999px;transition:width .3s}.tb-equipped-wrap{padding:16px var(--tb-x) 0}.tb-equipped-section-label{font-size:14px;font-weight:800;color:var(--tb-text-1);margin-bottom:8px}.tb-equipped{display:flex;align-items:center;gap:14px;height:68px;padding:0 20px;border-radius:16px}.tb-equipped.is-empty{background:linear-gradient(0deg,#2483ff08,#2483ff08),#fff;border:1px solid var(--tb-primary-border);justify-content:flex-start;text-align:left}.tb-equipped.is-active{background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);justify-content:space-between}.tb-equipped-row{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.tb-equipped-unequip{flex-shrink:0;margin-left:12px}.tb-equipped-text{min-width:0}.tb-equipped-text .tb-equipped-name,.tb-equipped-text .tb-equipped-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-equipped-empty-icon{width:38px;height:38px;border-radius:12px;background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);display:flex;align-items:center;justify-content:center;color:var(--tb-primary);flex-shrink:0}.tb-equipped-empty-icon svg{width:16px;height:16px}.tb-equipped-dot{width:10px;height:10px;border-radius:50%;background:var(--tb-primary);flex-shrink:0;box-shadow:0 0 0 3px #2483ff2e}.tb-equipped-label{font-size:11px;color:var(--tb-text-3);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.tb-equipped-name{font-size:15px;font-weight:800;color:var(--tb-text-1)}.tb-equipped-desc{font-size:12px;color:var(--tb-text-2);margin-top:2px}.tb-main{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:16px var(--tb-x) 0;flex:1;min-height:0;overflow:hidden}.tb-cat-panel{display:flex;flex-direction:column;gap:2px;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:18px;padding:18px 14px 6px;overflow-y:auto;scrollbar-width:none}.tb-cat-panel::-webkit-scrollbar{display:none}.tb-cat-label{font-size:15px;font-weight:800;color:var(--tb-text-1);padding:0 10px 12px}.tb-cat-divider{height:1px;background:var(--tb-border-light);margin:6px 8px 8px}.tb-cat-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;column-gap:10px;min-height:44px;padding:0 12px;border-radius:13px;border:1px solid transparent;background:transparent;width:100%;cursor:pointer;font-family:inherit;text-align:left;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.tb-cat-row:hover{background:var(--tb-hover)}.tb-cat-row.is-active{background:var(--tb-primary-soft);border-color:var(--tb-primary-border)}.tb-cat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tb-cat-icon svg{width:16px;height:16px}.tb-cat-name{font-weight:700;color:var(--tb-text-1)}.tb-cat-row.is-active .tb-cat-name{color:var(--tb-primary)}.tb-cat-count{font-size:12px;font-weight:800;color:var(--tb-text-3);min-width:42px;text-align:right}.tb-cat-count.is-done{color:var(--tb-success);opacity:.85}.tb-cat-row.is-active .tb-cat-count{color:var(--tb-primary);opacity:1}.tb-list-panel{overflow-y:auto;padding:20px 14px 28px 22px;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:18px}.tb-list-header{margin-bottom:16px;padding:0 2px 14px;border-bottom:1px solid var(--tb-border-light)}.tb-list-title{display:flex;align-items:center;gap:12px;margin-bottom:6px}.tb-list-title-icon{width:36px;height:36px;border-radius:12px;background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tb-list-title-icon svg{width:18px;height:18px}.tb-list-title h3{font-size:22px;font-weight:800;color:var(--tb-text-1);margin:0;letter-spacing:-.02em}.tb-list-title .tb-list-pill{background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;color:var(--tb-primary)}.tb-list-desc{color:var(--tb-text-2);font-size:13px;line-height:1.45;margin-left:48px}.tb-cards{display:flex;flex-direction:column;gap:12px}.tb-title-card{display:flex;align-items:center;gap:16px;min-height:104px;padding:18px 20px;border-radius:18px;border:1px solid var(--tb-border);background:var(--tb-surface);position:relative;transition:border-color .15s,box-shadow .15s,background .15s}.tb-title-card:hover{border-color:var(--tb-border-strong);box-shadow:0 2px 8px #0000000a}.tb-title-card.is-locked{background:#f8fafc}.tb-title-card.is-locked:hover{box-shadow:none}.tb-title-card.is-equipped{border-color:var(--tb-primary);background:linear-gradient(0deg,#2483ff0a,#2483ff0a),#fff}.tb-title-card-icon{width:58px;height:58px;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tb-title-card-icon svg{width:26px;height:26px}.tb-title-card.is-unlocked .tb-title-card-icon,.tb-title-card.is-equipped .tb-title-card-icon{background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border)}.tb-title-card.is-locked .tb-title-card-icon{background:#0000000a;border:1px solid rgba(0,0,0,.06);color:var(--tb-text-3)!important;opacity:.7}.tb-title-main{flex:1;min-width:0}.tb-title-line{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.tb-title-name{font-size:16px;font-weight:800;color:var(--tb-text-1);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.tb-title-card.is-locked .tb-title-name{color:var(--tb-text-2)}.tb-title-desc{font-size:13px;color:var(--tb-text-2);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tb-title-condition{font-size:12px;font-weight:700}.tb-title-condition.is-met{color:var(--tb-success)}.tb-title-condition.is-unmet{color:var(--tb-text-3)}.tb-title-progress{display:flex;align-items:center;gap:10px;margin-top:8px}.tb-title-progress-track{flex:1;height:6px;border-radius:999px;background:#0000000f;overflow:hidden}.tb-title-progress-fill{height:100%;border-radius:999px;background:var(--tb-primary);transition:width .3s}.tb-title-progress-label{font-size:12px;font-weight:700;color:var(--tb-text-3);white-space:nowrap;flex-shrink:0}.tb-title-side{width:104px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:8px;flex-shrink:0;padding-top:2px}.tb-pill{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid;white-space:nowrap;line-height:1.3}.tb-rarity.rarity-common{background:#0000000a;color:var(--tb-text-2);border-color:#0000000f}.tb-rarity.rarity-uncommon{background:#ecfdf5;color:var(--tb-success);border-color:#36c69038}.tb-rarity.rarity-rare{background:var(--tb-primary-soft);color:var(--tb-primary);border-color:var(--tb-primary-border)}.tb-rarity.rarity-epic{background:#f3e8ff;color:#7e22ce;border-color:#d8b4fe}.tb-rarity.rarity-legendary{background:#fef3c7;color:#b45309;border-color:#fcd34d}.tb-status{min-width:48px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1px solid}.tb-status.is-unlocked{background:#ecfdf5;color:var(--tb-success);border-color:#36c69038}.tb-status.is-locked{background:#0000000a;color:var(--tb-text-3);border-color:#0000000f}.tb-btn{display:inline-flex;align-items:center;justify-content:center;width:92px;height:38px;padding:0 12px;border-radius:11px;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.tb-btn.is-primary{background:linear-gradient(180deg,#3b91ff,#2483ff);color:#fff;border:1px solid var(--tb-primary);box-shadow:0 4px 10px #2483ff33}.tb-btn.is-primary:hover{background:linear-gradient(180deg,#4a9bff,#1677f2);border-color:var(--tb-primary-hover)}.tb-btn.is-secondary{background:var(--tb-surface);color:var(--tb-primary);border:1px solid var(--tb-primary-border)}.tb-btn.is-secondary:hover{background:var(--tb-primary-soft)}.tb-footer{margin:18px var(--tb-x) 22px;background:var(--tb-primary-soft);border:1px solid var(--tb-primary-border);border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:10px}.tb-footer svg{width:16px;height:16px;flex-shrink:0;color:var(--tb-primary)}.tb-footer span{color:var(--tb-text-2);font-size:13px;font-weight:600}.tb-list-panel::-webkit-scrollbar{width:12px}.tb-list-panel::-webkit-scrollbar-track{background:transparent}.tb-list-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px;border:4px solid transparent;background-clip:padding-box}.tb-list-panel::-webkit-scrollbar-thumb:hover{background:#9ca3af;border:4px solid transparent;background-clip:padding-box}.tb-list-panel{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}#tb-close{width:40px;height:40px;border-radius:14px;background:var(--tb-surface);border:1px solid var(--tb-border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tb-text-3);cursor:pointer;transition:background .15s,color .15s}#tb-close:hover{background:var(--tb-hover);color:var(--tb-text-1)}.quiz-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:5000;display:flex;align-items:center;justify-content:center;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}.quiz-card{background:#fffffffa;border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 24px 64px #0000001f;overflow:hidden;animation:quizAppear .3s ease-out}@keyframes quizAppear{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes quizFadeIn{0%{opacity:0}to{opacity:1}}@keyframes quizPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes quizCountUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.quiz-header-title{display:flex;align-items:center;gap:8px}.quiz-header-title h2{margin:0;color:#1a1a2e;font-size:18px;font-weight:700}.quiz-close-btn{width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:#0006;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.quiz-close-btn:hover{background:#0000000a;color:#000000b3}.quiz-body{padding:20px 24px 24px}.quiz-label{color:#94a3b8;font-size:12px;font-weight:600;display:block;margin-bottom:6px}.quiz-input{width:100%;padding:10px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:10px;color:#1a1a2e;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.quiz-input:focus{border-color:#2483ff66}.quiz-input::placeholder{color:#0006}.quiz-select{width:100%;padding:10px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:10px;color:#1a1a2e;font-size:14px;outline:none;box-sizing:border-box;font-family:inherit;cursor:pointer}.quiz-select option{color:#000;background:#fff}.quiz-btn-primary{width:100%;padding:14px;background:#2483ff;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #2483ff59;transition:all .2s}.quiz-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2483ff73}.quiz-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-btn-secondary{padding:10px 20px;background:#0000000f;border:1px solid rgba(0,0,0,.08);border-radius:10px;color:#0009;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.quiz-btn-secondary:hover{background:#0000000a;color:#1a1a2e}.quiz-option-btn{padding:16px 20px;background:#00000005;border:1.5px solid rgba(0,0,0,.1);border-radius:12px;color:#1a1a2e;font-size:18px;font-weight:600;text-align:left;cursor:pointer;transition:all .15s;font-family:inherit;width:100%;display:flex;align-items:center;gap:14px}.quiz-option-num{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#2483ff;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.quiz-option-btn:hover:not(.quiz-option-selected):not(.quiz-option-correct):not(.quiz-option-wrong){background:#2483ff0f;border-color:#2483ff40}.quiz-option-selected{background:#2483ff1a!important;border-color:#2483ff!important;color:#1a1a2e!important}.quiz-option-correct{background:#22c55e!important;border-color:#22c55e!important;color:#1a1a2e!important}.quiz-option-wrong{background:#ef4444!important;border-color:#ef4444!important;color:#1a1a2e!important}.quiz-progress{display:flex;align-items:center;gap:6px;margin-bottom:16px;padding-right:36px}.quiz-progress-dot{width:8px;height:8px;border-radius:50%;background:#0000001f;transition:all .3s}.quiz-progress-dot.active{background:#2483ff;box-shadow:0 0 6px #2483ff80}.quiz-progress-dot.done{background:#22c55e}.quiz-progress-dot.wrong{background:#ef4444}.quiz-progress-text{color:#0000004d;font-size:12px;font-weight:600;margin-left:auto}.quiz-timer-circle{position:relative;width:56px;height:56px}.quiz-timer-circle svg{transform:rotate(-90deg)}.quiz-timer-circle .timer-bg{stroke:#00000014}.quiz-timer-circle .timer-fill{stroke:#2483ff;transition:stroke-dashoffset 1s linear,stroke .3s}.quiz-timer-circle .timer-fill.warning{stroke:#f59e0b}.quiz-timer-circle .timer-fill.danger{stroke:#ef4444}.quiz-timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#1a1a2e;font-variant-numeric:tabular-nums}.quiz-ranking-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#00000008;transition:all .15s}.quiz-ranking-item.top-1{background:linear-gradient(135deg,#ffd7001a,#ffd70008);border:1px solid rgba(255,215,0,.2)}.quiz-ranking-item.top-2{background:linear-gradient(135deg,#c0c0c01a,#c0c0c008);border:1px solid rgba(192,192,192,.15)}.quiz-ranking-item.top-3{background:linear-gradient(135deg,#cd7f321a,#cd7f3208);border:1px solid rgba(205,127,50,.15)}.quiz-ranking-medal{font-size:20px;width:28px;text-align:center}.quiz-ranking-rank{width:28px;text-align:center;color:#94a3b8;font-size:14px;font-weight:700}.quiz-wizard-steps{display:flex;align-items:center;gap:0;padding:16px 24px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.06)}.quiz-wizard-step{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:12px;font-weight:600;transition:all .2s}.quiz-wizard-step.active{color:#2483ff}.quiz-wizard-step.done{color:#22c55e}.quiz-wizard-step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#0000000f;transition:all .2s}.quiz-wizard-step.active .quiz-wizard-step-num{background:#2483ff;color:#fff}.quiz-wizard-step.done .quiz-wizard-step-num{background:#22c55e;color:#fff}.quiz-wizard-connector{flex:1;height:1px;background:#00000014;margin:0 8px}.quiz-type-card{padding:16px;border-radius:12px;border:2px solid rgba(0,0,0,.08);background:#00000005;cursor:pointer;transition:all .2s;text-align:center}.quiz-type-card:hover{border-color:#2483ff33;background:#2483ff0d}.quiz-type-card.selected{border-color:#2483ff;background:#2483ff1a}.quiz-type-icon{display:flex;justify-content:center;margin-bottom:8px;color:#000000b3}.quiz-type-name{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:4px}.quiz-type-desc{color:#00000073;font-size:11px}.quiz-question-card{padding:16px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#00000005;margin-bottom:12px;animation:quizFadeIn .2s ease-out}.quiz-ox-btn{width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,0,0,.08);background:#0000000a;font-size:40px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quiz-ox-btn:hover{transform:scale(1.05)}.quiz-ox-btn.ox-o:hover,.quiz-ox-btn.ox-o.quiz-option-selected{border-color:#2483ff;background:#2483ff29}.quiz-ox-btn.ox-x:hover,.quiz-ox-btn.ox-x.quiz-option-selected{border-color:#ef4444;background:#ef444426}.quiz-ox-btn.quiz-option-correct{border-color:#22c55e!important;background:#22c55e33!important}.quiz-ox-btn.quiz-option-wrong{border-color:#ef4444!important;background:#ef444433!important}.quiz-stat-bar{height:6px;border-radius:3px;background:#00000014;overflow:hidden}.quiz-stat-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.quiz-scrollable::-webkit-scrollbar{width:5px}.quiz-scrollable::-webkit-scrollbar-track{background:transparent}.quiz-scrollable::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.quiz-input[type=number]::-webkit-outer-spin-button,.quiz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quiz-input[type=number]{-moz-appearance:textfield}.quiz-floating-btn{position:fixed;bottom:80px;right:24px;width:56px;height:56px;border-radius:50%;background:#2483ff;border:none;color:#fff;cursor:pointer;z-index:4999;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #2483ff66,0 0 #2483ff33;transition:transform .15s,box-shadow .15s;animation:quizBtnPulse 2s infinite}.quiz-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px #2483ff80;animation:none}@keyframes quizBtnPulse{0%,to{box-shadow:0 4px 20px #2483ff66,0 0 #2483ff33}50%{box-shadow:0 4px 20px #2483ff66,0 0 0 8px #2483ff00}}.quiz-teacher-panel{position:fixed;bottom:150px;right:24px;width:320px;background:#fffffffa;border:1px solid rgba(0,0,0,.08);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f;z-index:5000;overflow:hidden;padding:16px;animation:quizFadeIn .15s ease}.qtp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.qtp-close-btn{width:24px;height:24px;border:none;background:#0000000f;border-radius:6px;color:#0000004d;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.qtp-close-btn:hover{background:#0000000d;color:#1a1a2e}.qtp-question{color:#000000b3;font-size:13px;line-height:1.5;margin-bottom:14px;word-break:keep-all}.qtp-progress-container{display:flex;align-items:center;gap:10px;margin-bottom:12px}.qtp-progress-track{flex:1;height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.qtp-progress-fill{height:100%;background:linear-gradient(90deg,#2483ff,#4a9eff);border-radius:3px;transition:width .3s ease}.qtp-answer-label{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#22c55e0f;border:1px solid rgba(34,197,94,.12);border-radius:8px}.trolley-discussion-host-panel{position:fixed;top:var(--space-3);right:var(--space-3);z-index:var(--z-panel);width:360px;font-family:var(--font-family)}.tdhp-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.tdhp-questions,.tdhp-reasons{display:flex;flex-direction:column;gap:var(--space-1);max-height:216px;overflow-y:auto}.tdhp-question,.tdhp-reason{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-primary);padding:var(--space-1);font:inherit;text-align:left}.tdhp-question{display:flex;align-items:center;gap:var(--space-1);cursor:pointer}.tdhp-question.is-current{border-color:var(--color-primary);background:var(--color-primary-soft)}.tdhp-question:disabled{cursor:default;color:var(--color-text-disabled)}.tdhp-current{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-hover)}.tdhp-count,.tdhp-tally{display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tdhp-reason{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.tdhp-reason p{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:pre-wrap}.tdhp-footer{display:flex;justify-content:flex-end;gap:var(--space-1)}.tdhp-button{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--space-1);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.tdhp-button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.tdhp-button--secondary{background:var(--color-surface-card);color:var(--color-text-primary)}.tdhp-button--danger{background:var(--color-danger-button);border-color:var(--color-danger-button);color:var(--color-primary-text)}.tdhp-button:disabled{background:var(--color-surface-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:default}.tdhp-error{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-danger-button);font-size:var(--font-size-sm)}.trolley-discussion-participant-panel{position:fixed;left:50%;bottom:var(--space-3);transform:translate(-50%);z-index:var(--z-panel);width:min(560px,calc(100vw - var(--space-4)));font-family:var(--font-family)}.tdpp-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.tdpp-scenario{margin:0;color:var(--color-text-primary);font-size:var(--font-size-md);white-space:pre-wrap}.tdpp-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.tdpp-choice{min-height:72px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.tdpp-choice.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.tdpp-choice:disabled{cursor:default;color:var(--color-text-primary)}.tdpp-vote-row{display:flex;gap:var(--space-1)}.tdpp-reason{flex:1;min-width:0;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.tdpp-vote{padding:var(--space-1) var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font:inherit;cursor:pointer}.tdpp-vote:disabled{border-color:var(--color-border);background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:default}.tdpp-result{display:flex;flex-direction:column;gap:var(--space-1)}.tdpp-result-row{display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tdpp-bars{display:flex;height:var(--space-1);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-hover)}.tdpp-bars i:first-child{background:var(--color-primary)}.tdpp-bars i:last-child{background:var(--color-accent)}.tdpp-reasons{display:flex;flex-direction:column;gap:var(--space-1)}.tdpp-reasons p{margin:0;padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:pre-wrap}.tdpp-error{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-danger-button);font-size:var(--font-size-sm)}#video-bar-header{position:fixed;top:12px;right:20px;z-index:960;display:flex;align-items:center;gap:8px;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}.vb-header-group{display:flex;align-items:center;gap:4px;background:#6aa7ff;border:none;border-radius:16.5px;padding:5px}.vb-header-btn{background:transparent;border:none;border-radius:6px;color:#fff;padding:6px 8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-family:inherit}.vb-header-btn:hover{background:#ffffff2e;color:#fff}.vb-participant-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.vb-participant-btn:hover{background:#ffffff2e;color:#fff}.vb-class-screen-btn{display:none;align-items:center;gap:6px;align-self:stretch;padding:0 12px;background:#6aa7ff;border:none;border-radius:16.5px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit;white-space:nowrap}.vb-class-screen-btn:hover{background:#4b8ef0}.vb-class-screen-btn.active{background:#2f6fd0}.vb-header-divider{width:1px;height:18px;background:#ffffff59;flex-shrink:0}#video-bar{position:fixed;top:52px;right:5px;z-index:950;background:transparent;padding:0 4px;box-sizing:border-box;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;transition:width .3s ease,max-width .3s ease;width:200px;max-height:calc(100vh - 132px)!important;display:flex;flex-direction:column}.vb-tile-strip{display:flex;flex-direction:column;gap:8px;align-items:stretch;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:#94A3B8 transparent;padding:4px 6px;flex:1}.vb-tile{position:relative;flex-shrink:0;width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#2a2a32;border:2px solid rgba(0,0,0,.08);transition:all .25s ease;cursor:pointer;box-sizing:border-box}.vb-tile:hover{transform:scale(1.04)}.vb-tile-video{width:100%;height:100%;display:none;position:absolute;top:0;left:0;z-index:1}.vb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.vb-placeholder-img{width:60%;height:60%;object-fit:contain;border-radius:50%;background:#00000014}.vb-tile-overlay{position:absolute;top:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 0 8px;padding:4px 8px;display:flex;align-items:center;gap:5px;pointer-events:none;z-index:2;max-width:90%}.vb-net{flex-shrink:0;line-height:0;display:flex;align-items:center}.vb-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.vb-mic{position:absolute;bottom:6px;left:6px;width:24px;height:24px;border-radius:6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.vb-volume-overlay{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:4px;padding:6px;background:linear-gradient(transparent,#000000bf);opacity:0;transition:opacity .2s ease;pointer-events:none;box-sizing:border-box}.vb-vol-icon{flex-shrink:0;display:flex;align-items:center;cursor:pointer}.vb-vol-slider{flex:1;max-width:75%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0003;border-radius:2px;outline:none;cursor:pointer;margin:0}.vb-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0000001a;margin-top:-4px;transition:transform .15s ease}.vb-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.vb-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 1px 4px #0000001a}.vb-vol-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px}.vb-vol-slider::-moz-range-track{height:4px;border-radius:2px;background:transparent}.vb-vol-label{font-size:10px;font-weight:600;color:#fff;min-width:18px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;overflow:visible}.vb-expanded-view{position:fixed;top:0;left:56px;right:214px;bottom:0;z-index:940;background:#1e1e22;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.vb-expanded-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:width .3s ease,height .3s ease}.vb-expanded-video{width:100%;height:100%;overflow:hidden;background:#1e1e22}.vb-expanded-profile{width:200px;height:200px;object-fit:contain;border-radius:50%;background:#0000000d}.vb-info-badge{position:absolute;top:12px;left:16px;display:flex;align-items:center;gap:8px;z-index:10;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:6px 12px;color:#fff}.vb-info-badge-avatar{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#00000014}.vb-info-badge-name{color:#fff;font-size:13px;font-weight:600}.vb-action-bar{position:absolute;top:12px;right:16px;z-index:10;display:flex;align-items:center;gap:4px;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:5px;transition:background .2s ease}.vb-action-bar:hover{background:#0000008c}.vb-action-btn{width:38px;height:38px;border:none;border-radius:8px;background:transparent;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.vb-action-btn:hover{background:#ffffff26;color:#fff}.vb-pip{position:fixed;bottom:80px;right:24px;width:320px;height:240px;z-index:990;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 0 0 1px #00000014;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.vb-pip-video{width:100%;height:100%;background:#2a2a32}.vb-pip-name{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:5px 10px;pointer-events:none}.vb-pip-name span{color:#fff;font-size:12px;font-weight:600;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}.vb-pip-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:none;border-radius:8px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.vb-pip-close:hover{background:#000000bf;color:#fff}.vb-layout-popup{position:absolute;top:36px;right:8px;background:#fffffffa;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:6px;z-index:960;min-width:140px;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vb-layout-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#aaa;font-size:13px;font-weight:400;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.vb-layout-option:hover{background:#0000000f}.vb-layout-option.active{background:#00000014;color:#1a1a2e;font-weight:600}.vb-participant-list{position:absolute;top:44px;right:0;width:260px;max-height:400px;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 12px 40px #0000001f;border:1px solid rgba(0,0,0,.08);z-index:970;overflow:hidden;display:flex;flex-direction:column;font-family:DoroBus Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}.vb-participant-list-header{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.vb-participant-list-header span{font-size:15px;font-weight:700;color:#1a1a2e}.vb-participant-list-close{width:28px;height:28px;border-radius:8px;border:none;background:#0000000f;color:#0006;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.vb-participant-list-close:hover{background:#0000000f;color:#1a1a2e}.vb-participant-list-body{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#94A3B8 transparent}.vb-participant-section{font-size:12px;font-weight:600;color:#0006;padding:8px 4px 6px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.vb-participant-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;transition:background .1s}.vb-participant-row:hover{background:#0000000f}.vb-participant-row.clickable{cursor:pointer}.vb-participant-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#00000014;flex-shrink:0;position:relative}.vb-participant-avatar img{width:100%;height:100%;object-fit:contain}.vb-participant-name{font-size:14px;font-weight:500;color:#000000bf;flex:1}.vb-participant-name.local{font-weight:700;color:#2483ff}.vb-participant-arrow{color:#0000004d;font-size:16px;font-weight:700;flex-shrink:0;transition:color .15s}.vb-participant-row:hover .vb-participant-arrow{color:#00000080}.vb-participant-empty{padding:20px;text-align:center;color:#00000059;font-size:13px}.vb-participant-count{font-size:12px;font-weight:700;background:#00000014;color:#00000080;padding:1px 7px;border-radius:6px}.vb-lead-teacher-controls{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:6px}.vb-toggle-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#0000000a;cursor:pointer;transition:all .2s;font-family:inherit;width:100%;box-sizing:border-box}.vb-toggle-row:hover{background:#00000014}.vb-toggle-row.active{background:#ef44441a;border-color:#ef444440}.vb-toggle-icon{font-size:14px;flex-shrink:0}.vb-toggle-label{font-size:12px;font-weight:600;color:#0009;flex:1;text-align:left}.vb-toggle-row.active .vb-toggle-label{color:#fca5a5}.vb-toggle-switch{width:32px;height:18px;border-radius:9px;background:#0000001f;position:relative;flex-shrink:0;transition:background .2s}.vb-toggle-switch.on{background:#ef4444}.vb-toggle-knob{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 2px #00000014}.vb-toggle-switch.on .vb-toggle-knob{left:16px}.vb-student-card{padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#00000008;margin-bottom:6px;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.vb-student-card:hover{background:#0000000f;border-color:#94a3b8}.vb-student-top{display:flex;align-items:center;gap:8px}.vb-student-absent{display:flex;align-items:center;gap:8px;padding:7px 10px;margin-bottom:2px;border-radius:10px;opacity:.45}.vb-student-absent .vb-student-name{flex:1;min-width:0;font-weight:500}.vb-student-absent .vb-student-avatar img{filter:grayscale(1)}.vb-student-absent.clickable{cursor:pointer}.vb-student-absent.clickable:hover{opacity:.7;background:#0000000a}.vb-student-absent-tag{flex-shrink:0;font-size:11px;font-weight:600;color:#00000073;border:1px solid rgba(0,0,0,.15);border-radius:6px;padding:1px 6px}.vb-student-top.clickable{cursor:pointer}.vb-student-top.clickable:hover .vb-student-name{text-decoration:underline}.vb-student-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#00000014;flex-shrink:0}.vb-student-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.vb-student-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.vb-student-name{font-size:13px;font-weight:600;color:#000c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-student-more-wrap{position:relative;flex-shrink:0}.vb-student-more{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.vb-student-more:hover{background:#00000014;color:#0009}.vb-student-dropdown{position:absolute;top:28px;right:0;min-width:130px;background:#fffffffa;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:4px;z-index:10;box-shadow:0 8px 24px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column}.vb-student-dropdown-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:none;border-radius:5px;background:transparent;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s;color:#0009}.vb-student-dropdown-item:hover{background:#0000000f}.vb-student-dropdown-item.danger{color:#fca5a5}.vb-student-dropdown-item.danger:hover{background:#ef44441f;color:#f87171}.vb-student-perms{display:flex;gap:4px;flex-wrap:wrap}.vb-perm-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(0,0,0,.06);border-radius:6px;background:#0000000a;color:#94a3b8;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease;line-height:1}.vb-perm-pill:hover{background:#00000014}.vb-perm-pill.active{background:#34d3991a;border-color:#34d39933;color:#34d399}.vb-perm-pill.active:hover{background:#34d3992e}.vb-perm-pill-icon{display:flex;align-items:center;line-height:0}.vb-perm-pill-label{white-space:nowrap}.vb-screen-tile{position:relative;flex-shrink:0;width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#1a1a22;border:2px solid rgba(0,0,0,.08);transition:all .25s ease;cursor:pointer;box-sizing:border-box}.vb-screen-tile:hover{transform:scale(1.04)}.vb-screen-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#1a1a22;-webkit-user-select:none;user-select:none}.vb-screen-spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.12);border-top-color:#2483ffe6;border-radius:50%;animation:vb-spin .8s linear infinite}@keyframes vb-spin{to{transform:rotate(360deg)}}.vb-screen-loading-text{font-size:11px;color:#94a3b8;font-weight:500;animation:vb-pulse 1.5s ease-in-out infinite}@keyframes vb-pulse{0%,to{opacity:.5}50%{opacity:1}}.vb-video-mirrored{transform:scaleX(-1)}@media(max-width:720px){#video-bar{max-height:calc(100vh - 204px)!important}}@media(min-width:721px)and (max-height:139px),(max-width:720px)and (max-height:211px){#video-bar{display:none!important}}.vb-remote-quality-button{position:absolute;top:2px;right:2px;z-index:4;width:36px;height:36px;padding:8px;border:0;border-radius:8px;background:#000000a6;color:#fff;cursor:pointer}.vb-remote-quality-button svg{width:20px;height:20px}.vb-has-quality-menu .vb-tile-overlay{max-width:calc(100% - 42px);box-sizing:border-box}.vb-remote-quality-button:hover{background:#fff3}.vb-remote-quality-panel{position:fixed;z-index:10000;box-sizing:border-box;width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;padding:12px;border-radius:10px;background:#2a2a32;color:#fff;font-family:inherit;font-size:13px;line-height:1.5}.vb-remote-quality-panel fieldset{min-width:0;padding:0;margin:0;border:0}.vb-remote-quality-panel legend{font-weight:600;margin-bottom:8px}.vb-remote-quality-panel label{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}.vb-remote-quality-panel label:hover{background:#fff3}.vb-remote-quality-panel input{accent-color:#2483FF}.vb-remote-quality-panel fieldset:disabled label{opacity:.55;cursor:default}.vb-remote-quality-panel p{margin:8px 0 0}.vb-remote-quality-button:focus-visible,.vb-remote-quality-panel input:focus-visible{outline:2px solid #2483FF;outline-offset:2px}.voice-group-launcher{position:fixed;right:20px;bottom:12px;z-index:994;min-width:170px;height:54px;padding:0 12px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-modal) 95%,transparent);box-shadow:var(--shadow-card);color:var(--color-text-primary);font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.voice-group-launcher:hover{transform:translateY(-1px);border-color:var(--color-primary-border);background:var(--color-surface-modal)}.voice-group-launcher:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.voice-group-launcher.is-subgroup{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.voice-group-launcher svg{width:22px;height:22px;color:var(--color-primary)}.voice-group-launcher__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.voice-group-launcher__count{padding:3px 7px;border-radius:var(--radius-pill);background:#0000000d;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.voice-group-overlay{z-index:calc(var(--z-overlay) + 2)}.voice-group-modal{width:660px;height:min(75vh,720px)}.voice-group-modal .ds-modal-header{min-height:64px;gap:var(--space-2);padding:14px 24px}.voice-group-modal__title,.voice-group-modal__header-actions,.voice-group-card__top,.voice-group-card__identity,.voice-group-card__actions,.voice-group-member__meta,.voice-group-current-badge,.voice-group-member-fixed{display:flex;align-items:center}.voice-group-modal__title{min-width:0;gap:12px}.voice-group-modal__title-icon{width:24px;height:24px;display:inline-flex;flex-shrink:0;color:var(--color-primary)}.voice-group-modal__title-icon svg{width:100%;height:100%}.voice-group-modal__heading{min-width:0;display:grid;gap:2px}.voice-group-modal__heading p{margin:0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.voice-group-modal__header-actions{flex-shrink:0;gap:8px}.voice-group-create-btn{min-width:124px;height:40px;gap:7px;padding:0 16px;white-space:nowrap}.voice-group-create-btn svg{width:17px;height:17px}.voice-group-modal .ds-modal-close{display:inline-flex;align-items:center;justify-content:center}.voice-group-body{min-height:0;overflow:hidden;padding:16px 24px 24px}.voice-group-list{height:100%;display:grid;align-content:start;gap:12px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.voice-group-card{position:relative;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.voice-group-card.is-current{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.voice-group-card__top{min-height:68px;justify-content:space-between;gap:var(--space-2);padding:12px 16px;border-radius:11px;transition:background var(--transition-fast)}.voice-group-card.is-expanded .voice-group-card__top{border-radius:11px 11px 0 0}.voice-group-card__top.is-expandable{cursor:pointer}.voice-group-card__top.is-expandable:hover{background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.voice-group-card__identity{min-width:0;gap:12px}.voice-group-card__icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary)}.voice-group-card__icon svg{width:20px;height:20px}.voice-group-card__copy{min-width:0;display:flex;align-items:center;gap:8px}.voice-group-card__name-row{min-width:0}.voice-group-card h3{min-width:0;margin:0;overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.voice-group-card__count{flex-shrink:0;padding:3px 8px;border-radius:var(--radius-pill);background:#0000000a;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.voice-group-inline-editor{min-width:0}.voice-group-inline-editor .ds-input{width:180px;max-width:100%;height:36px}.voice-group-card__actions{flex-shrink:0;gap:8px}.voice-group-channel-btn{width:92px;min-width:92px;height:40px;padding:0 16px;white-space:nowrap}.voice-group-current-badge{min-width:92px;height:36px;justify-content:center;gap:6px;padding:0 12px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.voice-group-current-badge svg{width:15px;height:15px}.voice-group-more{position:relative}.voice-group-more-btn,.voice-group-toggle-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.voice-group-toggle-btn{width:34px}.voice-group-more-btn:hover,.voice-group-toggle-btn:hover{border-color:transparent;background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-primary)}.voice-group-more-btn:focus-visible,.voice-group-toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.voice-group-more-btn svg{width:18px;height:18px}.voice-group-toggle-btn svg{width:17px;height:17px;transition:transform var(--transition-fast)}.voice-group-toggle-btn[aria-expanded=true] svg{transform:rotate(180deg)}.voice-group-more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:4;width:152px;padding:5px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-modal);box-shadow:var(--shadow-card)}.voice-group-more-menu button{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer}.voice-group-more-menu button:hover,.voice-group-more-menu button:focus-visible{background:var(--color-surface-hover);outline:none}.voice-group-more-menu button.is-danger{color:var(--color-danger-hover)}.voice-group-more-menu svg{width:16px;height:16px;flex-shrink:0}.voice-group-members{padding:0 16px 10px;border-top:1px solid var(--color-border-light)}.voice-group-members__header{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:12px;padding:10px 0 6px;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.voice-group-members.is-readonly .voice-group-members__header{display:block}.voice-group-member{min-width:0;min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) 156px;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--color-border-light);background:transparent}.voice-group-member.is-readonly{grid-template-columns:44px minmax(0,1fr)}.voice-group-member__avatar{width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-card);object-fit:contain}.voice-group-member__details{min-width:0;display:grid;gap:3px}.voice-group-member__name,.voice-group-member__username,.voice-group-member-role{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-group-member__name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.voice-group-member__meta{min-width:0;gap:5px;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.voice-group-member__username{display:block}.voice-group-member-select{width:156px;height:40px}.voice-group-member-fixed{width:156px;height:40px;justify-content:center;gap:7px;border:1px solid var(--color-border-light);border-radius:9px;background:#00000008;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.voice-group-member-fixed svg{width:15px;height:15px}.voice-group-overlay.is-busy .voice-group-modal{pointer-events:none;opacity:.72}@media(max-width:720px){.voice-group-launcher{right:12px;bottom:84px;min-width:148px}.voice-group-modal{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.voice-group-modal .ds-modal-header,.voice-group-body{padding-right:16px;padding-left:16px}.voice-group-modal__heading p{display:none}.voice-group-create-btn{min-width:0;padding:0 12px}.voice-group-card__top{align-items:flex-start}.voice-group-card__copy{align-items:flex-start;flex-direction:column;gap:4px}.voice-group-current-badge,.voice-group-channel-btn{min-width:76px;width:76px}.voice-group-member{grid-template-columns:44px minmax(0,1fr)}.voice-group-members__header{display:block}.voice-group-member-select,.voice-group-member-fixed{width:100%;grid-column:2}}@media(max-width:520px){.voice-group-create-btn span,.voice-group-modal__title-icon{display:none}.voice-group-card__top{gap:8px;padding:12px}.voice-group-card__identity{gap:8px}.voice-group-more-btn,.voice-group-toggle-btn{width:34px;height:36px}}#gacha-shop-modal,#gacha-shop-modal *{box-sizing:border-box}#gacha-shop-modal [data-backdrop]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2600;overflow:hidden;background:#000000ad}.gacha-reward-animation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2700;background:#000}.gacha-reward-animation[hidden]{display:none}.gacha-reward-animation__video{display:block;width:100%;height:100%;object-fit:cover}.gacha-reward-animation__skip{position:absolute;right:24px;top:24px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:#0000008c;color:#fff;padding:10px 17px;font:700 15px Pretendard,Noto Sans KR,sans-serif;cursor:pointer}.gacha-reward-animation__skip[hidden]{display:none}.gacha-reward-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2701;background:#ffffffeb;pointer-events:none;opacity:0}.gacha-reward-flash[hidden]{display:none}.gacha-reward-flash.is-rising{animation:gacha-reward-flash-rise var(--gacha-flash-rise-duration) both;animation-timing-function:var(--gacha-flash-rise-ease, ease-out)}.gacha-reward-flash.is-falling{animation:gacha-reward-flash-fall var(--gacha-flash-fall-duration) ease-out both}@keyframes gacha-reward-flash-rise{0%{opacity:0;transform:scale(1.6068)}to{opacity:1;transform:scale(1.6737)}}@keyframes gacha-reward-flash-fall{0%{opacity:1;transform:scale(1.6737)}to{opacity:0;transform:scale(1.7)}}.gacha-stage__results-panel.is-entering{animation:gacha-results-panel-in .32s ease-out both}.gacha-stage{position:absolute;left:50%;top:50%;width:1440px;height:1080px;transform:translate(-50%,-50%) scale(var(--gacha-scale));transform-origin:center;outline:none;font-family:Pretendard,Noto Sans KR,sans-serif}.gacha-stage__image{position:absolute;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.gacha-stage__background{z-index:1}.gacha-stage__mascot,.gacha-stage__currency-panel{z-index:10}.gacha-stage__currency{position:absolute;z-index:11;top:120px;color:#fff9e8;font-size:22px;font-weight:900;text-shadow:0 2px 3px #000;white-space:nowrap}.gacha-stage__currency--cells{left:934px}.gacha-stage__currency--fragments{left:1134px}.gacha-stage__currency img{width:25px;height:25px;object-fit:contain;vertical-align:-6px;margin-right:6px}.gacha-stage__currency--fragments img{width:32px;height:32px;vertical-align:-9px}.gacha-stage__machine{z-index:8}.gacha-stage__floating-card{z-index:9;height:198px;object-fit:contain;animation:gacha-card-float 2.4s ease-in-out infinite alternate}.gacha-stage__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.gacha-stage__star{position:absolute;width:36px}.gacha-stage__star:before{content:"";position:absolute;left:17px;top:0;height:calc(100% - 18px);border-left:1px solid rgba(246,191,58,.8)}.gacha-stage__star-sway{position:absolute;bottom:0;left:0;width:36px;transform-origin:50% 0}.gacha-stage__star img{width:36px;height:auto;display:block}.gacha-stage__category-frame{position:absolute;z-index:7;left:108px;top:275px;width:342px;height:470px;pointer-events:none}.gacha-stage__category-frame>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.gacha-stage__category-frame-title{position:absolute;z-index:1;left:97px;top:18px;width:140px;height:34px;display:flex;align-items:center;justify-content:center;color:#f5e6c8;font-size:19px;font-weight:900;text-shadow:0 2px 2px rgba(32,14,4,.8);white-space:nowrap}.gacha-stage__category-panel{position:absolute;z-index:7;left:738px;top:404px;width:264px;height:118px;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0732;border:3px solid #be4dfa;border-radius:17px;box-shadow:inset 0 3px 4px #2e03b76b}.gacha-stage__rate-copy{position:absolute;z-index:12;left:738px;top:404px;width:264px;height:118px;padding:8px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f9f1d7;text-shadow:0 2px 3px #000}.gacha-stage__rate-copy strong{display:block;font-size:19px;color:#fff7e1;white-space:nowrap}.gacha-stage__rate-copy span{display:block;margin:8px 0 0;font-size:17px;line-height:1.45;color:#ffd74c;font-weight:800}.gacha-stage__side-button{position:absolute;z-index:12;box-sizing:border-box;left:738px;top:534px;width:264px;height:56px;display:flex;align-items:center;justify-content:center;border:3px solid #be4dfa;border-radius:17px;background:#0a0732;box-shadow:inset 0 3px 4px #2e03b76b;color:#f9f1d7;text-shadow:0 2px 3px #000;font-size:20px;font-weight:900;letter-spacing:-.3px;white-space:nowrap;cursor:pointer;transition:transform .11s ease-out}.gacha-stage__side-button--book{top:600px}.gacha-stage__side-button:hover:not(:disabled){transform:scale(1.02)}.gacha-stage__side-button:active:not(:disabled){transform:scale(.98)}.gacha-stage__side-button:disabled{opacity:.55;cursor:default}.gacha-stage__categories{position:absolute;z-index:20;left:162px;top:350px;display:flex;flex-direction:column;gap:16px}.gacha-stage__category{position:relative;width:234px;height:104px;padding:0;border:0;background:transparent;color:#f5e6c8;cursor:pointer;font-size:24px;font-weight:900;transition:transform .16s ease}.gacha-stage__category-bg{position:absolute;object-fit:fill;pointer-events:none}.gacha-stage__category:not(.is-selected) .gacha-stage__category-bg{left:-8.34px;top:-8.97px;width:250.82px;height:124.32px}.gacha-stage__category.is-selected .gacha-stage__category-bg{left:-7.42px;top:-4.26px;width:265.59px;height:115.51px}.gacha-stage__category-icon{position:absolute;z-index:3;top:25px;left:22px;width:54px;height:54px;object-fit:contain}.gacha-stage__category-label{position:absolute;z-index:3;left:88px;right:24px;top:-5px;height:104px;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-shadow:0 2px 3px rgba(0,0,0,.55)}.gacha-stage__category:not(.is-selected) .gacha-stage__category-icon{filter:brightness(.87)}.gacha-stage__category:hover:not(:disabled){transform:translateY(-2px)}.gacha-stage__category:disabled{cursor:progress}.gacha-stage__stamp-board{z-index:8}.gacha-stage__stamps{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.gacha-stage__pity-gift{position:absolute;box-sizing:border-box;left:1268px;top:533px;width:56px;height:56px;border-radius:50%;background:transparent;border:2px solid #7b4318;display:flex;align-items:center;justify-content:center}.gacha-stage__pity-gift img{width:42px;height:42px;object-fit:contain}.gacha-stage__stamp-slot{position:absolute;width:56px;height:56px;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.gacha-stage__stamp-slot.is-gift{background-image:none}.gacha-stage__stamp-slot>img{width:56px;height:56px;object-fit:contain}.gacha-stage__stamp{width:56px;height:56px;filter:drop-shadow(0 2px 2px rgba(91,0,0,.25))}.gacha-stage__pity-number{position:absolute;z-index:12;left:1012px;top:623px;width:336px;text-align:center;color:#1f170d;text-shadow:0 1px #fff5d6;white-space:nowrap}.gacha-stage__pity-number span{font-size:39px;font-weight:900}.gacha-stage__pity-number strong{font-size:20px;font-weight:900}.gacha-stage__pity-copy{position:absolute;z-index:12;left:1012px;top:695px;width:336px;text-align:center;color:#4b2e12;font-size:16px;font-weight:900;white-space:nowrap}.gacha-stage__stamp-line{position:absolute;z-index:12;left:1012px;top:329px;width:336px;height:18px;text-align:center;color:#4b2e12;font-size:16px;font-weight:900;line-height:18px;white-space:nowrap}.gacha-stage__pity-tickets{position:absolute;z-index:13;box-sizing:border-box;left:1048px;top:689px;width:264px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #81501f;border-radius:13px;background:#fff0b0;color:#553016;padding:0;font-size:15px;font-weight:900;line-height:1;cursor:pointer}.gacha-stage__pity-tickets.is-below-copy{top:719px}.gacha-pity-exchange-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2650;display:flex;align-items:center;justify-content:center;padding:24px;background:#08060f9e}.gacha-pity-exchange{position:relative;box-sizing:border-box;width:min(840px,100%);max-height:100%;display:flex;flex-direction:column;padding:14px 18px 16px;border:2px solid rgba(224,213,235,.75);border-radius:20px;background:linear-gradient(180deg,#2f2447,#2b2142 62%,#281e3e);box-shadow:0 18px 44px #0000004d,inset 0 1px #ffffff0a}.gacha-pity-exchange__header{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:0 60px}.gacha-pity-exchange__heading{display:flex;align-items:center;justify-content:center;gap:14px}.gacha-pity-exchange__category{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}.gacha-pity-exchange__title{margin:0;color:#fff9f3;font-size:32px;font-weight:800;line-height:1.15;white-space:nowrap}.gacha-pity-exchange__title b{color:#ffd057;font-weight:800}.gacha-pity-exchange__guide{margin:7px 0 0;color:#d8cfdf;font-size:16px;font-weight:500;line-height:1.3;text-align:center}.gacha-pity-exchange__tickets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.gacha-pity-exchange__ticket{border:1px solid rgba(224,213,235,.55);border-radius:10px;background:#ffffff0f;color:#e6ddee;padding:5px 10px;font-size:13px;font-weight:700;cursor:pointer}.gacha-pity-exchange__ticket.is-active{border-color:#ffd057;background:#ffd05729;color:#ffe9ae}.gacha-pity-exchange__close{position:absolute;top:14px;right:14px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(224,213,235,.7);border-radius:50%;background:#ffffff0d;color:#e7deef;cursor:pointer}.gacha-pity-exchange__close svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;fill:none}.gacha-pity-exchange__close:hover{background:#ffffff1f}.gacha-pity-exchange__tray{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:12px;padding:18px 12px;border:1px solid rgba(255,255,255,.55);border-radius:16px;background:#f2ebe2}.gacha-pity-exchange__items{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gacha-pity-exchange__item{box-sizing:border-box;height:164px;display:flex;flex-direction:column;padding:10px 8px;border:2px solid #E3DBD2;border-radius:14px;background:#fbf7f0;color:#1c1718;cursor:pointer;box-shadow:0 2px 5px #3f2d1f1a,0 1px 2px #3f2d1f0f}.gacha-pity-exchange__item:hover{border-color:#d6c7b4}.gacha-pity-exchange__item:focus-visible{outline:3px solid #FFD057;outline-offset:2px}.gacha-pity-exchange__item.is-selected{border-color:#e8a833;background:#fff6e2}.gacha-pity-exchange__thumb{flex:0 0 auto;display:block}.gacha-pity-exchange__thumb img{filter:drop-shadow(0 4px 3px rgba(58,40,24,.12))}.gacha-pity-exchange__name{display:-webkit-box;overflow:hidden;margin-top:5px;height:36px;color:#1c1718;font-size:15px;font-weight:700;line-height:1.25;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gacha-pity-exchange__items:empty{display:none}.gacha-pity-exchange__rarities{display:flex;gap:12px;justify-content:center}.gacha-pity-exchange__rarity{box-sizing:border-box;width:150px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:2px solid #E3DBD2;border-radius:14px;background:#fbf7f0;color:#1c1718;cursor:pointer;box-shadow:0 2px 5px #3f2d1f1a,0 1px 2px #3f2d1f0f}.gacha-pity-exchange__rarity strong{font-size:21px;font-weight:800}.gacha-pity-exchange__rarity span{font-size:16px;font-weight:700;color:#6b5b4c}.gacha-pity-exchange__rarity.is-uncommon strong{color:#2563eb}.gacha-pity-exchange__rarity.is-rare strong{color:#9333ea}.gacha-pity-exchange__rarity.is-epic strong{color:#ea580c}.gacha-pity-exchange__rarity.is-legendary strong{color:#d97706}.gacha-pity-exchange__rarity:hover{border-color:#d6c7b4}.gacha-pity-exchange__rarity:focus-visible{outline:3px solid #FFD057;outline-offset:2px}.gacha-pity-exchange__rarity.is-selected{border-color:#e8a833;background:#fff6e2}.gacha-pity-exchange__actions{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.gacha-pity-exchange__action{width:96px;height:48px;border:0;border-radius:14px;background:#a497af;color:#2b2142;font-size:17px;font-weight:800;cursor:pointer}.gacha-pity-exchange__action.is-primary{background:#ffce52;border-top:1px solid rgba(255,255,255,.5)}.gacha-pity-exchange__action:disabled{opacity:.45;cursor:default}@media(max-width:900px){.gacha-pity-exchange__items{grid-template-columns:repeat(4,1fr)}.gacha-pity-exchange__title{font-size:26px}}@media(max-width:740px){.gacha-pity-exchange__items{grid-template-columns:repeat(3,1fr)}.gacha-pity-exchange__header{padding:0 52px}}@media(max-width:560px){.gacha-pity-exchange__items{grid-template-columns:repeat(2,1fr)}}.gacha-stage__results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:auto}.gacha-stage__results:empty{pointer-events:none}.gacha-stage__results:not(:empty){z-index:85}.gacha-stage__tickets{position:absolute;z-index:30;left:248px;top:748px;width:924px;height:130px;display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:36px;align-items:end}.gacha-stage__ticket,.gacha-stage__close{position:relative;border:0;padding:0;background:transparent;cursor:pointer;transition:transform .14s ease}.gacha-stage__ticket{width:100%;align-self:end}.gacha-stage__ticket>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.gacha-stage__ticket--single{height:119px}.gacha-stage__ticket--eleven{bottom:-12px;height:162px}.gacha-stage__ticket--eleven>img:first-child{object-fit:fill}.gacha-stage__ticket--fragment{bottom:3px;height:123px}.gacha-stage__ticket span,.gacha-stage__ticket b{position:absolute;left:0;right:0;text-align:center;color:#2f1b08;text-shadow:0 1px #fff7d8;font-weight:900;white-space:nowrap}.gacha-stage__ticket--single span{top:17px;font-size:22px}.gacha-stage__ticket--single b{top:62px;font-size:20px}.gacha-stage__ticket--eleven span{top:38px;font-size:23px}.gacha-stage__ticket--eleven b{top:89px;font-size:21px}.gacha-stage__ticket b img{width:22px;height:22px;object-fit:contain;vertical-align:-5px;margin-right:6px}.gacha-stage__ticket--fragment span{top:25px;left:78px;right:12px;font-size:22px;line-height:1.5}.gacha-stage__bonus{position:absolute!important;z-index:2;left:50%!important;top:-17px!important;width:210px!important;height:auto!important;transform:translate(-50%)}.gacha-stage__shard{position:absolute!important;z-index:2;left:34px!important;top:31px!important;width:48px!important;height:48px!important;object-fit:contain!important}.gacha-stage__ticket:hover:not(:disabled){transform:translateY(-3px) scale(1.014)}.gacha-stage__ticket:active:not(:disabled){transform:translateY(2px) scale(.988)}.gacha-stage__ticket:disabled{cursor:progress}.gacha-stage__ticket[aria-disabled=true]{filter:brightness(.72);cursor:not-allowed}.gacha-stage__close{position:absolute;left:1330px;top:95px;width:84px;height:104px;z-index:6}.gacha-stage__close img{width:100%;height:100%;object-fit:contain}#gacha-shop-modal .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gacha-stage__result-card{position:relative;flex:0 0 89px;width:89px;height:113px;overflow:hidden;border:1px solid var(--result-card-edge);border-radius:7px;background:var(--result-card-bg);box-shadow:none}.gacha-stage__result-card.is-bonus{border-color:#2fb8a6;background:#e8fbf7}.gacha-stage__result-card.is-uncommon:not(.is-bonus){box-shadow:0 0 5px #5a9bff94}.gacha-stage__result-rarity{position:absolute;left:7px;top:7px;font-size:9px;font-weight:900;line-height:1;color:var(--result-card-fg)}.gacha-stage__result-thumb{position:absolute;left:19px;top:22px;width:50px;height:43px;display:flex;align-items:center;justify-content:center}.gacha-stage__result-thumb>div{width:100%!important;height:100%!important}.gacha-stage__result-thumb img{max-width:100%!important;max-height:100%!important}.gacha-stage__result-name{position:absolute;left:5px;right:5px;top:68px;height:23px;display:-webkit-box;overflow:hidden;color:#3a2418;font-size:10px;font-weight:800;line-height:1.15;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gacha-stage__result-status{position:absolute;left:4px;right:4px;bottom:7px;display:flex;align-items:center;justify-content:center;color:#ff6419;font-size:11px;font-weight:900;line-height:11px;white-space:nowrap}.gacha-stage__result-status.is-duplicate{gap:3px;color:#624124;font-size:9px;font-weight:800}.gacha-stage__result-status.is-duplicate span:first-child{margin-right:1px}.gacha-stage__result-status.is-duplicate img{width:11px;height:11px;margin-left:3px;object-fit:contain}.gacha-stage__result-bonus{position:absolute;right:3px;top:3px;z-index:2;width:29px;height:14px;border-radius:4px;background:#0e8c7e;color:#fff;font-size:8px;font-weight:900;line-height:14px;text-align:center}.gacha-stage__results-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.gacha-stage__results-scrim:before{position:absolute;top:-4000px;right:-4000px;bottom:-4000px;left:-4000px;z-index:0;content:""}.gacha-stage__results-panel{position:absolute;left:415px;top:278.4px;width:610px;height:490px;overflow:visible;z-index:1;transform:scale(1.6737);transform-origin:center}.gacha-stage__results-panel.is-short{top:352.9px;height:341px}.gacha-stage__results-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border:14.6px solid transparent;border-image:var(--result-panel-image) 62 72 62 72 fill / 14.6px / 0 stretch;pointer-events:none}.gacha-stage__results-title-plate{position:absolute;left:129px;top:-39px;width:352px;height:100px;z-index:2}.gacha-stage__results-title-plate:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border:24px solid transparent;border-image:var(--result-title-image) 90 96 42 96 fill / 24px 48px 22px 48px / 0 stretch;pointer-events:none}.gacha-stage__results-title-plate strong,.gacha-stage__results-title-plate span{position:absolute;left:0;right:0;display:block;text-align:center;white-space:nowrap}.gacha-stage__results-title-plate strong{top:12px;color:#ffe0a0;font-size:26px;font-weight:900;line-height:32px;text-shadow:-1px -1px #351404,1px 1px #351404,0 3px 2px rgba(28,9,1,.9)}.gacha-stage__results-title-plate span{top:48px;color:#ffe6a7;font-size:14px;font-weight:900;line-height:18px;text-shadow:0 2px 2px #351404}.gacha-stage__results-close{position:absolute;right:-6px;top:-16px;width:54px;height:54px;border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;z-index:4}.gacha-stage__result-chips{position:absolute;left:10px;right:10px;top:56px;height:34px;display:flex;justify-content:center;gap:6px;overflow:hidden}.gacha-stage__result-chip{position:relative;z-index:1;box-sizing:border-box;display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:88px;height:34px;padding:0 16px;border:2px solid var(--result-chip-ring);border-radius:999px;background:color-mix(in srgb,var(--result-chip-ring) 32%,#0a1440);box-shadow:inset 0 2px 6px #0009,0 0 6px var(--result-chip-ring);color:#f8e4ba;font-size:16px;font-weight:800;line-height:1;white-space:nowrap}.gacha-stage__result-chip strong{margin-left:6px;color:var(--result-chip-accent);font-weight:900}.gacha-stage__results-grid{position:absolute;left:20px;right:20px;top:103px;height:262px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:34px 6px;overflow-y:auto;padding:0}.gacha-stage__results-panel.is-short .gacha-stage__results-grid{height:113px}.gacha-stage__results-grid.is-compact{row-gap:12px}.gacha-stage__results-actions{position:absolute;left:0;right:0;top:382px;height:86px}.gacha-stage__results-panel.is-short .gacha-stage__results-actions{top:233px}.gacha-stage__results-confirm,.gacha-stage__results-redraw{position:absolute;border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer}.gacha-stage__results-confirm{left:114px;top:15px;width:160px;height:56px;color:#fff0c8;font-size:17px;font-weight:900;text-shadow:0 2px 2px #351404}.gacha-stage__results-confirm:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border:18px solid transparent;border-image:var(--result-confirm-image) 54 fill / 18px 19px / 0 stretch;pointer-events:none}.gacha-stage__results-redraw{left:323.5px;top:10px;width:172px;height:66px;color:#2f1b08;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;text-shadow:0 1px #fff7d8}.gacha-stage__results-redraw:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background-image:var(--result-redraw-image);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.gacha-stage__results-redraw:disabled{filter:brightness(.72);cursor:not-allowed;pointer-events:none}.gacha-stage__results-redraw span{font-size:16px;line-height:19px}.gacha-stage__results-redraw b{display:flex;align-items:center;font-size:14px;line-height:17px}.gacha-stage__results-redraw b img{width:16px;height:16px;margin-right:4px;object-fit:contain}.gacha-rates-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2650;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;overflow:hidden;background:#080502b8;animation:gacha-rates-overlay-in .14s ease-out both}.gacha-rates-scale-slot{position:relative;flex:none}.gacha-rates-canvas{position:absolute;left:0;top:0;width:960px;height:720px;transform:scale(var(--gacha-rates-scale));transform-origin:top left;opacity:1;outline:none;font-family:Pretendard,Noto Sans KR,sans-serif}.gacha-rates-enter{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transform:scale(1);transform-origin:center}.gacha-rates-enter.is-entering{animation:gacha-rates-enter-in .17s cubic-bezier(.2,.8,.2,1) both}.gacha-rates-decoration{position:absolute;display:block;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:none;opacity:1}.gacha-rates-frame{left:0;top:0;width:960px;height:720px;z-index:0}.gacha-rates-main-panel{left:46px;top:132px;width:868px;height:376px;z-index:1}.gacha-book-panel{left:46px;top:132px;width:868px;height:520px;z-index:1}.gacha-rates-summary-panel{left:46px;top:525px;width:868px;height:126px;z-index:1}.gacha-rates-title-plate{left:200px;top:48.6px;width:560px;height:75.9px;z-index:2}.gacha-rates-title{position:absolute;z-index:3;left:287px;top:55px;width:394px;height:62px;display:flex;align-items:center;justify-content:center;color:#ffe8ae;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.4px;text-align:center;white-space:nowrap;-webkit-text-stroke:1px rgba(90,43,8,.9);paint-order:stroke fill;text-shadow:0 2px 0 #9A5B18,0 4px 0 #63340E,0 5px 4px rgba(0,0,0,.42)}.gacha-rates-tabs{position:absolute;z-index:3;left:206px;top:53px;width:548px;height:66px;display:flex;align-items:center;justify-content:center;gap:10px}.gacha-rates-tab{flex:0 0 auto;box-sizing:border-box;min-width:186px;height:46px;margin:0;padding:0 22px;border:0;border-radius:23px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#ffe8ae85;font-family:inherit;font-size:29px;font-weight:900;line-height:1;letter-spacing:-.4px;white-space:nowrap;transition:color .11s ease-out,transform .11s ease-out}.gacha-rates-tab:hover{color:#ffe8aed1}.gacha-rates-tab:active{transform:scale(.97)}.gacha-rates-tab:focus-visible{outline:2px solid rgba(255,224,137,.95);outline-offset:2px}.gacha-rates-tab.is-active{color:#ffe8ae;-webkit-text-stroke:1px rgba(90,43,8,.9);paint-order:stroke fill;text-shadow:0 2px 0 #9A5B18,0 4px 0 #63340E,0 5px 4px rgba(0,0,0,.42);background:#63340e57}.gacha-book-toolbar{position:absolute;z-index:3;left:68px;top:152px;width:824px}.gacha-book-body{display:contents}.gacha-book-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}.gacha-book-filter{box-sizing:border-box;height:40px;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 6px;border:1.5px solid rgba(171,109,20,.5);border-radius:20px;background:#fffaebeb;color:#6b5638;font-size:14.5px;font-weight:850;line-height:1;letter-spacing:-.4px;white-space:nowrap;cursor:pointer}.gacha-book-filter--common{border-color:#cbd5e1;color:#475569}.gacha-book-filter--uncommon{border-color:#86efac;color:#15803d}.gacha-book-filter--rare{border-color:#93c5fd;color:#1d4ed8}.gacha-book-filter--epic{border-color:#d8b4fe;color:#7e22ce}.gacha-book-filter--legendary{border-color:#fcd34d;color:#b45309}.gacha-book-filter:hover{background:#fff}.gacha-book-filter:focus-visible{outline:3px solid #FFD057;outline-offset:2px}.gacha-book-filter.is-active{border-color:#e9c264;background:#1e2b57;color:#ffe8ae}.gacha-book-divider{position:absolute;z-index:3;left:68px;top:202px;width:824px;height:0;border-top:1.5px dashed rgba(171,109,20,.45)}.gacha-rates-book{position:absolute;z-index:3;left:68px;top:212px;width:824px;height:424px;box-sizing:border-box;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-content:start;scrollbar-gutter:stable;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(171,109,20,.55) transparent}.gacha-rates-book::-webkit-scrollbar{width:8px}.gacha-rates-book::-webkit-scrollbar-thumb{border-radius:4px;background:#ab6d148c}.gacha-rates-book::-webkit-scrollbar-track{background:transparent}.gacha-rates-book__cell{position:relative;box-sizing:border-box;width:100%;height:152px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1.5px solid rgba(171,109,20,.45);border-radius:14px;background:#fffbf0;box-shadow:0 2px 4px #3f2d1f1a}.gacha-rates-book__badge{align-self:flex-start;box-sizing:border-box;height:24px;padding:0 9px;display:flex;align-items:center;border:1px solid #CBD5E1;border-radius:7px;background:#f1f5f9;color:#475569;font-size:12.5px;font-weight:850;line-height:1;letter-spacing:-.3px}.gacha-rates-book__cell--uncommon .gacha-rates-book__badge{border-color:#86efac;background:#dcfce7;color:#15803d}.gacha-rates-book__cell--rare .gacha-rates-book__badge{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.gacha-rates-book__cell--epic .gacha-rates-book__badge{border-color:#d8b4fe;background:#f3e8ff;color:#7e22ce}.gacha-rates-book__cell--legendary .gacha-rates-book__badge{border-color:#fcd34d;background:#fef3c7;color:#b45309}.gacha-rates-book__cell--common{background:#fdfaf3}.gacha-rates-book__cell--uncommon{background:#f4fdf7}.gacha-rates-book__cell--rare{background:#f5faff}.gacha-rates-book__cell--epic{background:#fbf6ff}.gacha-rates-book__cell--legendary{background:#fffbef}.gacha-rates-book__cell--common{border-color:#cbd5e1}.gacha-rates-book__cell--uncommon{border-color:#86efac}.gacha-rates-book__cell--rare{border-color:#93c5fd}.gacha-rates-book__cell--epic{border-color:#d8b4fe}.gacha-rates-book__cell--legendary{border-color:#fcd34d}.gacha-rates-book__thumb{width:100%;height:78px;margin-top:4px;flex:none;display:flex;align-items:center;justify-content:center}.gacha-rates-book__name{box-sizing:border-box;width:100%;height:30px;margin-top:2px;padding:0 4px;display:flex;align-items:center;justify-content:center;text-align:center;color:#241a12;font-size:13px;font-weight:800;line-height:1.15;letter-spacing:-.4px;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}.gacha-rates-book__name>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gacha-rates-book__cell.is-locked{background:#e2d6c08c}.gacha-rates-book__cell.is-locked .gacha-rates-book__thumb{filter:brightness(0);opacity:.34}.gacha-rates-book__cell.is-locked .gacha-rates-book__name{color:#39271980;letter-spacing:1px}.gacha-rates-book-empty{position:absolute;z-index:3;left:68px;top:212px;width:824px;height:424px;display:flex;align-items:center;justify-content:center;color:#6b5638;font-size:18px;font-weight:750;letter-spacing:-.35px}.gacha-rates-close{position:absolute;z-index:4;left:838px;top:62px;width:76px;height:76px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;transition:transform .1s ease-out}.gacha-rates-close img{width:64px;height:62px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gacha-rates-close:hover{transform:scale(1.04)}.gacha-rates-close:active{transform:scale(.96)}.gacha-rates-close:focus-visible{outline:2px solid rgba(255,224,137,.95);outline-offset:2px;border-radius:50%}.gacha-rates-description{position:absolute;z-index:3;left:65px;top:149px;width:830px;height:30px;display:flex;align-items:center;justify-content:space-between;color:#392719;font-size:15.5px;font-weight:750;line-height:30px;letter-spacing:-.35px;text-align:center;white-space:nowrap}.gacha-rates-description span{position:absolute;color:#c89538;font-size:18px}.gacha-rates-description span:first-child{left:2px;top:0}.gacha-rates-description span:last-child{right:2px;top:0}.gacha-rates-description p{width:100%;margin:0}.gacha-rates-table{position:absolute;z-index:3;left:64px;top:187px;width:828px;height:300px;table-layout:fixed;border-collapse:collapse;border-spacing:0;overflow:hidden;border:1px solid rgba(171,109,20,.55);color:#392719}.gacha-rates-table tr{height:50px}.gacha-rates-table th,.gacha-rates-table td{box-sizing:border-box;padding:0 8px;border-right:1px dashed rgba(171,109,20,.3);border-bottom:1px solid rgba(171,109,20,.48);vertical-align:middle;text-align:center;white-space:nowrap;color:#392719;font-size:16px;font-weight:550;line-height:1;letter-spacing:-.25px}.gacha-rates-table th:last-child,.gacha-rates-table td:last-child{border-right:0}.gacha-rates-table tbody tr:last-child td{border-bottom:0}.gacha-rates-table thead th{background:#d29b3233;font-size:16px;font-weight:850;letter-spacing:-.3px}.gacha-rates-table__rarity--common{color:#4e6177!important}.gacha-rates-table__rarity--uncommon{color:#1265ca!important}.gacha-rates-table__rarity--rare{color:#8d23d0!important}.gacha-rates-table__rarity--epic{color:#eb5418!important}.gacha-rates-table__rarity--legendary{color:#c77b0b!important}.gacha-rates-table tr.is-current td{background:#f6b82a38;font-weight:850}.gacha-rates-table__pity{font-size:15px!important;font-weight:700!important}.gacha-rates-table__star{display:inline-block;margin-left:5px;color:#f2a713;font-size:14px;vertical-align:1px}.gacha-rates-summary{position:absolute;z-index:3;left:68px;top:538px;width:824px;height:29px;display:flex;align-items:center;color:#392719;font-size:17px;font-weight:850;line-height:29px;letter-spacing:-.45px;text-align:center;white-space:nowrap}.gacha-rates-summary strong{flex:none;font:inherit}.gacha-rates-summary__line{position:relative;flex:1;height:1px;margin:0 9px;border-top:1px dashed rgba(191,133,38,.5)}.gacha-rates-summary__line i{position:absolute;top:-10px;color:#c89538;font-size:12px;font-style:normal;line-height:12px}.gacha-rates-summary__line:first-child i{left:-1px}.gacha-rates-summary__line:last-child i{right:-1px}.gacha-rates-pill{position:absolute;z-index:3;top:577px;height:50px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid;border-radius:25px;font-size:15.5px;font-weight:850;line-height:1;letter-spacing:-.35px;white-space:nowrap;box-shadow:none}.gacha-rates-pill--common{left:70px;width:164px;background:#bebebe38;border-color:#68686880;color:#292929}.gacha-rates-pill--uncommon{left:243px;width:153px;background:#d7e4fcb8;border-color:#527ec27a;color:#1559b6}.gacha-rates-pill--rare{left:404px;width:139px;background:#f0d6f4c2;border-color:#a55db173;color:#8b22bf}.gacha-rates-pill--epic{left:550px;width:160px;background:#ffe8cfad;border-color:#d87e2685;color:#e14d0b}.gacha-rates-pill--legendary{left:718px;width:171px;background:#ffeec4b8;border-color:#cd8b1a8c;color:#b87200}@keyframes gacha-rates-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes gacha-rates-enter-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes gacha-card-float{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-9px) rotate(4deg)}}@keyframes gacha-booth-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes gacha-sign-in{0%{transform:translateY(-55px)}78%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes gacha-close-in{0%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes gacha-star-in{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes gacha-board-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes gacha-slot-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gacha-ticket-in{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}@keyframes gacha-star-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes gacha-slot-burst{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes gacha-stamp-in{0%{opacity:0;transform:scale(1.7) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes gacha-stamp-board-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes gacha-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gacha-backdrop-out{to{opacity:0}}.gacha-stage__machine.is-bursting{animation:gacha-slot-burst .26s ease-out both}.gacha-stage__stamp.is-stamping{transform-origin:center;animation:gacha-stamp-in .24s var(--stamp-delay) cubic-bezier(.2,.8,.3,1.2) both}.gacha-stage__stamp-board.is-stamp-shaking{animation:gacha-stamp-board-shake .16s var(--stamp-shake-delay) ease-in-out both}.gacha-stage__stamp-board.is-flipping{animation:gacha-board-flip .36s ease-out both}.gacha-stage__stamp-board.is-pity-complete{filter:drop-shadow(0 0 12px rgba(255,196,48,.92));animation:gacha-pity-complete .52s ease-out both}#gacha-shop-modal.is-opening [data-backdrop]{animation:gacha-backdrop-in .16s ease-out both}#gacha-shop-modal.is-opening .gacha-stage__background{transform-origin:center;animation:gacha-booth-in .3s cubic-bezier(.2,.9,.3,1.1) both}#gacha-shop-modal.is-opening .gacha-stage__mascot,#gacha-shop-modal.is-opening .gacha-stage__currency-panel,#gacha-shop-modal.is-opening .gacha-stage__close{transform-origin:50% 0;animation:gacha-sign-in .32s 80ms cubic-bezier(.2,.9,.3,1.1) both}#gacha-shop-modal.is-opening .gacha-stage__close{animation-name:gacha-close-in}#gacha-shop-modal.is-opening .gacha-stage__star{animation:gacha-star-in .3s cubic-bezier(.2,.9,.3,1.1) both}#gacha-shop-modal.is-opening .gacha-stage__star:nth-child(1){animation-delay:.12s}#gacha-shop-modal.is-opening .gacha-stage__star:nth-child(2){animation-delay:.18s}#gacha-shop-modal.is-opening .gacha-stage__star:nth-child(3){animation-delay:.24s}#gacha-shop-modal.is-opening .gacha-stage__star:nth-child(4){animation-delay:.3s}#gacha-shop-modal.is-opening .gacha-stage__star:nth-child(5){animation-delay:.36s}.gacha-stage__star-sway{animation:gacha-star-sway 3.5s ease-in-out .42s infinite alternate}.gacha-stage__star:nth-child(2) .gacha-stage__star-sway{animation-duration:3.8s;animation-delay:.48s}.gacha-stage__star:nth-child(3) .gacha-stage__star-sway{animation-duration:3.2s;animation-delay:.54s}.gacha-stage__star:nth-child(4) .gacha-stage__star-sway{animation-duration:3.9s;animation-delay:.6s}.gacha-stage__star:nth-child(5) .gacha-stage__star-sway{animation-duration:3.4s;animation-delay:.66s}#gacha-shop-modal.is-opening .gacha-stage__machine,#gacha-shop-modal.is-opening .gacha-stage__floating-card{animation:gacha-slot-in .28s .18s ease-out both}#gacha-shop-modal.is-opening .gacha-stage__category-frame,#gacha-shop-modal.is-opening .gacha-stage__category-panel,#gacha-shop-modal.is-opening .gacha-stage__stamp-board,#gacha-shop-modal.is-opening .gacha-stage__stamps,#gacha-shop-modal.is-opening .gacha-stage__pity-copy,#gacha-shop-modal.is-opening .gacha-stage__pity-choice,#gacha-shop-modal.is-opening .gacha-stage__pity-number,#gacha-shop-modal.is-opening .gacha-stage__rate-copy,#gacha-shop-modal.is-opening .gacha-stage__categories{animation:gacha-board-in .28s .18s ease-out both}#gacha-shop-modal.is-opening .gacha-stage__ticket{animation:gacha-ticket-in .26s ease-out both}#gacha-shop-modal.is-opening .gacha-stage__ticket--single{animation-delay:.26s}#gacha-shop-modal.is-opening .gacha-stage__ticket--eleven{animation-delay:.33s}#gacha-shop-modal.is-opening .gacha-stage__ticket--fragment{animation-delay:.4s}#gacha-shop-modal.is-closing{pointer-events:none}#gacha-shop-modal.is-closing [data-backdrop]{animation:gacha-backdrop-out .18s ease-in both}@keyframes gacha-board-flip{0%{opacity:1;transform:scaleX(1)}46%{opacity:0;transform:scaleX(.06)}54%{opacity:0;transform:scaleX(.06)}to{opacity:1;transform:scaleX(1)}}@keyframes gacha-pity-complete{0%{filter:drop-shadow(0 0 0 rgba(255,196,48,0));transform:scale(1)}55%{filter:drop-shadow(0 0 18px rgba(255,196,48,1));transform:scale(1.025)}to{filter:drop-shadow(0 0 12px rgba(255,196,48,.92));transform:scale(1)}}@media(prefers-reduced-motion:reduce){#gacha-shop-modal.is-opening *,#gacha-shop-modal.is-closing *,.gacha-stage__floating-card,.gacha-stage__stamp.is-stamping,.gacha-stage__stamp-board.is-stamp-shaking,.gacha-stage__stamp-board.is-flipping,.gacha-stage__stamp-board.is-pity-complete,.gacha-rates-overlay,.gacha-rates-enter{animation:none!important}}.gacha-stage__pity-choice{position:absolute;z-index:12;left:1048px;top:625px;width:264px;min-width:0;height:52px;margin:0;padding:0;border:0;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gacha-stage__pity-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:4px 0;box-sizing:border-box;border:1px solid #81501f;border-radius:13px;background:#fff0b0;color:#553016;font-weight:900;cursor:pointer}.gacha-stage__pity-option span{font-size:15px;white-space:nowrap;line-height:1.1}.gacha-stage__pity-option small{font-size:12px;white-space:nowrap;line-height:1.1}.gacha-stage__pity-option input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gacha-stage__pity-option:has(input:checked){background:#f5c64e;border-width:2px}.gacha-stage__pity-option:has(input:focus-visible){outline:3px solid #81501f;outline-offset:2px}.gacha-stage__pity-option.is-uncommon span{color:#2563eb}.gacha-stage__pity-option.is-rare span{color:#9333ea}.gacha-stage__pity-option.is-epic span{color:#ea580c}.gacha-stage__pity-option.is-legendary span{color:#d97706}.gacha-stage__pity-choice[disabled] .gacha-stage__pity-option{cursor:progress;opacity:.7}.gacha-pity-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2650;display:flex;align-items:center;justify-content:center;background:#08061c8f}.gacha-pity-confirm{box-sizing:border-box;width:470px;max-width:calc(100% - 32px);padding:24px;border:3px solid #f3c45d;border-radius:24px;background:#261343;color:#fff5d2;box-shadow:0 16px 40px #00000085}.gacha-pity-confirm__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.gacha-pity-confirm__actions button{border:1px solid #e7bf58;border-radius:12px;background:#fff5d2;color:#553016;padding:8px 12px;font-weight:900;cursor:pointer}