.app-navigation{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:relative}.app-navigation .app-chrome-action[data-active=true]{border-color:var(--accent-line);background:var(--accent-soft);color:#ffd2bb;box-shadow:inset 0 0 0 1px #ff8a5714}.app-more-menu{position:relative}.app-more-menu>summary{list-style:none}.app-more-menu>summary::-webkit-details-marker{display:none}.app-more-dots{font-family:var(--font-mono);letter-spacing:.08em;transform:translateY(-2px);display:inline-flex!important}.app-more-popover{z-index:80;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121418fa;border-radius:18px;width:210px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 54px #00000085}.app-more-popover a,.app-more-popover button{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.app-more-popover a:hover,.app-more-popover button:hover:not(:disabled){background:var(--surface-muted)}.app-more-popover button{border-top:1px solid var(--line);color:var(--text-muted);border-radius:0 0 12px 12px;margin-top:6px}.quick-capture-page-shell{width:min(1280px,100%)}.quick-capture-boot{width:min(680px,100%);color:var(--text-muted);text-align:center;margin:20vh auto 0}.quick-capture-composer,.quick-capture-history{width:min(940px,100%);margin:0 auto}.quick-capture-composer{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 85% 10%,#ff8a5717,#0000 0 28%),linear-gradient(155deg,#ffffff0b,#0000 48%),#131519f5;border-radius:30px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden}.quick-capture-composer-heading,.quick-capture-history-heading,.quick-capture-composer-actions{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.quick-capture-current-practice-actions{margin-top:12px}.quick-capture-practice-entry{border:1px solid var(--accent-line);width:100%;min-height:62px;color:var(--text);border-radius:17px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:9px 16px 9px 11px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.quick-capture-practice-entry[data-emphasis=supporting]{border-color:var(--accent-line);color:#ffd1b9;background:linear-gradient(110deg,#ff8a571f,#ff8a570e),#ffffff05}.quick-capture-practice-entry[data-emphasis=primary]{color:#211008;background:linear-gradient(135deg,#ffa36d,#f47845);border-color:#ffb3857a;box-shadow:0 15px 32px #ff6f3933}.quick-capture-practice-entry:hover{transform:translateY(-1px)}.quick-capture-practice-entry[data-emphasis=supporting]:hover{border-color:#ff9d628f;box-shadow:0 12px 28px #0000002e}.quick-capture-practice-entry[data-emphasis=primary]:hover{box-shadow:0 18px 36px #ff6f3942}.quick-capture-practice-entry:focus-visible{outline-offset:3px;outline:3px solid #ff9d6247}.quick-capture-practice-entry-icon{width:42px;height:42px;color:var(--accent-strong);background:#ff8a5721;border-radius:13px;place-items:center;display:grid}.quick-capture-practice-entry[data-emphasis=primary] .quick-capture-practice-entry-icon{color:#211008;background:#2110081f}.quick-capture-practice-entry-copy{gap:2px;min-width:0;display:grid}.quick-capture-practice-entry-copy strong{font-size:.96rem;font-weight:800}.quick-capture-practice-entry-copy small{color:var(--text-soft);font-size:.72rem}.quick-capture-practice-entry[data-emphasis=supporting] .quick-capture-practice-entry-copy small{color:#ad9689}.quick-capture-practice-entry[data-emphasis=primary] .quick-capture-practice-entry-copy small{color:#2110089e}.quick-capture-practice-entry-arrow{opacity:.72;justify-self:end}.quick-capture-section-label{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.quick-capture-composer h1,.quick-capture-history h2{color:#fff4e9;margin:8px 0 0;line-height:1.05}.quick-capture-composer h1{letter-spacing:-.055em;font-size:clamp(2rem,5vw,3.35rem)}.quick-capture-composer h1 span{display:inline-block}.quick-capture-recovered{color:#a9dfc3;white-space:nowrap;background:#75d3a414;border:1px solid #75d3a433;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.78rem;display:inline-flex}.quick-capture-source-field{gap:10px;margin-top:32px;display:grid}.quick-capture-source-details{border-top:1px solid var(--line);margin-top:22px}.quick-capture-source-details summary,.quick-capture-note-details summary,.quick-capture-card-source summary{min-height:52px;color:var(--text-muted);cursor:pointer;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:16px;list-style:none;display:grid}.quick-capture-source-details summary::-webkit-details-marker{display:none}.quick-capture-note-details summary::-webkit-details-marker{display:none}.quick-capture-card-source summary::-webkit-details-marker{display:none}.quick-capture-source-details summary small,.quick-capture-note-details summary small,.quick-capture-card-source summary small{color:var(--text-soft);font-size:.74rem;font-weight:500}.quick-capture-source-details .quick-capture-source-field{margin-top:0}.quick-capture-source-field>span{color:var(--text-muted);letter-spacing:.06em;font-size:.78rem;font-weight:700}.quick-capture-source-field textarea,.quick-capture-optional textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff06;outline:0;transition:border-color .16s,box-shadow .16s,background .16s}.quick-capture-source-field textarea{border-radius:22px;min-height:250px;padding:22px;font-size:clamp(1rem,2vw,1.12rem);line-height:1.85}.quick-capture-source-field textarea:focus,.quick-capture-optional textarea:focus,.quick-capture-search input:focus{border-color:var(--accent-line);background:#ffffff0a;box-shadow:0 0 0 4px #ff8a5714}.quick-capture-source-field textarea::placeholder,.quick-capture-optional textarea::placeholder,.quick-capture-search input::placeholder{color:#706b64}.quick-capture-recording{min-height:64px;margin-top:12px}.quick-capture-record-button,.quick-capture-recording>p{border:1px solid var(--line);background:var(--surface-2);min-height:48px;color:var(--text-muted);border-radius:16px;align-items:center;gap:10px;margin:0;padding:0 16px;display:inline-flex}.quick-capture-record-button[data-recording=true]{color:#ffc3bf;background:#ff6e691a;border-color:#ff6e6966}.quick-capture-record-button span{color:var(--text-soft);font-family:var(--font-mono);font-size:.75rem}.quick-capture-pulse{background:var(--accent-strong);width:9px;height:9px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%;animation:1.2s ease-in-out infinite quick-capture-pulse}@keyframes quick-capture-pulse{50%{opacity:.42;transform:scale(.78)}}.quick-capture-recording-error{color:#ffd1bb;background:#ff8a5712;border:1px solid #ff8a5740;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.quick-capture-recording-error>span{gap:3px;display:grid}.quick-capture-recording-error small{color:var(--text-muted)}.quick-capture-recording-error>div,.quick-capture-composer-actions>div,.quick-capture-card-utilities{flex-wrap:wrap;gap:8px;display:flex}.quick-capture-recording-error button,.quick-capture-secondary,.quick-capture-card-edit,.quick-capture-action-menu>summary,.quick-capture-note-list button,.quick-capture-settings-body>button,.quick-capture-speed button,.quick-capture-load-more{border:1px solid var(--line);background:var(--surface-2);min-height:38px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-flex}.quick-capture-action-menu{flex:none;position:relative}.quick-capture-action-menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;list-style:none}.quick-capture-action-menu>summary::-webkit-details-marker{display:none}.quick-capture-action-menu>summary:hover,.quick-capture-action-menu[open]>summary,.quick-capture-card-edit:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-3);color:var(--text)}.quick-capture-action-menu>summary:focus-visible,.quick-capture-card-edit:focus-visible{outline-offset:2px;outline:3px solid #ff9d622e}.quick-capture-action-menu-popover{z-index:20;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14161bfa;border-radius:15px;width:184px;padding:7px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0000006b}.quick-capture-action-menu-popover button{width:100%;min-height:44px;color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:9px;padding:0 11px;display:flex}.quick-capture-action-menu-popover button:hover:not(:disabled){background:var(--accent-soft);color:#ffd1b9}.quick-capture-optional,.quick-capture-settings{border-top:1px solid var(--line)}.quick-capture-optional summary,.quick-capture-settings summary{min-height:54px;color:var(--text-muted);cursor:pointer;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:16px;list-style:none;display:grid}.quick-capture-optional summary::-webkit-details-marker{display:none}.quick-capture-settings summary::-webkit-details-marker{display:none}.quick-capture-source-details>summary:after,.quick-capture-note-details>summary:after,.quick-capture-card-source>summary:after,.quick-capture-optional>summary:after,.quick-capture-settings>summary:after{content:"⌄";width:18px;color:var(--text-soft);place-items:center;font-size:.95rem;line-height:1;transition:color .16s,transform .16s;display:inline-grid;transform:rotate(0)}.quick-capture-source-details[open]>summary:after,.quick-capture-note-details[open]>summary:after,.quick-capture-card-source[open]>summary:after,.quick-capture-optional[open]>summary:after,.quick-capture-settings[open]>summary:after{color:var(--accent-strong);transform:rotate(180deg)}.quick-capture-optional summary span,.quick-capture-settings summary strong{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:500;overflow:hidden}.quick-capture-optional textarea{border-radius:15px;min-height:92px;margin-bottom:14px;padding:14px 16px;line-height:1.65}.quick-capture-settings-body{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding-bottom:14px;display:grid}.quick-capture-settings-body label{color:var(--text-soft);gap:6px;font-size:.72rem;display:grid}.quick-capture-settings-body select{border:1px solid var(--line);background:var(--surface-2);min-width:0;height:42px;color:var(--text);border-radius:12px;padding:0 12px}.quick-capture-speed{gap:6px;display:flex}.quick-capture-speed button[data-active=true]{border-color:var(--accent-line);background:var(--accent-soft);color:#ffd0b8}.quick-capture-inline-error{background:var(--danger-soft);color:#ffc2bf;border:1px solid #ff6e6947;border-radius:14px;align-items:center;gap:9px;margin:12px 0;padding:12px 14px;display:flex}.quick-capture-inline-error>span{min-width:0}.quick-capture-inline-error>button{color:inherit;border:1px solid #ffc2bf4d;border-radius:10px;flex:none;margin-left:auto;padding:7px 10px}.quick-capture-result{background:linear-gradient(145deg,#ff8a5711,#ffffff05);border:1px solid #ff8a572e;border-radius:22px;gap:24px;margin-top:22px;padding:clamp(18px,3vw,28px);display:grid}.quick-capture-result[data-stale=true]{opacity:.62}.quick-capture-stale{color:#ffc0a1;margin:0;font-size:.84rem}.quick-capture-note-details{border-top:1px solid var(--line)}.quick-capture-note-details summary span{color:#fff0e1;font-weight:700}.quick-capture-note-details[open] summary{margin-bottom:4px}.quick-capture-english p{color:#f8f0e7;margin:12px 0 0;font-size:clamp(1.03rem,2vw,1.16rem);line-height:1.88}.quick-capture-note-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quick-capture-note-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.quick-capture-note-list li:last-child{border-bottom:0}.quick-capture-note-list li>span{gap:5px;display:grid}.quick-capture-note-list strong{color:#fff0e1}.quick-capture-note-list em{color:var(--text-soft);font-family:var(--font-mono);font-size:.8rem;font-style:normal}.quick-capture-note-list small{color:var(--text-muted)}.quick-capture-composer-actions{align-items:center;margin-top:24px}.quick-capture-composer-actions>span{color:var(--text-soft);font-family:var(--font-mono);font-size:.74rem}.quick-capture-primary{color:#211008;background:linear-gradient(145deg,#ff9f68,#e97343);border:1px solid #ffac7d73;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #ff6f392e}.quick-capture-primary:disabled,.quick-capture-secondary:disabled,.quick-capture-action-menu button:disabled,.quick-capture-recording button:disabled,.quick-capture-card button:disabled{cursor:not-allowed;opacity:.45}.quick-capture-history{padding:24px 0 60px}.quick-capture-history-heading{align-items:end;margin-bottom:24px}.quick-capture-history h2{font-size:1.7rem}.quick-capture-search{width:min(430px,100%)}.quick-capture-search input{border:1px solid var(--line);width:100%;height:48px;color:var(--text);background:#ffffff09;border-radius:15px;outline:0;padding:0 16px}.quick-capture-groups,.quick-capture-card-list{gap:12px;display:grid}.quick-capture-group{grid-template-columns:140px minmax(0,1fr);gap:18px;display:grid}.quick-capture-group>h3{color:var(--text-muted);align-self:start;margin:17px 0 0;font-size:.88rem;position:sticky;top:20px}.quick-capture-group>h3 span{color:var(--text-soft);font-family:var(--font-mono);margin-top:5px;font-size:.68rem;font-weight:400;display:block}.quick-capture-card{border:1px solid var(--line);background:#ffffff06;border-radius:20px;transition:border-color .16s,background .16s;overflow:hidden}.quick-capture-card[data-expanded=true]{background:#ffffff0a;border-color:#ff8a5738}.quick-capture-card-toggle{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:15px;padding:18px;display:grid}.quick-capture-card-time{color:var(--accent-strong);font-family:var(--font-mono);font-size:.73rem}.quick-capture-card-summary{gap:7px;min-width:0;display:grid}.quick-capture-card-summary strong,.quick-capture-card-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-capture-card-summary strong{color:#f6ede4;font-size:.96rem}.quick-capture-card-summary small{color:var(--text-soft)}.quick-capture-card-chevron{color:var(--text-soft);transition:transform .16s}.quick-capture-card[data-expanded=true] .quick-capture-card-chevron{transform:rotate(180deg)}.quick-capture-card-detail{padding:0 18px 18px 91px}.quick-capture-card-detail .quick-capture-result{margin-top:0}.quick-capture-card-source{border:1px solid var(--line);background:#ffffff06;border-radius:14px;gap:6px;margin:12px 0 0;padding:12px 14px;display:grid}.quick-capture-card-source span{color:var(--text-soft);font-size:.7rem}.quick-capture-card-source summary{min-height:24px}.quick-capture-card-source p{color:var(--text-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.65}.quick-capture-remark{border-left:2px solid var(--accent-line);color:var(--text-muted);background:#ffffff06;gap:4px;margin:0 0 12px;padding:12px 14px;line-height:1.6;display:grid}.quick-capture-remark span{color:var(--text-soft);font-size:.7rem}.quick-capture-card-actions{gap:10px;margin-top:16px;display:grid}.quick-capture-card-utilities{justify-content:flex-end;align-items:center}.quick-capture-empty{border:1px dashed var(--line);color:var(--text-soft);text-align:center;border-radius:20px;padding:52px 20px}.quick-capture-load-more{margin:20px auto 0}.quick-capture-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030405bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quick-capture-dialog{border:1px solid var(--line-strong);width:min(460px,100%);box-shadow:var(--shadow);background:#17191e;border-radius:24px;padding:26px}.quick-capture-dialog h2{margin:9px 0}.quick-capture-dialog p{color:var(--text-muted);line-height:1.6}.quick-capture-dialog>div{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.quick-capture-dialog button{border:1px solid var(--line);background:var(--surface-2);min-height:42px;color:var(--text);border-radius:12px;padding:0 13px}.quick-capture-dialog button[data-variant=danger]{color:#ffc0bd;border-color:#ff6e694d}@media (max-width:1180px){.app-navigation{justify-content:flex-start;justify-self:stretch}}@media (max-width:700px){.quick-capture-page-shell{padding:calc(10px + env(safe-area-inset-top)) 10px calc(24px + env(safe-area-inset-bottom))}.quick-capture-chrome .app-status{display:none}.quick-capture-chrome{grid-template-columns:auto minmax(0,1fr)}.app-navigation{flex-wrap:nowrap;justify-self:end;gap:5px;width:auto}.app-navigation .app-chrome-action{width:38px;min-height:38px;padding:0}.app-navigation .app-chrome-action>span:not(.app-more-dots){display:none}.app-more-popover{top:auto;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));width:min(260px,100vw - 20px);position:fixed}.app-more-popover span{display:inline!important}.quick-capture-composer{border-radius:24px;padding:22px 16px 18px}.quick-capture-composer-heading,.quick-capture-history-heading,.quick-capture-composer-actions{flex-direction:column;align-items:stretch;gap:14px}.quick-capture-composer h1{font-size:2.35rem}.quick-capture-recovered{align-self:flex-start}.quick-capture-source-field{margin-top:22px}.quick-capture-source-field textarea{border-radius:18px;min-height:220px;padding:17px}.quick-capture-recording-error{grid-template-columns:auto minmax(0,1fr)}.quick-capture-recording-error>div{grid-column:1/-1}.quick-capture-settings-body{grid-template-columns:1fr}.quick-capture-speed,.quick-capture-speed button,.quick-capture-primary,.quick-capture-secondary{flex:1}.quick-capture-composer-actions>div{width:100%}.quick-capture-primary{min-width:0}.quick-capture-note-list li{align-items:flex-start}.quick-capture-group{grid-template-columns:1fr;gap:8px}.quick-capture-group>h3{justify-content:space-between;margin:12px 2px 0;display:flex;position:static}.quick-capture-group>h3 span{margin:0;display:inline}.quick-capture-card-toggle{grid-template-columns:45px minmax(0,1fr) auto;gap:9px;padding:15px 12px}.quick-capture-card-detail{padding:0 12px 14px}.quick-capture-card-detail .quick-capture-result{padding:16px}.quick-capture-practice-entry{border-radius:18px;min-height:64px}.quick-capture-card-utilities{width:100%}.quick-capture-card-edit,.quick-capture-action-menu>summary{min-height:44px}.quick-capture-dialog>div{flex-direction:column}}
[data-context-lookup],[data-context-lookup] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:none}.mobile-stage-sentence,.mobile-stage-translation,.mobile-stage-hint{-webkit-user-select:text;user-select:text}.mobile-stage-emphasis{-webkit-user-select:text!important;user-select:text!important}.mobile-stage-phrase-head{align-items:center;gap:8px;display:inline-flex}.mobile-stage-phrase-head .bookmark-star{-webkit-user-select:none;user-select:none}.bookmark-star{cursor:pointer;vertical-align:super;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;margin:-2px 0 0 2px;padding:5px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.bookmark-star:active{transform:scale(.92)}.bookmark-star[data-bookmarked=true]{filter:drop-shadow(0 0 4px #f973168c);animation:.24s cubic-bezier(.34,1.56,.64,1) bookmark-star-pop}@keyframes bookmark-star-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.bookmarks-page{color:#f5f5f5;background:linear-gradient(#0a0a10 0%,#050608 100%);min-height:100svh;padding:0 16px 32px}.bookmarks-header{grid-template-columns:32px 1fr 48px;align-items:center;height:56px;margin-bottom:16px;display:grid}.bookmarks-back{color:#f5f5f5;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.bookmarks-title{text-align:center;color:#f5f5f5;margin:0;font-size:16px;font-weight:600}.bookmarks-count{color:#f97316;background:#f973162e;border-radius:10px;justify-content:center;justify-self:end;align-items:center;min-width:32px;height:20px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.bookmarks-count[data-empty=true]{color:#ffffff40;background:0 0}.bookmarks-date-filter{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.bookmarks-date-picker{gap:5px;display:grid}.bookmarks-date-filter label{color:#f5f5f57a;font-size:12px}.bookmarks-date-filter select{color:#f5f5f5d1;background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;min-width:132px;height:34px;padding:0 30px 0 12px}.bookmarks-toolbar-actions{align-items:end;gap:8px;margin-left:auto;display:flex}.bookmarks-playback-speed{gap:5px;display:grid}.bookmarks-playback-speed>span{color:#f5f5f57a;font-size:12px}.bookmarks-playback-speed-options{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;height:34px;padding:3px;display:inline-flex}.bookmarks-playback-speed-options button{color:#f5f5f57a;background:0 0;border:0;border-radius:9px;min-width:38px;padding:0 5px;font-size:11px;transition:color .12s,background .12s}.bookmarks-playback-speed-options button[data-active=true]{color:#f97316;background:#f9731624}.bookmarks-playback-speed-options button:focus-visible{outline-offset:-1px;outline:1px solid #f9731685}.bookmarks-expand-all{color:#f5f5f594;background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:11px;display:inline-flex}.bookmarks-expand-all-track{background:#ffffff1f;border-radius:999px;width:30px;height:18px;padding:3px;transition:background .16s;display:inline-flex;position:relative}.bookmarks-expand-all-track>span{background:#f5f5f5b8;border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s}.bookmarks-expand-all[data-active=true]{color:#f97316;background:#f9731612;border-color:#f973162e}.bookmarks-expand-all[data-active=true] .bookmarks-expand-all-track{background:#f9731661}.bookmarks-expand-all[data-active=true] .bookmarks-expand-all-track>span{background:#f97316;transform:translate(12px)}.bookmarks-groups{gap:18px;display:grid}.bookmarks-date-group{gap:10px;display:grid}.bookmarks-date-heading{color:#f5f5f5c7;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:0 4px;display:grid}.bookmarks-date-heading span:first-child{font-size:13px;font-weight:600}.bookmarks-date-heading span:nth-child(2){color:#f5f5f561;font-size:11px}.bookmarks-date-heading svg,.bookmark-card-expand svg{transition:transform .16s}.bookmarks-date-heading svg[data-expanded=true],.bookmark-card-expand svg[data-expanded=true]{transform:rotate(180deg)}.bookmarks-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bookmark-card{background:#ffffff09;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:minmax(0,1fr) 48px;column-gap:10px;padding:14px 12px 14px 16px;transition:background .18s;display:grid}.bookmark-card:hover{background:#ffffff0d}.bookmark-card-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:0;display:grid}.bookmark-card-star{justify-content:center;align-items:center;width:14px;height:14px;margin-top:4px;display:inline-flex}.bookmark-card-copy{gap:6px;min-width:0;display:grid}.bookmark-card-primary{color:#f5f5f5;font-size:16px;font-weight:600;line-height:1.4;display:block}.bookmark-card-source{color:#f5f5f580;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.bookmark-card-meta{color:#f5f5f573;font-size:11px}.bookmark-card-actions{flex-direction:column;align-self:stretch;align-items:center;gap:2px;display:flex}.bookmark-card-action{color:#fff6;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .12s,background .12s;display:inline-flex}.bookmark-card-action:hover:not(:disabled),.bookmark-card-action[data-playing=true]{color:#f97316;background:#f9731614}.bookmark-card-action:disabled{cursor:default}.bookmark-card-pronounce[data-playing=true]{color:#f97316;animation:.9s ease-in-out infinite alternate bookmark-pronounce-pulse}.bookmark-card-pronounce{border-radius:15px;width:48px;height:48px}.bookmark-card-details{border-top:1px solid #ffffff0f;grid-column:1/-1;gap:14px;margin-top:14px;padding:14px 36px 2px 24px;display:grid}.bookmark-card-detail{gap:5px;display:grid}.bookmark-card-detail>span{color:#f97316;letter-spacing:.08em;font-size:10px;font-weight:600}.bookmark-card-detail p{color:#f5f5f5c2;margin:0;font-size:13px;line-height:1.6}.bookmark-card-detail .bookmark-card-translation{color:#f5f5f57a}.bookmark-examples-open{color:#f97316;background:#f9731614;border:1px solid #f973163d;border-radius:11px;justify-content:center;justify-self:start;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.bookmark-examples-open:active{background:#f9731624}.bookmark-scenarios{border-top:1px solid #ffffff0f;gap:12px;min-width:0;margin-top:2px;padding-top:14px;display:grid}.bookmark-scenarios-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bookmark-scenarios-header>span{color:#f5f5f5d1;font-size:12px;font-weight:600}.bookmark-scenarios-header button{color:#f5f5f575;background:0 0;border:0;align-items:center;gap:3px;min-height:30px;padding:0 2px 0 8px;font-size:11px;display:inline-flex}.bookmark-scenarios-header button svg{width:14px;height:14px}.bookmark-scenario{gap:5px;min-width:0;display:grid}.bookmark-scenario-label{color:#f5f5f570;font-size:10px;font-weight:600}.bookmark-scenario-play{color:#f5f5f5c7;text-align:left;background:#ffffff07;border:1px solid #ffffff0e;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;width:100%;min-width:0;padding:8px 10px;display:grid}.bookmark-scenario[data-playing=true] .bookmark-scenario-play{color:#f5f5f5;background:#f9731613;border-color:#f9731638}.bookmark-scenario-play-icon{color:#f97316;background:#f973161f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.bookmark-scenario[data-playing=true] .bookmark-scenario-play-icon{color:#0a0a10;background:#f97316}.bookmark-scenario-sentence{overflow-wrap:anywhere;min-width:0;padding-top:3px;font-size:13px;line-height:1.55}.bookmark-scenario-sentence mark{color:#f5f5f5;background:0 0;font-weight:700}.bookmark-scenarios-loading{gap:12px;display:grid}.bookmark-scenario-skeleton{gap:7px;padding:5px 0;display:grid}.bookmark-scenario-skeleton span{background:#fff1;border-radius:999px;height:9px;animation:1.15s ease-in-out infinite alternate bookmark-scenario-loading;display:block}.bookmark-scenario-skeleton span:first-child{width:52px;height:7px}.bookmark-scenario-skeleton span:last-child{width:min(100%,260px)}.bookmark-scenarios-error{color:#f5f5f580;background:#f973160b;border:1px solid #f9731624;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 10px 0 12px;font-size:11px;display:flex}.bookmark-scenarios-error button{color:#f97316;background:#f973161a;border:0;border-radius:8px;min-height:28px;padding:0 9px;font-weight:600}@keyframes bookmark-scenario-loading{0%{opacity:.45}to{opacity:1}}.bookmark-card-footer{grid-column:1/-1;justify-content:flex-start;margin-top:5px;padding-left:24px;display:flex}.bookmark-card-delete{color:#ffffff57;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:11px;transition:color .12s,background .12s;display:inline-flex}.bookmark-card-delete:hover:not(:disabled){color:#f97316;background:#f9731614}.bookmark-card-delete:disabled{cursor:default;opacity:.45}@keyframes bookmark-pronounce-pulse{0%{opacity:.62}to{opacity:1}}.bookmarks-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.bookmarks-empty-icon{opacity:.6;width:40px;height:40px}.bookmarks-empty-title{color:#f5f5f5;margin:0;font-size:15px;font-weight:600}.bookmarks-empty-hint{color:#f5f5f580;margin:0;font-size:13px}.bookmarks-loading,.bookmarks-error{text-align:center;color:#f5f5f573;padding:48px 24px;font-size:13px}.bookmarks-entry{color:#f97316;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .12s;display:inline-flex}.bookmarks-entry:hover{background:#f9731614}
@media (min-width:768px){.invite-page{width:min(720px,96%);padding:24px 32px 80px}.invite-card-v2{padding:28px 36px}.invite-card-v2__quota-remaining{font-size:56px}.invite-card-v2__code{padding:18px 24px;font-size:30px}.invite-card-v2__btn{height:52px;font-size:15px}.invite-redemption-list__item{padding:12px 18px;font-size:14px}.invite-hero__title{font-size:44px}}@media (min-width:1024px){.invite-page{width:min(800px,92%)}}
@media (min-width:768px){.admin-page{width:min(720px,96%);padding:24px 32px 80px}.admin-page__title{font-size:44px}}@media (min-width:1024px){.admin-page{width:min(800px,92%)}}
@media (min-width:1024px){.privacy-card{gap:26px}.privacy-section{gap:10px}.privacy-section h2{font-size:1.16rem}.privacy-section p,.privacy-list{font-size:.98rem;line-height:1.78}.privacy-lead{padding:18px 20px;font-size:1.02rem;line-height:1.72}}
@keyframes sheet-modal-fade-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:1024px){.practice-entry-shell{justify-self:center;width:min(720px,100%)}.utility-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0506089e;place-items:center;padding:clamp(48px,8vh,96px) 32px}.utility-sheet{border-radius:28px;width:min(760px,100%);max-width:760px;height:auto;min-height:0;max-height:calc(100vh - 96px);padding:22px 24px;animation-name:sheet-modal-fade-in;animation-duration:.2s;box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff0a}.utility-sheet-grabber{display:none!important}.practice-onboarding{max-width:480px;margin:0 auto}.page-shell[data-onboarding=true] .app-chrome{display:none}.page-shell[data-onboarding=true] .page-stack{padding-top:0}}
.course-page-shell{width:min(1500px,100%)}.course-heading{justify-content:space-between;align-items:flex-end;gap:18px;padding:16px 4px 4px;display:flex}.course-heading-title{color:#fff3e7;margin:6px 0 0;font-size:3rem;line-height:1}.course-heading-copy{color:var(--text-muted);margin:8px 0 0}.course-inline-warning,.course-state-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffff0b,#0000),#101216f0;align-items:center;gap:12px;display:flex}.course-inline-warning{color:#ffd8c4;border-radius:14px;max-width:420px;min-height:44px;padding:0 14px;font-size:.86rem}.course-state-card{min-height:180px;color:var(--text-muted);border-radius:22px;padding:24px}.course-state-card h3{color:#fff3e7;margin:0 0 6px}.course-state-card p{margin:0}.course-loading-pulse{background:var(--accent-strong);border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 8px #ff8a571f}.course-summary-panel,.course-lecture-panel,.course-drawer,.practice-course-context{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffff0b,#0000 70%),#0f1115f0}.course-summary-panel{border-radius:24px;grid-template-columns:210px minmax(0,1fr) minmax(360px,.7fr) auto;align-items:center;gap:26px;padding:22px;display:grid}.course-cover{isolation:isolate;background:#111318;border:1px solid #ffffff1f;border-radius:14px;grid-template-rows:1fr auto;min-height:150px;padding:18px;display:grid;position:relative;overflow:hidden}.course-cover:before{content:"";z-index:1;background:linear-gradient(90deg,#07090be0,#07090b24 56%),linear-gradient(#07090b0a,#07090bd6);position:absolute;inset:0}.course-cover:after{content:"E = -dΦ / dt";z-index:2;color:#ffffff47;font-family:var(--font-mono);font-size:.78rem;position:absolute;top:14px;right:16px}.course-cover-image{object-fit:cover;object-position:58% 45%;filter:saturate(.9)contrast(1.04);width:100%;height:100%;position:absolute;inset:0}.course-cover-code,.course-cover-lecturer{z-index:2;position:relative}.course-cover-code{align-self:end;gap:6px;display:grid}.course-cover-code span{color:#fff3e7;font-family:var(--font-mono);text-shadow:0 4px 24px #0000009e;font-size:2.5rem;line-height:1}.course-cover-code small{color:var(--text-muted);font-family:var(--font-mono)}.course-cover-lecturer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:right;background:#07090b94;border:1px solid #ffffff29;border-radius:12px;justify-self:end;gap:2px;max-width:118px;padding:8px 10px;display:grid}.course-cover-lecturer span{color:#fff3e7;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800;overflow:hidden}.course-cover-lecturer small{color:var(--text-soft);font-size:.72rem}.course-summary-copy{min-width:0}.course-summary-copy h2{color:#fff3e7;margin:0;font-size:2.35rem;line-height:1.08}.course-summary-copy p{color:var(--text-muted);margin:10px 0 0}.course-source{text-overflow:ellipsis;white-space:nowrap;max-width:680px;overflow:hidden}.course-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.course-summary-stats span{border-left:1px solid var(--line);gap:8px;min-width:0;padding:0 14px;display:grid}.course-summary-stats small{color:var(--text-soft)}.course-summary-stats strong{color:#fff3e7;text-overflow:ellipsis;white-space:nowrap;font-size:1.18rem;overflow:hidden}.course-primary-action,.course-start-button{color:#1a0e08;background:linear-gradient(#ff9f64,#ff793b);border:1px solid #ffa87070;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:54px;font-weight:800;display:inline-flex;box-shadow:0 18px 34px #ff6f2d2e}.course-primary-action{min-width:190px;padding:0 22px}.course-primary-action:disabled,.course-start-button:disabled{opacity:.48;cursor:not-allowed}.course-lecture-panel{border-radius:22px;overflow:hidden}.course-lecture-header,.course-lecture-row{grid-template-columns:minmax(320px,1fr) 150px 140px 180px 150px;align-items:center;gap:18px;display:grid}.course-lecture-header{border-bottom:1px solid var(--line);min-height:54px;color:var(--text-soft);padding:0 24px;font-size:.82rem}.course-lecture-list{display:grid}.course-lecture-row{width:100%;min-height:72px;color:var(--text-muted);text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0e;padding:0 24px}.course-lecture-row:hover,.course-lecture-row[data-active=true]{background:linear-gradient(90deg,#ff8a5724,#0000 48%),#ffffff06}.course-lecture-row[data-active=true]{box-shadow:inset 4px 0 0 var(--accent)}.course-lecture-title{color:#fff3e7;align-items:center;gap:12px;min-width:0;display:flex}.course-lecture-title strong{font-family:var(--font-mono);flex:none}.course-lecture-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-status-pill{border:1px solid var(--line);width:fit-content;min-height:30px;color:var(--text-muted);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.82rem;display:inline-flex}.course-status-pill[data-tone=success]{color:#aef38e;background:#5fb24a1f;border-color:#7fd45c61}.course-status-pill[data-tone=accent]{border-color:var(--accent-line);background:var(--accent-soft);color:#ffd2bc}.course-status-pill[data-tone=warning]{color:#ffe0a0;background:#ffcd5a1a;border-color:#ffcd5a5c}.course-row-action{border:1px solid var(--accent-line);color:#ffad7e;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:700;display:inline-flex}.course-drawer-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03040680;justify-content:flex-end;padding:82px 20px 20px;display:flex;position:fixed;inset:0}.course-drawer{border-radius:22px;align-content:start;gap:18px;width:min(520px,100%);max-height:100%;padding:24px;display:grid;overflow:auto}.course-drawer-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.course-drawer-header h2{color:#fff3e7;margin:6px 0;font-size:1.7rem;line-height:1.12}.course-drawer-header p,.course-drawer-progress{color:var(--text-muted);margin:0}.course-drawer-progress{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding-bottom:16px;display:flex}.course-segment-area{gap:12px;display:grid}.course-segment-area h3{color:#fff3e7;margin:0;font-size:1.05rem}.course-segment-state,.course-drawer-error{border:1px solid var(--line);color:var(--text-muted);background:#ffffff09;border-radius:14px;padding:14px}.course-drawer-error{background:var(--danger-soft);color:#ffc9c6;border-color:#ff6e6947}.course-segment-list{gap:8px;display:grid}.course-segment-row{border:1px solid var(--line);width:100%;min-height:60px;color:var(--text-muted);background:#ffffff09;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 70px 72px;align-items:center;gap:12px;padding:8px 10px;display:grid}.course-segment-row[data-selected=true]{border-color:var(--accent-line);color:#fff1e4;background:linear-gradient(90deg,#ff8a5724,#0000 70%),#ffffff0a}.course-segment-play{border:1px solid var(--line);border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.course-segment-time{color:#fff3e7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;overflow:hidden}.course-segment-count{color:var(--text-soft);font-size:.82rem}.course-segment-open{color:#ffad7e;justify-self:end;font-weight:700}.course-segment-preview{border:1px solid var(--line);background:#ffffff09;border-radius:16px;gap:10px;padding:16px;display:grid}.course-segment-preview p{color:var(--text-muted);margin:0;line-height:1.65}.course-segment-preview-meta{color:var(--text-soft);flex-wrap:wrap;gap:8px 14px;font-size:.82rem;display:flex}.course-start-button{width:100%}.practice-course-context{border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:12px 14px;display:grid}.practice-course-context[data-completed=true]{background:linear-gradient(90deg,#5bb94a1a,#0000 58%),#0f1115f0;border-color:#7fd45c52}.practice-course-context-main,.practice-course-context-actions,.practice-course-context-progress{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.practice-course-context-main{color:var(--text-muted)}.practice-course-context-main strong{color:#fff3e7}.practice-course-context-kind{border:1px solid var(--accent-line);color:#ffad7e;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.practice-course-context-source{max-width:260px;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-course-context-actions{justify-content:flex-end}.practice-course-context-link,.practice-course-context-complete{border:1px solid var(--line);min-height:38px;color:var(--text-muted);background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.practice-course-context-complete{border-color:var(--accent-line);color:#ffad7e}.practice-course-context-complete:disabled{opacity:.72;cursor:not-allowed}.practice-course-context[data-completed=true] .practice-course-context-complete{color:#aef38e;border-color:#7fd45c57}.practice-course-context-progress{color:var(--text-soft);grid-column:1/-1;font-size:.82rem}.practice-course-context-error{color:#ffc9c6}.practice-course-context-done{color:#aef38e}@media (max-width:1180px){.course-summary-panel{grid-template-columns:160px minmax(0,1fr)}.course-summary-stats,.course-primary-action{grid-column:1/-1}.course-lecture-header,.course-lecture-row{grid-template-columns:minmax(260px,1fr) 120px 90px 140px 120px}.practice-course-context{grid-template-columns:1fr}.practice-course-context-actions{justify-content:flex-start}}@media (max-width:820px){.course-heading-title{font-size:2.1rem}.course-summary-copy h2{font-size:1.85rem}.course-heading{flex-direction:column;align-items:stretch}.course-summary-panel{grid-template-columns:1fr;padding:18px}.course-cover{min-height:120px}.course-summary-stats{grid-template-columns:1fr}.course-lecture-header{display:none}.course-lecture-row{grid-template-columns:1fr;gap:10px;min-height:0;padding:16px}.course-row-action{justify-content:flex-start;width:fit-content;padding:0 12px}.course-drawer-overlay{padding:12px}.course-drawer{width:100%}.course-segment-row{grid-template-columns:38px minmax(0,1fr)}.course-segment-count,.course-segment-open{grid-column:2;justify-self:start}}
@media (min-width:1024px){.bookmarks-page{padding:24px 0 48px}.bookmarks-header{margin-bottom:20px}.bookmark-card{border-radius:20px;padding:16px 20px}.bookmarks-date-filter{margin-bottom:22px}.bookmarks-date-filter select{min-width:168px}.bookmarks-groups{gap:22px}.bookmark-card-primary{font-size:17px}.bookmark-card-source{font-size:14px}.bookmark-card:hover{background:#fff1}.bookmark-card-details{padding-right:48px}}