@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#f3f5f8;--surface:#fff;--surface-subtle:#f8fafc;--ink:#162231;--ink-secondary:#3e4c5e;--muted:#687588;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#db724b;--accent-dark:#c25b35;--accent-soft:#fff3ed;--accent-border:#f3c4b1;--sidebar:#141f2d;--green:#2d7a5f;--green-soft:#eef8f3;--green-border:#bfe3d2;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px #0f172a0a, 0 1px 2px #0f172a05;--shadow-md:0 10px 30px -10px #0f172a12, 0 2px 6px #0f172a08;--shadow-lg:0 20px 45px -14px #0f172a1f, 0 4px 12px #0f172a0a}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 15% 0,#db724b0f 0,#0000 48%),radial-gradient(at 88% 12%,#397c650d 0,#0000 45%);background-attachment:fixed;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid var(--line);background:var(--surface);min-height:41px;color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--line-strong);background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}button:active:not(:disabled),.button:active{transform:translateY(0)}button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #db724b52}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em;color:var(--ink);font-family:Manrope,DM Sans,sans-serif}h1{font-size:32px;font-weight:800;line-height:1.22}h2{font-size:18px;font-weight:750;line-height:1.3}h3{font-size:16px;font-weight:700;line-height:1.35}label{color:var(--ink-secondary);margin-bottom:16px;font-size:13px;font-weight:650;display:block}input:not([type=checkbox]):not([type=range]),textarea,select{border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fbfcfe;outline:none;min-height:44px;margin-top:7px;padding:11px 14px;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s;display:block}input:not([type=checkbox]):not([type=range]):hover,textarea:hover,select:hover{border-color:#cbd5e1}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #db724b1f}input::placeholder,textarea::placeholder{color:#94a3b8;font-weight:400}textarea{resize:vertical;line-height:1.7}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:17px;height:17px}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;height:6px}fieldset{border:0;min-width:0;margin:0;padding:0}.primary{color:#fff;background:linear-gradient(135deg,#e47a53 0%,#cf6038 100%);border-color:#cf6038;box-shadow:0 8px 20px -6px #db724b80,inset 0 1px #ffffff38}.primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#d86d46 0%,#bd522b 100%);border-color:#bd522b;box-shadow:0 12px 24px -6px #db724b9e,inset 0 1px #ffffff40}.primary-soft{background:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent-border)}.primary-soft:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark);background:#ffe6d9}.ghost-btn{border-color:var(--line);color:var(--ink-secondary);box-shadow:none;background:0 0}.full{width:100%}.text-button{box-shadow:none;min-height:28px;color:var(--accent-dark);background:0 0;border:0;padding:4px 8px;font-size:13px;font-weight:600}.text-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-dark);box-shadow:none;transform:none}.chip-button{color:#475569;min-height:30px;box-shadow:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.chip-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-dark)}.chip-button.active{background:var(--ink);border-color:var(--ink);color:#fff}.chip-button.clear-chip{color:#be123c;background:#fff1f2;border-color:#fecdd3}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.subtle{color:var(--muted);font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#d8dfe6;z-index:50;flex-direction:column;width:266px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.app-body{flex-direction:column;width:calc(100% - 266px);min-height:100vh;margin-left:266px;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);height:68px;color:var(--muted);background:#ffffffd1;border-bottom:1px solid #e2e8f0d9;justify-content:space-between;align-items:center;gap:16px;padding:0 42px;font-size:13px;display:flex;position:sticky;top:0}.topbar-breadcrumb{align-items:center;gap:10px;min-width:0;display:flex}.topbar-studio-name{letter-spacing:.06em;color:#64748b;font-size:12px;font-weight:700}.slash{color:#cbd5e1}.topbar-current-page{color:var(--ink);font-size:13.5px;font-weight:700}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-quick-links{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:4px;display:flex}.topbar-pill{color:#64748b;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.topbar-pill:hover{color:var(--ink)}.topbar-pill.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0f172a14}.topbar-pill.active svg{color:var(--accent)}.private-label{background:var(--green-soft);border:1px solid var(--green-border);color:var(--green);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.private-label>span{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e33}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:34px 42px 52px}.page-header{border:1px solid var(--line);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff 0%,#fcfaf8 100%);border-radius:20px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.page-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#db724b17 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-40px}.page-header-main{z-index:1;max-width:740px;position:relative}.page-header p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.65}.page-header-actions{z-index:1;flex-shrink:0;position:relative}.studio-stat-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stat-pill{border:1px solid var(--line);color:var(--ink-secondary);background:#f8fafc;border-radius:12px;align-items:center;gap:9px;padding:10px 15px;font-size:13px;display:inline-flex}.stat-pill svg{color:var(--accent)}.stat-pill strong{color:var(--ink);font-weight:800}.workspace-grid{gap:24px;display:grid}.speech-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.panel-heading{background:linear-gradient(#fff 0%,#fafbfc 100%);border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.panel-title-group{align-items:center;gap:13px;display:flex}.panel-icon-badge{background:var(--accent-soft);border:1px solid var(--accent-border);width:40px;height:40px;color:var(--accent-dark);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.panel-icon-badge.sage{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.panel-heading h2{font-size:16.5px}.panel-heading p{color:var(--muted);margin-top:3px;font-size:12.5px}.heading-actions{align-items:center;gap:10px;display:flex}.tag{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:650}.tag.accent-tag{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-dark)}.editor-fields{padding:24px 24px 18px}.sample-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.sample-bar-label{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.sample-bar-label svg{color:var(--accent)}.sample-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.text-editor-label{margin-bottom:0}.text-editor-label>span{display:none}.speech-text{resize:vertical;min-height:280px;border:1.5px solid var(--line)!important;background:#fbfcfe!important;border-radius:12px!important;padding:16px 18px!important;font-size:15.5px!important;line-height:1.85!important}.speech-text:focus{border-color:var(--accent)!important;background:#fff!important}.char-progress-track{background:#edf2f7;border-radius:999px;width:100%;height:5px;margin-top:12px;overflow:hidden}.char-progress-fill{background:linear-gradient(90deg, var(--accent), #f0a259);border-radius:999px;height:100%;transition:width .2s;display:block}.char-progress-fill.danger{background:#e11d48}.editor-foot{color:var(--muted);justify-content:space-between;align-items:center;padding-top:12px;font-size:12.5px;display:flex}.editor-foot>span{align-items:center;gap:6px;display:inline-flex}.editor-foot strong{color:var(--ink)}.editor-bottom{border-top:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.editor-bottom>span{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.editor-bottom>span svg{color:var(--accent)}.voice-options{gap:10px;padding:20px 20px 12px;display:grid}.voice-option{text-align:left;box-shadow:none;background:#fff;border:1.5px solid #e6ebf2;border-radius:12px;justify-content:flex-start;gap:12px;padding:12px 14px;display:flex}.voice-option:hover:not(:disabled){background:#fafbfc;border-color:#cbd5e1}.voice-option.selected{border-color:var(--accent);background:linear-gradient(135deg,#fff8f4 0%,#fff 100%);box-shadow:0 6px 16px -8px #db724b59}.voice-option>span:nth-child(2){flex:1;min-width:0}.voice-option strong{color:var(--ink);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.voice-accent-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.voice-option.selected .voice-accent-tag{color:var(--accent-dark);background:#ffe8dc;border-color:#f3c4b1}.voice-option small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:450;display:block}.voice-avatar{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:17px;font-weight:700;display:grid}.tone-0{color:#b85835;background:#fbeae2}.tone-1{color:#2d7a5f;background:#e3f2ed}.tone-2{color:#6d28d9;background:#ede9fe}.tone-3{color:#0369a1;background:#e0f2fe}.radio-circle{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:all .16s}.selected .radio-circle{border:5px solid var(--accent)}.speed-control{padding:14px 20px 18px}.speed-control label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.speed-badge{background:var(--accent-soft);color:var(--accent-dark);border:1px solid var(--accent-border);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.speed-presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.speed-preset-btn{min-height:30px;color:var(--muted);box-shadow:none;background:#f8fafc;border-radius:8px;padding:4px 8px;font-size:11.5px;font-weight:600}.speed-preset-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.generate-area{border-top:1px solid var(--line);background:#f8fafc;padding:18px 20px 22px}.generate-area p{color:var(--muted);text-align:center;margin-top:11px;font-size:12px;line-height:1.6}.audio-result{border:1.5px solid var(--green-border);border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#f3fbf7 0%,#fff 100%);flex-wrap:wrap;align-items:center;gap:20px;margin-top:22px;padding:22px 26px;display:flex}.result-icon{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 18px -6px #2d7a5f80}.audio-result-meta .eyebrow{background:var(--green-soft);border-color:var(--green-border);color:var(--green);margin-bottom:6px}.audio-result p{color:var(--muted);margin-top:3px;font-size:12.5px}.audio-result audio{flex:1;min-width:240px;height:42px}.history-section{margin-top:36px}.section-title{justify-content:space-between;align-items:center;gap:16px;margin:30px 0 16px;display:flex}.section-title h2{align-items:center;gap:10px;font-size:19px;display:inline-flex}.section-title h2>span,.saved-exams h2>span{color:#475569;letter-spacing:0;background:#e2e8f0;border-radius:999px;padding:2px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.empty{text-align:center;border-radius:var(--radius);color:var(--ink-secondary);background:#ffffffb3;border:1.5px dashed #cbd5e1;padding:44px 28px}.empty-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-dark);border-radius:14px;place-items:center;margin-bottom:12px;display:inline-grid}.empty strong{color:var(--ink);font-size:15px;font-weight:700;display:block}.empty p{color:var(--muted);margin-top:6px;max-width:460px;margin-inline:auto;font-size:13px}.record-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.record-row{border-bottom:1px solid #eef2f6;align-items:center;gap:16px;padding:16px 22px;transition:background .15s;display:flex}.record-row:hover{background:#f8fafc}.record-row.active-record{background:#fff9f5}.record-row:last-child{border-bottom:0}.record-info{flex:1;min-width:0}.record-info strong{color:var(--ink);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.playing-pill{background:var(--accent-soft);color:var(--accent-dark);border:1px solid var(--accent-border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.record-info small{color:var(--muted);margin-top:4px;font-size:12.5px;display:block}.record-actions{align-items:center;gap:8px;display:flex}.inline-password-box{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.inline-password-box input{max-width:240px;min-height:36px!important;margin:0!important;padding:6px 10px!important;font-size:13px!important}.login-admin-note{text-align:center;color:#7b8696;margin-top:14px;font-size:11.5px;line-height:1.5}.record-row button{min-height:36px;padding:7px 13px;font-size:12.5px}.file-icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:44px;display:grid}.file-icon.audio{background:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent-border)}.file-icon.excel,.file-icon.ext-icon-xlsx,.file-icon.ext-icon-csv{background:var(--green-soft);color:var(--green);border-color:var(--green-border)}.file-icon.ext-icon-pdf{color:#e11d48;background:#fff1f2;border-color:#ffe4e6}.file-icon.ext-icon-jpg,.file-icon.ext-icon-jpeg,.file-icon.ext-icon-png{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.ext-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:750}.ext-badge.ext-pdf{color:#be123c;background:#fff1f2;border-color:#fecdd3}.ext-badge.ext-docx{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.ext-badge.ext-xlsx,.ext-badge.ext-csv{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.ext-badge.ext-jpg,.ext-badge.ext-jpeg,.ext-badge.ext-png{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.status-dot{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.notice{box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;margin:18px 0;padding:14px 18px;font-size:13.5px;font-weight:500;line-height:1.55;display:flex}.notice-icon{flex-shrink:0;display:inline-flex}.notice.error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.notice.success{background:var(--green-soft);color:#14532d;border:1px solid var(--green-border)}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-panel,.loading-inline{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:36px;font-size:13.5px;display:flex}.app-footer{color:var(--muted);border-top:1px solid var(--line);background:#ffffffa6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 42px;font-size:12.5px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand strong{letter-spacing:.05em;color:var(--ink);font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.steps{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;margin-bottom:26px;padding:16px 22px;display:flex}.steps>span{color:var(--muted);align-items:center;gap:12px;display:flex}.step-meta{flex-direction:column;display:flex}.step-meta strong{color:var(--ink-secondary);font-size:13.5px;font-weight:700;line-height:1.2}.step-meta small{color:var(--muted);margin-top:2px;font-size:11.5px}.steps b{border:1.5px solid var(--line-strong);width:34px;height:34px;color:var(--muted);background:#f8fafc;border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;transition:all .2s;display:grid}.steps .active .step-meta strong{color:var(--ink)}.steps .active b{color:#fff;background:linear-gradient(135deg,#e47a53 0%,#cf6038 100%);border-color:#cf6038;box-shadow:0 4px 12px #db724b59}.steps i{background:var(--line);border-radius:99px;flex:1;max-width:80px;height:2px}.steps i.filled{background:var(--accent)}.exam-setup{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);align-items:start;gap:24px;display:grid}.panel-body{padding:24px}.count-label{color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.upload-zone{width:100%;min-height:200px;color:var(--muted);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#f8fafc 100%);border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 24px;display:flex}.upload-zone:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(#fffaf7 0%,#fff 100%)}.upload-icon-ring{background:var(--accent-soft);border:1px solid var(--accent-border);width:54px;height:54px;color:var(--accent-dark);border-radius:16px;place-items:center;margin-bottom:4px;transition:transform .2s;display:grid}.upload-zone:hover .upload-icon-ring{transform:scale(1.06)translateY(-2px)}.upload-zone strong{color:var(--ink);font-size:15px;font-weight:700}.upload-zone>span{color:var(--muted);font-size:12.5px;font-weight:450}.upload-format-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:6px;display:inline-flex}.upload-format-pills b{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:700}.upload-zone.compact{min-height:145px;padding:20px 16px}.upload-zone.compact .upload-icon-ring{border-radius:12px;width:42px;height:42px}.upload-zone.compact strong{font-size:13.5px}.upload-zone.compact>span{text-align:center;font-size:11.5px}.upload-zone.drag{background:var(--accent-soft);border-color:var(--accent);transform:scale(1.01)}.material-options{gap:8px;max-height:360px;margin-top:18px;display:grid;overflow:auto}.material-option{cursor:pointer;background:#fff;border:1.5px solid #e6ebf2;border-radius:12px;align-items:center;gap:12px;margin:0;padding:12px 14px;font-weight:400;transition:all .16s;display:flex}.material-option:hover{background:#f8fafc;border-color:#cbd5e1}.material-option.checked{border-color:var(--accent);background:#fff9f5}.material-option span{flex:1;min-width:0}.material-option strong{color:var(--ink);overflow-wrap:anywhere;font-size:13.5px;font-weight:650;display:block}.material-option small{color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.selection-check{opacity:0;transition:opacity .15s}.checked .selection-check{opacity:1;color:var(--accent-dark)}.selection-capacity{border-top:1px solid #eef2f6;margin-top:18px;padding-top:14px}.selection-summary{color:var(--muted);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.selection-summary strong{color:var(--ink);font-weight:700}.selection-summary strong.over-limit{color:#e11d48}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.segmented{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-top:-6px;margin-bottom:18px;padding:4px;display:flex}.segmented button{box-shadow:none;min-height:34px;color:var(--muted);background:0 0;border:0;flex:1;padding:6px;font-size:13px;font-weight:650}.segmented .selected{color:var(--ink);background:#fff;box-shadow:0 2px 6px #0f172a14}.optional{float:right;color:var(--muted);font-size:11px;font-weight:500}.method-note{color:var(--ink-secondary);border:1px solid var(--line);background:#f8fafc;border-radius:10px;margin:-2px 0 18px;padding:12px 14px;font-size:12.5px;line-height:1.65}.info-line{color:var(--ink-secondary);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:10px;margin:16px 0 28px;padding:12px 16px;font-size:13px;display:flex}.info-line svg{color:var(--accent);flex-shrink:0}.materials-toolbar{flex-wrap:wrap}.materials-toolbar-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search{width:280px;max-width:100%;margin:0;position:relative}.search svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search input{background:#fff!important;min-height:40px!important;margin:0!important;padding-left:38px!important;font-size:13.5px!important}.transfer-panel{margin:28px 0}.transfer-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;padding:26px;display:grid}.step-number{color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;margin-bottom:10px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-block}.transfer-grid h3{font-size:15px}.transfer-grid p{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.65}.import-area{border-top:1px solid var(--line);background:#f8fafc;padding:24px}.import-area textarea{margin-bottom:15px;font-family:Consolas,Courier New,monospace;font-size:12.5px}.output-placeholder{border-radius:var(--radius);color:var(--muted);background:#ffffffb3;border:1.5px dashed #cbd5e1;justify-content:center;align-items:center;gap:18px;margin-top:28px;padding:46px 30px;display:flex}.placeholder-icon-box{background:var(--accent-soft);border:1px solid var(--accent-border);width:54px;height:54px;color:var(--accent-dark);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.output-placeholder h3{color:var(--ink);font-size:16px;font-weight:700}.output-placeholder p{margin-top:4px;font-size:13px}.export-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:24px;padding:16px 22px;display:flex}.export-toolbar .primary{margin-left:auto}.check-label{color:var(--ink-secondary);cursor:pointer;align-items:center;gap:9px;margin:0;font-size:13.5px;font-weight:600;display:inline-flex}.exam-paper{max-width:880px;box-shadow:var(--shadow-lg);background:#fff;border:1px solid #dbe2ea;border-radius:18px;margin:0 auto;padding:52px 58px}.paper-label{letter-spacing:.14em;color:var(--muted);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:26px;padding-bottom:14px;font-size:11px;font-weight:700;display:flex}.exam-paper>h2{text-align:center;margin-bottom:22px;font-size:26px}.student-line{color:var(--ink-secondary);border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:20px;padding:12px 16px;font-size:12.5px;font-weight:600;display:flex}.exam-instructions{color:var(--ink-secondary);white-space:pre-wrap;margin:18px 0 26px;font-size:14px;line-height:1.75}.question{break-inside:avoid;border-bottom:1px solid #eef2f6;margin:26px 0;padding-bottom:24px}.question-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.question-index{letter-spacing:.06em;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:800}.question-type{color:var(--muted);background:#f1f5f9;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600}.question-top button{margin-left:auto}.question h3{letter-spacing:0;color:var(--ink);white-space:pre-wrap;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;line-height:1.75}.question-options{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px;display:grid}.question-options>div{color:var(--ink-secondary);white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 13px;font-size:13.5px;display:flex}.question-options>div>span{width:24px;height:24px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.question-options .correct{background:var(--green-soft);border-color:var(--green-border);color:#14532d;font-weight:600}.question-options .correct>span{background:var(--green);border-color:var(--green);color:#fff}.correct>svg{color:var(--green);margin-left:auto}.answer-explanation{border:1px solid var(--green-border);border-left:4px solid var(--green);color:#1e3a2f;background:#f8faf9;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13px}.answer-explanation strong{font-weight:700}.answer-explanation p{margin-top:6px;line-height:1.65}.answer-explanation small{color:var(--muted);overflow-wrap:anywhere;align-items:flex-start;gap:6px;margin-top:10px;font-size:11.5px;display:flex}.answer-explanation svg{flex-shrink:0;margin-top:2px}.answer-lines i{border-bottom:1.5px dashed #cbd5e1;height:34px;display:block}.paper-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;margin-top:36px;padding-top:16px;font-size:11.5px;font-weight:600;display:flex}.option-edit{align-items:center;gap:10px;margin-bottom:8px;display:flex}.option-edit input{margin:0!important}.icon-button{width:34px;min-height:34px;padding:6px}.danger{color:#e11d48;box-shadow:none;border-color:#0000}.danger:hover:not(:disabled){color:#be123c;background:#fff1f2;border-color:#fecdd3}.warning-text{color:#b45309!important}.saved-exams{margin-top:34px}.saved-exams summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;list-style:none;display:flex}.saved-exams summary h2{font-size:19px}.provider-brand{align-items:center;gap:14px;display:flex}.provider-logo{border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.provider-logo.gemini{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.connection-state{color:var(--muted);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.connection-state.ready{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.connection-description{color:var(--ink-secondary);max-width:820px;margin-bottom:22px;font-size:14px;line-height:1.75}.security-note{border:1px solid var(--green-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f3fbf7 0%,#fff 100%);align-items:flex-start;gap:16px;margin:24px 0;padding:20px 24px;display:flex}.security-icon-box{background:var(--green-soft);width:42px;height:42px;color:var(--green);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.security-note strong{color:var(--ink);font-size:14.5px;font-weight:700}.security-note p{color:var(--ink-secondary);max-width:900px;margin-top:4px;font-size:13px;line-height:1.7}.simple-panel{padding:28px}.bento-header{margin-bottom:20px}.settings-bento-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.bento-card{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:20px 22px;transition:transform .18s,border-color .18s}.bento-card:hover{border-color:var(--accent-border);background:#fff;transform:translateY(-2px)}.bento-num{color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;margin-bottom:10px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.bento-card h3{margin-bottom:6px;font-size:15px}.bento-card p{color:var(--muted);font-size:13px;line-height:1.6}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:900px;max-width:100%;max-height:86vh;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.source-preview{white-space:pre-wrap;color:var(--ink-secondary);background:#fbfcfe;margin:0;padding:26px;font-family:DM Sans,sans-serif;font-size:13.5px;line-height:1.8;overflow:auto}.standalone,.standalone-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.standalone-card{width:100%;max-width:480px;padding:36px}.standalone-brand{margin-bottom:20px}.standalone-brand .secil-brand-title{color:var(--ink)}.standalone-desc{color:var(--muted);margin:8px 0 24px;font-size:13.5px;line-height:1.65}.loading-state{text-align:center;color:var(--muted);padding:90px 24px;font-size:14px;font-weight:500}.loading-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;margin-right:10px;display:inline-block}.mobile-menu,.mobile-close,.scrim{display:none}.muted-icon{color:#94a3b8}@media (max-width:1200px){.main-content{padding:28px 26px 40px}.topbar{padding:0 26px}.topbar-quick-links{display:none}.speech-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.exam-setup{grid-template-columns:1fr 1fr;gap:18px}}@media (max-width:1000px){h1{font-size:26px}.page-header{flex-direction:column;align-items:flex-start;padding:24px}.speech-grid,.exam-setup,.settings-bento-grid,.transfer-grid{grid-template-columns:1fr}.exam-paper{padding:36px 28px}}@media (max-width:760px){.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-body{width:100%;margin-left:0}.mobile-menu{z-index:40;background:#fff;min-height:38px;padding:8px;display:inline-flex;position:fixed;top:14px;left:14px}.mobile-close{color:#94a3b8;box-shadow:none;background:0 0;border:0;padding:6px;display:flex}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#0f172a8c;border:0;display:block;position:fixed;inset:0}.topbar{height:64px;padding:0 18px 0 64px}.private-label{display:none}.main-content{padding:22px 16px 36px}.steps{flex-direction:column;align-items:flex-start;gap:12px}.steps i{display:none}.question-options{grid-template-columns:1fr}.export-toolbar .primary{width:100%;margin:0}.app-footer{padding:18px 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation-duration:2s}}.login-single{background:radial-gradient(circle at var(--mx,50%) var(--my,35%), #1f3044 0%, #141f2d 52%, #0d1520 100%);color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px 16px 32px;display:flex;position:relative;overflow-x:hidden}.login-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-grid{background-image:linear-gradient(90deg,#ffffff07 1px,#0000 1px),linear-gradient(#ffffff07 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 35%,#0000 80%);mask-image:radial-gradient(at 50% 45%,#000 35%,#0000 80%)}.orb{filter:blur(75px);opacity:.42;border-radius:50%;transition:background .5s,transform .5s;animation:10s ease-in-out infinite alternate orbFloat;position:absolute}.orb-1{background:#db724b;width:360px;height:360px;top:-90px;left:calc(50% - 340px)}.orb-2{background:#397c65;width:340px;height:340px;animation-delay:-4s;bottom:-80px;right:calc(50% - 340px)}.orb-3{opacity:.2;background:#e4b363;width:260px;height:260px;animation-delay:-7s;top:28%;left:50%;transform:translate(-50%)}.mood-bg-password .orb-1{opacity:.35;background:#6b4bdb}.mood-bg-peek .orb-1{opacity:.45;background:#e2a441}.mood-bg-error .orb-1{opacity:.5;background:#d94343}.mood-bg-success .orb-1{opacity:.5;background:#399c6c}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(22px,-18px)scale(1.08)}}.login-topbar{z-index:5;margin-bottom:10px;position:relative}.login-topbar .brand{font-size:25px}.login-topbar .brand-mark{border-radius:10px 10px 10px 3px;width:36px;height:36px;font-size:31px}.login-topbar .brand-caption{margin-top:5px;font-size:7.5px}.login-stage-wrap{z-index:4;flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex;position:relative}.mascot-stage{flex-direction:column;align-items:center;width:100%;display:flex}.mascot-speech{text-align:center;color:#f6efe9;background:#1e2d3fe6;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:95%;margin-bottom:10px;padding:7px 16px;font-size:12px;font-weight:550;animation:.28s cubic-bezier(.22,1,.36,1) speechPop;display:inline-flex;box-shadow:0 10px 26px #00000040}@keyframes speechPop{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mascot-scene{z-index:2;pointer-events:none;width:360px;max-width:100%;height:182px;margin-bottom:-18px;position:relative}.typing-bounce .mascot-scene{transition:transform 90ms;transform:translateY(-2px)}.char{transform-origin:bottom;transition:transform .26s cubic-bezier(.22,1,.36,1),filter .25s;position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 3px 8px #ffffff38,inset 0 -10px 18px #00000028,0 10px 24px #060d1570}.char-tall{z-index:2;background:linear-gradient(170deg,#ea845d 0%,#cf5f38 100%);border-radius:34px 34px 12px 12px;width:88px;height:176px;left:44px}.char-antenna{background:#ffffff45;border-radius:99px;width:24px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.char-dark{z-index:3;background:linear-gradient(175deg,#2d3e53 0%,#1c2938 100%);border:1px solid #fff2;border-radius:22px 22px 12px 12px;width:92px;height:156px;left:132px}.char-brows{justify-content:center;gap:13px;margin-bottom:4px;display:flex}.char-brows span{background:#9fb2c9;border-radius:4px;width:13px;height:3px;transition:transform .25s}.mood-error .char-brows span:first-child{transform:rotate(15deg)}.mood-error .char-brows span:last-child{transform:rotate(-15deg)}.char-dome{z-index:4;background:linear-gradient(165deg,#f7cb79 0%,#e2a441 100%);border-radius:54px 54px 16px 16px;width:108px;height:112px;left:10px}.char-blush{background:#d96b4355;border-radius:50%;width:11px;height:5.5px;position:absolute;top:26px}.blush-l{left:12px}.blush-r{right:12px}.char-sage{z-index:4;background:linear-gradient(165deg,#54a388 0%,#347760 100%);border-radius:52px 52px 16px 16px;width:104px;height:128px;left:214px}.char-face{flex-direction:column;align-items:center;margin-top:28px;transition:transform .12s ease-out;display:flex;position:relative}.char-dome .char-face{margin-top:30px}.char-sage .char-face{margin-top:28px}.char-eyes{align-items:center;gap:10px;display:flex}.char-eye{background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000024,0 2px 5px #0000001f}.char-pupil{background:#141e2b;border-radius:50%;width:9.5px;height:9.5px;transition:transform 80ms ease-out;display:block;position:relative}.char-pupil:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:2px;left:2px}.char-eyelid{transform-origin:top;background:#1b2838;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleY(0)}.char-tall .char-eyelid{background:#b54d29}.char-dome .char-eyelid{background:#c58829}.char-sage .char-eyelid{background:#28614d}.char-eye.blink .char-eyelid,.mood-password .char-eye .char-eyelid,.mood-peek .char-eye:first-child .char-eyelid{transform:scaleY(1)}.mood-peek .char-eye.peek-eye .char-eyelid{transform:scaleY(.32)}.char-mouth{border-bottom:3px solid #162230;border-radius:0 0 16px 16px;width:16px;height:7px;margin-top:9px;transition:all .22s cubic-bezier(.22,1,.36,1)}.char-dark .char-mouth{border-color:#dce6f2}.char-mouth.mood-email{background:#162230;border:0;border-radius:4px 4px 14px 14px;width:20px;height:10px}.char-dark .char-mouth.mood-email{background:#dce6f2}.char-mouth.mood-password{background:0 0;border:2.5px solid #162230;border-radius:50%;width:9px;height:9px}.char-dark .char-mouth.mood-password{border-color:#dce6f2}.char-mouth.mood-peek{background:#162230;border:0;border-radius:99px;width:14px;height:4px;transform:rotate(-8deg)}.char-dark .char-mouth.mood-peek{background:#dce6f2}.char-mouth.mood-error{border-top:3px solid #162230;border-bottom:0;border-radius:16px 16px 0 0;width:15px;height:8px;margin-top:12px}.char-dark .char-mouth.mood-error{border-color:#dce6f2}.char-mouth.mood-success{background:#162230;border:0;border-radius:3px 3px 16px 16px;width:22px;height:12px}.char-hands{pointer-events:none;position:absolute;inset:0}.char-hands .hand{background:inherit;opacity:0;border-radius:14px;width:26px;height:34px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:28px;transform:translateY(130px)scale(.75);box-shadow:0 -3px 8px #0003,inset 0 2px 4px #fff4}.char-tall .hand{background:#be512c}.char-dark .hand{background:#253548;border:1px solid #fff2}.char-dome .hand{background:#d4922a}.char-sage .hand{background:#2c6853}.char-hands .hand-l{transform-origin:0 100%;left:calc(50% - 28px)}.char-hands .hand-r{transform-origin:100% 100%;right:calc(50% - 28px)}.mood-password .char-hands .hand-l{opacity:1;transform:translateY(0)rotate(14deg)scale(1)}.mood-password .char-hands .hand-r{opacity:1;transform:translateY(0)rotate(-14deg)scale(1)}.mood-peek .char-hands .hand-l{opacity:1;transform:translateY(0)rotate(14deg)scale(1)}.mood-peek .char-hands .hand-r{opacity:.92;transform:translateY(22px)rotate(-26deg)scale(.95)}.login-unified-card{z-index:5;width:100%;color:var(--ink);background:#fff;border:2px solid #ffffff30;border-radius:24px;padding:30px 30px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 28px 70px -12px #050b1299,0 0 0 1px #ffffff1f}.login-unified-card.mood-card-email{border-color:#db724b88;box-shadow:0 28px 70px -12px #050b1299,0 0 32px -6px #db724b44}.login-unified-card.mood-card-password{border-color:#6b4bdb77;box-shadow:0 28px 70px -12px #050b1299,0 0 32px -6px #6b4bdb44}.login-unified-card.mood-card-peek{border-color:#e2a44199;box-shadow:0 28px 70px -12px #050b1299,0 0 32px -6px #e2a44155}.login-unified-card.card-success{border-color:#54a388;box-shadow:0 28px 70px -12px #050b1299,0 0 35px -4px #54a38866}.login-unified-card.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) errorShake}@keyframes errorShake{10%,90%{transform:translate(-4px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.card-paws{pointer-events:none;height:16px;position:absolute;top:-11px;left:0;right:0}.paw{border-radius:12px 12px 7px 7px;width:24px;height:15px;transition:transform .25s,opacity .25s;position:absolute;box-shadow:0 3px 6px #00000029,inset 0 2px 3px #fff5}.paw-1{background:#e2a441;left:48px}.paw-2{background:#cf5f38;left:108px}.paw-3{background:#2d3e53;right:138px}.paw-4{background:#347760;right:64px}.mood-password .paw,.mood-peek .paw{opacity:0;transform:translateY(-10px)scale(.5)}.unified-card-head{text-align:center;margin-bottom:22px}.unified-card-head h1{letter-spacing:-.035em;color:#172331;font-size:24px;font-weight:800}.unified-card-head p{color:#7b8492;margin-top:4px;font-size:12.5px}.unified-field{margin-bottom:16px}.label-row{color:#3c4757;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.field-live-tag{color:var(--accent);background:#fff2eb;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;animation:.2s speechPop}.field-live-tag.shield{color:#5b46b8;background:#f1eeff}.field-live-tag.peek{color:#b87814;background:#fff6e3}.unified-input-wrap{border-radius:12px;margin-top:7px;position:relative;overflow:hidden}.input-lead-icon{color:#94a0b0;pointer-events:none;transition:color .18s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.unified-field.is-focused .input-lead-icon{color:var(--accent)}.unified-input-wrap input{height:47px;font-size:14px;background:#f8fafc!important;border:1.5px solid #dde3ec!important;border-radius:12px!important;margin-top:0!important;padding:11px 42px 11px 40px!important;transition:all .18s!important}.unified-input-wrap input:focus{border-color:var(--accent)!important;background:#fff!important;box-shadow:0 0 0 4px #db724b1c!important}.input-beam{pointer-events:none;background:linear-gradient(90deg,#db724b,#f7cb79);border-radius:99px;height:2.5px;transition:width .18s;position:absolute;bottom:0;left:0}.input-beam.beam-pass{background:linear-gradient(90deg,#6b4bdb,#54a388)}.password-toggle{color:#7b8696;background:0 0;border:0;border-radius:9px;width:34px;height:34px;min-height:34px;padding:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle.active{color:var(--accent);background:#f1f4f8}.login-submit{border-radius:12px;height:48px;font-size:14.5px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 10px 22px -6px #db724b73;margin-top:6px!important}.login-submit:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 14px 28px -6px #db724b90}.btn-arrow{transition:transform .2s;display:inline-flex}.login-submit:hover .btn-arrow{transform:translate(4px)}@media (max-width:480px){.login-single{justify-content:center;padding:12px 12px 20px}.login-topbar{margin-bottom:6px}.mascot-speech{margin-bottom:4px;padding:6px 13px;font-size:11px}.mascot-scene{width:320px;height:150px;margin-bottom:-15px}.char-tall{width:76px;height:146px;left:34px}.char-dark{width:80px;height:130px;left:112px}.char-dome{width:94px;height:94px;left:6px}.char-sage{width:90px;height:108px;left:186px}.char-face{margin-top:22px}.char-dome .char-face{margin-top:24px}.char-sage .char-face{margin-top:22px}.char-eye{width:19px;height:19px}.char-pupil{width:8px;height:8px}.char-hands .hand{width:22px;height:28px;top:22px}.login-unified-card{border-radius:20px;padding:24px 20px 22px}.unified-card-head{margin-bottom:16px}.unified-card-head h1{font-size:21px}.unified-input-wrap input{height:45px;font-size:16px}.paw-1{left:34px}.paw-2{left:86px}.paw-3{right:112px}.paw-4{right:48px}}@media (max-height:700px){.login-topbar{margin-bottom:4px}.mascot-scene{transform-origin:bottom;height:140px;transform:scale(.86)}.login-unified-card{padding:20px 22px}}.gemini-oauth-hero{margin-bottom:24px}.connected-account-box{background:#f4fbf7;border:1px solid #cce9d8;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.connected-account-info{align-items:center;gap:14px;display:flex}.connected-avatar{color:#fff;background:#1d7c4d;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.connected-account-info strong{color:#14202d;margin-bottom:3px;font-size:15px;display:block}.connected-account-info p{color:#496557;margin:0;font-size:13px}.connected-account-info p span{color:#1d7c4d;font-weight:600}.oauth-manual-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.oauth-manual-form code{background:#f1ede6;border-radius:5px;padding:2px 6px;font-size:12px}.gemini-inline-status{margin:4px 0 14px}.gemini-connected-pill{color:#1c5e3f;background:#eef9f3;border:1px solid #c6e7d4;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:12.5px;line-height:1.45;display:flex}.gemini-connected-pill svg{color:#1d7c4d;flex-shrink:0}.gemini-connect-prompt{background:#fcf6f2;border:1px solid #edd6c8;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.gemini-connect-prompt p{color:#5c4538;margin:0;font-size:12.5px;line-height:1.5}.brand-link,.brand-link-wrap{color:#fff;text-decoration:none;display:inline-flex}.secil-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex}.secil-logo-badge{background:#141e2c;border:1.5px solid #ffc6a559;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #080f1980,inset 0 1px 1px #ffffff40}.secil-logo-glow{opacity:.75;filter:blur(6px);pointer-events:none;background:radial-gradient(circle,#db724b77 0%,#0000 70%);border-radius:20px;transition:opacity .35s,transform .35s;position:absolute;inset:-4px}.secil-logo-img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:scale(1.06)}.brand-link:hover .secil-logo-badge,.brand-link-wrap:hover .secil-logo-badge{border-color:#ffc6a5a6;transform:translateY(-2px)rotate(-2deg)scale(1.05);box-shadow:0 10px 24px #db724b59}.brand-link:hover .secil-logo-img,.brand-link-wrap:hover .secil-logo-img{transform:scale(1.1)}.brand-link:hover .secil-logo-glow,.brand-link-wrap:hover .secil-logo-glow{opacity:1;transform:scale(1.14)}.secil-brand-text{flex-direction:column;min-width:0;display:flex}.secil-brand-title{letter-spacing:-.03em;color:#fff;white-space:nowrap;font-family:Manrope,DM Sans,sans-serif;font-size:18px;font-weight:800;line-height:1.15}.secil-brand-title em{background:linear-gradient(120deg,#ffbfa3 0%,#f59a73 45%,#ffd994 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.secil-brand.size-login .secil-logo-badge{border-radius:17px;width:58px;height:58px}.secil-brand.size-login .secil-brand-title{font-size:21px}.modern-sidebar{background:linear-gradient(168deg,#162231 0%,#101925 55%,#0c131d 100%);border-right:1px solid #ffffff12;flex-direction:column;gap:16px;width:266px;padding:24px 16px 18px;display:flex;overflow:hidden;box-shadow:10px 0 36px -12px #050b128c}.app-body{width:calc(100% - 266px);margin-left:266px}.sidebar-ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sidebar-orb{filter:blur(55px);opacity:.22;border-radius:50%;animation:9s ease-in-out infinite alternate sidebarOrbFloat;position:absolute}.sidebar-orb-1{background:#db724b;width:190px;height:190px;top:-50px;left:-40px}.sidebar-orb-2{background:#397c65;width:180px;height:180px;animation-delay:-4.5s;bottom:40px;right:-60px}@keyframes sidebarOrbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(14px,18px)scale(1.1)}}.sidebar-header{z-index:2;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 6px 14px;display:flex;position:relative}.sidebar-scroll{z-index:2;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:1;min-height:0;padding-right:2px;position:relative;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}.nav-section{flex-direction:column;display:flex}.modern-sidebar .nav-label{letter-spacing:.15em;color:#7d8fa4;align-items:center;gap:6px;margin:10px;font-size:9.5px;font-weight:700;display:inline-flex}.modern-sidebar .nav-label svg{color:#e69473}.modern-nav{flex-direction:column;gap:6px;display:flex}.modern-nav-card{color:#b7c4d4;background:#ffffff04;border:1px solid #0000;border-radius:13px;align-items:center;gap:12px;margin:0;padding:11px 12px;text-decoration:none;transition:transform .24s cubic-bezier(.22,1,.36,1),background .24s,border-color .24s,color .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden}.modern-nav-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#db724b24,#fff0);transition:opacity .24s;position:absolute;inset:0}.modern-nav-card:hover{color:#fff;background:#ffffff0e;border-color:#ffffff17;transform:translate(4px)}.modern-nav-card:hover:before{opacity:.6}.modern-nav-card.active{color:#fff;background:linear-gradient(135deg,#db724b38 0%,#28384ac7 100%);border-color:#eb8e6a59;box-shadow:0 10px 24px -10px #070d15b3,inset 0 1px #ffffff1f}.nav-icon-box{z-index:1;color:#96a7bc;background:#ffffff0e;border:1px solid #ffffff12;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:transform .28s cubic-bezier(.22,1,.36,1),background .24s,color .24s,border-color .24s;display:grid;position:relative}.modern-nav-card:hover .nav-icon-box{color:#f3a688;background:#db724b26;border-color:#db724b4d;transform:scale(1.06)rotate(-4deg)}.modern-nav-card.active .nav-icon-box{color:#fff;background:linear-gradient(145deg,#e57d56 0%,#c65c35 100%);border-color:#ffffff40;box-shadow:0 6px 14px -4px #db724ba6}.nav-text-col{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.nav-title-row{align-items:center;gap:6px;display:flex}.nav-text-col strong{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;line-height:1.25;overflow:hidden}.nav-mini-badge{letter-spacing:.06em;color:#d6e0ec;background:#ffffff17;border:1px solid #ffffff1a;border-radius:99px;padding:1.5px 6px;font-size:9px;font-style:normal;font-weight:700}.modern-nav-card.active .nav-mini-badge{color:#fff;background:#ffffff2e}.nav-text-col small{color:#7c8ea3;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;transition:color .2s;overflow:hidden}.modern-nav-card.active .nav-text-col small{color:#d2deeb}.nav-chevron{z-index:1;color:#67788d;opacity:0;flex-shrink:0;transition:opacity .22s,transform .22s,color .22s;position:relative;transform:translate(-4px)}.modern-nav-card:hover .nav-chevron,.modern-nav-card.active .nav-chevron{opacity:1;color:#f0a487;transform:translate(0)}.nav-active-bar{background:linear-gradient(#ffad89 0%,#db724b 100%);border-radius:0 4px 4px 0;width:3.5px;animation:2.2s ease-in-out infinite alternate navBarPulse;position:absolute;top:22%;bottom:22%;left:0;box-shadow:0 0 10px #db724bcc}@keyframes navBarPulse{0%{opacity:.85}to{opacity:1;box-shadow:0 0 14px #ffad89}}.modern-sidebar .sidebar-bottom{z-index:2;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:12px;margin-top:auto;padding-top:12px;display:flex;position:relative}.settings-card{padding:9px 11px}.modern-account{background:#ffffff0a;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:10px;margin-top:0;padding:10px 11px;transition:background .2s,border-color .2s;display:flex}.modern-account:hover{background:#fff1;border-color:#ffffff1f}.modern-account .avatar{color:#fff;background:linear-gradient(145deg,#354960 0%,#223244 100%);border:1px solid #ffffff24;border-radius:10px;flex-shrink:0;width:34px;height:34px;font-size:13px;font-weight:700;position:relative}.avatar-online{background:#48b88a;border:2px solid #121c29;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.account-meta{flex:1;min-width:0}.modern-account .account-meta strong{color:#e4ebf3;font-size:11px;font-weight:650}.modern-account .account-meta small{color:#8798ad;max-width:145px;font-size:10px}.logout-btn{flex-shrink:0;width:32px;height:32px;min-height:32px;padding:0;color:#97a8bc!important;background:#ffffff0a!important;border:1px solid #0000!important;border-radius:9px!important;transition:all .2s!important}.logout-btn:hover{transform:translate(1px);color:#ff9c97!important;background:#e5534b2e!important;border-color:#e5534b59!important}.sidebar-error{color:#ff948f;padding:0 4px;font-size:10.5px}@media (max-width:1200px){.modern-sidebar{width:242px;padding:20px 13px 14px}.app-body{width:calc(100% - 242px);margin-left:242px}.secil-logo-badge{width:44px;height:44px}.secil-brand-title{font-size:16px}}@media (max-height:680px){.modern-sidebar{gap:10px;padding:14px 12px 12px}.sidebar-header{padding:2px 4px 10px}.secil-logo-badge{width:40px;height:40px}.secil-brand-title{font-size:15px}.modern-sidebar .nav-label{margin:4px 8px 6px}.modern-nav-card{padding:8px 10px}.nav-icon-box{width:32px;height:32px}.modern-sidebar .sidebar-bottom{gap:8px;padding-top:8px}.modern-account{padding:8px 10px}}@media (max-width:760px){.modern-sidebar{width:min(286px,86vw);padding:20px 16px 16px}.app-body{width:100%;margin-left:0}}.material-uploader-wrap{gap:12px;display:grid}.book-upload-bar{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;gap:12px;padding:14px 18px;display:grid;box-shadow:0 2px 8px #0f172a08}.book-upload-bar.compact{gap:10px;padding:12px 14px}.book-upload-bar-head{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.book-upload-bar-head svg{color:var(--accent)}.book-upload-bar-head small{color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:500}.book-upload-controls{grid-template-columns:minmax(180px,1.8fr) 120px 120px auto;align-items:end;gap:10px 12px;display:grid}.book-upload-bar.compact .book-upload-controls{grid-template-columns:1fr 1fr}.book-upload-bar.compact .book-name-field,.book-upload-bar.compact .book-split-toggle{grid-column:1/-1}.book-name-field,.book-page-field{gap:4px;display:grid;margin:0!important}.book-name-field span,.book-page-field span{color:var(--ink-secondary);font-size:11.5px;font-weight:650}.book-name-field input,.book-page-field input{min-height:36px!important;margin:0!important;padding:6px 10px!important;font-size:13px!important}.book-split-toggle{min-height:36px;color:var(--ink-secondary);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex;margin:0!important}.book-group-card{background:#f8fafc;border:1.5px solid #dbe3ef;border-radius:14px;overflow:hidden}.book-group-header{background:linear-gradient(#fff 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.book-group-title{align-items:center;gap:10px;min-width:0;display:flex}.book-group-title svg{color:var(--accent);flex-shrink:0}.book-group-title strong{color:var(--ink);overflow-wrap:anywhere;font-size:13.5px;font-weight:700;display:block}.book-group-title small{color:var(--muted);font-size:11.5px;display:block}.book-pages-grid{gap:6px;max-height:260px;padding:8px;display:grid;overflow-y:auto}.material-option.page-item{border-radius:10px;padding:9px 12px}.page-number-pill{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-dark);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:750;flex:none!important}.book-library-card{box-shadow:var(--shadow-sm);background:#fff;border:1.5px solid #dbe3ef;border-radius:16px;margin-bottom:14px;overflow:hidden}.book-library-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.book-library-title{align-items:center;gap:14px;display:flex}.book-library-title strong{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:750;display:flex}.book-library-title small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.book-library-pages{background:#f8fafc;gap:6px;max-height:360px;padding:10px 14px;display:grid;overflow-y:auto}.record-row.page-row{border-radius:11px;margin:0;padding:10px 14px}.danger-outline{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:12.5px;font-weight:650;display:inline-flex}.danger-outline:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}@media (max-width:900px){.book-upload-controls{grid-template-columns:1fr 1fr}.book-name-field,.book-split-toggle{grid-column:1/-1}}.book-prompt-overlay{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.book-prompt-modal{background:#fff;border:1.5px solid #dbe3ef;border-radius:18px;gap:16px;width:100%;max-width:680px;padding:22px 24px;display:grid;box-shadow:0 24px 60px #0f172a38}.book-prompt-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.book-prompt-title-group{align-items:center;gap:12px;display:flex}.book-prompt-icon{background:var(--accent-soft);border:1px solid var(--accent-border);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.book-prompt-title-group h4{color:var(--ink);margin:0;font-size:16px;font-weight:750}.book-prompt-title-group p{color:var(--muted);align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;display:flex}.book-prompt-close{color:var(--muted);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-height:32px;padding:6px}.book-prompt-desc{color:var(--ink-secondary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:10px 14px;font-size:13.5px;line-height:1.55}.book-prompt-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:6px;display:flex}.book-prompt-actions .primary-btn{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.book-prompt-actions .primary-btn:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.dialogue-builder{background:#f8fafc;border:1.5px solid #dbe3ef;border-radius:14px;display:grid;overflow:hidden}.dialogue-builder-head{background:linear-gradient(#fff 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.dialogue-builder-title{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.dialogue-builder-title svg{color:var(--accent)}.dialogue-builder-actions{align-items:center;gap:6px;display:flex}.dialogue-role-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 14px;display:flex}.dialogue-role-label{color:var(--muted);font-size:11.5px;font-weight:700}.dialogue-role-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dialogue-role-chip{background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex;margin:0!important}.dialogue-role-chip strong{color:var(--ink);font-size:12px}.dialogue-role-chip select{background:#fff;border-radius:7px!important;min-height:28px!important;margin:0!important;padding:2px 8px!important;font-size:12px!important}.dialogue-lines-list{gap:6px;max-height:360px;padding:10px;display:grid;overflow-y:auto}.dialogue-line-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:26px auto minmax(0,1fr) 175px auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.dialogue-line-num{width:24px;height:24px;color:var(--muted);background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:inline-flex}.dialogue-speaker-badge{color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-border);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;max-width:110px;padding:4px 8px;font-size:11.5px;font-weight:700;overflow:hidden}.dialogue-line-input{border-radius:8px!important;min-height:34px!important;margin:0!important;padding:5px 10px!important;font-size:13px!important}.dialogue-voice-select{border-radius:8px!important;min-height:34px!important;margin:0!important;padding:5px 8px!important;font-size:12px!important;font-weight:650!important}.dialogue-voice-select.female{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.dialogue-voice-select.male{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.dialogue-line-del{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;min-height:32px;padding:6px}@media (max-width:760px){.dialogue-line-row{grid-template-columns:24px 1fr auto}.dialogue-line-input,.dialogue-voice-select{grid-column:1/-1}}