@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{--ink:#20201e;--muted:#77736b;--line:#e6e1d9;--paper:#f7f5f1;--white:#fffdf9;--coral:#ee775d;--blue:#6287bb;--gold:#e8ae48;--green:#85a891;--dark:#272824;--shadow:0 18px 50px #332c2314;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif}:root[data-theme=dark]{--ink:#eeece7;--muted:#ada9a0;--line:#41413b;--paper:#1e1f1c;--white:#292a26;--dark:#f0ede7;--shadow:0 18px 50px #00000040}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:var(--white);z-index:2;flex-direction:column;width:230px;padding:30px 18px 20px;transition:width .25s,padding .25s;display:flex;position:fixed;inset:0 auto 0 0}.side-collapsed .sidebar{width:70px;padding:30px 10px 20px}.side-collapsed .page-canvas{width:calc(100% - 70px);margin-left:70px}.side-collapsed .side-label,.side-collapsed .brand>span:last-child{display:none}.side-collapsed .brand,.side-collapsed .brand-button{justify-content:center;width:100%;margin:0 auto}.side-collapsed .sidebar nav button{justify-content:center;gap:0;padding:12px 0}.side-collapsed .sidebar nav button b{width:auto}.page-canvas{transition:width .25s,margin-left .25s}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:17px;line-height:.8;display:flex}.brand-button{text-align:left;background:0 0;border:0;width:max-content;padding:0}.brand em{font-style:italic;font-weight:500}.brand-mark{color:#fffaf6;background:var(--coral);border-radius:50% 50% 45% 45%;place-items:center;width:31px;height:31px;font-size:18px;font-weight:700;display:grid}.sidebar nav{gap:5px;margin-top:64px;display:grid}.sidebar nav button:not(.sidebar-see-more-toggle){text-align:left;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:14px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.sidebar nav button:not(.sidebar-see-more-toggle) b{text-align:center;width:17px;font-size:20px;font-weight:500}.sidebar nav button:not(.sidebar-see-more-toggle):hover,.sidebar nav button:not(.sidebar-see-more-toggle).active{color:var(--ink);background:color-mix(in srgb, var(--coral) 12%, transparent)}.side-bottom{margin-top:auto}.side-bottom-actions{justify-content:space-between;align-items:center;gap:8px;padding:8px 0 14px;display:flex}.side-action-btn{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:9px;flex:1;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.side-action-btn:hover{color:var(--ink);border-color:var(--ink);background:var(--white);transform:translateY(-1px)}.side-action-btn.active{color:var(--coral);border-color:var(--coral);background:color-mix(in srgb, var(--coral) 12%, transparent)}.side-collapsed .side-bottom-actions{flex-direction:column;gap:8px;padding:6px 0 14px}.side-collapsed .side-action-btn{flex:none;width:36px;height:36px}.sidebar-ai-task-pill{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40;border-radius:9px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:11.5px;font-weight:600;animation:.2s fadeIn;display:flex}:root[data-theme=dark] .sidebar-ai-task-pill{color:#4ade80;background:#22c55e26;border-color:#22c55e59}.sidebar-ai-pulse-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite pulseDot;box-shadow:0 0 8px #22c55e}.side-collapsed .sidebar-ai-task-pill{justify-content:center;margin-bottom:8px;padding:8px}.profile-mini{border-top:1px solid var(--line);align-items:center;gap:9px;padding:16px 4px 0;font-size:13px;display:flex}.profile-mini div{flex:1;gap:2px;display:grid}.profile-mini small{color:var(--muted);font-size:10px}.avatar{color:#523b29;background:#ddc5ae;border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.page-canvas{width:calc(100% - 230px);min-height:100vh;margin-left:230px}.page{max-width:1180px;margin:auto;padding:56px 62px 80px}.page-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:37px;display:flex}.eyebrow{letter-spacing:1.15px;color:var(--muted);margin:0 0 13px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-1.5px}h1,h2{font-family:Fraunces,serif}.page-header h1{margin-bottom:10px;font-size:42px;font-weight:600;line-height:1.02}.subhead{color:var(--muted);margin:0;font-size:15px}.desktop-avatar,.mobile-header,.mobile-nav{display:none}.streaks{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.streak{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:16px 14px 13px;position:relative}.streak:before{content:"";background:var(--coral);border-radius:0 3px 3px 0;width:3px;height:32px;position:absolute;top:17px;left:0}.streak.blue:before{background:var(--blue)}.streak.gold:before{background:var(--gold)}.streak.green:before{background:var(--green)}.streak{grid-template-columns:28px 1fr;gap:7px;display:grid}.skill-icon{color:var(--muted);font-size:20px}.streak strong{font-family:Fraunces,serif;font-size:22px;line-height:20px}.streak p{color:var(--muted);margin:3px 0 9px;font-size:11px}.streak-bars{grid-column:2;gap:3px;display:flex}.streak-bars i{background:var(--line);border-radius:4px;flex:1;height:3px;display:block}.streak-bars i.on{background:var(--ink)}.daily-card{background:#f1d6cd;border-radius:15px;grid-template-columns:39% 1fr 86px;min-height:294px;margin-bottom:18px;display:grid;position:relative;overflow:hidden}.daily-copy{z-index:1;align-self:center;max-width:440px}.daily-copy h2{margin:0 0 15px;font-size:32px;line-height:1.02}.daily-copy h2 i{font-weight:500}.daily-copy>p{color:#5d504c;max-width:410px;margin-bottom:24px;font-size:14px;line-height:1.5}.daily-count{text-align:right;color:#8c5d4d;align-self:end;align-items:end;gap:7px;padding:22px 23px;font-family:DM Mono,monospace;display:flex}.daily-count strong{font-family:Fraunces,serif;font-size:30px}.daily-count span{text-align:left;padding-bottom:4px;font-size:9px}.daily-art{background:#e9b8a9;margin-right:35px;position:relative;overflow:hidden}.sun{background:#f8e2b8;border-radius:50%;width:132px;height:132px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.horizon{background:#8f9aa5;width:120%;height:38px;position:absolute;bottom:59px;left:-10px;transform:rotate(-4deg)}.city{background:#564d50;width:88px;height:110px;position:absolute;bottom:52px;left:50px}.city:after{content:"";background:#564d50;width:55px;height:25px;position:absolute;top:-25px;left:17px}.city-two{background:#6c5b58;width:72px;height:75px;left:auto;right:25px}.city-two:after{background:#6c5b58;width:38px;height:45px;top:-45px;left:18px}.primary{color:#fffdf9;cursor:pointer;background:#20201e;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:32px;padding:12px 17px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.primary:hover{background:#000;transform:translateY(-1px)}:root[data-theme=dark] .primary{color:#1a1b18;background:#f0ede7;font-weight:700}:root[data-theme=dark] .primary:hover{background:#fff}.primary.large{width:100%;padding:15px 18px;font-size:14px}.primary.full,.outline.full{width:100%}.outline{border:1px solid var(--line);background:0 0;border-radius:8px;padding:11px 14px;font-size:13px}.outline:hover{border-color:var(--ink)}.text-button{background:0 0;border:0;padding:0;font-size:13px}.text-button:hover{text-decoration:underline}.dashboard-header{margin-bottom:28px}.dashboard-header h1{letter-spacing:-1.2px;color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:clamp(34px,4.2vw,50px);font-weight:600;line-height:1.05}.resume-section-card{background:var(--white);border:1px solid var(--line);border-radius:24px;margin-bottom:24px;padding:24px 28px 28px;position:relative;box-shadow:0 4px 24px #2d231908}:root[data-theme=dark] .resume-section-card{box-shadow:0 4px 24px #0003}.resume-section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.resume-section-head h2{letter-spacing:-.4px;color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:22px;font-weight:600}.resume-view-all-link,.smart-view-all-link{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.resume-view-all-link:hover,.smart-view-all-link:hover{color:var(--ink);transform:translate(2px)}.resume-carousel-wrapper{width:100%;position:relative}.resume-carousel{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:4px 2px 6px;display:flex;overflow-x:auto}.resume-carousel::-webkit-scrollbar{display:none}.resume-item-card{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:18px;flex:0 0 240px;height:185px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.resume-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000029}.card-bg-img{background-position:50%;background-size:cover;transition:transform .45s;position:absolute;inset:0}.card-bg-tone{border-radius:18px;transition:transform .45s;position:absolute;inset:0;overflow:hidden}.resume-item-card:hover .card-bg-img,.resume-item-card:hover .card-bg-tone{transform:scale(1.06)}.resume-empty-banner{background:var(--paper);border:1.5px dashed var(--line);border-radius:18px;align-items:center;gap:20px;padding:22px 26px;display:flex}.resume-empty-icon{background:var(--white);border:1px solid var(--line);width:46px;height:46px;color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.resume-empty-text{flex:1}.resume-empty-text h4{color:var(--ink);margin:0 0 3px;font-family:Fraunces,serif;font-size:18px;font-weight:600}.resume-empty-text p{color:var(--muted);margin:0;font-size:13px}.card-gradient-overlay{pointer-events:none;background:linear-gradient(#00000005 0%,#0f0c0a40 42%,#12100eeb 100%);position:absolute;inset:0}.card-content{z-index:1;color:#fff;flex-direction:column;display:flex;position:absolute;inset:auto 16px 14px}.card-tag{letter-spacing:1.2px;text-transform:uppercase;color:#ffffffb8;margin-bottom:3px;font-family:DM Mono,monospace;font-size:9.5px;font-weight:600}.cover .card-title,.resource-card .card-title{color:#fff;text-shadow:0 1px 4px #0006;letter-spacing:-.3px;margin:0 0 3px;font-family:Fraunces,serif;font-size:16px;font-weight:600;line-height:1.22}.card-detail{color:#ffffffa6;margin-bottom:8px;font-size:11px}.card-progress-track{background:#ffffff40;border-radius:3px;width:100%;height:3px;overflow:hidden}.card-progress-bar{background:#fff;border-radius:3px;height:100%}.carousel-next-btn{background:var(--white);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);z-index:3;cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:50%;right:-14px;transform:translateY(-50%);box-shadow:0 6px 16px #0000001f}.carousel-next-btn:hover{background:var(--paper);border-color:var(--ink);transform:translateY(-50%)scale(1.08)}.dashboard-smart-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.smart-card{background:#fcf1ea;border:1px solid #e6d7cdd9;border-radius:24px;flex-direction:column;padding:24px 26px 26px;display:flex;box-shadow:0 4px 20px #2d231905}:root[data-theme=dark] .smart-card{background:#272522;border-color:#46413ccc}.smart-card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.smart-card-head h3{letter-spacing:-.5px;color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:22px;font-weight:600}.speaking-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}.speaking-empty-icon{background:var(--white);width:44px;height:44px;color:var(--muted);border:1px solid #e6d7cdb3;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #00000008}:root[data-theme=dark] .speaking-empty-icon{background:#201e1c;border-color:#3d3c36}.speaking-empty-text{color:var(--muted);margin:0;font-size:13.5px}.speaking-sessions-list{flex-direction:column;flex:1;justify-content:flex-start;gap:10px;display:flex}.speaking-session-row{background:var(--white);cursor:pointer;border:1px solid #e6d7cd73;border-radius:12px;align-items:center;gap:14px;padding:12px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.speaking-session-row:hover{border-color:#c8b4a5e6;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.play-icon-box{color:#fff;background:#44423e;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:transform .2s,background .2s;display:grid}.speaking-session-row:hover .play-icon-box{background:var(--dark);transform:scale(1.06)}.session-title{color:var(--ink);flex:1;font-size:13.5px;font-weight:500}.session-time{color:var(--muted);font-size:12px;font-weight:400}.spiral-notebook-container{cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.spiral-notebook{background:#fffdfa;border:1px solid #ebdcd0;border-radius:14px;grid-template-columns:1fr 1fr;width:100%;height:220px;min-height:200px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #32231914,0 2px 6px #3223190a}:root[data-theme=dark] .spiral-notebook{background:#2b2a26;border-color:#3d3c36;box-shadow:0 10px 30px #0000004d}.spiral-notebook:hover{transform:translateY(-3px);box-shadow:0 16px 36px #3223191f,0 4px 10px #3223190f}.spiral-rings{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-between;width:30px;display:flex;position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%)}.spiral-ring{justify-content:center;align-items:center;width:100%;height:12px;display:flex;position:relative}.ring-coil{background:linear-gradient(#827e77 0%,#3a3834 100%);border:2px solid #4a4742;border-radius:5px;width:22px;height:7px;box-shadow:0 1px 3px #00000040}.ring-hole{opacity:.85;background:#201e1c;border-radius:50%;width:5px;height:5px;position:absolute}.ring-hole.left{left:0}.ring-hole.right{right:0}.notebook-page{padding:22px 24px;position:relative}.page-left{background:linear-gradient(90deg,#faf7f2 0%,#fdfbf7 90%,#f2ede6 100%);border-right:1px solid #dccdc399;flex-direction:column;justify-content:space-between;display:flex}:root[data-theme=dark] .page-left{background:#282723;border-right-color:#383630}.quote-wrapper{margin:auto 0}.cursive-quote{color:#2b394b;letter-spacing:-.2px;margin:0 0 16px;font-family:Caveat,Patrick Hand,Dancing Script,Segoe Script,Fraunces,cursive;font-size:20px;font-style:italic;font-weight:600;line-height:1.38}:root[data-theme=dark] .cursive-quote{color:#a4bedf}.cursive-sig{color:#c46850;margin:0;font-family:Caveat,Patrick Hand,Dancing Script,Segoe Script,cursive;font-size:14px;font-style:italic;font-weight:500}.page-right{background:linear-gradient(90deg,#f2ede6 0%,#fdfbf7 10%,#faf7f2 100%);position:relative}:root[data-theme=dark] .page-right{background:#282723}.notebook-bookmark-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);z-index:4;background:#ee775d;width:14px;height:32px;position:absolute;top:-1px;left:24px;box-shadow:0 2px 6px #ee775d66}.notebook-lines{flex-direction:column;gap:17px;margin-left:20px;padding-top:14px;display:flex}.lines-placeholder{color:#a39c94;margin-bottom:-6px;font-family:Caveat,Patrick Hand,cursive;font-size:14.5px;font-style:italic}.ruled-line{background:#dccdc3b3;width:100%;height:1px}:root[data-theme=dark] .ruled-line{background:#4b4641b3}@media (width<=900px){.dashboard-smart-grid{grid-template-columns:1fr}.resume-item-card{flex:0 0 200px;height:165px}}.filter-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px 0 28px;display:flex}.segmented{flex-wrap:wrap;gap:5px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:20px;padding:7px 11px;font-size:12px}.segmented button.selected{background:var(--ink);color:var(--paper)}.filter-right-group{align-items:center;gap:8px;display:flex}.reorder-toggle-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s,transform .15s;display:inline-flex}.reorder-toggle-btn:hover{color:var(--ink)}.reorder-toggle-btn.active{color:var(--ink);transform:scale(1.08)}.filter-row select{border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:7px;padding:6px 30px 6px 10px;font-size:12px}.resource-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.resource-card{text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:0;min-width:0;padding:0;transition:transform .25s cubic-bezier(.2,0,0,1),opacity .2s}.resource-card:active{cursor:grabbing}.resource-card.dragging{opacity:.35;transform:scale(.94)}.resource-card:hover .cover{transform:translateY(-4px)}.cover{color:#fff;border-radius:7px;height:232px;padding:16px;transition:all .25s;position:relative;overflow:hidden}.cover.coral{background:#e77f67}.cover.blue{background:#829bc5}.cover.gold{background:#e9ba67}.cover.green{background:#92b39b}.cover-type{letter-spacing:.8px;z-index:1;font-family:DM Mono,monospace;font-size:10px;position:relative}.cover-shape{opacity:.55;border-radius:50%;position:absolute}.cover-shape.one{background:#3c372e59;width:180px;height:180px;bottom:-60px;right:-50px}.cover-shape.two{background:#fff6dc4d;width:90px;height:90px;bottom:42px;left:-30px}.cover-line{background:#fff9;width:2px;height:60%;position:absolute;bottom:0;right:45px;transform:rotate(28deg)}.resource-meta{min-height:92px;padding:13px 2px 0}.resource-meta>span,.tag{letter-spacing:.3px;color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.resource-meta h3{letter-spacing:-.6px;margin:7px 0 5px;font-family:Fraunces,serif;font-size:18px;line-height:1.1}.resource-meta p{color:var(--muted);margin:0;font-size:11px}.card-bottom{align-items:center;gap:9px;margin-top:11px;display:flex}.card-bottom small{color:var(--muted);font-size:10px}.tiny-progress{background:var(--line);flex:1;height:3px}.tiny-progress i{background:var(--coral);height:3px;display:block}.modal-backdrop{z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e1d1a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.add-modal{background:var(--white);color:var(--ink);width:min(480px,100%);box-shadow:var(--shadow);border-radius:14px;padding:38px;position:relative}.add-modal h2{margin:0 0 10px;font-size:28px;line-height:1.08}.add-modal>p{color:var(--muted);font-size:14px;line-height:1.45}.modal-close,.card-x{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:13px;right:16px}.dropzone{color:var(--muted);border:1px dashed #aaa49a;border-radius:8px;justify-items:center;gap:7px;margin:22px 0 15px;padding:24px;font-size:21px;display:grid}.dropzone strong{color:var(--ink);font-size:13px}.dropzone small{font-size:11px}.or{color:var(--muted);align-items:center;gap:10px;margin:12px 0;font-size:10px;display:flex}.or span{background:var(--line);flex:1;height:1px}.add-modal input{border:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:7px;margin-bottom:13px;padding:11px}.reader-page{min-height:100vh;padding:23px 32px}.reader-top{justify-content:space-between;align-items:flex-start;max-width:1200px;height:48px;margin:auto;display:flex}.reader-controls{gap:5px;display:flex}.control{border:1px solid var(--line);color:var(--muted);background:var(--white);border-radius:5px;padding:5px 8px;font-size:11px}.control.active{color:var(--ink);border-color:var(--ink)}.reader-layout{justify-content:center;align-items:flex-start;gap:24px;max-width:1440px;margin:17px auto;padding:0 24px 0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.reader-aside{flex-shrink:0;width:210px;padding-top:20px;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .25s,margin .3s;overflow:visible}.reader-aside.collapsed{opacity:0;pointer-events:none;width:0;margin-right:-24px;overflow:hidden}.reader-aside-inner{width:210px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.reader-aside.collapsed .reader-aside-inner{transform:translate(-100%)}.reader-toggle-left-btn{border:1px solid var(--line);background:var(--white);width:32px;height:32px;color:var(--muted);cursor:pointer;z-index:5;border-radius:50%;flex-shrink:0;place-items:center;margin-top:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 2px 8px #0000000a}.reader-toggle-left-btn:hover{color:var(--ink);border-color:var(--ink);transform:scale(1.08);box-shadow:0 4px 12px #00000014}.reader-toggle-left-btn.collapsed{background:color-mix(in srgb, var(--coral) 12%, var(--white));color:var(--coral);border-color:color-mix(in srgb, var(--coral) 40%, transparent)}.reader-aside .cover{height:160px;margin-bottom:20px}.reader-aside h2{margin:7px 0;font-size:20px;line-height:1.05}.reader-aside>div>p{color:var(--muted);margin:0;font-size:11px}.reader-progress{border-top:1px solid var(--line);margin-top:34px;padding-top:13px}.reader-progress>div{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.reader-progress strong{color:var(--ink)}.reader-progress i{background:var(--line);height:3px;display:block}.reader-progress b{background:var(--coral);width:42%;height:3px;display:block}.save-link{color:var(--muted);background:0 0;border:0;margin-top:16px;padding:0;font-size:11px}.reading-text{flex:1;min-width:380px;max-width:860px;padding:20px 12px 0;transition:max-width .3s}.reader-layout.left-collapsed .reading-text{max-width:980px}.reader-layout.left-collapsed .reading-text.wide .paragraph{max-width:1040px}.reading-text>h1{margin:0 0 25px;font-size:41px;line-height:1.02}.story-rule{background:var(--coral);width:30px;height:3px;margin-bottom:27px}.paragraph{letter-spacing:-.13px;max-width:820px;margin:0 0 22px;font-family:Fraunces,serif;line-height:1.78}.word{font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.word:hover{border-bottom-color:var(--coral);color:#aa4c39}.grammar-mark{box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--green) 45%, transparent)}.silent{color:#b9b6ae}.reader-right{border-left:1px solid var(--line);width:175px;color:var(--muted);flex-shrink:0;margin-left:auto;padding:23px 0 0 16px;font-size:11px;line-height:1.55}.reader-right .eyebrow{margin-bottom:11px;display:block}.legend{border-top:1px solid var(--line);grid-template-columns:15px 1fr;gap:8px;margin-top:25px;padding-top:14px;font-size:9px;display:grid}.legend i{width:10px;height:10px;margin-top:2px}.legend .verb{background:color-mix(in srgb, var(--green) 50%, transparent)}.legend .clause{background:color-mix(in srgb, var(--blue) 40%, transparent)}.session-count,.quiet-badge{letter-spacing:.4px;border:1px solid var(--line);border-radius:20px;padding:8px 10px;font-family:DM Mono,monospace;font-size:10px}.studio{background:#dce8ee;border-radius:15px;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.studio:before{content:"";border:1px solid #4362703d;border-radius:50%;width:540px;height:540px;position:absolute}.studio-copy{z-index:1;text-align:center;max-width:360px}.studio-copy h2{margin:13px 0;font-size:35px;line-height:1.03}.studio-copy p{color:#52636a;font-size:14px;line-height:1.5}.camera-icon{color:#61879b;font-size:36px}.studio.camera-on{color:#fff;background:#506d77;padding:34px;display:block}.camera-on:before{display:none}.camera-on .studio-copy{text-align:left;max-width:none}.camera-on .studio-copy .eyebrow,.camera-on .studio-copy p{color:#ffffffb3}.camera-window{color:#39535a;text-align:center;background:#c1d3d6;border-radius:12px;width:220px;height:280px;padding-top:11px;font-size:10px;position:absolute;top:74px;right:12%;overflow:hidden}.face-shape{background:#ce9e78;border-radius:49% 49% 45% 45%;width:135px;height:180px;position:absolute;bottom:-28px;left:43px}.face-shape:after{content:"";background:#513b32;border-radius:60% 55% 30% 30%;width:100px;height:38px;position:absolute;top:-5px;left:18px}.prompter{text-align:center;color:#fff;background:#000000a6;border-radius:7px;padding:15px;font-family:Fraunces,serif;font-size:18px;position:absolute;bottom:20px;left:8%;right:8%}.record-btn{color:#802b2b;background:#fce4e0;border:0;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:600;position:absolute;bottom:84px;left:8%}.record-btn.recording{color:#fff;background:#ca4b46}.session-strip{padding-top:42px}.session-strip h2{margin:0 0 17px;font-size:27px}.session-strip>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.session-strip article{border-top:1px solid var(--line);grid-template-columns:36px 1fr;align-items:center;padding:14px 0;display:grid}.session-strip article>span{color:var(--coral);font-family:Fraunces,serif;font-size:20px}.session-strip strong{font-size:13px}.session-strip small{color:var(--muted);grid-column:2;margin-top:3px;font-size:10px}.writing-page-hub{width:100%;max-width:1400px;padding:24px 32px 60px}.selector-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.selector-hero-text h1{margin:4px 0 8px;font-family:Fraunces,serif;font-size:32px}.selector-hero-text .subhead{color:var(--muted);max-width:620px;font-size:15px}.history-link-btn{background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.history-link-btn:hover{background:var(--bg);border-color:var(--ink);transform:translateY(-1px)}.writing-prompt-selector-centered{flex-direction:column;gap:32px;max-width:860px;margin:36px auto;padding:0 16px;animation:.25s fadeIn;display:flex}.centered-hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.centered-hero .selector-hero-text h1{margin:0 0 8px;font-family:Fraunces,serif;font-size:32px;line-height:1.2}.centered-hero .subhead{color:var(--muted);max-width:520px;margin:0;font-size:15px}.writing-modes-grid-centered{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=820px){.writing-modes-grid-centered{grid-template-columns:1fr}.centered-hero{flex-direction:column;align-items:flex-start}}.mode-interactive-card{background:var(--white);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:220px;padding:24px 20px;transition:all .25s cubic-bezier(.2,0,0,1);display:flex;position:relative}.mode-interactive-card:hover{border-color:#aaa;transform:translateY(-4px);box-shadow:0 10px 28px #00000012}.mode-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mode-card-top .mode-icon-badge{margin-bottom:0}.mode-icon-badge.compact{border-radius:8px;width:32px;height:32px;margin-bottom:0}.mode-tag-pill{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 8px;font-family:DM Mono,monospace;font-size:11px}.mode-card-footer{color:var(--coral);border-top:1px dashed var(--line);align-items:center;gap:6px;margin-top:14px;padding-top:12px;font-size:13px;font-weight:600;transition:transform .2s;display:flex}.mode-interactive-card:hover .mode-card-footer{transform:translate(3px)}.writing-modes-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}@media (width<=900px){.writing-modes-grid{grid-template-columns:1fr}}.writing-mode-card{background:var(--white);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:180px;padding:20px;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;position:relative}.writing-mode-card:hover{border-color:#aaa;transform:translateY(-3px);box-shadow:0 6px 18px #0000000d}.writing-mode-card.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink), 0 8px 24px #00000014}.mode-icon-badge{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.mode-icon-badge.coral{color:#e77f67;background:#fde8e4}.mode-icon-badge.gold{color:#d97706;background:#fdf3e2}.mode-icon-badge.blue{color:#3b82f6;background:#e8eef8}.mode-icon-badge.green{color:#16a34a;background:#e6f4ea}.mode-meta h3{margin:0 0 6px;font-family:Fraunces,serif;font-size:17px}.mode-meta p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.45}.mode-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-top:1px dashed var(--line);padding-top:10px;font-family:DM Mono,monospace;font-size:10px}.workspace-blurred{filter:blur(6px)grayscale(25%);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s,opacity .3s}.writing-setup-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000006b;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.writing-setup-modal{background:var(--white);border:1px solid var(--line);width:100%;max-width:620px;max-height:90vh;color:var(--ink);border-radius:16px;flex-direction:column;animation:.25s cubic-bezier(.2,0,0,1) modalPop;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0003}.writing-setup-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.writing-setup-modal-head-title{align-items:center;gap:12px;font-family:Fraunces,serif;font-size:20px;font-weight:600;display:flex}.writing-setup-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.writing-setup-modal-foot{border-top:1px solid var(--line);background:var(--paper);border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.modal-back-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;padding:0;transition:all .15s;display:grid}.modal-back-btn:hover{color:var(--ink);border-color:var(--ink);background:var(--white)}.mode-config-panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 4px 16px #00000008}.config-row-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.config-row-head h4,.config-guided h4,.config-sprint h4,.config-free h4{margin:0 0 4px;font-family:Fraunces,serif;font-size:19px}.config-row-head p,.config-guided p,.config-sprint p,.config-free p{color:var(--muted);margin:0;font-size:13px}.shuffle-btn{align-items:center;gap:6px;padding:7px 13px;font-size:12px;display:flex}.filters-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px;margin-bottom:18px;padding:16px 0;display:flex}.filter-group{align-items:center;gap:10px;display:flex}.filter-label{color:var(--muted);font-size:12px;font-weight:500}.segmented-sm{background:var(--bg);border:1px solid var(--line);border-radius:7px;gap:3px;padding:3px;display:inline-flex}.segmented-sm button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 12px;font-size:12px;transition:all .15s}.segmented-sm button.active{background:var(--white);color:var(--ink);font-weight:600;box-shadow:0 1px 4px #00000014}.subfilter-row{align-items:center;gap:12px;margin-bottom:18px;display:flex}.subfilter-row label{color:var(--muted);font-size:13px}.subfilter-row select{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:7px;min-width:240px;padding:6px 12px;font-size:13px}.words-preview-tray{background:var(--bg);border-radius:10px;margin-top:16px;padding:16px}.tray-title{color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-family:DM Mono,monospace;font-size:12px;display:block}.tray-chips{flex-wrap:wrap;gap:8px;display:flex}.tray-chip{background:var(--white);border:1px solid var(--line);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.tray-chip-num{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.tray-chip strong{font-family:Fraunces,serif}.tray-chip small{color:var(--muted);font-size:11px}.topic-categories-row{gap:8px;padding:14px 0 18px;display:flex;overflow-x:auto}.topic-cat-btn{background:var(--bg);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.topic-cat-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.subtopics-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:10px;display:grid}.subtopic-card{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:16px;transition:all .2s}.subtopic-card:hover{background:var(--white);border-color:#aaa;transform:translateY(-2px)}.subtopic-card.selected{background:var(--white);border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.subtopic-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.badge-pill{text-transform:uppercase;background:#0000000d;border-radius:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px}.check-mark{color:#16a34a}.subtopic-card h5{margin:0 0 8px;font-family:Fraunces,serif;font-size:15px}.subtopic-angles{color:var(--muted);margin:0;padding:0;font-size:11px;line-height:1.4;list-style:none}.sprint-duration-buttons{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.sprint-time-btn{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;transition:all .2s;display:flex}.sprint-time-btn:hover{background:var(--white);border-color:#aaa}.sprint-time-btn.active{background:var(--white);border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.sprint-time-btn strong{font-family:Fraunces,serif;font-size:18px}.sprint-time-btn span{color:var(--muted);font-size:11px}.free-title-input{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:14px;padding:12px 16px;font-size:15px}.config-footer{border-top:1px solid var(--line);justify-content:flex-end;margin-top:28px;padding-top:20px;display:flex}.launch-btn{align-items:center;gap:10px;padding:12px 24px;font-size:15px;display:flex}.word-bricks-container{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:14px 18px}.word-bricks-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.word-bricks-label{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:11px;display:flex}.sparkle-icon{color:#d97706}.word-bricks-progress-bar{background:var(--bg);border-radius:99px;width:140px;height:6px;overflow:hidden}.word-bricks-progress-fill{background:#16a34a;border-radius:99px;height:100%;transition:width .3s cubic-bezier(.2,0,0,1)}.word-bricks-grid{flex-wrap:wrap;gap:10px;display:flex}.word-brick-card{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:14px;transition:all .2s;display:flex;position:relative}.word-brick-card:hover{background:var(--white);border-color:#aaa}.word-brick-card.used{color:#15803d;background:#f0fdf4;border-color:#86efac}.word-brick-left{align-items:center;gap:8px;display:flex}.word-brick-num{opacity:.5;font-family:DM Mono,monospace;font-size:10px}.word-brick-status .dot{background:#cbd5e1;border-radius:50%;width:7px;height:7px;display:inline-block}.word-brick-status .check-icon{color:#16a34a}.word-brick-text{font-family:Fraunces,serif;font-size:15px}.word-brick-translation{color:var(--muted);font-size:11px;font-style:italic}.word-brick-actions{align-items:center;gap:4px;display:flex}.word-brick-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.word-brick-btn:hover{color:var(--ink);background:#00000014}.word-brick-btn.playing{color:#3b82f6;animation:1s infinite pulse}.word-brick-card:hover .hover-only{opacity:1}.hover-only{opacity:0}.word-brick-popover{background:var(--white);border:1px solid var(--line);z-index:100;width:300px;color:var(--ink);border-radius:10px;margin-top:8px;padding:14px;position:absolute;top:100%;left:0;box-shadow:0 10px 25px #0000001f}.word-brick-popover:before{content:"";height:14px;position:absolute;top:-12px;left:0;right:0}.word-brick-popover-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.word-brick-popover-head .popover-title-group{align-items:baseline;gap:10px;display:flex}.word-brick-popover-head .popover-title-group strong{font-family:Fraunces,serif;font-size:16px}.word-brick-popover-head .popover-title-group .phonetic{color:var(--muted);font-family:DM Mono,monospace;font-size:12px}.popover-close{cursor:pointer;color:var(--muted);background:0 0;border:0}.popover-trans{margin:0 0 8px;font-size:12px}.popover-context{background:var(--bg);border-radius:6px;margin-bottom:8px;padding:8px 10px;font-size:11px}.context-label{text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-family:DM Mono,monospace;font-size:9px;display:block}.popover-context blockquote{margin:0;font-style:italic}.popover-tags{flex-wrap:wrap;gap:4px;display:flex}.tag-pill{background:var(--bg);color:var(--muted);border-radius:4px;padding:2px 6px;font-size:10px}.writing-editor-view{flex-direction:column;gap:16px;width:100%;display:flex}.writing-page-hub .page-header{justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-bottom:20px;display:flex}.writing-page-hub .page-header h1{margin:0;line-height:1.1}.writing-header-title-group{align-items:center;gap:12px;display:flex}.writing-header-actions{align-items:center;gap:10px;min-height:38px;display:flex}.editable-session-title{color:var(--ink);background:0 0;border:0;outline:0;width:100%;font-family:Fraunces,serif;font-size:22px;font-weight:600}.editable-session-title:focus{border-bottom:1px solid var(--line)}.mode-pill-badge{background:var(--bg);border:1px solid var(--line);text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:3px 8px;font-family:DM Mono,monospace;font-size:10px}.header-right{align-items:center;gap:10px;display:flex}.sprint-countdown-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:DM Mono,monospace;font-size:13px;font-weight:600;display:flex}.sprint-countdown-badge.urgent{color:#b91c1c;background:#fee2e2;border-color:#fca5a5;animation:1s infinite pulse}.writing-quick-stats{align-items:center;gap:6px;display:flex}.stat-pill{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 9px;font-family:DM Mono,monospace;font-size:11px}.stat-pill.completion.all-done{color:#15803d;background:#dcfce7;border-color:#86efac}.prompter-export-btn{align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.writing-workspace-body{grid-template-columns:1fr;gap:20px;width:100%;transition:all .25s;display:grid}.writing-workspace-body.drawer-open{grid-template-columns:1fr 340px}@media (width<=900px){.writing-workspace-body.drawer-open{grid-template-columns:1fr}}.editor-main-area{background:var(--white);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:100%;min-height:560px;transition:border .2s,background .2s;display:flex;box-shadow:0 4px 20px #00000005}.is-editing-mode .editor-main-area{background:#fafaf8;border:1.5px dashed #c5c0b8}.writing-textarea{resize:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-height:480px;padding:28px 36px;font-family:Fraunces,Georgia,serif;font-size:20px;line-height:1.8}.writing-textarea::placeholder{color:#b0aaa0;font-style:italic}.editor-bottom-bar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 28px;font-family:DM Mono,monospace;font-size:11px;display:flex}.is-editing-mode .editor-bottom-bar{border-top:1.5px dashed #c5c0b8}.bottom-meta{align-items:center;gap:8px;display:flex}.all-words-badge{color:#15803d;background:#dcfce7;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.bottom-actions{align-items:center;gap:12px;display:flex}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:11px;transition:color .15s;display:flex}.text-btn:hover{color:var(--ink)}.ai-correct-btn{border-radius:6px;padding:4px 8px;font-weight:500;transition:all .2s;position:relative}.ai-correct-btn:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}.ai-correct-btn.active{background:color-mix(in srgb, var(--green) 18%, transparent);color:#16a34a}.ai-correct-btn.is-loading{opacity:.8;cursor:wait}.text-brand{color:#2563eb}.writing-error-toast{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin:12px 28px 0;padding:8px 14px;font-size:12px;animation:.2s ease-out slideDownToast;display:flex}:root[data-theme=dark] .writing-error-toast{color:#fca5a5;background:#ef444426;border-color:#ef44444d}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.writing-correction-panel{border-bottom:1px solid var(--line);flex-direction:column;width:100%;display:flex}.correction-top-banner{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, var(--white));border-top-left-radius:14px;border-top-right-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.banner-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.correction-title-wrap{align-items:center;gap:7px;display:flex}.correction-ai-icon-pill{background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid var(--line);width:22px;height:22px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;display:flex}.banner-title{color:var(--ink);letter-spacing:-.01em;font-size:12.5px;font-weight:600}.banner-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.score-badge{background:color-mix(in srgb, var(--ink) 4%, transparent);border:1px solid var(--line);color:var(--ink);border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-count{border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.badge-count.error{color:#dc2626;background:#ef444414;border:1px solid #ef444438}:root[data-theme=dark] .badge-count.error{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.badge-count.style{color:#2563eb;background:#3b82f614;border:1px solid #3b82f638}:root[data-theme=dark] .badge-count.style{color:#93c5fd;background:#3b82f61f;border-color:#3b82f64d}.badge-count.success{color:#16a34a;background:#16a34a14;border:1px solid #16a34a38}:root[data-theme=dark] .badge-count.success{color:#86efac;background:#22c55e1f;border-color:#22c55e4d}.banner-actions{align-items:center;gap:8px;display:flex}.banner-mode-toggle-btn{border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.banner-mode-toggle-btn:hover{color:var(--ink);border-color:var(--ink)}.banner-apply-all-btn{background:color-mix(in srgb, #16a34a 12%, var(--white));color:#15803d;cursor:pointer;border:1px solid #16a34a52;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}:root[data-theme=dark] .banner-apply-all-btn{color:#4ade80;background:#22c55e26;border-color:#4ade8059}.banner-apply-all-btn:hover{color:#fff;background:#16a34a;border-color:#16a34a}.banner-close-btn{border:1px solid var(--line);background:var(--white);width:26px;height:26px;color:var(--muted);cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.banner-close-btn:hover{color:var(--ink);border-color:var(--ink)}.correction-overall-feedback{background:color-mix(in srgb, var(--paper) 50%, var(--white));border:1px solid var(--line);border-radius:7px;align-items:baseline;gap:8px;margin:12px 24px 2px;padding:7px 12px;display:flex}.feedback-badge-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700}.feedback-text{color:var(--ink);margin:0;font-size:12.5px;line-height:1.45}.teacher-annotated-canvas{-webkit-user-select:text;user-select:text;cursor:default;background:0 0;flex:1;width:100%;min-height:440px;padding:24px 32px 48px}.canvas-paper{color:var(--ink);white-space:pre-wrap;word-break:break-word;font-family:Fraunces,Georgia,serif;font-size:20px;line-height:2.5}.plain-student-text{color:var(--ink)}.annotated-correction-anchor{border-radius:3px;padding:0 1px;transition:background-color .15s;display:inline;position:relative}.annotated-correction-anchor:hover,.annotated-correction-anchor.active-popover{background-color:color-mix(in srgb, var(--ink) 5%, transparent)}:root[data-theme=dark] .annotated-correction-anchor:hover,:root[data-theme=dark] .annotated-correction-anchor.active-popover{background-color:#ffffff0f}.letter-correction-wrap{font-family:inherit;display:inline}.char-del,.word-del{color:#dc2626;opacity:.85;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;text-decoration:line-through;text-decoration-thickness:1.5px}.char-ins,.word-ins{font-family:inherit;font-size:inherit;color:#16a34a;font-weight:600;line-height:inherit;vertical-align:baseline;margin:0;display:inline}:root[data-theme=dark] .char-ins,:root[data-theme=dark] .word-ins{color:#4ade80}.char-eq{color:var(--ink);font-family:inherit}.syntax-correction-wrap,.unnatural-correction-wrap{display:inline;position:relative}.faulty-syntax-phrase{text-underline-offset:4px;-webkit-text-decoration:underline wavy #f59e0bcc;text-decoration:underline wavy #f59e0bcc;text-decoration-thickness:1.5px}.unnatural-phrase-text{text-underline-offset:4px;color:inherit;-webkit-text-decoration:underline wavy #3b82f6bf;text-decoration:underline wavy #3b82f6bf;text-decoration-thickness:1.5px}.teacher-restructure-under{color:#15803d;box-shadow:none;white-space:nowrap;pointer-events:none;z-index:5;background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:0;font-family:Caveat,cursive;font-size:19px;font-weight:600;display:inline-flex;position:absolute;top:calc(100% + 5px);left:0;transform:rotate(0)}.teacher-restructure-under.large{font-size:22px;top:calc(100% + 6px)}:root[data-theme=dark] .teacher-restructure-under{color:#4ade80}.teacher-arrow-svg{flex-shrink:0;margin-top:-6px}.teacher-handwriting-text{line-height:1}.session-delete-btn{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s;display:inline-flex}.session-delete-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}:root[data-theme=dark] .session-delete-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef444459}.editor-floating-bottom-row{justify-content:space-between;align-items:center;padding:6px 24px;display:flex}.floating-title-area{flex:1;align-items:center;min-width:0;display:flex}.inline-title-input{color:#888;background:0 0;border:none;border-bottom:1px solid #d4d0ca;outline:none;width:180px;max-width:240px;padding:3px 2px;font-family:DM Mono,monospace;font-size:11px;transition:border-color .15s}.inline-title-input:focus{border-bottom-color:#999}.inline-title-input::placeholder{color:#bcb8b0;font-style:normal}.locked-title-display{align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.locked-title-text{color:#777}.title-edit-icon-btn{color:#bbb;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.title-edit-icon-btn:hover{color:var(--ink)}.new-text-corner-btn{color:var(--muted);background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s;display:inline-flex}.new-text-corner-btn:hover{color:var(--ink);border-color:var(--ink)}.naturalness-info-bubble{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, var(--white));cursor:pointer;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-left:4px;font-size:10px;transition:all .15s;display:inline-flex}.naturalness-info-bubble:hover{border-color:var(--ink);background:var(--white);transform:scale(1.12)}.correction-floating-popover{z-index:1000;background:var(--white);border:1px solid var(--line);min-width:300px;max-width:380px;color:var(--ink);cursor:default;border-radius:10px;margin-top:4px;padding:12px;font-family:DM Sans,sans-serif;font-size:12.5px;line-height:1.45;animation:.12s ease-out popoverFadeIn;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000014}.correction-floating-popover:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.category-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.category-tag.error{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.category-tag.style{color:#2563eb;background:#3b82f614;border:1px solid #3b82f633}.category-tag.warning{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33}.popover-close-btn{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.popover-close-btn:hover{color:var(--ink);background:var(--line)}.popover-diff-preview{background:var(--paper);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.diff-item{flex-direction:column;flex:1;gap:1px;display:flex}.diff-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:9.5px}.diff-val.strike{color:#dc2626;font-family:Fraunces,serif;font-size:13.5px;text-decoration:line-through}.diff-val.correct-handwriting{color:#15803d;font-family:Caveat,cursive;font-size:17px;font-weight:700;line-height:1}:root[data-theme=dark] .diff-val.correct-handwriting{color:#4ade80}.diff-arrow{color:var(--muted);flex-shrink:0}.popover-explanation{color:var(--ink);background:color-mix(in srgb, var(--paper) 60%, var(--white));border:1px solid var(--line);border-radius:6px;align-items:flex-start;gap:6px;margin-bottom:10px;padding:6px 9px;font-size:12px;display:flex}.explanation-icon{color:var(--muted);flex-shrink:0;margin-top:2px}.popover-explanation p{margin:0;line-height:1.4}.popover-actions{align-items:center;gap:6px;display:flex}.popover-btn{border:1px solid var(--line);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.popover-btn.apply{background:color-mix(in srgb, #16a34a 12%, var(--white));color:#15803d;border-color:#16a34a4d;flex:1;justify-content:center}.popover-btn.apply:hover{color:#fff;background:#16a34a;border-color:#16a34a}.popover-btn.dismiss{background:var(--white);color:var(--muted)}.popover-btn.dismiss:hover{color:var(--ink);border-color:var(--ink)}.sessions-divider{align-items:center;gap:16px;width:100%;margin:32px 0 20px;display:flex}.sessions-divider-line{background:var(--line,#e2e8f0);flex:1;height:1px}.sessions-divider-text{color:var(--muted,#64748b);white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.sessions-section{width:100%;margin-top:8px}.writing-side-drawer{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;max-height:560px;display:flex;overflow:hidden}.drawer-tabs{border-bottom:1px solid var(--line);display:flex}.drawer-tab{background:var(--bg);color:var(--muted);cursor:pointer;border:0;flex:1;padding:10px;font-size:12px;font-weight:500;transition:all .15s}.drawer-tab.active{background:var(--white);color:var(--ink);border-bottom:2px solid var(--ink)}.drawer-content{flex:1;padding:16px;overflow-y:auto}.tab-hint{color:var(--muted);margin:0 0 14px;font-size:11px}.connector-group{margin-bottom:14px}.connector-group h6{text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-family:DM Mono,monospace;font-size:11px}.connector-chips{flex-wrap:wrap;gap:6px;display:flex}.connector-chip{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:5px;padding:4px 8px;font-size:12px;transition:all .15s}.connector-chip:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.saved-vocab-list{flex-direction:column;gap:8px;display:flex}.saved-word-row{background:var(--bg);border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.insert-word-btn{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.insert-word-btn strong{font-family:Fraunces,serif;font-size:13px}.insert-word-btn small{color:var(--muted);font-size:11px}.word-ctx{color:var(--muted);font-size:10px;font-style:italic}.anki-tab h6{margin:0 0 4px;font-family:Fraunces,serif;font-size:14px}.anki-actions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.anki-actions button{justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.anki-status-msg{background:var(--bg);border:1px solid var(--line);border-radius:6px;margin-top:12px;padding:8px 10px;font-size:12px}.writing-history-view{flex-direction:column;gap:24px;display:flex}.history-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.head-title-block{align-items:center;gap:12px;display:flex}.head-title-block h1{margin:0 0 4px;font-family:Fraunces,serif;font-size:28px}.head-title-block .subhead{color:var(--muted);margin:0;font-size:14px}.new-session-btn{align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:flex}.history-metrics-bar{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.history-metrics-bar{grid-template-columns:1fr}}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:16px;padding:18px 20px;display:flex}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;display:flex}.metric-icon.coral{color:#e77f67;background:#fde8e4}.metric-icon.gold{color:#d97706;background:#fdf3e2}.metric-icon.green{color:#16a34a;background:#e6f4ea}.metric-meta strong{font-family:Fraunces,serif;font-size:24px;line-height:1.1;display:block}.metric-meta span{color:var(--muted);font-size:12px}.history-search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.search-input-wrap{background:var(--white);border:1px solid var(--line);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:260px;padding:8px 14px;display:flex}.search-input-wrap input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-icon{color:var(--muted)}.writings-cards-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px;display:grid}.writing-history-card{background:var(--white);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:210px;padding:20px 20px 16px 36px;transition:all .22s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000a,2px 2px #00000005}.writing-history-card:hover{border-color:var(--ink);transform:translateY(-3px)rotate(-.3deg);box-shadow:0 10px 24px #00000014,3px 3px #0000000a}.notebook-tabs-edge{border-right:1px dashed var(--line);background:#00000005;flex-direction:column;justify-content:space-evenly;width:18px;padding:10px 0;display:flex;position:absolute;top:0;bottom:0;left:0}.notebook-tab-item{border-radius:0 4px 4px 0;width:12px;height:24px;margin-right:auto;box-shadow:1px 1px 3px #0000001f}.notebook-tab-item.tab-1{background:#f87171}.notebook-tab-item.tab-2{background:#fbbf24}.notebook-tab-item.tab-3{background:#38bdf8}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-badge-row{align-items:center;gap:8px;display:flex}.card-date{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px;display:flex}.card-actions{align-items:center;gap:6px;display:flex}.card-action-btn{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s;display:flex}.card-action-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}.card-action-btn.icon-only{padding:5px 6px}.delete-text-btn:hover{color:#dc2626!important}.editing-session-badge{text-transform:uppercase;color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-family:DM Mono,monospace;font-size:10px;display:inline-flex}.writing-history-card .card-title{cursor:pointer;margin:0 0 8px;font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--ink)!important;text-shadow:none!important}.writing-history-card .card-title:hover{color:var(--ink);text-decoration:underline}.card-excerpt{color:var(--muted);flex:1;margin:0 0 16px;font-size:13px;line-height:1.5}.card-words-row{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.mini-word-chip{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;display:flex}.mini-word-chip.used{color:#15803d;background:#f0fdf4;border-color:#86efac}.card-footer{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:10px;font-family:DM Mono,monospace;font-size:10px;display:flex}.empty-history-state{text-align:center;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:60px 20px}.empty-icon{color:var(--muted);opacity:.5;margin-bottom:14px}.empty-history-state h3{margin:0 0 8px;font-family:Fraunces,serif;font-size:20px}.empty-history-state p{color:var(--muted);max-width:440px;margin:0 auto 20px;font-size:14px}.reader-aside .cover-wrap{position:relative}.cover-hide-info-btn{z-index:3;color:#fffdf9;opacity:0;background:#0f0f0e73;border:1px solid #ffffff59;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;transition:opacity .18s,transform .18s,background .18s;display:grid;position:absolute;top:7px;right:7px}.reader-aside:hover .cover-hide-info-btn,.cover-hide-info-btn:focus-visible{opacity:1}.cover-hide-info-btn:hover{background:#0f0f0eb8;transform:scale(1.06)}.reading-text.left-free{max-width:1080px}.listening-theater-bar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.listening-theater-bar .listening-history{border:1px solid var(--line);background:var(--white);border-radius:999px;gap:7px;margin:0;padding:6px 12px}.listening-theater-bar .listening-history select{color:var(--ink);background:0 0;border:0;outline:none;max-width:320px;font-size:12px}.listening-icon-btn{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.listening-word-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.listening-chip{letter-spacing:.3px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-family:DM Mono,monospace;font-size:9px}.listening-word-analyzing{color:var(--muted);align-items:center;gap:7px;margin:12px 0 0;font-size:12px;display:flex}.listening-tools-trigger{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:52px;padding:15px 0 0;font-family:DM Mono,monospace;font-size:9px;display:flex}.listening-tools-trigger span{background:var(--line);width:14px;height:1px}.listening-tools-trigger:hover{color:var(--coral)}.listening-tools-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1d1b75;place-items:start center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.listening-tools-sheet{border:1px solid var(--line);background:var(--paper);border-radius:15px;width:min(950px,100%);max-height:calc(100vh - 56px);overflow:auto;box-shadow:0 20px 80px #00000042}.listening-tools-sheet>header{justify-content:space-between;align-items:flex-start;padding:25px 29px 14px;display:flex}.listening-tools-sheet header .eyebrow{margin-bottom:8px}.listening-tools-sheet header h2{margin:0;font-size:29px}.listening-tools-sheet header>button{background:var(--white);width:33px;height:33px;color:var(--muted);border:0;border-radius:8px;place-items:center;display:grid}.listening-tools-sheet>nav{border-bottom:1px solid var(--line);gap:5px;padding:0 29px;display:flex}.listening-tools-sheet>nav button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:11px 10px;font-size:11px;display:inline-flex}.listening-tools-sheet>nav button.active{border-bottom-color:var(--coral);color:var(--ink)}.listening-tools-sheet main{padding:28px 29px 32px}.tool-intro{max-width:580px;color:var(--coral);margin-bottom:23px}.tool-intro h3{color:var(--ink);margin:8px 0;font-size:27px}.tool-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.experiment-form{grid-template-columns:1fr 145px 125px auto;align-items:end;gap:9px;display:grid}.experiment-form label{color:var(--muted);gap:6px;font-family:DM Mono,monospace;font-size:9px;display:grid}.experiment-form input,.experiment-form select,.tool-search{border:1px solid var(--line);outline-color:var(--coral);background:var(--white);min-height:37px;color:var(--ink);border-radius:7px;font-size:11px}.experiment-form input,.experiment-form select{width:100%;padding:0 9px}.experiment-form .primary{white-space:nowrap;min-height:37px;font-size:10px}.experiment-plan{background:#e8f0e9;border-radius:10px;margin-top:18px;padding:19px}.experiment-plan .eyebrow{color:#57765e;margin-bottom:7px}.experiment-plan h3{margin:0 0 9px;font-size:21px}.experiment-plan pre,.experiment-plan>p:last-child{color:#47614e;white-space:pre-wrap;margin:0;font-family:inherit;font-size:12px;line-height:1.8}.tool-search{width:min(440px,100%);color:var(--muted);align-items:center;gap:8px;padding:0 10px;display:flex}.tool-search input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.context-senses{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px;display:grid}.context-senses .eyebrow{grid-column:1/-1;margin-bottom:0}.context-senses article{background:#fcf4df;border:1px solid #ead8b9;border-radius:9px;padding:12px}.context-senses strong,.context-senses span{display:block}.context-senses strong{color:#7b5928;margin-bottom:5px;font-family:Fraunces,serif;font-size:16px}.context-senses span{color:#876e48;font-size:10px;line-height:1.4}.context-count{color:var(--muted);margin:23px 0 8px;font-family:DM Mono,monospace;font-size:9px}.context-results{gap:8px;display:grid}.context-results article{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:12px}.context-results small{color:var(--coral);font-family:DM Mono,monospace;font-size:8px}.context-results p{margin:5px 0 0;font-family:Fraunces,serif;font-size:16px;line-height:1.35}.tool-empty{border:1px dashed var(--line);min-height:125px;color:var(--muted);text-align:center;border-radius:9px;place-content:center;justify-items:center;gap:6px;margin-top:8px;font-size:12px;display:grid}.tool-empty p{margin:0}.science-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.science-grid article{border:1px solid var(--line);background:var(--white);border-radius:10px;flex-direction:column;min-height:175px;padding:16px;display:flex}.science-grid small{color:#4c7595;font-family:DM Mono,monospace;font-size:8px}.science-grid h3{margin:8px 0 6px;font-size:20px}.science-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.science-grid a{color:var(--coral);align-items:center;gap:4px;margin-top:auto;padding-top:12px;font-family:DM Mono,monospace;font-size:9px;text-decoration:none;display:inline-flex}@media (width<=1000px){.listening-workspace{grid-template-columns:1fr}.listening-player-panel{border-right:0;border-bottom:1px solid var(--line)}.listening-cues{max-height:390px}.listening-imports{grid-template-columns:1fr 1fr}.listening-paste{grid-column:1/-1}.experiment-form{grid-template-columns:1fr 1fr}}@media (width<=720px){.listening-lab-header{margin-bottom:22px;display:block}.listening-lab-header h1{font-size:35px}.listening-history{width:100%;margin-top:18px}.listening-workspace{min-height:0;margin-inline:-2px}.listening-player-panel{padding:14px}.listening-player{min-height:210px}.listening-transcript-title{padding:16px 15px 12px}.listening-transcript-title h2{font-size:20px}.listening-cues{max-height:410px;padding:6px}.listening-cues article{grid-template-columns:35px 1fr 23px;gap:5px;padding:8px}.listening-cues p{font-size:16px}.listening-imports{grid-template-columns:1fr}.listening-paste{grid-column:auto}.listening-imports>article{min-height:125px}.listening-url-row{grid-template-columns:1fr;display:grid}.listening-url-row .primary{min-height:34px}.listening-dictionary{width:calc(100vw - 24px);bottom:70px;right:12px}.listening-tools-overlay{place-items:end center;padding:10px}.listening-tools-sheet{border-radius:13px;max-height:calc(100vh - 20px)}.listening-tools-sheet>header,.listening-tools-sheet main{padding-left:17px;padding-right:17px}.listening-tools-sheet>nav{padding:0 12px;overflow:auto}.listening-tools-sheet>nav button{white-space:nowrap}.experiment-form,.science-grid,.context-senses{grid-template-columns:1fr}.context-senses .eyebrow{grid-column:auto}}.listening-page{max-width:1260px}.listen-hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:27px;display:flex}.listen-hero .eyebrow{color:#9e5e4b}.listen-hero h1{max-width:650px;margin:0 0 12px;font-size:45px;line-height:1.02}.listen-hero>div>p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.listen-target-card{color:#6d3d31;background:#f9e5dd;border:1px solid #ebc6ba;border-radius:12px;flex:none;align-items:center;gap:11px;width:190px;padding:13px;display:flex}.listen-target-card>span{color:#fff9f5;background:#ee775d;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.listen-target-card small,.listen-target-card strong{display:block}.listen-target-card small{letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;font-family:DM Mono,monospace;font-size:9px}.listen-target-card strong{font-family:Fraunces,serif;font-size:19px}.listen-overview{border:1px solid var(--line);background:var(--white);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:27px;display:grid;overflow:hidden}.listen-overview>div{border-right:1px solid var(--line);align-content:center;gap:2px;min-height:75px;padding:13px 18px;display:grid}.listen-overview>div:last-child{border-right:0}.listen-overview strong{font-family:Fraunces,serif;font-size:24px;line-height:1}.listen-overview span{color:var(--muted);letter-spacing:.2px;font-family:DM Mono,monospace;font-size:9px}.listen-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:40px;display:flex}.listen-view-tabs{background:color-mix(in srgb, var(--line) 48%, transparent);border-radius:10px;flex:none;gap:4px;padding:4px;display:flex}.listen-view-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:inline-flex}.listen-view-tabs button:hover,.listen-view-tabs button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #28231d14}.listen-filters{justify-content:flex-end;align-items:center;gap:7px;display:flex}.listen-filters select,.listen-search{border:1px solid var(--line);background:var(--white);height:36px;color:var(--ink);border-radius:8px;font-size:11px}.listen-filters select{padding:0 9px}.listen-search{width:208px;color:var(--muted);align-items:center;gap:7px;padding:0 10px;display:flex}.listen-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.listen-search input::placeholder{color:var(--muted)}.listen-section{margin-bottom:45px}.listen-section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.listen-section-heading>div{align-items:center;gap:9px;display:flex}.listen-section-heading h2,.listen-secondary-heading h2{margin:0;font-size:27px;line-height:1}.listen-section-heading>span{color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.listen-platform-mark{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.listen-platform-mark--youtube{color:#c93131;background:#fee2e2}.listen-platform-mark--tiktok{color:#22656c;background:#dfeef0}.listen-platform-mark--instagram{color:#b14f78;background:#f8e2eb}.listen-platform-mark--science{color:#416b9e;background:#e2ecfb}.listen-platform-mark--advice{color:#94651e;background:#f8ebcd}.listen-instagram-mark{font-size:25px;font-weight:600;line-height:1}.listen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.listen-card{border:1px solid var(--line);background:var(--white);border-radius:12px;flex-direction:column;min-height:278px;padding:15px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.listen-card:hover{border-color:color-mix(in srgb, var(--coral) 50%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.listen-card.is-completed{background:color-mix(in srgb, #eaf5ed 64%, var(--white))}.listen-card-top{align-items:center;gap:8px;min-height:34px;display:flex}.listen-card-badges{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.listen-card-badges>span,.listen-accent{text-overflow:ellipsis;white-space:nowrap;background:var(--paper);width:max-content;max-width:100%;color:var(--muted);letter-spacing:.2px;border-radius:4px;padding:3px 6px;font-family:DM Mono,monospace;font-size:8px;overflow:hidden}.listen-card-badges .listen-completed-badge{color:#397547;background:#dff0e3;align-items:center;gap:2px;display:inline-flex}.listen-save{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.listen-save:hover,.listen-save.is-saved{color:#ca5c61;background:#fdebed}.listen-card-body{padding:17px 0 12px}.listen-card-creator{color:var(--coral);margin:0 0 5px;font-family:DM Mono,monospace;font-size:9px}.listen-card h3{letter-spacing:-.65px;margin:0 0 7px;font-family:Fraunces,serif;font-size:20px;line-height:1.1}.listen-card-body>p:last-child{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.listen-card-meta{color:var(--muted);align-items:center;gap:5px;margin-top:auto;padding-top:11px;font-family:DM Mono,monospace;font-size:8px;display:flex}.listen-card-meta i{background:var(--muted);border-radius:50%;width:2px;height:2px}.listen-accent{border:1px solid var(--line);background:0 0;margin-top:8px;display:block}.listen-card-actions{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:6px;margin-top:12px;padding-top:11px;display:grid}.listen-card-actions button,.listen-card-actions a{border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:29px;font-family:DM Mono,monospace;font-size:8px;text-decoration:none;display:inline-flex}.listen-complete{color:var(--muted);background:var(--paper);border:0}.listen-complete:hover{color:var(--ink);background:color-mix(in srgb, var(--green) 22%, var(--paper))}.listen-complete.is-completed{color:#397547;background:#dff0e3}.listen-card-actions a{color:#a65343;background:#fce5de;padding:0 7px}.listen-card-actions a:hover{background:#f7d6cd}.listen-secondary{background:#edf3ee;border-radius:15px;margin-top:5px;padding:34px}.listen-secondary-heading{max-width:600px;margin-bottom:29px}.listen-secondary-heading .eyebrow{color:#55765f}.listen-secondary-heading h2{margin-bottom:10px}.listen-secondary-heading>p:last-child{color:#5a7161;margin:0;font-size:13px;line-height:1.5}.listen-secondary .listen-section{margin:0 0 30px}.listen-secondary .listen-section:last-child{margin-bottom:0}.listen-secondary .listen-card{background:color-mix(in srgb, var(--white) 88%, #edf3ee)}.listen-empty{border:1px dashed var(--line);min-height:235px;color:var(--muted);text-align:center;border-radius:12px;align-content:center;place-items:center;gap:12px;padding:30px;display:grid}.listen-empty h2{color:var(--ink);margin:0;font-size:21px}.culture-feature{background:#d8eadf;border-radius:14px;grid-template-columns:1.1fr .9fr;min-height:332px;display:grid;overflow:hidden}.culture-feature>div{padding:43px 45px}.culture-feature h2{margin:0 0 15px;font-size:31px;line-height:1.05}.culture-feature p:not(.eyebrow){color:#486457;max-width:400px;font-size:13px;line-height:1.5}.culture-feature aside{color:#f2f6ec;background:#8ebaa4;place-items:center;display:grid;position:relative;overflow:hidden}.culture-feature aside:before,.culture-feature aside:after{content:"";border:25px solid #eef6e938;border-radius:50%;width:250px;height:250px;position:absolute}.culture-feature aside:before{top:-150px;left:-80px}.culture-feature aside:after{bottom:-160px;right:-90px}.culture-feature aside span{letter-spacing:-2px;z-index:1;font-family:Fraunces,serif;font-size:43px;line-height:.83}.culture-feature aside i{z-index:1;font-size:23px;font-style:normal;position:absolute;bottom:22%;right:25%}.tools-section{padding-top:51px}.section-title{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-title h2,.scenarios-preview h2{margin:0;font-size:29px}.tools-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tools-grid article{border:1px solid var(--line);background:var(--white);border-radius:9px;grid-template-columns:37px 1fr auto;gap:10px;padding:15px;display:grid}.tool-icon{color:#765729;background:#f2dfb8;border-radius:7px;place-items:center;width:32px;height:32px;font-family:Fraunces,serif;font-size:18px;display:grid}.tool-icon.i1{color:#507659;background:#dce8df}.tool-icon.i2{color:#48688f;background:#d9e6f1}.tool-icon.i3{color:#9c5c51;background:#f0d8d2}.tools-grid small{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.tools-grid h3{letter-spacing:-.5px;margin:2px 0 4px;font-family:Fraunces,serif;font-size:17px}.tools-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.tools-grid>b{color:var(--muted);font-size:13px}.scenarios-preview{max-width:630px;margin-top:50px}.scenarios-preview h2{margin-bottom:17px}.scenarios-preview button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:15px 3px;display:flex}.scenarios-preview button>span{font-size:19px}.scenarios-preview button div{flex:1;gap:4px;display:grid}.scenarios-preview strong{font-size:13px}.scenarios-preview small{color:var(--muted);font-size:11px}.scenarios-preview b{font-weight:400}.onboarding{color:#302b28;background:#e7d4c6;min-height:100vh;padding:28px clamp(25px,7vw,100px);position:relative;overflow:hidden}.onboard-grain{clip-path:ellipse(60% 50%);background:repeating-linear-gradient(90deg,#6950431a 0 1px,#0000 1px 15px),#c9a691;width:62vw;max-width:840px;height:125vh;position:absolute;top:-20vh;right:-10vw;transform:rotate(26deg)}.onboard-grain:before,.onboard-grain:after{content:"";border:1px solid #fff5e780;border-radius:50%;position:absolute}.onboard-grain:before{width:620px;height:620px;top:220px;right:30px}.onboard-grain:after{width:350px;height:350px;top:355px;right:-100px}.onboard-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.onboard-top>span{color:#76645a;font-family:DM Mono,monospace;font-size:10px}.onboard-content{z-index:1;max-width:475px;margin-top:9vh;position:relative}.onboard-content h1{letter-spacing:-3px;margin:0 0 21px;font-size:clamp(47px,5.2vw,74px);font-weight:600;line-height:.94}.onboard-content h1 i{font-weight:500}.onboard-intro{color:#6c5e57;max-width:350px;margin-bottom:35px;font-size:15px;line-height:1.5}.onboard-form{max-width:365px}.onboard-form label{gap:8px;font-size:12px;font-weight:600;display:grid}.onboard-form input{color:#302b28;background:#fffcf687;border:1px solid #54433a4d;border-radius:6px;outline:0;padding:12px}.onboard-form input:focus{border-color:#302b28}.onboard-form fieldset{border:0;margin:22px 0;padding:0}.onboard-form legend{margin-bottom:8px;font-size:12px;font-weight:600}.language-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.language-options button{text-align:left;background:#fffcf659;border:1px solid #54433a4d;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:25px 1fr;align-items:center;padding:10px;display:grid}.language-options button.selected{background:#fffcf6d1;border-color:#332b27;box-shadow:inset 0 0 0 1px #332b27}.language-options button span{grid-row:1/3;font-size:18px}.language-options button strong{font-size:11px}.language-options button small{color:#76645a;font-size:9px}.onboarding .primary{background:#332b27}.onboard-note{z-index:1;color:#76645a;font-family:DM Mono,monospace;font-size:9px;position:absolute;bottom:25px}@media (width<=1000px){.page{padding:42px 35px 70px}.resource-grid{grid-template-columns:repeat(3,1fr)}.listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-toolbar{flex-direction:column;align-items:flex-start}.listen-filters{justify-content:flex-start;width:100%}.reader-layout{grid-template-columns:160px minmax(350px,1fr);gap:36px}.reader-right{display:none}.daily-card{grid-template-columns:35% 1fr 75px}.daily-art{margin-right:20px}}@media (width<=720px){.sidebar{display:none}.page-canvas{width:100%;margin:0;padding-bottom:65px}.mobile-header{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.mobile-nav{z-index:4;background:var(--white);border-top:1px solid var(--line);padding:8px 8px max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;place-items:center;gap:2px;font-size:9px;display:grid}.mobile-nav button b{font-size:17px;font-weight:500}.mobile-nav button.active{color:var(--coral)}.page{padding:31px 20px 35px}.page-header{margin-bottom:26px}.page-header h1{font-size:34px}.desktop-avatar{display:none}.streaks{grid-template-columns:1fr 1fr;gap:8px}.daily-card{grid-template-columns:1fr;min-height:345px}.daily-art{opacity:.55;width:53%;height:100%;margin:0;position:absolute;inset:0 0 auto auto}.daily-copy{align-self:end;padding:31px 25px}.daily-copy h2{font-size:30px}.daily-copy>p{max-width:275px;font-size:13px}.daily-count{padding:14px;position:absolute;top:0;right:0}.dashboard-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr 1fr;gap:14px}.listening-page{padding-bottom:45px}.listen-hero{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:21px}.listen-hero h1{font-size:35px}.listen-target-card{width:100%}.listen-overview{grid-template-columns:1fr 1fr}.listen-overview>div:nth-child(2){border-right:0}.listen-overview>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.listen-toolbar{margin-bottom:32px}.listen-view-tabs{width:100%}.listen-view-tabs button{flex:1;justify-content:center;padding:9px 5px}.listen-filters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.listen-search{grid-column:1/-1;width:100%}.listen-filters select{width:100%}.listen-grid{grid-template-columns:1fr}.listen-section{margin-bottom:35px}.listen-secondary{margin-inline:-4px;padding:27px 18px}.listen-secondary-heading h2,.listen-section-heading h2{font-size:24px}.cover{height:184px}.resource-meta h3{font-size:16px}.filter-row{display:grid}.filter-row select{width:max-content}.library-page .page-header .outline{place-items:center;width:36px;height:36px;padding:0;font-size:0;display:grid}.library-page .page-header .outline:first-letter{font-size:18px}.reader-page{padding:18px 20px}.reader-top{height:auto}.reader-controls .control:first-child{display:none}.reader-layout{display:block}.reader-aside{grid-template-columns:75px 1fr;align-items:center;gap:14px;padding-top:13px;display:grid}.reader-aside .cover{height:85px;margin:0}.reader-aside .reader-progress,.reader-aside .save-link{display:none}.reading-text{padding-top:44px}.reading-text>h1{font-size:34px}.paragraph{line-height:1.72}.studio{min-height:410px}.speaking-page .session-count{display:none}.camera-window{width:145px;height:210px;right:8%}.face-shape{left:5px}.prompter{font-size:14px}.record-btn{bottom:95px;left:8%}.writing-workspace{grid-template-columns:1fr}.editor{min-height:300px}.writing-aside{padding:0}.culture-feature{grid-template-columns:1fr}.culture-feature>div{padding:32px 25px}.culture-feature aside{height:180px}.culture-feature aside span{font-size:35px}.tools-grid{grid-template-columns:1fr}.onboard-grain{opacity:.75;width:80vw;right:-27vw}.onboard-content{margin-top:11vh}.onboard-content h1{font-size:53px}.onboarding{padding:25px 24px}.onboard-note{left:24px;right:24px}.onboard-intro{max-width:270px}}.cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-editable{cursor:pointer;border:0;width:100%;padding:0;display:block}.cover-edit-badge{color:#4a4038;opacity:0;background:#ffffffe6;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;transition:all .2s;display:grid;position:absolute;bottom:8px;right:8px}.cover-editable:hover .cover-edit-badge{opacity:1}.cover-reset{color:var(--muted);margin-top:6px;font-size:10px}.title-clickable{cursor:text;border-radius:5px;margin-left:-4px;padding:2px 4px;transition:all .15s}.title-clickable:hover{background:color-mix(in srgb, var(--coral) 12%, transparent)}.title-inline,.chapter-inline{letter-spacing:-.6px;border:0;border-bottom:2px solid var(--coral);color:var(--ink);background:0 0;outline:0;width:100%;padding:2px 0;font-family:Fraunces,serif;font-size:20px;font-weight:600}.chapter-inline{margin:0 0 6px;font-size:15px}.reader-aside-meta{padding-top:4px}.chapter-title{letter-spacing:1px;color:var(--muted);text-transform:uppercase;cursor:text;background:0 0;border:0;border-bottom:1px dashed #0000;margin:18px 0 8px;padding:0;font-family:DM Mono,monospace;font-size:11px}.chapter-title:hover{color:var(--ink);border-bottom-color:var(--muted)}.reader-page-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:22px;padding-top:13px;display:flex}.reader-page-nav button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;padding:6px 8px;font-size:10px}.reader-page-nav button:disabled{opacity:.4}.reader-page-nav span{color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.edit-toggle,.delete-link{color:var(--muted);margin-top:14px;font-size:11px;display:block}.delete-link:hover{color:#b4453a}.delete-confirm{background:#fbeae7;border:1px solid #d9a49c;border-radius:8px;margin-top:14px;padding:12px}.delete-confirm p{color:#7c3a30;margin:0 0 9px;font-size:11px}.delete-confirm div{gap:7px;display:flex}.delete-confirm .outline{background:var(--white);padding:6px 9px;font-size:11px}.danger{color:#fff;background:#b4453a;border:0;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:600}.paragraph-edit{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);resize:vertical;border-radius:8px;margin:0 0 16px;padding:13px;font-family:Fraunces,serif;font-size:17px;line-height:1.6}.control.page-size{font-size:10px}.control-focus{color:var(--ink);border-color:color-mix(in srgb, var(--coral) 65%, var(--line))}.silent-custom{border-bottom:1px dotted color-mix(in srgb, var(--blue) 70%, transparent)}.legend .silent-dot{background:#b9b6ae;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.reading-text.wide .paragraph{max-width:820px}.silent-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.silent-editor-head{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.silent-editor-head span{letter-spacing:.8px;color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.silent-editor-head em{color:var(--blue);font-size:9px;font-style:normal}.silent-letters{flex-wrap:wrap;gap:3px;display:flex}.silent-letters .letter{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;min-width:30px;height:34px;font-family:Fraunces,serif;font-size:17px;transition:all .15s}.silent-letters .letter:hover{border-color:var(--ink)}.silent-letters .letter.silent-on{color:#a3a09a;background:#e4e2dc;border-color:#d4d1c9;text-decoration:line-through}.silent-letters .punct{color:var(--muted);align-self:center}.silent-hint{color:var(--muted);margin:9px 0 4px;font-size:10px;line-height:1.4}.saved-deck{color:#436b4e;background:#e4eee5;border:1px solid #9dbea3;border-radius:8px;padding:11px 12px;font-size:12px;font-weight:600}.focus-overlay{z-index:20;background:var(--paper);flex-direction:column;width:100vw;height:100vh;max-height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.focus-stage{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-items:center;height:100%;min-height:0;max-height:100%;display:flex;overflow-x:hidden;overflow-y:auto!important}.focus-board{box-sizing:border-box;flex-shrink:0;width:100%;max-width:880px;height:auto;min-height:100%;margin:0 auto;padding:60px 54px calc(100vh - 700px);position:relative}.focus-text-col{width:100%;margin:0;padding:0}.focus-chapter{letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;margin:22px 0 10px;font-family:DM Mono,monospace;font-size:13px}.focus-paragraph{letter-spacing:-.2px;margin:0 0 26px;font-family:Fraunces,serif;line-height:1.85}.focus-word{display:inline-block}.focus-word.clickable{cursor:pointer;border-radius:3px}.focus-word.clickable .focus-letter:hover{box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--ink) 40%, transparent)}.focus-letter.user-gray{color:#c2c0ba!important}.focus-ink{pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.focus-ink.drawing{pointer-events:auto;cursor:crosshair}.focus-nav-pill{z-index:21;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.focus-nav-pill button{width:32px;height:32px;color:var(--ink);background:0 0;border:none;border-radius:50%;place-items:center;font-size:15px;transition:all .15s;display:grid}.focus-nav-pill button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 8%, transparent)}.focus-nav-pill button:disabled{opacity:.3}.focus-nav-pill span{color:var(--muted);text-align:center;min-width:40px;font-family:DM Mono,monospace;font-size:11px}.focus-actions-pill{z-index:21;border-radius:999px;align-items:center;gap:3px;padding:6px 8px;display:flex;position:fixed;top:14px;right:16px}.focus-actions-pill button{color:var(--ink);background:0 0;border:none;border-radius:999px;padding:7px 11px;font-size:12px;transition:all .15s}.focus-actions-pill button:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.focus-zoom{min-width:46px;font-family:DM Mono,monospace;color:var(--muted)!important}.focus-quit-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex;background:var(--ink)!important;color:var(--paper)!important}.focus-quit-btn svg{flex-shrink:0;display:block}.focus-ai-btn,.export-ai-fidelity-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#7c3aed!important;background:linear-gradient(135deg,#7c3aed1f,#3b82f61f)!important;border:1px solid #7c3aed40!important}:root[data-theme=dark] .focus-ai-btn,:root[data-theme=dark] .export-ai-fidelity-btn{color:#c4b5fd!important;background:linear-gradient(135deg,#a78bfa33,#60a5fa33)!important;border-color:#a78bfa59!important}.focus-ai-btn:hover:not(:disabled),.export-ai-fidelity-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed33;background:linear-gradient(135deg,#7c3aed38,#3b82f638)!important}.focus-ai-btn.loading,.export-ai-fidelity-btn.loading{opacity:.75;cursor:wait}.spin-slow{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.focus-ai-toast,.export-ai-toast{z-index:50;background:var(--surface,#fff);color:var(--ink);pointer-events:none;border:1px solid #7c3aed4d;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideDown;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #7c3aed26,0 2px 8px #00000014}:root[data-theme=dark] .focus-ai-toast,:root[data-theme=dark] .export-ai-toast{background:#1e2530;border-color:#a78bfa59;box-shadow:0 10px 30px #0006}.toast-sparkle{color:#7c3aed;flex-shrink:0;animation:1.5s infinite pulse}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.focus-nav-pill.glass,.focus-actions-pill.glass,.focus-tools-toggle.glass{background:color-mix(in srgb, var(--white) 94%, transparent)}.focus-toolbar{z-index:22;border-radius:999px;gap:2px;padding:7px 10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.focus-toolbar.glass,.focus-side-pill.glass,.focus-panel.glass{background:color-mix(in srgb, var(--white) 94%, transparent)}.ftool{color:var(--muted);background:0 0;border:none;border-radius:999px;place-items:center;width:38px;height:38px;transition:all .15s;display:grid}.ftool b{font-size:16px;font-weight:600;line-height:1}.ftool:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.ftool.active{background:var(--ink);color:var(--paper)}.focus-side-pill{z-index:21;border-radius:999px;justify-items:center;gap:6px;padding:10px 8px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.focus-side-pill.left{left:16px}.focus-side-pill button{width:36px;height:36px;color:var(--ink);background:0 0;border:none;border-radius:50%;place-items:center;font-size:16px;transition:all .15s;display:grid}.focus-side-pill button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 8%, transparent)}.focus-side-pill button.active{background:var(--ink);color:var(--paper)}.focus-side-pill button:disabled{opacity:.3}.focus-tools-toggle{z-index:21;width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;transition:all .18s;display:grid;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.focus-tools-toggle:hover{color:var(--ink);transform:translateY(-50%)scale(1.07)}.focus-tools-toggle b{font-size:15px;font-weight:600;line-height:1}.focus-panel{z-index:21;border-radius:22px;justify-items:center;gap:8px;padding:12px 10px;animation:.22s toolsIn;display:grid;position:fixed;top:50%;right:16px;transform:translateY(-50%)}@keyframes toolsIn{0%{opacity:0;transform:translateY(calc(16px - 50%))scale(.9)}to{opacity:1;transform:translateY(-50%)scale(1)}}.panel-collapse{color:var(--muted);cursor:pointer;background:0 0;border:none;width:26px;height:22px;padding:0;font-size:14px}.panel-collapse:hover{color:var(--ink)}.panel-swatch{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:all .15s;box-shadow:0 2px 8px #28241e40}.panel-swatch:hover{transform:scale(1.15)}.panel-swatch.active{border-color:var(--ink)}.panel-sep{background:var(--line);width:20px;height:1px}.panel-width{border:1px solid var(--line);background:var(--paper);border-radius:5px;place-items:center;width:26px;height:24px;display:grid}.panel-width i{background:var(--ink);border-radius:3px;width:14px;display:block}.panel-width.active{border-color:var(--ink);background:var(--white)}.panel-size{border:1px solid var(--line);background:var(--paper);width:26px;height:24px;color:var(--ink);border-radius:5px;place-items:center;font-size:10px;display:grid}.panel-size:hover{border-color:var(--ink)}.focus-text-note{white-space:pre-wrap;cursor:move;touch-action:none;z-index:2;font-family:Caveat,cursive;font-weight:500;line-height:1.25;position:absolute}.focus-text-note.selected{outline:1.5px dashed color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:5px}.note-handle{background:var(--white);border:1.5px solid var(--ink);z-index:4;touch-action:none;border-radius:4px;width:13px;height:13px;padding:0;position:absolute}.note-handle.nw{cursor:nwse-resize;top:-9px;left:-9px}.note-handle.ne{cursor:nesw-resize;top:-9px;right:-9px}.note-handle.sw{cursor:nesw-resize;bottom:-9px;left:-9px}.note-handle.se{cursor:nwse-resize;bottom:-9px;right:-9px}.focus-text-editor{outline:1.5px dashed color-mix(in srgb, var(--ink) 30%, transparent);outline-offset:5px;z-index:3;white-space:pre-wrap;background:0 0;border:none;min-width:110px;min-height:1.3em;font-family:Caveat,cursive;font-weight:500;line-height:1.25;position:absolute}.focus-edit-wrap{position:relative}.focus-edit-mirror{white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;display:block}.focus-edit-area{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--ink);font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;white-space:pre-wrap;overflow-wrap:break-word;background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.focus-letter.edited-char{color:#16a34a}.speaking-page{width:100%;max-width:1480px;margin:0 auto;padding:48px 32px 60px}.header-right-badges{align-items:center;gap:10px;display:flex}.session-count-pill{background:var(--white);border:1px solid var(--line);color:var(--muted);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:DM Mono,monospace;font-size:12px;display:inline-flex}.studio-stage-wrapper{margin-bottom:36px}.studio-camera-viewport{aspect-ratio:16/9.5;background:#0d1017;border:1px solid #ffffff14;border-radius:20px;width:100%;min-height:480px;max-height:640px;transition:background .55s,box-shadow .55s,border-color .55s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000038}.studio-camera-viewport.inactive{box-shadow:none;background:0 0;border:1.5px dashed #94a3b8}.studio-camera-viewport.active .studio-live-video{animation:.65s cubic-bezier(.22,1,.36,1) both studio-cam-expand}@keyframes studio-cam-expand{0%{opacity:0;border-radius:56px;transform:scaleX(-1)scale(.18)}55%{opacity:1}to{opacity:1;border-radius:0;transform:scaleX(-1)scale(1)}}.studio-camera-viewport.active .studio-glass-hud{animation:.45s .3s both studio-hud-fade-in}@keyframes studio-hud-fade-in{0%{opacity:0}to{opacity:1}}:root[data-theme=dark] .studio-camera-viewport.inactive{border-color:#475569}.studio-camera-viewport.fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh;min-height:100vh;max-height:100vh}.studio-live-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.studio-live-video.disabled{opacity:0}.studio-black-screen{color:#6c7280;background:#0f1218;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.studio-dashed-auth-box{background:0 0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.dashed-auth-inner{text-align:center;width:100%;max-width:480px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:16px;padding:0;display:flex}.dashed-cam-icon{width:56px;height:56px;color:var(--coral,#ee775d);background:#ee775d1f;border-radius:50%;justify-content:center;align-items:center;display:flex}.dashed-auth-inner h3{color:var(--ink);max-width:360px;margin:0;font-family:Fraunces,serif;font-size:22px;line-height:1.35}.dashed-activate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ee775d 0%,#e05e42 100%);border:0;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #ee775d59}.dashed-activate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ee775d80}.studio-auth-error{color:#ef4444;margin:0;font-size:12px}.transparent-countdown-overlay{pointer-events:none;z-index:20;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number-display{color:#fff;text-shadow:0 4px 30px #000000b3,0 0 60px #ee775d99;font-family:DM Sans,sans-serif;font-size:clamp(96px,16vw,150px);font-weight:800;animation:1s cubic-bezier(.16,1,.3,1) infinite countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.1)}75%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.9)}}.studio-glass-hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:18px 22px;transition:background .3s;display:flex;position:absolute;inset:0}.studio-glass-hud *{pointer-events:auto}.hud-top-bar{justify-content:space-between;align-items:center;display:flex}.hud-top-left-actions,.hud-top-right-tools{align-items:center;gap:8px;display:flex}.mode-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f3f7;background:#121620b3;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.lang-tag{color:#ee775d;background:#ee775d33;border:1px solid #ee775d59;border-radius:12px;padding:4px 8px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.hud-audio-meter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#9aa2b1;background:#121620b3;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.vu-bars{align-items:flex-end;gap:2px;width:16px;height:14px;display:flex}.vu-bars i{background:#10b981;border-radius:1px;width:3px;min-height:2px;transition:height 80ms ease-out}.hud-glass-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#d1d5db;cursor:pointer;background:#121620b3;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:flex}.hud-glass-btn:hover,.hud-glass-btn.active{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.hud-opacity-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#0e121af2;border:1px solid #ffffff26;border-radius:12px;width:220px;padding:12px 14px;position:absolute;top:40px;right:0;box-shadow:0 12px 30px #00000080}.hud-opacity-popover label{color:#e2e8f0;flex-direction:column;gap:8px;font-size:11px;display:flex}.hud-opacity-popover input{accent-color:#ee775d;width:100%}.hud-opacity-popover b{color:#ee775d;text-align:right;font-family:DM Mono,monospace;font-size:12px}.prompter-integrated-stack{-webkit-backdrop-filter:blur(32px);z-index:15;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;gap:10px;padding:14px 18px 10px;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 20px 50px #0000008c}.prompter-text-row{align-items:flex-start;gap:12px;display:flex;position:relative}.minimal-prompter-content{flex:1;max-height:86px;padding-right:28px;overflow-y:auto}.minimal-prompter-text{color:#fff;text-shadow:0 2px 8px #0009;margin:0;font-family:Fraunces,serif;font-size:clamp(16px,1.7vw,21px);line-height:1.55}.minimal-prompter-close{color:#cbd5e1;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:0;right:0}.minimal-prompter-close:hover{color:#fff;background:#ef444459}.prompter-controls-footer{border-top:1px solid #ffffff1a;padding-top:8px}.hud-bottom-bar.in-prompter{align-items:center;padding:0}.topic-directives-card{-webkit-backdrop-filter:blur(20px);background:#0e121abf;border:1px solid #ffffff24;border-radius:12px;max-width:320px;margin-bottom:6px;padding:10px 12px;animation:.2s cubic-bezier(.16,1,.3,1) slide-up;box-shadow:0 10px 30px #00000059}.directives-title{color:#ee775d;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.directives-list{flex-direction:column;gap:4px;margin:0;padding-left:16px;display:flex}.directives-list li{color:#f1f5f9;font-size:12px;line-height:1.35}.in-place-topic-drawer{-webkit-backdrop-filter:blur(24px);z-index:16;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;width:340px;max-height:380px;animation:.22s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:absolute;bottom:84px;right:22px;overflow:hidden;box-shadow:0 20px 50px #0000008c}.drawer-subview{flex-direction:column;max-height:380px;display:flex}.drawer-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-head strong{color:#fff;font-size:13px}.drawer-back{color:#94a3b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;display:flex}.drawer-back:hover{color:#fff}.drawer-close{color:#64748b;cursor:pointer;background:0 0;border:0;padding:2px}.drawer-close:hover{color:#fff}.drawer-list{flex-direction:column;gap:5px;max-height:310px;padding:8px;display:flex;overflow-y:auto}.drawer-cat-btn,.drawer-niche-btn{color:#f1f5f9;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;transition:all .15s;display:flex}.drawer-cat-btn:hover,.drawer-niche-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translate(2px)}.drawer-cat-btn span{font-size:18px}.drawer-cat-btn b,.drawer-niche-btn b{flex:1;font-size:12px;font-weight:500}.drawer-cat-btn .arr{color:#64748b}.drawer-niche-btn span{color:#ee775d;background:#ee775d2e;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.drawer-prompter-question{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 20px;display:flex}.drawer-prompter-question h4{color:#fff;margin:0;font-family:Fraunces,serif;font-size:18px}.pending-topic-title{color:#ee775d;margin:0;font-size:13px;font-weight:500}.prompter-question-btns{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:10px;display:grid}.pq-btn{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .18s}.pq-btn.secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26}.pq-btn.secondary:hover{color:#fff;background:#ffffff29}.pq-btn.primary{color:#fff;background:linear-gradient(135deg,#ee775d 0%,#d95338 100%);border:0;box-shadow:0 4px 14px #ee775d59}.pq-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ee775d80}.hud-bottom-bar{grid-template-columns:1fr auto 1fr;align-items:flex-end;padding:6px 0;display:grid}.hud-device-controls{align-items:center;gap:8px;display:flex}.device-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e2e8f0;cursor:pointer;background:#121620bf;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex}.device-btn:hover{color:#fff;background:#ffffff26}.device-btn.off{color:#f87171;background:#ef444440;border-color:#ef444480}.device-btn.active{color:#fff;background:#ffffff38;border-color:#ffffff59}.hud-record-center{align-items:center;gap:16px;display:flex}.hud-live-timer{background:#ef444433;border:1px solid #ef444466;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.red-recording-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;animation:1s infinite pulse}.timer-digits{color:#fff;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.primary-record-btn{color:#111;cursor:pointer;background:#fff;border:0;border-radius:30px;align-items:center;gap:10px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #00000059}.primary-record-btn:hover{transform:scale(1.04);box-shadow:0 8px 25px #ffffff4d}.rec-red-circle{background:#dc2626;border-radius:50%;width:12px;height:12px}.active-recording-actions{align-items:center;gap:8px;display:flex}.pause-record-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .18s;display:flex}.pause-record-btn:hover{background:#ffffff40}.stop-record-btn{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #dc262666}.stop-record-btn:hover{background:#b91c1c;transform:scale(1.03)}.stop-white-square{background:#fff;border-radius:2px;width:10px;height:10px}.hud-right-actions-stack{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.selected-topic-pill-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121620d9;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.selected-topic-pill-overlay .topic-badge{color:#ee775d;background:#ee775d40;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.selected-topic-pill-overlay .topic-text{color:#f1f5f9;font-weight:500}.hud-topic-trigger-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e2e8f0;cursor:pointer;background:#121620bf;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .18s;display:inline-flex}.hud-topic-trigger-btn:hover{color:#fff;background:#ffffff26}.quick-dict-drawer{-webkit-backdrop-filter:blur(24px);z-index:25;background:#0f141cd9;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;width:380px;height:420px;max-height:calc(100% - 100px);animation:.2s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:absolute;bottom:84px;left:22px;overflow:hidden;box-shadow:0 20px 50px #0000008c}.quick-dict-head{-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.quick-dict-tabs{gap:4px;display:flex}.quick-dict-tab{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:500;transition:all .15s}.quick-dict-tab:hover:not(:disabled){color:#fff;background:#ffffff14}.quick-dict-tab.active{color:#fff;background:#ffffff29;font-weight:600}.quick-dict-tab:disabled,.quick-dict-tab.disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.quick-dict-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.quick-dict-close:hover{color:#fff;background:#ffffff1a}.quick-dict-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.quick-dict-deepl-view{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.quick-dict-source-text{color:#cbd5e1;word-break:break-word;white-space:pre-wrap;font-size:14px;font-weight:400;line-height:1.5}.quick-dict-word-token{cursor:pointer;border-radius:4px;margin:0 -2px;padding:1px 2px;transition:background-color .15s,color .15s;display:inline}.quick-dict-word-token:hover{color:#fff;background:#ffffff38;text-decoration:none}.quick-dict-divider{background:#ffffff14;width:100%;height:1px}.quick-dict-translated-wrap{flex-direction:column;gap:8px;display:flex;position:relative}.quick-dict-translated-text{color:#f1f5f9;word-break:break-word;white-space:pre-wrap;font-size:15px;font-weight:400;line-height:1.5}.quick-dict-speak-sentence-btn{vertical-align:middle;box-shadow:none;color:#ffffff6b;cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;margin-left:6px;padding:2px 3px;line-height:1;transition:color .15s,transform .15s,opacity .15s;display:inline-flex}.quick-dict-speak-sentence-btn:hover{color:#38bdf8;background:0 0;border:none;transform:scale(1.12)}.quick-dict-speak-sentence-btn:active{transform:scale(.94)}.quick-dict-speak-sentence-btn.speaking{color:#38bdf8;opacity:1;animation:.9s ease-in-out infinite alternate pulseSentenceSpeaking}@keyframes pulseSentenceSpeaking{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.18)}}.quick-dict-word-popover{z-index:100;-webkit-backdrop-filter:blur(24px);background:#0f141ceb;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:8px;min-width:210px;padding:10px 12px;animation:.18s cubic-bezier(.16,1,.3,1) popoverFadeIn;display:flex;position:absolute;box-shadow:0 20px 50px #000000a6,0 0 0 1px #ffffff14}.word-popover-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.word-popover-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.word-popover-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.word-popover-close:hover{color:#fff;background:#ffffff1a}.word-popover-actions{flex-direction:column;gap:6px;display:flex}.word-popover-btn{color:#f1f5f9;cursor:pointer;text-align:left;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;padding:9px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.word-popover-btn .popover-icon{color:#cbd5e1;flex-shrink:0}.word-popover-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff38;transform:translate(2px)}.word-popover-btn:hover .popover-icon{color:#fff}.word-popover-btn.primary{color:#fff;background:linear-gradient(135deg,#ee775d 0%,#e05e42 100%);border:1px solid #ffffff26;font-weight:600;box-shadow:0 4px 14px #ee775d59}.word-popover-btn.primary .popover-icon{color:#fff}.word-popover-btn.primary:hover{background:linear-gradient(135deg,#f08269 0%,#e56549 100%);transform:translate(2px)translateY(-1px);box-shadow:0 6px 18px #ee775d80}.quick-dict-loading{color:#94a3b8;align-items:center;gap:6px;padding:4px 0;font-size:12px;display:flex}.quick-dict-empty-state{color:#64748b;text-align:center;margin:auto;padding:20px;font-size:12.5px;line-height:1.4}.quick-dict-linguee-view{background:#fff;flex:1;width:100%;height:100%}.quick-dict-frame{border:0;width:100%;height:100%;display:block}.quick-dict-cambridge-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px 16px;display:flex}.quick-dict-cambridge-desc{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.quick-dict-cambridge-word{color:#cbd5e1;font-size:13px}.quick-dict-cambridge-word strong{color:#fff}.quick-dict-cambridge-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;transition:all .15s;display:inline-flex}.quick-dict-cambridge-btn:hover{background:#fff3;border-color:#ffffff40}.quick-dict-bottom-search{background:#0a0e1466;border-top:1px solid #ffffff14;padding:10px 12px}.quick-dict-input-wrap{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .15s;display:flex}.quick-dict-input-wrap:focus-within{background:#ffffff1a;border-color:#ffffff40}.quick-dict-search-icon{color:#64748b;flex-shrink:0}.quick-dict-input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.quick-dict-input::placeholder{color:#64748b;font-size:12px}.quick-dict-clear{color:#64748b;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.quick-dict-clear:hover{color:#cbd5e1}@media (width<=640px){.quick-dict-drawer{width:auto;bottom:76px;left:12px;right:12px}}.floating-pip-container{z-index:999;-webkit-user-select:none;user-select:none;border-radius:16px;min-width:220px;max-width:650px;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 50px #00000073}.pip-resize-handle{color:#94a3b8;cursor:nwse-resize;z-index:10;background:#1e2532;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:-8px;left:-8px;box-shadow:0 4px 10px #0006}.pip-resize-handle:hover{background:var(--coral);color:#fff;transform:scale(1.15)}.floating-pip-video-box{aspect-ratio:16/10;background:#090c12;border:1.5px solid #ffffff26;border-radius:16px;width:100%;position:relative;overflow:hidden}.floating-pip-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.floating-pip-toolbar{-webkit-backdrop-filter:blur(14px);background:#080b12b8;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.pip-left-actions,.pip-right-actions{align-items:center;gap:5px;display:flex}.pip-icon-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.pip-icon-btn:hover{color:#fff;background:#ffffff38;transform:scale(1.08)}.pip-icon-btn.muted{color:#fca5a5;background:#ef444440}.pip-icon-btn.close:hover{color:#fff;background:#ef444459}.pip-icon-btn.record{background:#ef444440}.pip-rec-red-circle{background:#ef4444;border-radius:50%;width:9px;height:9px}.pip-rec-pill{background:#ef44444d;border:1px solid #ef444473;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;display:flex}.pip-rec-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.pip-rec-time{color:#fff;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.pip-control-micro-btn{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.pip-control-micro-btn.stop{color:#fca5a5}.improv-modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:100;background:#070a10bf;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.improv-modal-card{background:#11151e;border:1px solid #ffffff24;border-radius:24px;width:100%;max-width:520px;padding:28px 32px;position:relative;box-shadow:0 30px 80px #0009}.improv-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.improv-badge{color:#ee775d;background:#ee775d2e;border-radius:6px;align-items:center;gap:5px;margin-bottom:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.improv-modal-title h3{color:#fff;margin:0;font-family:Fraunces,serif;font-size:22px}.improv-header-actions{align-items:center;gap:8px;display:flex}.improv-sound-toggle,.improv-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.improv-sound-toggle:hover,.improv-close-btn:hover{color:#fff;background:#ffffff29}.improv-wheel-container{justify-content:center;align-items:center;width:360px;height:360px;margin:0 auto 20px;display:flex;position:relative}.wheel-pointer{z-index:10;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pointer-needle{filter:drop-shadow(0 4px 8px #00000080);border-top:24px solid #ee775d;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0}.wheel-canvas{width:360px;height:360px}.wheel-center-btn{color:#fff;cursor:pointer;background:radial-gradient(circle,#252d3a 0%,#151a24 100%);border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:76px;height:76px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;box-shadow:0 8px 24px #00000080}.wheel-center-btn:hover:not(:disabled){color:#ee775d;border-color:#ee775d;transform:scale(1.08);box-shadow:0 0 20px #ee775d66}.wheel-center-btn.spinning{opacity:.8;animation:1s infinite pulse}.wheel-center-btn span{letter-spacing:.5px;font-family:DM Mono,monospace;font-size:10px;font-weight:700}.improv-result-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up}.result-category-tag{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cat-chip{color:#ee775d;background:#ee775d33;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.num-chip{color:#94a3b8;font-family:DM Mono,monospace;font-size:11px}.result-challenge-text{color:#fff;margin:0 0 16px;font-family:Fraunces,serif;font-size:17px;line-height:1.4}.result-actions{justify-content:flex-end;gap:10px;display:flex}.improv-btn-outline{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.improv-btn-outline:hover{color:#fff;background:#ffffff1a}.improv-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ee775d 0%,#d95338 100%);border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #ee775d66}.improv-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ee775d8c}.improv-hint{text-align:center;color:#94a3b8;margin:0;font-size:13px}.hud-glass-btn.close-cam:hover{color:#fca5a5;background:#ef444459;border-color:#ef444480}.hud-topic-btn-group{align-items:center;gap:6px;display:flex}.hud-topic-clear-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#cbd5e1;cursor:pointer;background:#121620bf;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.hud-topic-clear-btn:hover{color:#fca5a5;background:#ef444440;border-color:#ef444466}.speaking-workspace-page{flex-direction:column;gap:20px;width:100%;padding-bottom:60px;animation:.22s ease-out fadeIn;display:flex}.workspace-header-bar{background:var(--white);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;box-shadow:0 4px 16px #00000008}.workspace-header-left{align-items:center;gap:18px;display:flex}.workspace-back-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.workspace-back-btn:hover{background:var(--white);border-color:var(--ink);transform:translate(-2px)}.workspace-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.workspace-title-inline-heading{color:var(--ink);cursor:pointer;margin:0;font-family:Fraunces,serif;font-size:22px;line-height:1.2;transition:opacity .15s}.workspace-title-inline-heading:hover{opacity:.85}.workspace-title-inline-input{color:var(--ink);box-shadow:none;background:0 0;border:none;outline:none;min-width:140px;margin:0;padding:0;font-family:Fraunces,serif;font-size:22px;font-weight:700;line-height:1.2}.workspace-meta-inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.ws-chip{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.ws-chip.mode{color:var(--coral);background:#ee775d1f}.ws-chip.topic{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.ws-chip.date{color:var(--muted);align-items:center;gap:4px;font-family:DM Mono,monospace;display:inline-flex}.ws-saved-pill{color:#10b981;background:#10b9811f;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.workspace-header-actions{align-items:center;gap:8px;display:flex}.ws-action-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.ws-action-btn:hover{background:var(--white);border-color:var(--ink)}.ws-action-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.workspace-body-grid{grid-template-columns:1.15fr 1fr;gap:28px;width:100%;min-height:580px;display:grid}.workspace-video-pane{flex-direction:column;gap:16px;display:flex}.yt-video-container{aspect-ratio:16/10;border:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#090c12;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f}.yt-video-container.controls-hidden{cursor:none}.yt-video-container.is-fullscreen{aspect-ratio:auto;border:none;border-radius:0;width:100vw;height:100vh}.yt-video-element{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.ws-video-placeholder{color:#64748b;font-size:13px}.yt-center-pulse{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;z-index:10;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.45s cubic-bezier(.16,1,.3,1) forwards ytPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}@keyframes ytPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.yt-controls-overlay{z-index:5;pointer-events:auto;background:linear-gradient(#0000 0%,#00000073 40%,#000000e0 100%);flex-direction:column;gap:6px;padding:24px 16px 10px;transition:opacity .28s,transform .28s;display:flex;position:absolute;bottom:0;left:0;right:0}.yt-controls-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.yt-controls-overlay.visible{opacity:1;transform:translateY(0)}.yt-scrubber-row{align-items:center;width:100%;padding:0 4px;display:flex}.yt-scrubber-range{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;transition:height .15s}.yt-scrubber-row:hover .yt-scrubber-range{height:6px}.yt-scrubber-range::-webkit-slider-thumb{appearance:none;background:var(--coral,#ee775d);cursor:pointer;border-radius:50%;width:13px;height:13px;transition:transform .15s;transform:scale(.8);box-shadow:0 0 8px #ee775d99}.yt-scrubber-row:hover .yt-scrubber-range::-webkit-slider-thumb{transform:scale(1.15)}.yt-scrubber-range::-moz-range-thumb{background:var(--coral,#ee775d);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 8px #ee775d99}.yt-buttons-row{justify-content:space-between;align-items:center;width:100%;display:flex}.yt-left-controls,.yt-right-controls{align-items:center;gap:8px;display:flex}.yt-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.yt-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.05)}.yt-volume-wrap{align-items:center;display:flex;position:relative}.yt-volume-slider{opacity:0;appearance:none;accent-color:#fff;cursor:pointer;background:#fff6;border-radius:2px;width:0;height:4px;transition:width .2s,opacity .2s}.yt-volume-wrap:hover .yt-volume-slider,.yt-volume-slider:focus{opacity:1;width:58px;margin-left:4px}.yt-time-badge{color:#ffffffd9;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-left:4px;font-family:DM Mono,monospace;font-size:12px;display:inline-flex}.yt-time-badge .current{color:#fff;font-weight:600}.yt-time-badge .sep{color:#ffffff73}.yt-time-badge .total{color:#ffffffb3}.yt-speed-chips-group{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:3px;padding:2px;display:flex}.yt-speed-chip{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 6px;font-family:DM Mono,monospace;font-size:11px;transition:all .12s}.yt-speed-chip:hover{color:#fff;background:#ffffff29}.yt-speed-chip.active{background:var(--coral,#ee775d);color:#fff;font-weight:600}.speaking-ai-analysis-card{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:18px 20px;display:flex;box-shadow:0 4px 16px #00000008}.ai-analysis-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-analysis-title-group{align-items:center;gap:12px;display:flex}.ai-sparkle-circle{width:36px;height:36px;color:var(--coral,#ee775d);background:linear-gradient(135deg,#ee775d33,#f59e0b33);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-analysis-title{color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:16px;font-weight:600}.ai-analysis-subtitle{color:var(--muted);margin:2px 0 0;font-size:11px}.ai-analysis-actions{align-items:center;gap:8px;display:flex}.ai-score-pill{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:20px;align-items:baseline;gap:2px;padding:4px 10px;font-family:DM Mono,monospace;display:inline-flex}.ai-score-pill .score-num{font-size:14px;font-weight:700}.ai-score-pill .score-max{opacity:.8;font-size:10px}.ai-reanalyze-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.ai-reanalyze-btn:hover:not(:disabled){background:var(--white);border-color:var(--ink)}.ai-reanalyze-btn:disabled{opacity:.65;cursor:not-allowed}.ai-reanalyze-btn .spin{animation:1s linear infinite spin}.ai-analyzing-box{background:#ee775d0d;border:1px dashed #ee775d59;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.ai-radar-pulse{flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.radar-mic{color:var(--coral,#ee775d);z-index:2;position:relative}.radar-circle{border:1.5px solid var(--coral,#ee775d);opacity:0;border-radius:50%;animation:2s cubic-bezier(.2,.8,.4,1) infinite radarWave;position:absolute}.radar-circle.c1{width:100%;height:100%;animation-delay:0s}.radar-circle.c2{width:100%;height:100%;animation-delay:.6s}.radar-circle.c3{width:100%;height:100%;animation-delay:1.2s}@keyframes radarWave{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.ai-analyzing-text strong{color:var(--ink);margin-bottom:2px;font-size:13px;display:block}.ai-analyzing-text p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.ai-limit-alert,.ai-error-alert{border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:12px;display:flex}.ai-limit-alert{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40}.ai-error-alert{color:#dc2626;background:#ef444414;border:1px solid #ef444440}.limit-content strong,.error-content strong{margin-bottom:2px;font-size:13px;display:block}.limit-content p,.error-content p{opacity:.9;margin:0;line-height:1.4}.error-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:11px;display:inline-flex}.ai-idle-box{background:var(--paper);border:1px dashed var(--line);text-align:center;border-radius:12px;padding:16px}.ai-idle-box p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.primary-analyze-trigger-btn{background:var(--coral,#ee775d);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:transform .15s;display:inline-flex}.primary-analyze-trigger-btn:hover{transform:translateY(-1px)}.ai-completed-container{flex-direction:column;gap:14px;display:flex}.ai-global-feedback-box{border-left:3px solid var(--coral,#ee775d);background:#ee775d0f;border-radius:0 8px 8px 0;padding:10px 14px}.global-quote{color:var(--ink);margin:0;font-size:13px;font-style:italic;line-height:1.5}.ai-pillars-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pillar-tab{background:var(--paper);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;transition:all .15s;display:flex}.pillar-tab:hover{color:var(--ink);border-color:var(--ink)}.pillar-tab.active{background:var(--white);color:var(--ink);border-color:var(--coral,#ee775d);box-shadow:0 2px 8px #0000000a}.pillar-tab.active b{color:var(--coral,#ee775d)}.ai-pillar-content-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.pillar-detail p{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.ai-advice-items-section{flex-direction:column;gap:10px;display:flex}.advice-items-header{flex-direction:column;gap:8px;display:flex}.advice-items-header h4{color:var(--ink);margin:0;font-size:13px;font-weight:600}.advice-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{background:var(--paper);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .12s;display:inline-flex}.filter-chip:hover{color:var(--ink);border-color:var(--ink)}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-chip .count{opacity:.8;font-family:DM Mono,monospace;font-size:10px}.advice-cards-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.no-advice-filter-msg{color:var(--muted);margin:8px 0;font-size:12px;font-style:italic}.advice-item-card{background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;transition:all .15s;display:flex}.advice-item-card:hover{border-color:var(--coral,#ee775d);transform:translate(2px);box-shadow:0 4px 12px #0000000a}.advice-item-card.is-selected{border-color:var(--coral,#ee775d);background:#ee775d08;box-shadow:0 0 0 2px #ee775d33}.advice-card-top-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.advice-timestamp-pill{color:var(--coral,#ee775d);cursor:pointer;background:#ee775d24;border:1px solid #ee775d4d;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.advice-timestamp-pill:hover{background:var(--coral,#ee775d);color:#fff}.advice-cat-badge{border-radius:5px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.advice-severity-chip{border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.advice-severity-chip.error{color:#ef4444;background:#ef44441a}.advice-severity-chip.warning{color:#d97706;background:#f59e0b1a}.advice-severity-chip.tip{color:#10b981;background:#10b9811a}.advice-card-title{color:var(--ink);margin:0;font-size:13px;font-weight:600;line-height:1.3}.advice-snippet-compare{background:var(--paper);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:4px;padding:6px 10px;font-size:12px;display:flex}.snippet-box{align-items:baseline;gap:6px;display:flex}.snippet-box .lbl{color:var(--muted);min-width:50px;font-size:10px;font-weight:600}.snippet-box.original .val{color:#ef4444;font-family:DM Mono,monospace;font-size:11px;text-decoration:line-through}.snippet-box.improved .val{color:#10b981;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.advice-ipa-tag{align-items:center;gap:4px;font-size:11px;display:inline-flex}.advice-ipa-tag .ipa-lbl{color:var(--muted)}.advice-ipa-tag .ipa-code{color:#2563eb;background:#3b82f61a;border-radius:4px;padding:1px 5px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.advice-explanation-text{color:var(--ink);margin:0;font-size:12px;line-height:1.5}.workspace-notes-pane{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000008}.ws-notes-header-hint{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.hint-label{color:var(--ink);font-size:12px;font-weight:600}.hint-shortcuts{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.ws-notes-editor-scroll{flex:1;min-height:400px;max-height:520px;padding:18px 24px;overflow-y:auto}.notion-speaking-editor-container{width:100%;min-height:100%;position:relative}.notion-live-document{width:100%;min-height:360px;color:var(--ink);word-break:break-word;outline:none;font-size:14px;line-height:1.7}.notion-live-document[data-placeholder]:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;white-space:pre-wrap}.notion-live-document h1{color:var(--ink);margin:12px 0 6px;font-family:Fraunces,serif;font-size:22px}.notion-live-document h2{color:var(--ink);margin:10px 0 4px;font-family:Fraunces,serif;font-size:18px}.notion-live-document h3{color:var(--ink);margin:8px 0 4px;font-size:15px;font-weight:600}.notion-live-document p{margin:0 0 8px}.notion-live-document blockquote{border-left:3px solid var(--coral);background:var(--paper);color:var(--muted);border-radius:0 8px 8px 0;margin:8px 0;padding:6px 14px}.notion-live-document ul{margin:4px 0 8px 20px;padding:0}.notion-live-document li{margin-bottom:4px}.notion-ts-chip{color:var(--coral);cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:baseline;background:#ee775d24;border:1px solid #ee775d4d;border-radius:6px;align-items:center;gap:5px;margin-right:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.notion-ts-chip:hover{background:var(--coral);color:#fff;border-color:var(--coral);transform:translateY(-1px);box-shadow:0 2px 6px #ee775d59}.chip-icon{font-size:8px}.notion-at-menu-popup{z-index:50;background:var(--white);border:1px solid var(--line);border-radius:10px;min-width:230px;padding:6px;animation:.15s ease-out slide-up;position:absolute;box-shadow:0 12px 30px #00000024}.at-menu-header{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:6px;margin-bottom:4px;padding:4px 8px;font-size:10px;font-weight:600;display:flex}.at-menu-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:all .12s;display:flex}.at-menu-item:hover,.at-menu-item.active{background:var(--paper)}.at-item-badge{color:var(--coral);background:#ee775d26;border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.at-item-label{color:var(--ink);flex:1;font-size:12px}.at-enter-icon{color:var(--muted)}.ws-discreet-ratings-footer{background:var(--paper);border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding:12px 20px;display:flex}.ws-rating-row{align-items:center;gap:8px;display:flex}.ws-rating-name{color:var(--muted);font-size:12px;font-weight:500}.ws-stars-box{gap:2px;display:flex}.ws-star-btn{color:#d1d5db;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;transition:all .12s}.ws-star-btn.filled{color:#eab308}.recorded-sessions-section{margin-top:40px}.section-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-header-row h2{color:var(--ink);margin:4px 0 0;font-family:Fraunces,serif;font-size:24px}.sessions-counter-badge{background:var(--white);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:4px 10px;font-family:DM Mono,monospace;font-size:12px}.empty-sessions-box{background:var(--white);border:1.5px dashed var(--line);text-align:center;color:var(--muted);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-sessions-box p{margin:0;font-size:14px}.sessions-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.session-grid-card{background:var(--white);border:1px solid var(--line);border-radius:14px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #00000008}.session-grid-card:hover{border-color:#ee775d4d;transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.card-video-preview{aspect-ratio:16/9;cursor:pointer;background:#11141c;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-video-preview video{object-fit:cover;width:100%;height:100%}.video-empty-preview{color:#4b5563}.preview-hover-play{color:#fff;opacity:0;background:#ee775dd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:scale(.8)}.card-video-preview:hover .preview-hover-play{opacity:1;transform:scale(1)}.preview-duration-badge{color:#fff;background:#000000bf;border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:11px;position:absolute;bottom:8px;right:8px}.card-content-area{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.card-top-meta{justify-content:space-between;align-items:center;display:flex}.card-mode-chip{color:var(--coral);background:#ee775d1f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.card-date{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.card-session-title{color:var(--ink);cursor:pointer;margin:0;font-family:Fraunces,serif;font-size:16px;line-height:1.3}.card-session-title:hover{color:var(--coral)}.card-footer-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.card-review-link{color:var(--coral);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.card-review-link:hover{text-decoration:underline}.card-icon-buttons{align-items:center;gap:4px;display:flex}.icon-action-btn{background:var(--paper);border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;box-sizing:border-box;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .15s;display:flex}.icon-action-btn:hover{background:var(--white);color:var(--ink)}.icon-action-btn.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}@media (width<=900px){.mode-selector-grid{grid-template-columns:1fr}.review-workspace-body{grid-template-columns:1fr;overflow-y:auto}.review-modal-workspace{height:95vh}.in-place-topic-drawer{width:auto;bottom:90px;left:20px;right:20px}.floating-pip-container{width:180px;bottom:16px;right:16px}}.culture-actions{align-items:center;gap:18px;margin-top:16px;display:flex}.culture-nav{gap:6px;display:flex}.culture-nav button{color:#486457;background:0 0;border:1px solid #48645759;border-radius:50%;width:32px;height:32px}.culture-nav button:hover{background:#ffffff80}.culture-more{color:#3c5a4a;background:#ffffff73;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.culture-strip{flex-wrap:wrap;gap:7px;margin:18px 0 0;display:flex}.culture-chip{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:20px;padding:7px 13px;font-size:12px}.culture-chip.active{background:var(--green);border-color:var(--green);color:#fff}.tool-form{border:1px dashed var(--line);background:var(--white);border-radius:10px;grid-template-columns:repeat(2,1fr) auto;gap:9px;margin-bottom:16px;padding:14px;display:grid}.tool-form input{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:10px}.tool-form .primary{grid-row:span 2;align-self:center}.tool-actions{justify-items:end;gap:6px;display:grid}.tool-link{color:var(--muted);font-size:16px;text-decoration:none}.tool-link:hover{color:var(--ink)}.tool-remove{color:#c3beb3;background:0 0;border:0;padding:0;font-size:17px}.tool-remove:hover{color:#b4453a}.url-row{grid-template-columns:1fr auto;gap:8px;display:grid}.url-row input{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:7px;padding:11px}.import-error{color:#8c3535;background:#fbeae7;border-radius:7px;padding:10px;font-size:12px;line-height:1.45}.paste-area{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:0 0;border-radius:7px;margin-bottom:10px;padding:11px;font-size:13px;line-height:1.5}.paste-link{color:var(--muted);font-size:11px}.settings-layout{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:34px;padding-top:26px;display:grid}.settings-tabs{align-content:start;gap:4px;display:grid}.settings-tabs button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 13px;font-size:13px;display:flex}.settings-tabs button.selected{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.settings-tabs b{font-weight:500}.setting-heading{margin-bottom:22px}.setting-heading h2{margin:0 0 7px;font-size:26px}.setting-heading p{color:var(--muted);margin:0;font-size:13px}.settings-fields{gap:17px;max-width:520px;display:grid}.settings-fields label,.connection-card label,.inline-field{gap:7px;font-size:12px;font-weight:600;display:grid}.settings-fields input:not([type=checkbox]):not([type=range]),.settings-fields select,.connection-card input,.connection-card select,.inline-field input{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:7px;padding:10px;font-weight:400}.range-row{align-items:center;gap:12px;display:flex}.range-row input{accent-color:var(--coral);flex:1}.range-row output{color:var(--muted);text-align:right;min-width:64px;font-family:DM Mono,monospace;font-size:11px}.toggle-field{border:1px solid var(--line);background:var(--white);border-radius:9px;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;display:flex!important}.toggle-field small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.toggle-field input{width:18px;height:18px;accent-color:var(--coral)}.settings-tip{border:1px solid var(--line);background:var(--white);border-radius:10px;align-items:center;gap:12px;max-width:520px;margin-top:22px;padding:13px 16px;display:flex}.settings-tip span{color:var(--coral);font-size:19px}.settings-tip p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.preset-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px;display:grid}.preset-card{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:11px;align-content:start;gap:6px;padding:15px;transition:all .15s;display:grid;position:relative}.preset-card strong{letter-spacing:-.4px;font-family:Fraunces,serif;font-size:16px}.preset-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.preset-card:hover{transform:translateY(-2px)}.preset-card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.preset-check{color:var(--green);font-size:10px;font-weight:700;position:absolute;top:10px;right:12px}.inline-field{max-width:460px;margin-bottom:18px}.connection-card{border:1px solid var(--line);background:var(--white);border-radius:12px;gap:14px;margin-bottom:16px;padding:20px;display:grid}.connection-card h3{margin:0 0 5px;font-family:Fraunces,serif;font-size:19px}.connection-card>div>p{color:var(--muted);margin:0;font-size:12px}.connection-test-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.connection-test-btn{background:var(--surface,#f8fafc);border:1px solid var(--line,#e2e8f0);color:var(--text,#1e293b);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.connection-test-btn:hover:not(:disabled){background:var(--surface-hover,#f1f5f9);border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6)}.connection-test-btn:disabled{opacity:.6;cursor:not-allowed}.connection-status-badge{border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:12px;line-height:1.4;display:inline-flex}.connection-status-badge.success{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e4d}.connection-status-badge.error{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}.model-preset-pills{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.model-preset-pill{background:var(--surface,#f8fafc);border:1px solid var(--line,#e2e8f0);color:var(--muted,#64748b);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11.5px;transition:all .15s}.model-preset-pill:hover{background:var(--surface-hover,#f1f5f9);color:var(--text,#1e293b);border-color:var(--primary,#3b82f6)}.model-preset-pill.active{border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6);background:#3b82f61a;font-weight:600}.quick-dict-provider-tag{color:var(--muted,#94a3b8);margin-top:6px;font-size:10.5px;font-weight:500;display:inline-block}.data-card,.danger-zone{border:1px solid var(--line);background:var(--white);border-radius:11px;max-width:640px;margin-bottom:13px;padding:17px 19px}.danger-zone{border-color:#ddbcae;justify-content:space-between;align-items:center;gap:18px;display:flex}.data-card h3,.danger-zone h3{margin:0 0 5px;font-size:15px}.data-card p,.danger-zone p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.confirm-row{gap:7px;display:flex}@media (width<=1000px){.mode-grid,.preset-grid{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-tabs{grid-auto-flow:column;overflow:auto}.take-grid,.tool-form{grid-template-columns:1fr}.focus-board{padding:60px 20px calc(100vh - 160px)}.focus-text-col{padding:0}.focus-paragraph{line-height:1.7}}.mark-panel{border-top:none;gap:5px;margin-top:0;padding-top:0;display:grid}.mark-panel .eyebrow{margin-bottom:3px}.mark-type{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px 9px;font-size:12px;transition:all .15s;display:flex}.mark-type i{background:var(--type-color);border-radius:50%;flex:none;width:9px;height:9px}.mark-type:hover{background:var(--white);color:var(--ink);border-color:var(--line)}.mark-type.active{background:var(--white);color:var(--ink);border-color:var(--type-color);box-shadow:inset 0 0 0 1px var(--type-color)}.mark-type-add{border:1px dashed var(--line-strong,#c8c5be);color:var(--muted);text-align:center;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 9px;font-size:12px;transition:all .15s;display:flex}.mark-type-add:hover{border-color:var(--ink);color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent)}.mark-inline-input{background:var(--white);border:1px solid var(--ink);color:var(--ink);border-radius:4px;outline:none;width:100%;padding:1px 6px;font-family:inherit;font-size:12px}.mark-context-menu{z-index:100;background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:130px;padding:4px;animation:.12s cubic-bezier(.16,1,.3,1) contextFadeIn;display:flex;position:fixed;box-shadow:0 10px 30px #00000024}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mark-context-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:background .12s;display:flex}.mark-context-item:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.mark-context-item.danger{color:#dc2626}.mark-context-item.danger:hover{background:#dc262614}.mark-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);background:#0006;place-items:center;padding:20px;animation:.15s ease-out contextFadeIn;display:grid;position:fixed;inset:0}.mark-modal-card{background:var(--white);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px;display:flex;box-shadow:0 20px 50px #00000038}.mark-modal-head{justify-content:space-between;align-items:center;display:flex}.mark-modal-head h3{color:var(--ink);margin:0;font-size:16px;font-weight:700}.mark-modal-head button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:18px}.mark-modal-head button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.mark-modal-field{flex-direction:column;gap:6px;display:flex}.mark-modal-field label{color:var(--muted);font-size:12px;font-weight:600}.mark-modal-field input[type=text]{border:1px solid var(--line);background:var(--paper,#faf9f6);color:var(--ink);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.mark-modal-field input[type=text]:focus{border-color:var(--ink);background:var(--white)}.mark-color-palette-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;display:grid}.mark-color-choice-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .15s,border-color .15s;position:relative}.mark-color-choice-btn:hover:not(:disabled){transform:scale(1.12)}.mark-color-choice-btn.selected{border-color:var(--ink);transform:scale(1.14)}.mark-color-choice-btn:disabled{opacity:.28;cursor:not-allowed;filter:grayscale(.7)}.mark-color-choice-btn:disabled:after{content:"";background:#78716c;width:80%;height:2px;position:absolute;top:50%;left:10%;transform:rotate(45deg)}.mark-modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.word{border-radius:2px}.word.marked-highlight{box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--mark-color) 45%, transparent)}.word.marked-underline{border-bottom:1.5px solid var(--mark-color)}.word.marked-overlay{background:color-mix(in srgb, var(--mark-color) 30%, transparent)}.word.word-drag-selected{border-radius:3px;background:color-mix(in srgb, var(--coral) 28%, transparent)!important;border-bottom-color:var(--coral)!important}.word.as-span{cursor:default}.user-gray{color:#c2c0ba!important}.arm-silent .letter-cell{cursor:pointer;border-radius:2px}.arm-silent .letter-cell:hover{color:#c2c0ba;background:color-mix(in srgb, var(--ink) 6%, transparent)}.arm-word .word{cursor:pointer}.arm-word .word:hover{color:inherit;outline:2px solid color-mix(in srgb, var(--ink) 25%, transparent);outline-offset:1px;border-bottom-color:#0000}.glass{background:color-mix(in srgb, var(--white) 90%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.8);border:1px solid color-mix(in srgb, var(--white) 85%, transparent);box-shadow:0 16px 40px #231e1929,inset 0 1px 1px #ffffffe6}[data-theme=dark] .glass{background:#1c1c1eeb;border-color:#ffffff24;box-shadow:0 16px 44px #00000080,inset 0 1px #ffffff26}.glass.toolbar-opaque{background:color-mix(in srgb, var(--white) 96%, transparent);-webkit-backdrop-filter:blur(34px)}.glass.toolbar-solid{background:var(--white);-webkit-backdrop-filter:none;border:1px solid var(--line-strong);box-shadow:0 12px 36px #0000001f}.mark-menu-wrap{z-index:8;align-items:center;gap:10px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.mark-menu{border-radius:999px;align-items:center;gap:4px;padding:8px 12px;display:flex}.mark-menu-type{color:var(--ink);white-space:nowrap;align-items:center;gap:7px;padding:0 9px 0 4px;font-size:12px;font-weight:700;display:flex}.mark-menu-type i{background:var(--type-color);border-radius:50%;width:9px;height:9px}.mark-menu-sep{background:color-mix(in srgb, var(--ink) 14%, transparent);width:1px;height:22px;margin:0 5px}.mark-option{color:var(--muted);background:0 0;border:0;border-radius:14px;justify-items:center;gap:3px;padding:6px 10px;font-size:9px;transition:all .15s;display:grid}.mark-option:hover{color:var(--ink)}.mark-option.active{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.mo-demo{color:var(--ink);font-family:Fraunces,serif;font-size:14px;line-height:1.2}.mo-highlight{box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--type-color) 45%, transparent)}.mo-underline{border-bottom:1.5px solid var(--type-color)}.mo-overlay{background:color-mix(in srgb, var(--type-color) 30%, transparent);border-radius:2px;padding:0 2px}.mo-color{border:1px solid #00000026;border-radius:50%;width:15px;height:15px}.mark-color-wrap{position:relative}.mark-color{width:22px;height:22px;box-shadow:none;cursor:pointer;border:2px solid #fffffff2;border-radius:50%;padding:0;transition:transform .15s}.mark-color:hover{transform:scale(1.14)}.mark-menu-close{width:46px;height:46px;color:var(--ink);cursor:pointer;background:color-mix(in srgb, var(--white) 90%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.8);border:1px solid color-mix(in srgb, var(--white) 85%, transparent);border-radius:50%;place-items:center;font-size:15px;transition:transform .15s;display:grid;box-shadow:0 16px 40px #231e1929,inset 0 1px 1px #ffffffe6}[data-theme=dark] .mark-menu-close{background:#1c1c1eeb;border-color:#ffffff24;box-shadow:0 16px 44px #00000080,inset 0 1px #ffffff26}.mark-menu-close:hover{transform:scale(1.06)}.mark-palette{border-radius:16px;grid-template-columns:repeat(4,22px);gap:7px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.mark-palette button.mark-palette-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.mark-palette button.mark-palette-color.active{border-color:var(--ink);transform:scale(1.12)}.mark-palette-custom-btn{border:1px dashed var(--muted);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:13px;line-height:1;transition:all .15s;display:grid}.mark-palette-custom-btn:hover{border-color:var(--ink);color:var(--ink);transform:scale(1.12)}.mark-hex-panel{border-radius:16px;flex-direction:column;gap:8px;min-width:170px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.mark-hex-input-row{align-items:center;gap:6px;display:flex}.mark-hex-preview{cursor:pointer;border:1px solid #00000026;border-radius:6px;flex:none;width:24px;height:24px}.mark-hex-native-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mark-hex-input{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);text-transform:uppercase;border-radius:6px;padding:4px 6px;font-family:monospace;font-size:11px}.mark-hex-back-btn{color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:0;padding:2px;font-size:11px}.mark-hex-back-btn:hover{color:var(--ink)}.mark-exit{width:46px;height:46px;color:var(--ink);border-radius:50%;place-items:center;font-size:15px;display:grid}.mark-exit:hover{transform:scale(1.06)}.mark-silent-exit{z-index:8;align-items:center;gap:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.mark-silent-exit span{color:var(--muted);font-size:11px}.mark-silent-exit button{width:52px;height:52px;color:var(--ink);background:color-mix(in srgb, var(--white) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);border-radius:50%;place-items:center;font-size:17px;display:grid;box-shadow:0 12px 40px #28241e2e,inset 0 1px #ffffff8c}.mark-silent-exit button:hover{transform:scale(1.06)}.mark-hint{z-index:7;color:var(--muted);pointer-events:none;margin:0;font-size:11px;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.reader-page-nav button{border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:14px;display:grid}.reader-page-nav button:not(:disabled):hover{border-color:var(--ink);transform:scale(1.06)}.brand-mark img{width:19px;height:19px;display:block}.onboard-form label.onboard-lang{margin:22px 0}.onboard-form select{color:#302b28;cursor:pointer;background:#fffcf687;border:1px solid #54433a4d;border-radius:6px;outline:0;width:100%;padding:12px}.onboard-form select:focus{border-color:#302b28}.lang-flags{flex:none;gap:6px;display:flex}.lang-flag{opacity:.45;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:15px;transition:all .18s;display:grid}.lang-flag:hover{opacity:.85;background:var(--white);border-color:var(--line)}.lang-flag.active{opacity:1;background:var(--white);border-color:var(--line);box-shadow:inset 0 0 0 1px var(--line)}.empty-library{text-align:center;border:1.5px dashed #b9b2a6;border-radius:14px;justify-items:center;gap:8px;padding:64px 30px;display:grid}.empty-library h2{margin:0;font-size:26px}.empty-library p{color:var(--muted);margin:0 0 14px;font-size:13px}:root[data-theme=dark] .empty-library{border-color:#57554d}.add-meta{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px;display:grid}.add-meta label{gap:6px;font-size:11px;font-weight:600;display:grid}.add-meta select{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:7px;width:100%;padding:10px;font-weight:400}.manage-link{color:var(--muted);margin:2px 0 4px;font-size:11px}.category-manager{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 55%, transparent);border-radius:9px;gap:8px;margin-bottom:6px;padding:10px;display:grid}.category-row{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.category-row input{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:7px;padding:8px 10px;font-size:12px;margin-bottom:0!important}.category-row .outline{padding:7px 11px}.category-row .tool-remove{font-size:16px}.word-panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);z-index:6;border-radius:14px;gap:12px;padding:20px 18px 16px;display:grid;position:relative}.word-panel.floating{width:320px;position:fixed;overflow:auto}.word-panel.docked{width:100%;box-shadow:none;border-radius:12px;position:relative}.wp-actions{z-index:2;align-items:center;gap:2px;display:flex;position:absolute;top:8px;right:10px}.wp-icon{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:25px;height:25px;font-size:14px;transition:color .15s,background .15s;display:grid}.wp-icon:hover{color:var(--ink);background:var(--paper)}.wp-icon.wp-icon-edit,.wp-icon.wp-icon-delete{font-size:12px}.wp-icon.wp-icon-delete:hover{color:#dc2626;background:#dc26261f}.wp-view-word{letter-spacing:-.4px;padding-right:56px;font-family:Fraunces,serif;font-size:22px;font-weight:600}.wp-view-field{justify-items:start;gap:6px;display:grid}.wp-view-field>span:first-child{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.wp-view-text{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.wp-tag.readonly{padding:6px 13px}.wp-field{gap:5px;display:grid;position:relative}.wp-field>span{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.wp-field input,.wp-field textarea,.wp-field .wp-rich-input,.wp-field .wp-rich-textarea{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;box-sizing:border-box;border-radius:8px;padding:9px 11px;font-size:14px;position:relative}.wp-field .wp-rich-input{white-space:nowrap;min-height:38px;line-height:1.25;overflow-x:auto}.wp-field textarea,.wp-field .wp-rich-textarea{resize:vertical;white-space:pre-wrap;word-break:break-word;min-height:76px;line-height:1.5;overflow-y:auto}.wp-field input:focus,.wp-field textarea:focus,.wp-field .wp-rich-input:focus,.wp-field .wp-rich-textarea:focus{border-color:var(--ink);outline:none}.wp-field input::placeholder,.wp-field textarea::placeholder{color:color-mix(in srgb, var(--muted) 65%, transparent)}.wp-field .wp-rich-input[data-empty=true]:before,.wp-field .wp-rich-textarea[data-empty=true]:before{content:attr(data-placeholder);color:color-mix(in srgb, var(--muted) 65%, transparent);pointer-events:none;position:absolute;top:9px;left:11px}.wp-tag{background:color-mix(in srgb, var(--blue,#2563eb) 12%, var(--white));border:1px solid color-mix(in srgb, var(--blue,#2563eb) 35%, var(--line));width:max-content;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 13px;font-size:13px;font-weight:600;display:inline-flex}.wp-tag button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px}.wp-tag button:hover{color:var(--ink)}.wp-suggest{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);z-index:7;border-radius:10px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.wp-suggest button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:9px 12px;font-size:13px;display:block}.wp-suggest button:hover{background:var(--paper)}.word-panel .primary,.word-panel .saved-deck{width:100%}.word-known{border-bottom:1px dotted color-mix(in srgb, var(--ink) 38%, transparent)}.word-known.kl-1{border-bottom:2px dotted #dc2626}.word-known.kl-2{border-bottom:2px dotted #ea580c}.word-known.kl-3{border-bottom:2px dotted #d97706}.word-known.kl-4{border-bottom:2px dotted #65a30d}.word-known.kl-5{border-bottom:2px dotted #16a34a}.wp-view-head{flex-wrap:wrap;align-items:center;gap:8px;padding-right:52px;display:flex}.wp-view-head .wp-view-word{padding-right:0}.wp-pos{letter-spacing:.4px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px}.wp-knowledge-view{align-items:center;display:flex}.wp-dots{gap:5px;display:inline-flex}.wp-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.wp-known-check{color:#16a34a;font-size:12px;font-weight:600}.wp-parent-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wp-parent-tag{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:500;transition:all .15s}.wp-parent-tag:hover{border-color:var(--ink)}.wp-parent-translation{color:var(--muted);font-size:12px}.wp-linked{flex-wrap:wrap;gap:6px;display:flex}.wp-accordion{margin-top:2px}.wp-accordion-header{cursor:pointer;width:100%;color:var(--muted);-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-family:inherit;transition:color .2s;display:flex}.wp-accordion-header:hover{color:var(--ink)}.wp-accordion-line-left,.wp-accordion-line-right{background:color-mix(in srgb, var(--line) 70%, transparent);flex:1;height:1px}.wp-accordion-title{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:9px;font-weight:400;display:inline-flex}.wp-accordion-chevron{color:var(--muted);justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.wp-accordion-chevron.open{transform:rotate(180deg)}.wp-accordion-body{gap:12px;margin-top:10px;animation:.2s ease-out wpFadeIn;display:grid}@keyframes wpFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wp-family-section{gap:6px;display:grid}.wp-family-section-title{letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:9px;font-weight:600}.wp-family-list{gap:6px;display:grid}.wp-linked-row{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;display:flex}.wp-parent-tag.root-tag{background:color-mix(in srgb, var(--blue,#2563eb) 12%, var(--paper));border-color:color-mix(in srgb, var(--blue,#2563eb) 40%, var(--line));font-weight:600}.wp-linked-details{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.wp-pos-pill{text-transform:lowercase;background:var(--paper);border-radius:4px;font-size:9px}.wp-linked-translation{color:var(--muted);font-size:12px;font-style:italic}.wp-add-linked-btn{border:1px dashed color-mix(in srgb, var(--line) 90%, var(--muted));width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.wp-add-linked-btn:hover{border-color:var(--ink);color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent)}.wp-companion-panel{border-color:color-mix(in srgb, var(--blue,#2563eb) 35%, var(--line));z-index:8;animation:.2s cubic-bezier(.16,1,.3,1) wpCompanionSlide;box-shadow:0 12px 32px -4px #0000002e,0 4px 12px #00000014}@keyframes wpCompanionSlide{0%{opacity:0;transform:scale(.96)translate(-6px)}to{opacity:1;transform:scale(1)translate(0)}}.wp-companion-header{padding-right:32px}.wp-companion-title{letter-spacing:-.2px;color:var(--ink);font-family:Fraunces,serif;font-size:16px;font-weight:600}.wp-field-header-row{justify-content:space-between;align-items:center;display:flex}.wp-reverse-btn{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:inline-flex}.wp-reverse-btn:hover{border-color:var(--ink);color:var(--ink)}.wp-reverse-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.wp-reverse-hint{color:var(--blue,#2563eb);background:color-mix(in srgb, var(--blue,#2563eb) 8%, transparent);border:1px solid color-mix(in srgb, var(--blue,#2563eb) 25%, transparent);border-radius:6px;margin-top:2px;padding:5px 8px;font-size:11px;line-height:1.4}.wp-relation-pills{background:var(--paper);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:3px;display:grid}.wp-relation-pill{color:var(--muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 4px;font-size:11px;font-weight:500;transition:all .15s}.wp-relation-pill.active{background:var(--white);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #00000014}.word-panel-wrapper.docked{gap:12px;display:grid}.wp-context{color:var(--muted);border-left:2px solid var(--line);margin:0;padding-left:9px;font-size:12px;font-style:italic;line-height:1.5}.wp-tags{flex-wrap:wrap;gap:5px;display:flex}.wp-tag-chip{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:11px;transition:all .15s}.wp-tag-chip:hover{color:var(--ink);border-color:var(--ink)}.wp-tag-chip.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.wp-tag-chip.active button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0 0 0 5px;font-size:12px;line-height:1}.wp-tag-chip.active button:hover{opacity:1}.wp-tag-input{min-width:70px;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;padding:4px 2px;font-size:12px}.wp-tag-input:focus{outline:none}.wp-knowledge{align-items:center;gap:5px;display:flex}.kl-btn{border:1px solid var(--line);background:var(--paper);width:27px;height:27px;color:var(--muted);cursor:pointer;border-radius:8px;font-size:11px;font-weight:600;transition:all .15s}.kl-btn:hover{border-color:var(--kl,var(--ink));color:var(--kl,var(--ink))}.kl-btn.active{background:var(--kl);border-color:var(--kl);color:#fff}.kl-btn.known.active{color:#fff;background:#16a34a;border-color:#16a34a}.wiki-fab{z-index:6;border:1px solid var(--line);background:var(--white);width:46px;height:46px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s,background .18s,box-shadow .18s;display:grid;position:fixed;bottom:22px;right:22px}.wiki-fab:hover{transform:scale(1.08)}.wiki-fab.armed{background:var(--coral);border-color:var(--coral);box-shadow:0 0 0 7px color-mix(in srgb, var(--coral) 15%, transparent), 0 10px 32px color-mix(in srgb, var(--coral) 40%, transparent)}.wiki-fab.armed .wiki-fab-w{color:#fffaf6}.wiki-fab-w{color:var(--ink);font-family:Fraunces,serif;font-size:21px;font-weight:700;line-height:1;transition:color .18s}.wiki-panel{z-index:100;background:var(--white);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(460px,100vw - 44px);height:min(560px,100vh - 140px);display:flex;position:fixed;bottom:80px;right:22px;overflow:hidden;box-shadow:0 24px 70px #2d231c47}.wiki-head{border-bottom:1px solid var(--line);background:var(--paper);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:9px 12px;display:flex}.wiki-tabs{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.wiki-tabs::-webkit-scrollbar{display:none}.wiki-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s}.wiki-tabs button:hover{color:var(--ink)}.wiki-tabs button.active{background:var(--ink);color:var(--paper)}.wiki-head .card-x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:17px;position:static}.wiki-frame{background:#fff;border:0;flex:1;width:100%;height:100%}.wiki-tab-context-menu{z-index:130}.wiki-external-card{text-align:center;background:var(--paper);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.wiki-ext-icon{background:color-mix(in srgb, var(--coral) 12%, var(--white));width:56px;height:56px;color:var(--coral);border-radius:50%;place-items:center;display:grid}.wiki-external-card h3{color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:18px}.wiki-external-card p{color:var(--muted);margin:0;font-size:13px}.wiki-ext-btn{background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.wiki-ext-btn:hover{opacity:.92;transform:translateY(-1px)}.control-learning-focus{color:var(--ink);border-color:color-mix(in srgb, #2563eb 65%, var(--line));background:color-mix(in srgb, #2563eb 8%, var(--white))}.control-learning-focus:hover{border-color:#2563eb}.focus-reader{z-index:20;background:var(--paper);color:var(--ink);flex-direction:column;display:flex;position:fixed;inset:0}.focus-top{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;gap:18px;padding:14px 26px;display:flex}.focus-title{letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;max-width:38vw;font-family:Fraunces,serif;font-size:17px;overflow:hidden}.focus-nav{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.focus-nav button{border:1px solid var(--line);background:var(--white);cursor:pointer;width:30px;height:26px;color:var(--ink);border-radius:6px}.focus-nav button:disabled{opacity:.35;cursor:default}.focus-exit{border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:8px;padding:6px 13px;font-size:11px}.focus-exit:hover{color:var(--ink);border-color:var(--ink)}.focus-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:block;overflow-y:auto}.focus-text{max-width:880px;margin:0 auto;padding:38px 54px 120px}.focus-text .paragraph{max-width:720px;margin:0 auto 24px}.focus-chapter{max-width:720px;margin:26px auto 18px;font-family:Fraunces,serif;font-size:24px}.focus-side{border-left:1px solid var(--line);background:var(--white);padding:20px;overflow-y:auto}.focus-hint{color:var(--muted);padding:14px 6px;font-size:12px;line-height:1.6}@media (width<=900px){.focus-side{border-left:0;border-top:1px solid var(--line)}.focus-text{padding:26px 22px 80px}}.wp-tag-line-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:6px 0;transition:border-color .15s;display:flex;position:relative}.wp-tag-line-row:focus-within{border-bottom-color:var(--ink)}.wp-tag-input-box{flex:1;align-items:center;min-width:60px;height:24px;display:flex;position:relative}.wp-tag-ghost-text,.wp-tag-input-field{font-family:var(--sans,"DM Sans", sans-serif)!important;letter-spacing:normal!important;box-sizing:border-box!important;vertical-align:middle!important;height:24px!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:400!important;line-height:24px!important}.wp-tag-ghost-text{pointer-events:none;white-space:pre;-webkit-user-select:none;user-select:none;z-index:1;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.wp-tag-ghost-typed{visibility:hidden;color:#0000;white-space:pre;font:inherit!important;letter-spacing:inherit!important}.wp-tag-ghost-suffix{color:var(--muted);opacity:.55;white-space:pre;font:inherit!important;letter-spacing:inherit!important}.wp-tag-input-field{width:100%;height:100%;caret-color:var(--ink);z-index:2;position:absolute;inset:0;color:var(--ink)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important}.wp-tag-input-field::placeholder{color:color-mix(in srgb, var(--muted) 65%, transparent);opacity:1;font:inherit!important}.wp-tag-text-list{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.wp-tag-text-item{color:var(--ink);cursor:pointer;background:0 0;border:0;margin:0;padding:0 3px;font-family:inherit;font-size:13px;font-weight:500;line-height:20px;transition:color .15s,opacity .15s;position:relative}.wp-tag-text-item:hover{color:#dc2626;opacity:.85;text-decoration:line-through}.wp-footer{align-items:center;width:100%;margin-top:8px;display:flex}.wp-save-btn-full{cursor:pointer;transition:all .15s;box-sizing:border-box!important;border:none!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding:10px 14px!important;display:flex!important}.wp-save-btn-label{flex-shrink:0;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.wp-save-btn-word{opacity:.7;text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:130px;margin-left:auto;font-size:12px;font-style:italic;font-weight:400;overflow:hidden}.wp-save-btn-full:hover .wp-save-btn-word{opacity:.9}.settings-tags-section{gap:20px;max-width:600px;display:grid}.tags-add-bar{gap:10px;display:flex}.tags-add-bar input{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:8px;flex:1;padding:10px 12px;font-size:13px}.tags-add-bar input:focus{border-color:var(--ink);outline:none}.tags-grid-list{gap:8px;display:grid}.tag-mgmt-card{background:var(--white);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.tag-mgmt-card:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))}.tag-card-content{align-items:center;gap:12px;display:flex}.tag-word-count{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.tag-mgmt-actions{align-items:center;gap:6px;display:flex}.tag-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:grid}.tag-icon-btn:hover{background:var(--paper);color:var(--ink)}.tag-icon-btn.delete:hover{color:#dc2626;background:#dc26261f}.tag-rename-box{flex:1;align-items:center;gap:8px;display:flex}.tag-rename-box input{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;flex:1;padding:6px 10px;font-size:12px}.tag-rename-box input:focus{border-color:var(--ink);outline:none}.tag-save-btn,.tag-cancel-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.tag-save-btn{color:#16a34a;background:#16a34a1f}.tag-cancel-btn{color:var(--muted)}.tag-save-btn:hover{background:#16a34a38}.tag-cancel-btn:hover{color:var(--ink);background:var(--paper)}.tags-empty-state{text-align:center;color:var(--muted);border:1px dashed var(--line);background:var(--paper);border-radius:10px;padding:24px;font-size:13px}.settings-markings-section{gap:20px;max-width:680px;display:grid}.markings-add-bar{align-items:center;gap:10px;display:flex}.marking-add-input-wrap{flex:1;align-items:center;display:flex;position:relative}.marking-add-input-wrap input[type=text]{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:8px;padding:10px 42px 10px 12px;font-size:13px;transition:border-color .15s}.marking-add-input-wrap input[type=text]:focus{border-color:var(--ink);outline:none}.marking-inline-color-dot{border:2px solid var(--white);width:20px;height:20px;box-shadow:0 0 0 1px var(--line), 0 2px 4px #0000001f;cursor:pointer;border-radius:50%;outline:none;padding:0;transition:transform .15s;position:absolute;right:12px}.marking-inline-color-dot:hover{transform:scale(1.15)}.marking-mgmt-card{background:var(--white);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.marking-mgmt-card:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))}.marking-card-left{flex:1;align-items:center;gap:12px;display:flex}.marking-mgmt-dot{width:14px;height:14px;box-shadow:0 0 0 1px var(--line);border:2px solid #fffc;border-radius:50%;flex-shrink:0}.marking-card-label{color:var(--ink);font-size:13px;font-weight:600}.marking-color-picker-wrap{align-items:center;display:flex;position:relative}.marking-color-swatch-btn{border:2px solid var(--white);width:22px;height:22px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0}.tag-mgmt-card{cursor:pointer}.tag-mgmt-card.selected{border-color:var(--coral,#ee775d);box-shadow:0 0 0 1px var(--coral,#ee775d), 0 4px 14px #ee775d1f;background:color-mix(in srgb, var(--coral) 5%, var(--white))}.tag-connected-words-card{border:1px solid var(--line);background:var(--white);border-radius:14px;flex-direction:column;gap:14px;margin-top:14px;padding:18px;animation:.2s modalFadeIn;display:flex}.tag-connected-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.tag-connected-title{color:var(--ink);align-items:center;gap:8px;font-size:13.5px;display:flex}.tag-word-count-badge{color:var(--coral,#ee775d);background:#ee775d1f;border-radius:6px;padding:2px 8px;font-family:DM Mono,monospace;font-size:11.5px;font-weight:600}.tag-connected-empty{color:var(--muted);text-align:center;margin:0;padding:16px 0;font-size:13px}.tag-connected-words-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.tag-connected-word-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;transition:transform .15s,border-color .15s;display:flex}.tag-connected-word-item:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));transform:translateY(-1px)}.tag-word-main{align-items:center;gap:6px;display:flex}.tag-word-text{color:var(--ink);font-size:14px;font-weight:600}.tag-word-ipa{color:var(--coral,#ee775d);font-family:DM Mono,monospace;font-size:11px}.tag-word-speak-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;display:flex}.tag-word-speak-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.tag-word-translation{color:var(--muted);font-size:12.5px}.tag-word-sentence{color:var(--muted);margin:2px 0 0;font-size:11.5px;font-style:italic;line-height:1.35}.page-context-menu{z-index:10000;background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;flex-direction:column;gap:2px;min-width:220px;padding:6px;animation:.12s cubic-bezier(.16,1,.3,1) markContextIn;display:flex;position:fixed;box-shadow:0 12px 36px #0000002e,0 4px 12px #00000014}.page-context-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.page-context-item i{opacity:.75;justify-content:center;align-items:center;width:16px;font-size:14px;font-style:normal;display:inline-flex}.page-context-item:hover{background:var(--accent-light);color:var(--ink)}.page-context-item.danger:hover{color:#dc2626;background:#fee2e2}.page-context-sep{background:var(--line);height:1px;margin:4px 6px}.word .edited-char,.letter-cell.edited-char{font-weight:600;color:#16a34a!important}.edit-content-modal{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:90vw;max-width:860px;max-height:88vh;animation:.16s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038,0 8px 24px #0000001a}.edit-content-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px 14px;display:flex}.edit-content-header h2{font-size:20px;font-family:var(--serif);color:var(--ink);margin:2px 0 0}.edit-content-meta-bar{background:var(--accent-light);color:var(--muted);font-size:12px;font-family:var(--mono);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 24px;display:flex}.edit-content-body{flex-direction:column;flex:1;min-height:320px;max-height:58vh;padding:16px 24px;display:flex;overflow:hidden}.edit-content-textarea{border:1px solid var(--line);background:var(--white);width:100%;min-height:280px;color:var(--ink);font-family:var(--serif);resize:vertical;border-radius:10px;outline:none;flex:1;padding:16px;font-size:16px;line-height:1.7;transition:border-color .15s,box-shadow .15s}.edit-content-textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #20201e14}.edit-content-footer{border-top:1px solid var(--line);background:var(--paper);justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.rename-modal-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;width:90vw;max-width:440px;padding:22px;animation:.16s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 20px 50px #0003}.rename-modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rename-modal-head h3{font-size:17px;font-family:var(--serif);color:var(--ink);margin:0}.rename-modal-field{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.rename-modal-field label{color:var(--muted);font-size:12px;font-weight:500}.rename-modal-field input{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.rename-modal-field input:focus{border-color:var(--ink)}.rename-modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.delete-modal-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;width:90vw;max-width:420px;padding:22px;animation:.16s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 20px 50px #0003}.delete-modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.delete-modal-head h3{font-size:17px;font-family:var(--serif);color:var(--ink);margin:0}.delete-modal-msg{color:var(--ink);margin-bottom:20px;font-size:14px;line-height:1.5}.delete-modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary,.outline,.text-button,.control,.wp-icon,.tag-icon-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.word-context-menu{z-index:120;background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:220px;padding:6px;animation:.14s cubic-bezier(.16,1,.3,1) modalPop;display:flex;position:fixed;box-shadow:0 10px 30px #00000024,0 1px 3px #0000000f}.word-context-head{color:var(--ink);padding:6px 10px 4px;font-family:Fraunces,serif;font-size:13px;font-weight:700}.word-context-sep{background:var(--line);height:1px;margin:4px 0}.word-context-item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.word-context-item i{color:var(--muted);place-items:center;display:grid}.word-context-item:hover{background:color-mix(in srgb, var(--coral) 12%, transparent);color:var(--ink)}.word-context-item:hover i{color:var(--ink)}.word-context-item.save-item{color:#16a34a;font-weight:600}.word-context-item.save-item i{color:#16a34a}.word-context-item.save-item:hover{background:#16a34a1f}.word-context-item.danger{color:#dc2626;font-weight:600}.word-context-item.danger i{color:#dc2626}.word-context-item.danger:hover{background:#dc26261f}.multi-word-menu{z-index:130;background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:5px;animation:.12s cubic-bezier(.16,1,.3,1) modalPop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000021,0 1px 3px #0000000f}.multi-word-menu-item{color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.multi-word-menu-item:hover{background:color-mix(in srgb, var(--coral) 12%, transparent)}.multi-word-menu-item svg{color:var(--muted);flex-shrink:0;transition:color .15s}.multi-word-menu-item:hover svg{color:var(--ink)}.multi-word-menu-item.save{color:#16a34a;font-weight:600}.multi-word-menu-item.save svg{color:#16a34a}.multi-word-menu-item.save:hover{background:#16a34a1f}.no-text-select,.no-text-select *{-webkit-user-select:none!important;user-select:none!important}.focus-stage.no-text-select .focus-edit-wrap,.focus-stage.no-text-select .focus-edit-wrap *,.focus-stage.no-text-select .focus-text-editor,.focus-stage.no-text-select .focus-text-editor *,.focus-stage.no-text-select input,.focus-stage.no-text-select textarea{-webkit-user-select:text!important;user-select:text!important}.focus-ink.eraser-active{cursor:crosshair}.focus-eraser-indicator{pointer-events:none;filter:drop-shadow(0 0 4px #dc262666)}.shortcuts-mgmt-section{flex-direction:column;gap:20px;display:flex}.shortcuts-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcuts-hint{color:var(--muted);margin:0;font-size:13px}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.shortcut-card{background:var(--white);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.shortcut-card.recording{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb, var(--coral) 20%, transparent)}.shortcut-card-info{flex-direction:column;gap:2px;display:flex}.shortcut-card-info strong{color:var(--ink);font-size:13px}.shortcut-card-info small{color:var(--muted);font-size:11px}.shortcut-key-btn{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;place-items:center;min-width:42px;height:34px;padding:0 10px;transition:all .15s;display:grid}.shortcut-key-btn:hover{border-color:var(--ink);background:var(--white)}.shortcut-key-btn kbd{color:var(--ink);font-family:DM Mono,monospace;font-size:13px;font-weight:700}.shortcut-key-btn.pulse{border-color:var(--coral);background:color-mix(in srgb, var(--coral) 12%, transparent)}.recording-prompt{color:var(--coral);font-size:11px;font-weight:600;animation:1s infinite blinkPrompt}@keyframes blinkPrompt{0%,to{opacity:1}50%{opacity:.4}}.shortcuts-docs-card{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:16px 18px}.shortcuts-docs-card h3{color:var(--ink);margin:0 0 12px;font-size:14px}.docs-shortcuts-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.docs-shortcut-row{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.docs-shortcut-row kbd{background:var(--paper);border:1px solid var(--line);color:var(--ink);text-align:center;border-radius:6px;min-width:24px;padding:3px 7px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.speaking-staged-notification{z-index:45;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181c26eb;border:1px solid #ee775d66;border-radius:16px;align-items:center;gap:12px;max-width:380px;padding:10px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) slideInBottomLeft;display:flex;position:fixed;bottom:24px;left:254px;box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff0f}.side-collapsed .speaking-staged-notification{left:94px}:root[data-theme=light] .speaking-staged-notification{background:#fffdf9f0;border-color:#ee775d73;box-shadow:0 16px 40px #332c2326,0 0 0 1px #0000000d}.speaking-staged-notification:hover{border-color:var(--coral,#ee775d);transform:translateY(-3px)scale(1.02);box-shadow:0 20px 48px #ee775d40}@keyframes slideInBottomLeft{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.staged-notif-icon-wrap{width:34px;height:34px;color:var(--coral,#ee775d);background:linear-gradient(135deg,#ee775d40 0%,#e05e4226 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.staged-notif-pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseDot;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #22c55e}@keyframes pulseDot{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.staged-notif-content{flex-direction:column;gap:2px;min-width:0;display:flex}.staged-notif-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}:root[data-theme=light] .staged-notif-title{color:var(--ink)}.staged-notif-sub{color:#94a3b8;font-size:11px}:root[data-theme=light] .staged-notif-sub{color:var(--muted)}.staged-notif-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ee775d 0%,#e05e42 100%);border:none;border-radius:10px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s;box-shadow:0 4px 12px #ee775d4d}.staged-notif-cta:hover{transform:scale(1.04);box-shadow:0 6px 16px #ee775d73}.staged-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e14a6;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.staged-modal-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:100%;max-width:520px;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}:root[data-theme=dark] .staged-modal-card{background:#181b22;border-color:#ffffff1a;box-shadow:0 24px 60px #0009}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.staged-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.staged-modal-title-wrap{align-items:center;gap:12px;display:flex}.staged-modal-badge{color:var(--coral,#ee775d);background:#ee775d1f;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.staged-modal-pagination{background:var(--white);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:2px 6px;display:inline-flex}.staged-page-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.staged-page-btn:disabled{opacity:.3;cursor:not-allowed}.staged-page-counter{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.staged-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.staged-modal-close:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.staged-modal-body{flex-direction:column;gap:14px;max-height:70vh;padding:20px;display:flex;overflow-y:auto}.staged-field-group{flex-direction:column;gap:6px;display:flex}.staged-label-row{justify-content:space-between;align-items:center;display:flex}.staged-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.staged-ai-tag{color:var(--coral,#ee775d);background:#ee775d1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.staged-word-row{align-items:center;gap:8px;display:flex}.staged-input,.staged-textarea{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:12px;padding:10px 14px;font-size:14px;transition:all .15s}.staged-input:focus,.staged-textarea:focus{border-color:var(--coral,#ee775d);outline:none;box-shadow:0 0 0 3px #ee775d26}.staged-word-input{font-size:17px;font-weight:600}.staged-ipa-input{color:var(--coral,#ee775d);font-family:DM Mono,monospace;font-size:13.5px}.staged-textarea{resize:vertical;min-height:52px}.staged-tts-btn{border:1px solid var(--line);background:var(--white);color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.staged-tts-btn:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.staged-tts-btn.playing{color:var(--coral,#ee775d);border-color:var(--coral,#ee775d);background:#ee775d14}.staged-tags-container{flex-direction:column;gap:8px;display:flex}.staged-tags-list{flex-wrap:wrap;gap:6px;display:flex}.staged-tag-chip{border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .15s;display:inline-flex}.staged-tag-chip:hover{border-color:var(--ink);color:var(--ink)}.staged-tag-chip.selected{border-color:var(--coral,#ee775d);color:var(--coral,#ee775d);background:#ee775d26;font-weight:600}.staged-custom-tag-row{align-items:center;gap:6px;display:flex}.staged-custom-tag-input{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:8px;flex:1;padding:6px 10px;font-size:12px}.staged-add-tag-btn{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.staged-modal-footer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.staged-discard-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.staged-discard-btn:hover{background:#ef44441a}.staged-approve-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ee775d 0%,#e05e42 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #ee775d59}.staged-approve-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #ee775d80}.staged-approve-btn:disabled{opacity:.5;cursor:not-allowed}.vocab-vault-backdrop,.vocab-vault-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.vocab-vault-modal{background:var(--white);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:min(1380px,96vw);height:min(880px,94vh);animation:.25s cubic-bezier(.16,1,.3,1) popIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000059}.vocab-vault-header{border-bottom:1px solid var(--line);background:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.vault-header-title-area,.header-title-box{align-items:center;gap:12px;display:flex}.vault-header-icon,.header-icon-badge{color:#7e22ce;background:#f3e8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.vault-title-row{align-items:center;gap:8px;display:flex}.count-pill{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.vocab-vault-header h2{margin:0;font-family:Fraunces,serif;font-size:18px;font-weight:600}.vault-subtitle,.vault-sub{color:var(--muted);margin:2px 0 0;font-family:DM Mono,monospace;font-size:12px}.vault-top-actions{align-items:center;gap:10px;display:flex}.vault-top-actions .btn-sm{border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;display:inline-flex}.vault-top-actions .icon-btn-sm{border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:inline-flex}.vault-modal-close-btn{border:1px solid var(--line);background:var(--surface,#f8fafc);width:34px;height:34px;color:var(--muted,#64748b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.vault-modal-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.phonetic-stress{color:inherit;font-weight:700}.phonetic-italic{color:inherit;font-style:italic}.phonetic-wrapper{font-family:inherit}.vocab-vault-toolbar{border-bottom:1px solid var(--line);background:var(--white);align-items:center;gap:12px;padding:10px 18px;display:flex}.vocab-vault-toolbar .search-field{flex-shrink:0;width:250px}.vocab-vault-toolbar .vault-top-actions{flex-shrink:0;margin-left:auto}.tags-filter-row{scrollbar-width:thin;align-items:center;gap:6px;min-width:0;max-width:40%;padding-bottom:2px;display:flex;overflow-x:auto}.tags-filter-row::-webkit-scrollbar{height:4px}.tags-filter-row::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.tags-filter-row .tag-chip-btn{white-space:nowrap;flex-shrink:0}.search-field{background:var(--white);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;width:320px;padding:6px 12px;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:13px}.search-field .clear-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:14px}.tag-chip-btn{border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:6px;padding:3px 9px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s}.tag-chip-btn:hover,.tag-chip-btn.active{color:#fff;background:#7e22ce;border-color:#7e22ce}.vocab-vault-workspace{background:var(--bg);flex:1;display:grid;overflow:hidden}.vocab-vault-workspace.layout-split{grid-template-columns:1.15fr .85fr}.vocab-vault-workspace.layout-graph,.vocab-vault-workspace.layout-list{grid-template-columns:1fr}.vault-graph-panel{border-right:1px solid var(--line,#e5e0d8);background:#faf8f5;flex-direction:column;display:flex;position:relative;overflow:hidden}.vault-graph-panel .panel-title-bar{background:#f4efe6;border-bottom:1px solid #e7e0d4;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.panel-title-left{align-items:center;gap:6px;display:flex}.panel-title-left h4{color:#1e293b;margin:0;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.panel-hint{color:#64748b;font-family:DM Mono,monospace;font-size:11px}.graph-embed-container{flex:1;position:relative;overflow:hidden}.obsidian-graph-wrapper{background:#faf8f5;position:absolute;inset:0;overflow:hidden}.obsidian-graph-wrapper.fullscreen{z-index:10000;position:fixed;inset:0}.obsidian-graph-canvas{cursor:grab;width:100%;height:100%;display:block}.obsidian-graph-canvas:active{cursor:grabbing}.graph-top-controls{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.graph-search-box{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;width:220px;padding:6px 12px;display:flex;box-shadow:0 2px 8px #0000000d}.graph-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:12px}.graph-search-box input::placeholder{color:#94a3b8}.graph-search-box .search-icon{color:#64748b}.graph-search-box .clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none}.graph-stats-chip{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#475569;background:#fffffff0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:DM Mono,monospace;font-size:11px;display:flex;box-shadow:0 2px 8px #0000000d}.graph-action-buttons{pointer-events:auto;align-items:center;gap:6px;display:flex}.graph-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#475569;cursor:pointer;background:#fffffff0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000000d}.graph-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}.graph-node-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1e293b;pointer-events:none;background:#fffffff5;border:1px solid #e2e8f0;border-radius:10px;max-width:290px;padding:12px 16px;animation:.15s fadeIn;position:absolute;bottom:20px;left:20px;box-shadow:0 10px 25px #00000014,0 2px 6px #0000000a}.tooltip-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.tooltip-head strong{color:#0f172a;font-family:Fraunces,serif;font-size:16px}.tooltip-head .phonetic{color:#7c3aed;font-family:DM Mono,monospace;font-size:11px}.tooltip-trans{color:#334155;margin:0 0 6px;font-size:13px}.tooltip-parent{color:#64748b;margin-bottom:6px;font-family:DM Mono,monospace;font-size:11px;display:block}.tooltip-tags{flex-wrap:wrap;gap:4px;display:flex}.tag-micro{color:#7c3aed;background:#7c3aed14;border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:10px}.vault-list-panel{background:var(--white);flex-direction:column;display:flex;overflow:hidden}.vault-list-panel .panel-title-bar{border-bottom:1px solid var(--line);background:var(--white);padding:12px 20px}.vault-list-panel .panel-title-bar h4{align-items:center;gap:8px;margin:0;font-family:DM Mono,monospace;font-size:14px;font-weight:600;display:flex}.counter-badge{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 7px;font-size:11px}.words-table-scroll{flex:1;padding:16px 20px;overflow-y:auto}.words-cards-list{flex-direction:column;gap:10px;display:flex}.vocab-word-item{background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.vocab-word-item:hover{border-color:#a855f7;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.vocab-word-item.selected{background:#faf5ff;border-color:#a855f7}.word-item-main{flex:1}.word-header-line{align-items:center;gap:8px;margin-bottom:4px;display:flex}.word-title{color:var(--ink);font-family:Fraunces,serif;font-size:16px;font-weight:600}.word-ipa{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.knowledge-indicator-dot{border-radius:50%;width:8px;height:8px}.word-translation-text{color:var(--ink);margin:0 0 6px;font-size:13px}.word-root-badge{color:#6d28d9;background:#ede9fe;border-radius:4px;margin-bottom:6px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px;display:inline-block}.word-context-quote{color:var(--muted);border-left:2px solid var(--line);margin:0 0 6px;padding-left:8px;font-size:11px;font-style:italic}.word-tags-row{flex-wrap:wrap;gap:4px;display:flex}.tag-pill-sm{background:var(--bg);color:var(--muted);border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:10px}.word-item-actions{align-items:center;gap:4px;display:flex}.action-btn-sm{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.action-btn-sm:hover{background:var(--bg);color:var(--ink);border-color:var(--ink)}.action-btn-sm.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.action-btn-sm.playing{color:#3b82f6;animation:1s infinite pulse}.empty-vocab-msg{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-vocab-msg .empty-icon{opacity:.4;margin-bottom:12px}.vocab-form-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.vocab-word-panel-card{background:var(--white);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:min(390px,94vw);padding:18px 20px;animation:.18s cubic-bezier(.16,1,.3,1) popIn;display:flex;box-shadow:0 20px 40px #00000029}.vocab-word-panel-card .word-panel-top-bar{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.vocab-word-panel-card .word-panel-top-bar h3{color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:15px;font-weight:600}.vocab-word-panel-card .wp-field{flex-direction:column;gap:4px;display:flex}.vocab-word-panel-card .wp-field span{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.vocab-word-panel-card .wp-field input,.vocab-word-panel-card .wp-field textarea{border:1px solid var(--line);background:var(--white);color:var(--ink);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:13px}.vocab-word-panel-card .wp-field input:focus,.vocab-word-panel-card .wp-field textarea:focus{border-color:#7e22ce}.danger-btn{color:#dc2626;border-color:#fca5a5;align-items:center;gap:6px;display:flex}.danger-btn:hover{background:#fee2e2}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wp-pronunciation-content-row{align-items:center;gap:8px;display:inline-flex}.wp-view-speak-btn{box-shadow:none!important;color:var(--muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:3px!important;line-height:1!important;transition:color .15s,transform .15s!important;display:inline-flex!important}.wp-view-speak-btn:hover{color:var(--ink)!important;transform:scale(1.15)!important}.wp-view-speak-btn:active{transform:scale(.95)!important}.word-context-item.ai-save-item{color:#7c3aed;font-weight:600}.word-context-item.ai-save-item i{color:#7c3aed}.word-context-item.ai-save-item:hover{background:#7c3aed1a}.spin{animation:1s linear infinite spin}.add-resource-modal{background:var(--white);box-sizing:border-box;flex-direction:column;gap:16px;width:min(500px,94vw);padding:28px 30px;animation:.2s cubic-bezier(.16,1,.3,1) popIn;display:flex;position:relative;box-shadow:0 20px 45px #00000024,0 4px 12px #0000000f}.add-res-header{padding-right:32px}.add-res-title{color:var(--ink);margin:0;font-size:22px;font-weight:700;line-height:1.2}.add-res-format-section{flex-direction:column;gap:6px;display:flex}.add-res-field-label{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.add-res-field-label span{color:var(--muted);font-size:12px;font-weight:500}.add-res-select-wrap{width:100%;position:relative}.add-res-format-dropdown{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);cursor:pointer;border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px;font-weight:500;transition:border-color .15s}.add-res-format-dropdown:focus{border-color:var(--ink)}.add-res-subtabs{background:var(--paper);border-radius:10px;gap:8px;margin-bottom:12px;padding:4px;display:flex}.add-res-subtab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.add-res-subtab.active{background:var(--white);color:#7c3aed;box-shadow:0 2px 6px #0000000f}.add-res-content-pane{flex-direction:column;gap:14px;display:flex}.add-res-prompt-wrap{flex-direction:column;gap:6px;display:flex}.add-res-prompt-box{width:100%;position:relative}.add-res-textarea{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:10px 38px 10px 12px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .15s}.add-res-textarea:focus{border-color:var(--ink)}.add-res-prompt-box.is-random .add-res-textarea{background:var(--paper);border-style:dashed;border-color:var(--line)}.add-res-random-btn{border:1px solid var(--line);background:var(--white);width:26px;height:26px;color:var(--muted);cursor:pointer;z-index:2;border-radius:6px;place-items:center;transition:all .15s;display:grid;position:absolute;top:10px;right:10px}.add-res-random-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}.add-res-random-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.add-res-meta-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.add-res-meta-row select,.add-res-content-pane input[type=text],.add-res-content-pane input[type=url]{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.add-res-meta-row select:focus,.add-res-content-pane input[type=text]:focus,.add-res-content-pane input[type=url]:focus{border-color:var(--ink)}.add-res-hint{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:12px;line-height:1.4;display:flex}.add-res-dropzone{border:2px dashed var(--line);background:var(--paper);color:var(--muted);cursor:pointer;border-radius:10px;justify-items:center;gap:6px;padding:24px;transition:border-color .15s;display:grid}.add-res-dropzone:hover{border-color:var(--ink)}.add-res-dropzone.has-file{color:var(--ink);border-color:#16a34a}.add-res-dropzone strong{color:var(--ink);font-size:13.5px}.add-res-dropzone small{font-size:11px}.add-res-error-badge{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.add-res-footer{margin-top:4px}.add-res-submit-btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;font-size:13.5px;font-weight:600;display:flex}.cover-ai-watermark{-webkit-backdrop-filter:blur(6px);color:#fff;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;z-index:3;background:#0000008c;border-radius:5px;align-items:center;gap:3px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;right:8px}.conn-keys-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.conn-key-row{flex-direction:column;gap:6px;display:flex}.conn-key-row label{color:var(--ink);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.conn-key-row label span{color:var(--muted);font-size:12px;font-weight:500}.conn-input-action-wrap{align-items:center;gap:8px;display:flex}.conn-input-action-wrap input{flex:1}.connection-test-btn-compact{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.connection-test-btn-compact:hover:not(:disabled){background:var(--white);border-color:var(--ink)}.connection-test-btn-compact:disabled{opacity:.5;cursor:not-allowed}.conn-models-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.conn-task-row{background:var(--paper);border:1px solid var(--line);border-radius:8px;grid-template-columns:240px 1fr;align-items:center;gap:16px;padding:12px 14px;display:grid}.conn-task-row.is-main{background:var(--white);border-color:var(--line);box-shadow:0 1px 3px #0000000a}.conn-task-info strong{color:var(--ink);font-size:13px;font-weight:600;display:block}.conn-task-info small{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.35;display:block}.conn-task-input-wrap{width:100%}.conn-task-input-wrap input,.conn-task-input-wrap select{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);box-sizing:border-box;border-radius:7px;outline:none;padding:8px 10px;font-size:12.5px}.conn-task-input-wrap.dual{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=720px){.conn-task-row{grid-template-columns:1fr;gap:10px}}.conn-task-group-title{text-transform:uppercase;letter-spacing:.65px;color:var(--muted);align-items:center;gap:8px;margin-top:14px;margin-bottom:2px;padding-left:2px;font-size:11.5px;font-weight:700;display:flex}.conn-task-group-title:after{content:"";background:var(--line);opacity:.7;flex:1;height:1px}.conn-task-input-with-actions{align-items:center;gap:8px;width:100%;display:flex}.conn-task-input-with-actions input{flex:1}.conn-model-badge{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.conn-model-badge.default{background:var(--paper);color:var(--muted);border:1px solid var(--line)}.conn-model-badge.custom{color:#2563eb;background:#2563eb14;border:1px solid #2563eb38}.conn-reset-btn{border:1px solid var(--line);background:var(--white);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.conn-reset-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--muted)}.conn-task-warning{color:#d97706;align-items:center;gap:4px;margin-top:5px;font-size:11px;line-height:1.35;display:flex}.advanced-accordion-wrapper{flex-direction:column;gap:14px;margin-top:18px;display:flex}.advanced-accordion-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:4px 0;display:flex}.advanced-accordion-line{background:var(--line);flex:1;height:1px}.advanced-accordion-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border:1px solid var(--line);background:var(--paper);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.advanced-accordion-trigger:hover .advanced-accordion-label{color:var(--ink);border-color:#7c3aed}.advanced-accordion-content{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;padding:16px;animation:.15s popIn;display:flex}.advanced-accordion-intro{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.advanced-task-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=720px){.advanced-task-grid{grid-template-columns:1fr}}.advanced-task-card{background:var(--white);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.advanced-task-header strong{color:var(--ink);font-size:13px;font-weight:600;display:block}.advanced-task-header small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.advanced-field{flex-direction:column;gap:5px;font-size:12px;display:flex}.advanced-field span{color:var(--muted);font-size:11px;font-weight:500}.advanced-field input,.advanced-field select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);box-sizing:border-box;border-radius:7px;outline:none;padding:7px 10px;font-size:12.5px}.advanced-field input:focus,.advanced-field select:focus{border-color:#7c3aed}.settings-section-subtitle{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.builtin-categories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.builtin-category-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.builtin-cat-badge{color:var(--ink);font-size:13px;font-weight:600}.builtin-cat-count{color:var(--muted);font-size:11px}.sidebar-accordion-section{flex-direction:column;width:100%;margin-top:2px;display:flex}.sidebar-see-more-toggle{cursor:pointer;width:100%;color:var(--muted);outline:none;justify-content:center;align-items:center;gap:6px;margin:4px 0;transition:color .15s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:4px 0!important}.sidebar-see-more-toggle:hover{color:var(--ink)!important;background:0 0!important}.see-more-line{background:var(--line);opacity:.6;flex:1;height:1px}.see-more-label-wrap{letter-spacing:.2px;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:400;display:inline-flex}.see-more-label-wrap .side-label{font-size:10px;font-weight:400}.see-more-chevron{opacity:.7;transition:transform .25s cubic-bezier(.4,0,.2,1)}.see-more-chevron.open{transform:rotate(180deg)}.sidebar-accordion-body{opacity:0;flex-direction:column;gap:2px;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;overflow:hidden}.sidebar-accordion-body.open{opacity:1;max-height:140px}.side-collapsed .sidebar-see-more-toggle{padding:4px 0!important}.side-collapsed .see-more-label-wrap .side-label{display:none}.exercises-builder-page{max-width:880px;margin:0 auto;padding:36px 24px 80px;transition:max-width .25s;animation:.25s fadeIn}.exercises-builder-page.has-active-exercise{max-width:1060px}.builder-header-stack{flex-direction:column;gap:16px;width:100%;margin-bottom:24px;display:flex}.builder-minimal-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:0;display:flex}.builder-minimal-title{color:var(--ink);letter-spacing:-.4px;margin:0;font-size:24px;font-weight:800}.history-icon-toggle-btn{background:var(--paper);border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.history-icon-toggle-btn:hover{color:var(--ink);background:#ee775d14;border-color:#ee775d}.minimal-prompt-parent{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:100%;max-width:100%;margin:0;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 20px #00000008}.minimal-prompt-parent:focus-within{border-color:#ee775d;box-shadow:0 0 0 3px #ee775d1f}.minimal-prompt-parent.is-compact-active{border-radius:14px;max-width:100%;margin:0;padding:6px 10px}.compact-prompt-inline-row{align-items:center;gap:10px;width:100%;display:flex}.minimal-prompt-textarea{width:100%;min-height:80px;color:var(--ink);box-sizing:border-box;background:0 0;border:none;outline:none;padding:16px 18px 8px;font-size:15px;line-height:1.5;overflow-y:hidden;resize:none!important}.minimal-prompt-textarea.compact-inline{flex:1;height:40px;min-height:40px;padding:10px 14px;font-size:14px}.minimal-prompt-textarea::placeholder{color:var(--muted);opacity:.8}.minimal-prompt-bottom-bar{justify-content:space-between;align-items:center;padding:8px 14px 12px;display:flex;position:relative}.mode-picker-container{position:relative}.mode-trigger-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.mode-trigger-btn:hover{color:var(--ink)}.mode-trigger-btn.mode-active{color:#ee775d;background:#ee775d1f;padding:5px 10px;font-weight:600}.mode-trigger-btn .chevron-icon{opacity:.7}.mode-picker-popover{background:var(--paper);border:1px solid var(--line);z-index:500;border-radius:14px;flex-direction:column;gap:4px;width:320px;max-height:380px;padding:8px;animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 8px);bottom:auto;left:0;overflow-y:auto;box-shadow:0 12px 36px #00000026}.popover-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;font-size:11px;font-weight:700}.popover-modes-list{flex-direction:column;gap:3px;display:flex}.mode-option-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .15s;display:flex}.mode-option-btn:hover{background:var(--bg)}.mode-option-btn.active{background:#ee775d1a}.mode-opt-icon{flex-shrink:0;font-size:16px}.mode-opt-info{flex-direction:column;flex:1;gap:1px;display:flex}.mode-opt-label{color:var(--ink);font-size:13px;font-weight:600}.mode-opt-desc{color:var(--muted);font-size:11px}.mode-option-btn .check-icon{color:#ee775d}.minimal-send-btn{color:#fff;cursor:pointer;background:#ee775d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,filter .15s;display:flex}.minimal-send-btn:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.05)}.minimal-send-btn:disabled{opacity:.4;cursor:not-allowed}.spin-icon,.animate-spin{animation:.8s linear infinite spin!important}.generation-error-box{color:#dc2626;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:13px}.active-exercise-section{background:var(--paper);border:1px solid var(--line);border-radius:16px;width:100%;margin-bottom:40px;padding:28px 32px;box-shadow:0 6px 24px #0000000a}.exercise-clean-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.active-clean-title{color:var(--ink);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.board-component-canvas{margin-top:8px}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.action-btn.primary:hover{filter:brightness(1.08)}.action-btn.secondary:hover{background:var(--line)}.hint-toggle-pill{background:var(--bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.hint-toggle-pill:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b66}.blanks-actions,.crossword-actions-row,.match-actions,.scramble-actions,.hunter-actions{align-items:center;gap:12px;display:flex}.crossword-score-banner,.match-score-pill,.scramble-score-pill,.blanks-score-pill,.hunter-score-pill,.roleplay-score-pill,.grammar-score-pill,.image-score-pill{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.blanks-footer,.crossword-footer-controls,.match-footer-row,.scramble-footer-row,.hunter-footer,.roleplay-footer,.image-assoc-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;display:flex}.blanks-exercise-container{flex-direction:column;gap:16px;display:flex}.wordbank-accordion{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.wordbank-accordion-toggle{cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.wordbank-accordion-toggle .accordion-badge{color:#2563eb;background:#3b82f61f;border-radius:999px;margin-left:auto;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:700}.wordbank-chips-tray{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.wordbank-chip.draggable{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.wordbank-chip.draggable:hover:not(.used){background:#3b82f614;border-color:#3b82f6;transform:translateY(-1px)}.wordbank-chip.draggable:active:not(.used){cursor:grabbing}.wordbank-chip.draggable.used{opacity:.35;cursor:not-allowed;background:var(--line)}.wordbank-chip .grip-icon{opacity:.5}.sentence-content{color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px;font-size:15px;line-height:1.8;display:flex}.item-num{color:var(--muted);margin-right:4px;font-weight:700}.inline-drop-zone{color:#1d4ed8;cursor:pointer;background:#3b82f60f;border:2px dashed #3b82f6;border-radius:8px;justify-content:center;align-items:center;min-height:32px;margin:0 4px;padding:3px 10px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.inline-drop-zone.filled{background:#3b82f61f;border-style:solid}.inline-drop-zone.drop-ready{background:#3b82f633;transform:scale(1.04)}.blank-hint-pill{color:#ca8a04;background:#ca8a0414;border-radius:6px;width:fit-content;padding:4px 10px;font-size:12px}.blank-feedback-box{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.blank-feedback-box .expl-text{color:var(--ink);margin:0 0 6px;font-size:13px}.wrong-examples-grid{flex-direction:column;gap:4px;display:flex}.wrong-ex-pill{background:var(--paper);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:inline-flex}.wrong-ex-pill .del-text{color:#dc2626;text-decoration:line-through}.wrong-ex-pill .why-text{color:var(--muted)}.crossword-centerpiece-container{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.crossword-active-clue-banner{background:var(--bg);border:1px solid var(--line);text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:680px;min-height:52px;padding:10px 16px;display:flex}.active-clue-content{flex-direction:column;align-items:center;gap:4px;display:flex}.active-clue-badge{color:#8b5cf6;text-transform:uppercase;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.active-clue-text{color:var(--ink);margin:0;font-size:15px;font-weight:600}.active-clue-hint{color:#ca8a04;font-size:12px}.active-clue-expl{color:#059669;font-size:12px}.clue-placeholder-text{color:var(--muted);margin:0;font-size:13px}.crossword-grand-grid-wrapper{box-shadow:none;background:0 0;border:none;justify-content:center;padding:0;display:flex}.crossword-grand-grid{gap:5px;display:grid}.crossword-cell{background:var(--paper);border:1px solid var(--line);aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.crossword-cell.blocked{pointer-events:none;visibility:hidden;box-shadow:none!important;opacity:0!important;background:0 0!important;border:none!important}.crossword-cell.active{box-shadow:0 2px 6px #00000008}.crossword-cell.active.in-active-word{background:#8b5cf60f;border-color:#8b5cf64d}.crossword-cell.active.selected{z-index:2;background:#8b5cf626;border-color:#8b5cf6;outline:2px solid #8b5cf6}.crossword-cell.active.correct{background:#10b98126;border-color:#10b981}.crossword-cell.active.wrong{background:#ef444426;border-color:#ef4444}.crossword-cell-tooltip{background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;z-index:100;border-radius:8px;padding:6px 10px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}.crossword-clues-chips-tray{flex-direction:column;gap:10px;width:100%;max-width:820px;display:flex}.clues-subgroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subgroup-title{color:var(--muted);text-transform:uppercase;min-width:80px;font-size:11px;font-weight:700}.chips-list{flex-wrap:wrap;flex:1;gap:6px;display:flex}.clue-chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;max-width:240px;padding:4px 10px;font-size:12px;transition:all .15s;display:inline-flex}.clue-chip .chip-num{color:#8b5cf6;font-weight:700}.clue-chip .chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clue-chip.active,.clue-chip:hover{background:#8b5cf61a;border-color:#8b5cf6}.match-pairs-exercise-container{flex-direction:column;gap:16px;display:flex;position:relative}.match-columns-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid;position:relative}.match-col{z-index:2;flex-direction:column;gap:10px;display:flex}.match-item{background:var(--paper);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000005}.match-item:hover{border-color:#10b981}.match-node-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .15s}.match-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.match-text{color:var(--ink);font-weight:600}.match-context{color:var(--muted);font-size:11px}.unmatch-hint{color:var(--muted);border-radius:4px;padding:2px 6px;font-size:12px}.unmatch-hint:hover{color:#ef4444;background:#ef44441a}.match-expl-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px}.scramble-exercise-container,.scramble-items-list{flex-direction:column;gap:16px;display:flex}.scramble-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sentence-number{color:var(--muted);font-size:12px;font-weight:700}.french-translation{color:var(--ink);font-size:13px;font-style:italic}.assembled-tiles-wrap{flex-wrap:wrap;flex:1;gap:8px;display:flex}.clear-sentence-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0000000a;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.clear-sentence-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444466}.scramble-pool-wrap{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.tile-btn.pool:hover:not(.used){background:#ee775d14;border-color:#ee775d;transform:translateY(-1px)}.scramble-feedback-area{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:10px;display:flex}.expected-sentence-row{color:#059669;font-size:14px}.grammar-tip-row{color:#ca8a04;align-items:center;gap:6px;font-size:13px;display:flex}.error-hunter-container{flex-direction:column;gap:16px;display:flex}.hunter-instructions-banner{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.hunter-counter-badge{color:#ef4444;font-weight:700}.hunter-token{cursor:pointer;border-radius:6px;margin:0 1px;padding:3px 6px;transition:all .15s;display:inline}.hunter-correction-tag{color:#059669;margin-left:4px;font-size:12px;font-weight:700}.roleplay-exercise-container{flex-direction:column;gap:20px;display:flex}.roleplay-scenario-banner{background:#06b6d414;border:1px solid #06b6d440;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex}.roleplay-scenario-banner .scenario-icon{font-size:28px}.roleplay-scenario-banner h4{color:var(--ink);margin:0 0 2px;font-size:16px;font-weight:700}.roleplay-scenario-banner p{color:var(--muted);margin:0;font-size:13px}.roleplay-turns-list{flex-direction:column;gap:24px;display:flex}.speaker-bubble-row{align-items:flex-start;gap:12px;display:flex}.speaker-avatar{flex-shrink:0;font-size:22px}.speaker-name{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.speech-text{color:var(--ink);margin:4px 0 0;font-size:15px;line-height:1.5}.user-reply-choices{flex-direction:column;gap:10px;display:flex}.reply-prompt-lbl{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.choices-buttons-stack{flex-direction:column;gap:10px;display:flex}.reply-choice-btn:hover{border-color:#06b6d4}.reply-choice-btn.correct{color:#059669;background:#10b9811f;border-color:#10b981}.reply-choice-btn.wrong{color:#dc2626;background:#ef44441f;border-color:#ef4444}.grammar-deepdive-container{flex-direction:column;gap:20px;display:flex}.rule-hero-title{color:var(--ink);margin:0 0 6px;font-size:17px;font-weight:800}.rule-hero-desc{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.grammar-table th{background:var(--bg);text-align:left;font-weight:700}.common-mistakes-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 20px}.common-mistakes-card h5{color:var(--ink);margin:0 0 10px;font-size:13px;font-weight:700}.mistakes-grid{flex-direction:column;gap:8px;display:flex}.mistake-item{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.bad-phrase{color:#dc2626;text-decoration:line-through}.good-phrase{color:#059669;font-weight:600}.why-phrase{color:var(--muted);font-size:12px}.grammar-quiz-launch{justify-content:center;padding-top:10px;display:flex}.grammar-step-quiz{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.quiz-progress-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.quiz-progress-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.quiz-progress-bar-bg{background:var(--line);border-radius:999px;flex:1;max-width:240px;height:6px;overflow:hidden}.quiz-progress-bar-fill{background:#6366f1;border-radius:999px;height:100%;transition:width .25s}.quiz-question-card{flex-direction:column;gap:14px;display:flex}.quiz-question-prompt{color:var(--ink);margin:0;font-size:16px;font-weight:700}.quiz-options-stack{flex-direction:column;gap:8px;display:flex}.quiz-opt-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .15s;display:flex}.quiz-opt-btn:hover:not(:disabled){border-color:#6366f1}.quiz-opt-btn.selected{background:#6366f114;border-color:#6366f1}.quiz-opt-btn.correct{color:#059669;background:#10b9811f;border-color:#10b981}.quiz-opt-btn.wrong{color:#dc2626;background:#ef44441f;border-color:#ef4444}.quiz-step-feedback{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.quiz-expl{color:var(--ink);margin:0;font-size:13px}.quiz-handwriting-pill{color:#ca8a04;font-size:12px}.grammar-quiz-results{background:#10b9811f;border:1px solid #10b9814d;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.quiz-score-banner{color:#059669;align-items:center;gap:14px;display:flex}.score-info{flex-direction:column;display:flex}.score-fraction{font-size:20px;font-weight:800}.score-percentage{font-size:13px}.image-association-container{flex-direction:column;gap:20px;display:flex}.visual-card-modern{background:var(--bg);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding-bottom:16px;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000008}.visual-card-modern.correct{border-color:#10b981}.visual-card-modern.wrong{border-color:#ef4444}.card-image-frame{background:var(--paper);justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.card-unsplash-img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.card-unsplash-img:hover{transform:scale(1.03)}.card-image-fallback{z-index:0;font-size:48px;position:absolute}.visual-card-modern .scenario-desc{color:var(--ink);margin:0;padding:0 16px;font-size:14px;font-weight:600}.expressions-options-list{flex-direction:column;gap:8px;padding:0 16px;display:flex}.exp-opt-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s}.exp-opt-btn:hover{border-color:#ec4899}.exp-opt-btn.selected{background:#ec48991a;border-color:#ec4899}.exp-opt-btn.correct{color:#059669;background:#10b9811f;border-color:#10b981}.exp-opt-btn.wrong{color:#dc2626;background:#ef44441f;border-color:#ef4444}.card-expl-footer{border-top:1px solid var(--line);padding:8px 16px 0}.card-expl-footer p{color:var(--ink);margin:0;font-size:12px}.post-exercise-toolbar{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.handwritten-mastery-container{flex-direction:column;gap:20px;display:flex}.teacher-lesson-note{background:#fffcf8;border:1px solid #fed7aa;border-radius:16px;padding:22px 24px;box-shadow:0 4px 16px #00000005}[data-theme=dark] .teacher-lesson-note{background:#1c1917;border-color:#44403c}.lesson-note-header{margin-bottom:16px}.lesson-badge-pill{color:#15803d;text-transform:uppercase;background:#16a34a26;border-radius:999px;align-items:center;gap:4px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.lesson-title{color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:800}.lesson-golden-rule{color:var(--ink);margin:0;font-size:14px;font-weight:500;line-height:1.5}.lesson-intro-text{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.6}.lesson-examples-flow{flex-direction:column;gap:16px;margin-top:16px;display:flex}.lesson-example-block{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.sentence-callout-row{margin-bottom:10px}.handwritten-sentence{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.8}.handwritten-correction-token{vertical-align:middle;flex-direction:column;align-items:center;margin:0 4px;display:inline-flex}.strikethrough-red{color:#dc2626;font-weight:700;-webkit-text-decoration:line-through #ef4444;text-decoration:line-through #ef4444;text-decoration-thickness:2px}.cursive-green-arrow{color:#16a34a;align-items:center;gap:4px;margin-top:-3px;font-family:Caveat,Playpen Sans,Comic Sans MS,cursive;font-size:18px;font-weight:700;display:inline-flex}.lesson-why-box{color:var(--ink);background:#16a34a14;border:1px solid #16a34a33;border-radius:8px;padding:10px 12px;font-size:13px}.why-title-row{color:#15803d;align-items:center;gap:6px;margin-bottom:3px;display:flex}.why-text{margin:0;line-height:1.4}.lesson-quiz-launcher{border-top:1px dashed var(--line);justify-content:center;margin-top:24px;padding-top:18px;display:flex}.start-quiz-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ee775d,#e73c7e);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #ee775d40}.start-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ee775d59}.step-quiz-container{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 24px;animation:.2s fadeIn;box-shadow:0 4px 20px #00000008}.step-quiz-header{margin-bottom:16px}.quiz-progress-info{flex-direction:column;gap:6px;display:flex}.q-step-tag{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.quiz-progress-track{background:var(--line);border-radius:999px;width:100%;height:6px;overflow:hidden}.quiz-progress-bar{background:#ee775d;border-radius:999px;height:100%;transition:width .25s}.step-quiz-body{flex-direction:column;gap:16px;display:flex}.step-q-prompt{color:var(--ink);margin:0;font-size:16px;font-weight:700;line-height:1.4}.step-options-list{flex-direction:column;gap:8px;display:flex}.step-opt-card{background:var(--bg);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.step-opt-card:hover{border-color:#ee775d}.step-opt-card.selected{background:#ee775d1a;border-color:#ee775d}.step-opt-card.correct{color:#059669;background:#10b98126;border-color:#10b981}.step-opt-card.wrong{color:#dc2626;background:#ef444426;border-color:#ef4444}.step-opt-letter{color:var(--muted);width:20px;font-size:12px;font-weight:700}.step-opt-text{color:var(--ink);font-size:14px;font-weight:500}.step-feedback-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.feedback-msg-pill{border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.feedback-msg-pill.success{color:#059669;background:#10b9811f;border:1px solid #10b98140}.feedback-msg-pill.error{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.next-q-btn{color:#fff;cursor:pointer;background:#ee775d;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:filter .15s;display:inline-flex}.next-q-btn:hover{filter:brightness(1.08)}.quiz-results-banner{background:#10b9811f;border:1px solid #10b9814d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px 20px;display:flex}.results-left{align-items:center;gap:12px;display:flex}.results-left .award-icon{color:#059669}.results-left h4{color:#059669;margin:0 0 2px;font-size:15px}.results-left p{color:var(--ink);margin:0;font-size:13px}.replay-quiz-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.history-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.history-modal-content{background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:100%;max-width:580px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.history-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-title-wrap{color:var(--ink);align-items:center;gap:8px;display:flex}.header-title-wrap h3{margin:0;font-size:16px;font-weight:700}.history-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.history-modal-close:hover{color:var(--ink)}.history-modal-body{padding:16px 20px;overflow-y:auto}.history-cards-stack{flex-direction:column;gap:10px;display:flex}.history-item-row{background:var(--bg);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s;display:flex}.history-item-row:hover{border-color:#ee775d}.history-item-left{flex-direction:column;flex:1;gap:3px;display:flex}.history-item-meta{align-items:center;gap:8px;display:flex}.history-mode-tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.history-date{color:var(--muted);font-size:10px}.history-item-title{color:var(--ink);margin:0;font-size:14px;font-weight:700}.history-item-problem{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:0;font-size:11px;overflow:hidden}.history-item-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.history-score-badge{color:#059669;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.history-score-badge.empty{color:var(--muted);font-weight:500}.history-row-actions{align-items:center;gap:4px;display:flex}.history-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.history-btn.review:hover{color:#fff;background:#ee775d;border-color:#ee775d}.history-btn.delete:hover{color:#dc2626;border-color:#dc2626}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.action-btn.primary{color:#fff;background:#ee775d}.action-btn.primary.large{padding:10px 22px;font-size:14px}.action-btn.secondary{background:var(--bg);border:1px solid var(--line);color:var(--ink)}.action-btn.small{padding:5px 10px;font-size:12px}.crossword-exercise-container,.match-pairs-exercise-container,.scramble-exercise-container,.blanks-exercise-container,.error-hunter-container,.roleplay-exercise-container,.grammar-deepdive-container,.image-association-container,.speed-challenge-container{flex-direction:column;gap:16px;display:flex}.crossword-layout{grid-template-columns:auto 1fr;align-items:start;gap:24px;display:grid}@media (width<=800px){.crossword-layout{grid-template-columns:1fr}}.crossword-grid-wrapper{flex-direction:column;gap:12px;display:flex}.crossword-grid{background:var(--line);border-radius:12px;gap:4px;width:fit-content;padding:8px;display:grid}.crossword-cell{background:var(--paper);border-radius:4px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:flex;position:relative}.crossword-cell.blocked{pointer-events:none;visibility:hidden;opacity:0!important;background:0 0!important;border:none!important}.crossword-cell.active.selected{background:#8b5cf61f;outline:2px solid #8b5cf6}.crossword-cell.active.correct{background:#10b98126;outline:1px solid #10b981}.crossword-cell.active.wrong{background:#ef444426;outline:1px solid #ef4444}.cell-number{color:var(--muted);pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:2px;left:3px}.cell-input{text-align:center;text-transform:uppercase;width:100%;height:100%;color:var(--ink);background:0 0;border:none;outline:none;font-family:DM Mono,monospace;font-size:18px;font-weight:700}.user-wrong-mark{color:#dc2626;font-size:9px;font-weight:700;position:absolute;bottom:2px;right:3px}.crossword-clues-pane{flex-direction:column;gap:16px;display:flex}.clues-title{color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:700}.clues-list{flex-direction:column;gap:6px;display:flex}.clue-item{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:8px;gap:8px;padding:8px 10px;font-size:13px;transition:all .15s;display:flex}.clue-item:hover,.clue-item.highlight{background:#8b5cf614;border-color:#8b5cf6}.clue-num{color:#8b5cf6;font-weight:700}.clue-text-wrap{flex-direction:column;gap:2px;display:flex}.clue-hint{color:#ca8a04;font-size:11px}.clue-explanation{color:#10b981;font-size:11px}.crossword-grid-footer,.match-footer-row,.scramble-footer-row,.blanks-footer,.hunter-footer,.roleplay-footer,.grammar-footer,.image-assoc-footer,.speed-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.crossword-score-banner,.match-score-pill,.scramble-score-pill,.blanks-score-pill,.hunter-score-pill,.roleplay-score-pill,.grammar-score-pill,.image-score-pill,.speed-score-pill{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.match-columns-header{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;grid-template-columns:1fr 1fr;gap:24px;font-size:12px;font-weight:700;display:grid}.match-columns-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.match-col{flex-direction:column;gap:8px;display:flex}.match-item{background:var(--bg);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.match-node-dot{background:var(--line);border-radius:50%;width:10px;height:10px;transition:background .15s}.match-item.selected{background:#10b9811a;border-color:#10b981}.match-item.selected .match-node-dot{background:#10b981}.match-item.matched{background:#3b82f614;border-color:#3b82f6}.match-item.matched .match-node-dot{background:#3b82f6}.match-item.correct{background:#10b98126;border-color:#10b981}.match-item.wrong{background:#ef444426;border-color:#ef4444}.match-explanations-list{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.expl-heading{color:var(--ink);margin:0 0 6px;font-size:13px;font-weight:700}.match-expl-item{border-radius:6px;padding:6px 10px;font-size:13px}.match-expl-item.correct{background:#10b9811a}.match-expl-item.wrong{background:#ef44441a}.scramble-items-list{flex-direction:column;gap:14px;display:flex}.scramble-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.scramble-card.correct{border-color:#10b981}.scramble-card.wrong{border-color:#ef4444}.scramble-drop-zone{background:var(--paper);border:2px dashed var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.assembled-tiles-wrap{flex-wrap:wrap;gap:6px;display:flex}.tile-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.tile-btn.assembled{color:#fff;background:#ee775d;border-color:#ee775d}.tile-btn.pool:hover{border-color:#ee775d;transform:translateY(-1px)}.tile-btn.pool.used{opacity:.3;cursor:not-allowed}.wordbank-tray{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.wordbank-lbl{color:var(--muted);font-size:12px;font-weight:700}.wordbank-chips{flex-wrap:wrap;gap:6px;display:flex}.wordbank-chip{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.blanks-list{flex-direction:column;gap:12px;display:flex}.blank-sentence-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.blank-sentence-card.correct{border-color:#10b981}.blank-sentence-card.wrong{border-color:#ef4444}.inline-blank-input{border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:center;border-radius:6px;outline:none;margin:0 4px;padding:4px 8px;font-size:14px;font-weight:600;display:inline-block}.inline-blank-input.correct{color:#059669;background:#10b9811f;border-color:#10b981}.inline-blank-input.wrong{color:#dc2626;background:#ef44441f;border-color:#ef4444}.hunter-text-canvas{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px}.hunter-paragraph{color:var(--ink);margin:0;font-size:16px;line-height:2}.hunter-token{cursor:pointer;border-radius:4px;padding:2px 4px;transition:all .15s}.hunter-token:hover{background:#0000000f}.hunter-token.active-clicked{background:#ee775d33;outline:1px solid #ee775d}.hunter-token.caught{color:#059669;background:#10b98133;outline:1px solid #10b981}.hunter-token.missed{color:#dc2626;background:#ef444433;outline:1px solid #ef4444}.roleplay-turn-block{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.speaker-bubble{background:var(--paper);border:1px solid var(--line);border-radius:12px;max-width:80%;padding:10px 14px}.reply-choice-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .15s;display:flex}.reply-choice-btn.selected{background:#06b6d414;border-color:#06b6d4}.reply-choice-btn.correct{background:#10b9811f;border-color:#10b981}.reply-choice-btn.wrong{background:#ef44441f;border-color:#ef4444}.grammar-rule-hero{background:#6366f114;border:1px solid #6366f140;border-radius:12px;padding:16px 20px}.grammar-summary-table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.grammar-table{border-collapse:collapse;width:100%;font-size:13px}.grammar-table th,.grammar-table td{border-bottom:1px solid var(--line);color:var(--ink);padding:10px 14px}.grammar-table th{background:var(--bg);font-weight:700}.image-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.visual-scenario-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.speed-q-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.reader-page-validation-row{justify-content:center;align-items:center;margin-top:32px;margin-bottom:24px;padding-top:16px;display:flex;position:relative}.reader-page-check-btn{cursor:pointer;color:var(--ink-soft,#888);opacity:.45;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:6px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s,color .2s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.reader-page-check-btn:hover{opacity:.95;color:var(--accent,#3b82f6);transform:scale(1.15);background:0 0!important}.reader-page-check-btn:active{transform:scale(.95)}.page-validation-menu{z-index:150;background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:210px;padding:6px;animation:.12s cubic-bezier(.16,1,.3,1) markContextIn;display:flex;position:fixed;box-shadow:0 12px 32px #0000001f,0 2px 6px #0000000d}.reader-saved-toast{z-index:160;background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:9999px;align-items:center;gap:12px;padding:10px 18px;transition:transform .2s,box-shadow .2s;animation:.25s cubic-bezier(.16,1,.3,1) slideUpToast;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000024,0 2px 8px #0000000f}:root[data-theme=dark] .reader-saved-toast{background:#181c24;border-color:#2e3442;box-shadow:0 10px 30px #00000073}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,16px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.reader-saved-toast:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 14px 36px #0000002e}.saved-toast-icon-wrap{width:28px;height:28px;color:var(--accent,#3b82f6);background:#3b82f61f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.saved-toast-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulseDot;position:absolute;top:-1px;right:-1px}.saved-toast-text{flex-direction:column;font-size:13px;line-height:1.3;display:flex}.saved-toast-text strong{color:var(--ink);font-weight:600}.saved-toast-text span{color:var(--ink-soft);font-size:11px}.saved-toast-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:4px;transition:background .15s,color .15s;display:flex}.saved-toast-close:hover{background:var(--bg-hover,#0000000f);color:var(--ink)}.page-saved-words-modal{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:580px;max-width:92vw;max-height:82vh;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000038}:root[data-theme=dark] .page-saved-words-modal{background:#141820;border-color:#272d3a}.page-saved-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.page-saved-modal-title-wrap{align-items:center;gap:12px;display:flex}.page-saved-icon-circle{width:36px;height:36px;color:var(--accent,#3b82f6);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-saved-modal-title-wrap h3{color:var(--ink);margin:0;font-size:16px;font-weight:700}.page-saved-modal-title-wrap .subtitle{color:var(--ink-soft);margin:2px 0 0;font-size:12px}.page-saved-words-scroll{flex:1;max-height:52vh;padding:16px 20px;overflow-y:auto}.page-saved-words-list{flex-direction:column;gap:10px;display:flex}.page-saved-word-row{background:var(--bg);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.page-saved-word-row:hover{background:var(--bg-hover,#3b82f608);border-color:#3b82f64d}.page-saved-word-info{flex:1;min-width:0}.page-saved-word-heading{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.page-saved-word-heading .word-text{color:var(--ink);font-size:15px;font-weight:700}.page-saved-word-heading .word-phonetic{font-size:12px;font-family:var(--font-mono,monospace);color:var(--accent,#3b82f6);background:#3b82f614;border-radius:4px;padding:1px 6px}.page-saved-word-heading .word-pos-chip{color:var(--ink-soft);text-transform:lowercase;font-size:11px;font-weight:500}.page-saved-word-info .word-translation{color:var(--ink);margin:4px 0 0;font-size:13px;line-height:1.4}.page-saved-word-info .word-context-snippet{color:var(--ink-soft);border-left:2px solid var(--line);margin:6px 0 0;padding-left:8px;font-size:11px;font-style:italic;line-height:1.35}.page-saved-word-actions{flex-shrink:0;align-items:center;gap:4px;padding-top:2px;display:flex}.page-saved-word-actions .icon-action-btn{border:1px solid var(--line);background:var(--white);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}:root[data-theme=dark] .page-saved-word-actions .icon-action-btn{background:#1e2430}.page-saved-word-actions .icon-action-btn:hover{background:var(--accent-light,#3b82f61a);color:var(--accent,#3b82f6);border-color:var(--accent,#3b82f6)}.page-saved-word-actions .icon-action-btn.edit:hover{color:#10b981;background:#10b9811a;border-color:#10b981}.page-saved-word-actions .icon-action-btn.delete:hover{color:#dc2626;background:#dc26261a;border-color:#dc2626}.page-saved-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 20px;display:flex}.focus-export-btn{z-index:23;color:var(--ink);background:var(--paper-glass,#fffc);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-line,#0000001a);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;bottom:20px;right:24px;box-shadow:0 4px 18px #00000014}.focus-export-btn:hover{background:var(--paper-glass-hover,#fffffff2);border-color:var(--ink-soft,#0003);transform:translateY(-2px);box-shadow:0 6px 22px #0000001f}.focus-export-btn:active{transform:translateY(0)}:root[data-theme=dark] .focus-export-btn{color:#f1f5f9;background:#1e2430d9;border-color:#ffffff1f;box-shadow:0 4px 18px #00000059}:root[data-theme=dark] .focus-export-btn:hover{background:#262e3ef2;border-color:#ffffff40}.teacher-export-overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}.teacher-export-card{background:var(--paper,#faf8f5);border:1px solid var(--line,#0000001a);border-radius:20px;flex-direction:column;width:100%;max-width:500px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 24px 50px -12px #00000040}:root[data-theme=dark] .teacher-export-card{background:#1a202c;border-color:#2d3748;box-shadow:0 24px 50px -12px #0000008c}.teacher-export-card-head{border-bottom:1px solid var(--line,#00000012);align-items:flex-start;gap:14px;padding:22px 24px 16px;display:flex;position:relative}.teacher-export-icon-badge{width:42px;height:42px;color:var(--ink);background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.teacher-export-icon-badge.primary{color:#2563eb;background:#2563eb1f}.teacher-export-icon-badge.warning{color:#d97706;background:#f59e0b24}.teacher-export-icon-badge.success{color:#16a34a;background:#16a34a24}.teacher-export-card-head h3{color:var(--ink);margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.35}.teacher-export-card-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.teacher-export-close-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.teacher-export-close-btn:hover{color:var(--ink);background:#0000000f}:root[data-theme=dark] .teacher-export-close-btn:hover{background:#ffffff1a}.teacher-export-card-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.teacher-export-field{flex-direction:column;gap:7px;display:flex}.teacher-export-field label{color:var(--ink);font-size:13px;font-weight:600}.teacher-export-field input[type=text],.teacher-export-field input[type=date],.teacher-export-field textarea{border:1px solid var(--line,#d1d5db);background:var(--white,#fff);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}:root[data-theme=dark] .teacher-export-field input[type=text],:root[data-theme=dark] .teacher-export-field input[type=date],:root[data-theme=dark] .teacher-export-field textarea{color:#f1f5f9;background:#242c38;border-color:#3b4656}.teacher-export-field input:focus,.teacher-export-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.teacher-export-input-wrap{align-items:center;display:flex;position:relative}.teacher-export-input-prefix{color:var(--muted);pointer-events:none;font-weight:700;position:absolute;left:12px}.teacher-export-input-wrap input{padding-left:28px!important}.teacher-export-error{color:#ef4444;margin-top:2px;font-size:12px}.teacher-export-url-preview{color:var(--muted);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;display:flex}:root[data-theme=dark] .teacher-export-url-preview{background:#202733;border-color:#323d4e}.teacher-export-url-text{flex-direction:column;gap:3px;display:flex}.teacher-export-url-text code{color:#2563eb;background:#2563eb14;border-radius:5px;padding:2px 6px;font-family:DM Mono,monospace;font-size:12px}.teacher-export-card-foot{border-top:1px solid var(--line,#00000012);background:var(--paper-subtle,#00000004);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #16a34a40}.btn-primary:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a59}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--white,#fff);color:var(--ink);border:1px solid var(--line,#d1d5db);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--ink-soft,#94a3b8);background:#f8fafc}.btn-secondary.small{padding:5px 12px;font-size:12px}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #ef444440}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 10px #ef444459}.btn-danger-ghost{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500}.btn-danger-ghost:hover{background:#dc262614}.btn-danger-ghost.small{font-size:12px}.teacher-export-toggles{flex-direction:column;gap:16px;display:flex}.teacher-toggle-item{background:var(--paper-subtle,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;transition:background .15s;display:flex}:root[data-theme=dark] .teacher-toggle-item{background:#202733;border-color:#323d4e}.teacher-toggle-info{flex-direction:column;gap:4px;display:flex}.teacher-toggle-title{color:var(--ink);font-size:13.5px}.teacher-toggle-info p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:999px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}:root[data-theme=dark] .toggle-slider{background-color:#334155}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#20201e}:root[data-theme=dark] .toggle-switch input:checked+.toggle-slider{background-color:#f1f5f9}:root[data-theme=dark] .toggle-switch input:checked+.toggle-slider:before{background-color:#0f172a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.export-link-box{background:var(--paper-subtle,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 12px;transition:all .15s;display:flex}:root[data-theme=dark] .export-link-box{background:#171d26;border-color:#2b3646}.export-link-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.export-link-url-line{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.export-link-icon{color:var(--muted,#94a3b8);flex-shrink:0}.export-link-input{min-width:0;color:var(--ink);cursor:text;flex:1;font-family:DM Mono,monospace;font-size:12.5px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:4px 0!important}.export-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#20201e;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}:root[data-theme=dark] .export-copy-btn{color:#1a1b18;background:#f0ede7}.export-copy-btn:hover{transform:scale(1.02)}.export-copy-btn.copied{color:#fff!important;background:#16a34a!important}.export-header-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.export-header-title{color:var(--ink);font-size:16px;font-weight:600}.export-header-badges{align-items:center;gap:6px;display:flex}.export-header-badge-item{color:var(--muted);background:#0000000d;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}:root[data-theme=dark] .export-header-badge-item{color:#94a3b8;background:#ffffff14}.app-minimal-modal{background:var(--paper,#faf8f5);border:1px solid var(--line,#0000001a);text-align:center;border-radius:18px;flex-direction:column;gap:18px;width:90%;max-width:440px;padding:24px 28px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex;position:relative;box-shadow:0 16px 40px #0003}:root[data-theme=dark] .app-minimal-modal{background:#1e2530;border-color:#313c4c}.modal-close-icon{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:14px;right:14px}.modal-close-icon:hover{color:var(--ink);background:#0000000d}.modal-minimal-title{color:var(--ink);margin:8px 0 0;font-size:16.5px;font-weight:600;line-height:1.45}.modal-minimal-actions{justify-content:center;align-items:center;gap:12px;display:flex}.focus-export-btn-wrap{z-index:200;position:fixed;bottom:20px;right:24px}.focus-export-btn.published{font-weight:600;color:#16a34a!important;background:#16a34a1f!important;border-color:#16a34a4d!important}.focus-export-btn.published:hover{background:#16a34a33!important}.published-check-icon{color:#16a34a}.published-lesson-popup{background:var(--paper,#faf8f5);border:1px solid var(--line,#0000001f);z-index:210;border-radius:16px;flex-direction:column;gap:14px;width:340px;padding:16px;animation:.18s modalPop;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 14px 40px #00000038}:root[data-theme=dark] .published-lesson-popup{background:#1e2530;border-color:#313c4c}.published-popup-head{justify-content:space-between;align-items:center;display:flex}.published-popup-status{color:var(--ink);align-items:center;gap:8px;font-size:13.5px;display:flex}.online-green-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #16a34a40}.published-popup-body{flex-direction:column;gap:8px;display:flex}.published-url-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}:root[data-theme=dark] .published-url-row{background:#171d26;border-color:#2b3646}.published-url-text{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:DM Mono,monospace;font-size:11.5px;overflow:hidden}:root[data-theme=dark] .published-url-text{color:#60a5fa}.published-copy-btn{background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}:root[data-theme=dark] .published-copy-btn{color:#e2e8f0;background:#273140;border-color:#3d4c60}.published-copy-btn.copied{color:#fff;background:#16a34a;border-color:#16a34a}.published-meta-date{color:var(--muted);font-size:11.5px}.published-popup-actions{flex-direction:column;gap:8px;display:flex}.published-popup-subactions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-preview-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;flex-direction:column;justify-content:flex-end;align-items:center;animation:.25s modalFadeIn;display:flex;position:fixed;inset:0}.export-preview-frame{background:var(--paper,#fbf9f5);border:1.5px dashed var(--line-strong,#94a3b8);border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:calc(100vw - 72px);height:calc(100vh - 24px);max-height:calc(100vh - 24px);margin:24px 36px 0;animation:.25s cubic-bezier(.16,1,.3,1) slideUpFrame;display:flex;overflow:hidden;box-shadow:0 -8px 40px #00000040}:root[data-theme=dark] .export-preview-frame{background:#181d26;border-color:#475569}.export-preview-topbar{border-bottom:1px solid var(--line,#00000014);background:var(--paper);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.export-preview-title h3{color:var(--ink);margin:0;font-size:16px;font-weight:600}.export-preview-topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.export-preview-page-badge{color:var(--ink);background:#0000000d;border-radius:8px;padding:4px 12px;font-family:DM Mono,monospace;font-size:12.5px;font-weight:600}:root[data-theme=dark] .export-preview-page-badge{color:#f1f5f9;background:#ffffff14}.export-preview-content{-webkit-overflow-scrolling:touch;background:var(--paper);flex:auto;padding:20px 40px 100px;position:relative;overflow-x:hidden;overflow-y:auto!important}.export-multi-pages-container,.shared-multi-pages-container{flex-direction:column;gap:16px;max-width:920px;margin:0 auto;display:flex}.export-page-block,.shared-page-block{width:100%}.export-page-block.mode-tooltip{cursor:crosshair}.export-page-block.mode-text{cursor:text}.export-page-block.mode-comment{cursor:pointer}.export-page-divider,.shared-page-divider{-webkit-user-select:none;user-select:none;align-items:center;gap:14px;margin:12px 0;display:flex}.export-page-divider-line,.shared-page-divider-line{background:var(--line,#e2e8f0);flex:1;height:1px}.export-page-divider-badge,.shared-page-divider-badge{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:0 8px;font-family:DM Mono,monospace;font-size:11px;font-weight:700;background:0 0!important;border:none!important}:root[data-theme=dark] .export-page-divider-badge,:root[data-theme=dark] .shared-page-divider-badge{color:#94a3b8}.export-page-canvas-wrap,.shared-page-canvas-wrap,.export-page-board,.shared-page-board{box-sizing:border-box;background:var(--paper);border-radius:12px;width:100%;max-width:880px;min-height:200px;margin:0 auto;padding:60px 54px;position:relative}.export-drawing-svg{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.export-paragraphs-layer,.shared-paragraphs-layer{z-index:5;line-height:1.8;position:relative}.export-commented-word-wrap{display:inline;position:relative}.export-word.has-comment{cursor:pointer;border-bottom:2px dashed #f59e0b}.export-word.selectable-for-comment{cursor:pointer;border-radius:3px;transition:background .15s}.export-word.selectable-for-comment:hover{background:#f59e0b2e}.export-word-comment-card{z-index:35;background:var(--white,#fff);border:1px solid var(--line,#e2e8f0);border-radius:12px;width:270px;padding:10px 12px;animation:.18s modalPop;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000038}:root[data-theme=dark] .export-word-comment-card{background:#1e2530;border-color:#333f52}.export-word-comment-head{color:#d97706;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.export-word-comment-body{color:var(--ink);white-space:pre-wrap;font-size:13px;line-height:1.45;display:block}.export-del-btn,.export-popup-close{width:22px;height:22px;color:var(--muted,#94a3b8);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.export-del-btn:hover,.export-popup-close:hover{color:var(--ink);background:#00000014}:root[data-theme=dark] .export-del-btn:hover,:root[data-theme=dark] .export-popup-close:hover{color:#f1f5f9;background:#ffffff1f}.export-del-btn.danger:hover{color:#ef4444;background:#ef44441f;border-color:#ef444440}.export-text-note-pin{z-index:12;-webkit-user-select:none;user-select:none;cursor:move;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;transition:box-shadow .15s;display:inline-flex;position:absolute}.export-text-note-pin.selected{background:#2563eb14;outline:2px dashed #2563eb}.export-text-note-pin.read-only{cursor:default;pointer-events:none}.export-note-delete-btn{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0003;color:#fff!important;background:#ef4444!important;border-radius:50%!important;width:18px!important;height:18px!important}.export-note-delete-btn:hover{transform:scale(1.1);background:#dc2626!important}.export-live-text-editor{z-index:30;flex-direction:column;gap:6px;animation:.15s modalPop;display:inline-flex;position:absolute}.export-live-text-input{min-width:130px;caret-color:var(--ink);background:0 0;border:none;outline:none;margin:0;padding:0;font-family:Fraunces,serif;font-weight:600;line-height:1.2}.export-live-text-colors{background:#0000000f;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:4px 8px;display:flex;box-shadow:0 2px 8px #00000014}:root[data-theme=dark] .export-live-text-colors{background:#ffffff1a}.live-color-dot{cursor:pointer;border:1.5px solid #0000;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .15s}.live-color-dot:hover{transform:scale(1.15)}.live-color-dot.active{border-color:#fff;transform:scale(1.22);box-shadow:0 0 0 2px #2563eb}.export-tooltip-pin{z-index:15;position:absolute;transform:translate(-50%,-50%)}.export-tooltip-minimal-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;background:0 0!important;border:none!important;padding:0!important}.minimal-orange-icon{transition:transform .15s cubic-bezier(.16,1,.3,1);color:#ea580c!important}.export-tooltip-minimal-btn:hover .minimal-orange-icon{transform:scale(1.22)}.export-tooltip-popover{background:var(--white,#fff);border:1px solid var(--line,#e2e8f0);z-index:30;border-radius:12px;width:260px;padding:12px 14px;animation:.18s modalPop;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}:root[data-theme=dark] .export-tooltip-popover{background:#1e2530;border-color:#333f52}.export-tooltip-popover-head{color:#ea580c;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.export-tooltip-popover-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.export-inline-input-pin{z-index:35;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.export-inline-input-pin.pos-above{flex-direction:column-reverse}.export-inline-input-bubble,.export-inline-comment-bubble{background:var(--white,#fff);border:1px solid var(--line,#cbd5e1);border-radius:999px;align-items:center;gap:6px;min-width:260px;padding:4px 6px 4px 12px;animation:.15s modalPop;display:flex;box-shadow:0 8px 24px #00000029}.export-inline-comment-bubble{z-index:35;position:absolute;top:calc(100% + 4px)}:root[data-theme=dark] .export-inline-input-bubble,:root[data-theme=dark] .export-inline-comment-bubble{background:#1e2530;border-color:#384457}.export-inline-input-bubble input,.export-inline-comment-bubble input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:170px;font-size:13px}.export-inline-action-btn{cursor:pointer;width:24px;height:24px;color:var(--ink);background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}:root[data-theme=dark] .export-inline-action-btn{color:#f1f5f9;background:#ffffff1a}.export-inline-action-btn.primary{color:#fff;background:#20201e}:root[data-theme=dark] .export-inline-action-btn.primary{color:#1a1b18;background:#f0ede7}.export-inline-action-btn:disabled{opacity:.35;cursor:not-allowed}.hw-upload-dropzone{border:1.5px dashed var(--line,#cbd5e1);background:var(--paper-subtle,#f8fafc);cursor:pointer;border-radius:10px;align-items:center;min-height:42px;padding:10px 14px;transition:all .15s;display:flex}:root[data-theme=dark] .hw-upload-dropzone{background:#202733;border-color:#384556}.hw-upload-dropzone:hover{background:#2563eb0a;border-color:#2563eb}.hw-upload-dropzone.has-file{border-style:solid;border-color:var(--line,#e2e8f0)}.hw-dropzone-empty{color:var(--muted);justify-content:center;align-items:center;gap:8px;width:100%;font-size:12.5px;display:flex}.hw-dropzone-empty strong{color:#2563eb}.hw-dropzone-file-row{width:100%;color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.hw-dropzone-file-icon{color:#2563eb;flex-shrink:0}.hw-dropzone-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.export-preview-beige-bar{background:var(--paper-warm,#f8f6f0);border-top:1px solid var(--line,#e5dec9);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 24px;display:flex}:root[data-theme=dark] .export-preview-beige-bar{background:#1c222c;border-top-color:#2a3340}.export-bar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-bar-pill-btn{background:var(--white,#fff);border:1px solid var(--line,#e2e8f0);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}:root[data-theme=dark] .app-bar-pill-btn{color:#f1f5f9;background:#252d3a;border-color:#384355}.app-bar-pill-btn:hover{border-color:var(--ink);background:#f1f5f9}:root[data-theme=dark] .app-bar-pill-btn:hover{background:#2f394a;border-color:#cbd5e1}.app-bar-pill-btn.active{color:#fff;background:#20201e;border-color:#20201e}:root[data-theme=dark] .app-bar-pill-btn.active{color:#1a1b18;background:#f0ede7;border-color:#f0ede7}.app-bar-pill-btn.configured{color:#15803d;background:#16a34a1f;border-color:#16a34a}.export-btn-count{color:#fff;background:#2563eb;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.export-bar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.shared-viewer-shell{background:var(--paper,#faf8f5);z-index:99999;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.shared-viewer-shell.is-figma-commenting{cursor:crosshair}.shared-viewer-shell.is-stamping-sticker{cursor:copy}.shared-viewer-header{background:var(--paper);border-bottom:1px solid var(--line,#00000014);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.shared-viewer-header-left{align-items:center;gap:14px;display:flex}.shared-back-btn{background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.shared-teacher-badge{align-items:center;gap:8px;display:flex}.shared-teacher-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.shared-teacher-info{flex-direction:column;display:flex}.shared-teacher-name{color:var(--ink);font-size:13px;font-weight:600}.shared-teacher-sub{color:var(--muted);font-size:11px}.shared-resource-title{color:var(--ink);margin:0;font-size:16px;font-weight:600}.shared-viewer-header-right{align-items:center;gap:10px;display:flex}.figma-comment-trigger-btn{color:#0d99ff;cursor:pointer;background:#0d99ff1a;border:1px solid #0d99ff47;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.figma-comment-trigger-btn:hover{background:#0d99ff2e}.figma-comment-trigger-btn.active{color:#fff;background:#0d99ff;box-shadow:0 2px 8px #0d99ff66}.figma-count-pill{color:#fff;background:#0d99ff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.figma-comment-trigger-btn.active .figma-count-pill{color:#0d99ff;background:#fff}.figma-comment-pin{z-index:20;position:absolute;transform:translate(-50%,-100%)}.figma-comment-pin-badge{color:#fff;cursor:pointer;background:#0d99ff;border:2px solid #fff;border-radius:14px 14px 14px 2px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex;box-shadow:0 4px 12px #0d99ff73}.figma-comment-pin-badge:hover{transform:scale(1.18)}.figma-comment-popover{background:var(--white,#fff);border:1px solid var(--line,#e2e8f0);z-index:30;border-radius:12px;width:250px;padding:12px;animation:.16s modalPop;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}:root[data-theme=dark] .figma-comment-popover{background:#1e2530;border-color:#313c4c}.figma-comment-popover-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.figma-comment-popover-head strong{color:#0d99ff;flex:1}.figma-comment-date{color:var(--muted);font-size:11px}.figma-comment-popover-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.figma-comment-pin.drafting{z-index:40}.figma-comment-pin-badge.active{background:#0d99ff;transform:scale(1.15);box-shadow:0 0 0 4px #0d99ff40}.figma-comment-input-card.attached-popup{background:var(--white,#fff);z-index:45;border:1px solid #0d99ff;border-radius:14px;width:280px;animation:.16s modalPop;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 40px #00000040}:root[data-theme=dark] .figma-comment-input-card.attached-popup{background:#1e2530;border-color:#0d99ff}.figma-comment-input-head{color:#0d99ff;background:#0d99ff14;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.figma-comment-input-body{flex-direction:column;gap:8px;padding:10px;display:flex}.figma-name-input{border:1px solid var(--line,#cbd5e1);background:var(--paper);width:100%;color:var(--ink);border-radius:6px;outline:none;padding:6px 8px;font-size:12.5px}:root[data-theme=dark] .figma-name-input{color:#f1f5f9;background:#252d3a;border-color:#384556}.figma-textarea-wrap{width:100%;position:relative}.figma-textarea-wrap textarea{border:1px solid var(--line,#cbd5e1);background:var(--paper);width:100%;min-height:60px;color:var(--ink);border-radius:8px;outline:none;padding:8px 36px 8px 10px;font-family:inherit;font-size:13px;line-height:1.4;resize:none!important}:root[data-theme=dark] .figma-textarea-wrap textarea{color:#f1f5f9;background:#252d3a;border-color:#384556}.figma-send-icon-btn{color:#fff;cursor:pointer;background:#0d99ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:flex;position:absolute;bottom:8px;right:8px}.figma-send-icon-btn:hover:not(:disabled){background:#0080e6;transform:scale(1.1)}.figma-send-icon-btn:disabled{opacity:.35;cursor:not-allowed}.student-placed-sticker{z-index:2;-webkit-user-select:none;user-select:none;pointer-events:auto;filter:drop-shadow(0 2px 6px #00000024);opacity:.88;font-size:32px;line-height:1;transition:transform .15s;position:absolute;transform:translate(-50%,-50%)}.student-placed-sticker:hover{opacity:1;z-index:6;transform:translate(-50%,-50%)scale(1.25)}.shared-vertical-sticker-dock{z-index:100;background:var(--paper-glass,#ffffffe0);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-line,#0000001a);border-radius:999px;flex-direction:column;gap:6px;padding:8px 6px;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 8px 30px #00000024}:root[data-theme=dark] .shared-vertical-sticker-dock{background:#1e2430e6;border-color:#ffffff1f;box-shadow:0 8px 30px #0006}.shared-sticker-dock-btn{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:20px;line-height:1;transition:all .15s;display:flex}.shared-sticker-dock-btn:active{cursor:grabbing}.shared-sticker-dock-btn:hover{background:#0000000f;transform:scale(1.22)}:root[data-theme=dark] .shared-sticker-dock-btn:hover{background:#ffffff1a}.shared-sticker-dock-btn.selected{background:#2563eb26;border-color:#2563eb;transform:scale(1.25);box-shadow:0 2px 8px #2563eb4d}.shared-viewer-body{-webkit-overflow-scrolling:touch;flex:auto;padding:30px 40px 140px;position:relative;overflow-x:hidden;overflow-y:auto!important}.shared-floating-homework-btn{z-index:25;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:28px;box-shadow:0 6px 20px #2563eb66}.shared-floating-homework-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb8c}.my-lessons-tab{flex-direction:column;gap:24px;display:flex}.my-lessons-header-card{background:var(--paper-subtle,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}:root[data-theme=dark] .my-lessons-header-card{background:#202633;border-color:#344052}.my-lessons-teacher-info{align-items:center;gap:12px;display:flex}.my-lessons-avatar{color:#2563eb;background:#2563eb1f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}:root[data-theme=dark] .my-lessons-avatar{color:#60a5fa;background:#3b82f633}.my-lessons-teacher-info h4{color:var(--ink);margin:0 0 2px;font-size:14.5px;font-weight:600}.my-lessons-teacher-info p{color:var(--muted);margin:0;font-size:12.5px}.my-lessons-teacher-info code{color:#2563eb;background:#2563eb14;border-radius:4px;padding:1px 5px;font-family:DM Mono,monospace;font-size:12px}:root[data-theme=dark] .my-lessons-teacher-info code{color:#93c5fd;background:#3b82f629}.my-lessons-title-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.my-lessons-title-row h3{color:var(--ink);margin:0 0 4px;font-size:18px;font-weight:600}.my-lessons-title-row p{color:var(--muted);margin:0;font-size:13.5px}.my-lessons-count-badge{color:#2563eb;background:#2563eb1a;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}:root[data-theme=dark] .my-lessons-count-badge{color:#93c5fd;background:#3b82f633}.my-lessons-empty-state{text-align:center;background:var(--paper-subtle,#f8fafc);border:1px dashed var(--line,#cbd5e1);border-radius:16px;flex-direction:column;align-items:center;padding:50px 20px;display:flex}:root[data-theme=dark] .my-lessons-empty-state{background:#1a202c;border-color:#334155}.my-lessons-empty-state .empty-icon{color:var(--muted);opacity:.6;margin-bottom:12px}.my-lessons-empty-state h4{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:600}.my-lessons-empty-state p{color:var(--muted);max-width:480px;margin:0;font-size:13.5px;line-height:1.55}.my-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.my-lesson-card{background:var(--white,#fff);border:1px solid var(--line,#e2e8f0);border-radius:16px;flex-direction:column;gap:12px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}:root[data-theme=dark] .my-lesson-card{background:#1e2430;border-color:#313c4c}.my-lesson-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}:root[data-theme=dark] .my-lesson-card:hover{border-color:#4b5a70;box-shadow:0 8px 24px #00000073}.my-lesson-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.my-lesson-card-title-group h4{color:var(--ink);margin:0;font-size:15.5px;font-weight:600;line-height:1.35}.my-lesson-online-pill{color:#16a34a;background:#16a34a1f;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}:root[data-theme=dark] .my-lesson-online-pill{color:#4ade80;background:#22c55e33}.my-lesson-url-box{color:var(--muted);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}:root[data-theme=dark] .my-lesson-url-box{color:#94a3b8;background:#171d26;border-color:#2b3646}.my-lesson-url-text{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:DM Mono,monospace;font-size:12px;overflow:hidden}:root[data-theme=dark] .my-lesson-url-text{color:#60a5fa}.my-lesson-copy-btn{background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}:root[data-theme=dark] .my-lesson-copy-btn{color:#e2e8f0;background:#273140;border-color:#3d4c60}.my-lesson-copy-btn:hover{background:#f1f5f9}:root[data-theme=dark] .my-lesson-copy-btn:hover{color:#fff;background:#344254;border-color:#51637c}.my-lesson-copy-btn.copied,:root[data-theme=dark] .my-lesson-copy-btn.copied{color:#fff;background:#16a34a;border-color:#16a34a}.my-lesson-minimal-stats{flex-wrap:wrap;align-items:center;gap:16px;padding:2px 0;display:flex}.lesson-stat-pill{color:var(--muted);cursor:help;align-items:center;gap:5px;font-size:12.5px;font-weight:500;transition:color .12s;display:inline-flex;background:0 0!important;border:none!important;padding:0!important}.lesson-stat-pill:hover{color:var(--ink)}.lesson-stat-pill.hw{color:#2563eb}:root[data-theme=dark] .lesson-stat-pill.hw{color:#60a5fa}.lesson-stat-pill .stat-num{font-family:DM Mono,monospace;font-size:12px;font-weight:600}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#f1f5f9;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#1e2530;border-radius:6px;padding:4px 9px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;transition:opacity 50ms,transform 50ms;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 4px 14px #00000040}:root[data-theme=dark] [data-tooltip]:after{color:#0f172a;background:#f1f5f9}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.my-lesson-card-foot{border-top:1px solid var(--line,#f1f5f9);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}:root[data-theme=dark] .my-lesson-card-foot{border-top-color:#293444}.my-lesson-date{color:var(--muted);font-size:11.5px}.my-lesson-actions{align-items:center;gap:6px;display:flex}