@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%;size-adjust:107.4%}:root{--bg: #0a0a0f;--surface: #13131a;--card: #1a1a26;--border: #2a2a3a;--primary: #7c8cf8;--primary-hover: #b4bcfb;--success: #10b981;--success-hover: #34d399;--danger: #f43f5e;--danger-hover: #fb7185;--warning: #f59e0b;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--transition: .2s ease;--font: "Inter", "Inter Fallback", "Noto Sans JP", system-ui, sans-serif;--rail-w: 68px;--rail-open-w: 264px;--header-h: 61px;--fs-eyebrow: 11px;--fs-caption: 13px;--fs-body: 15px;--fs-title: 18px}:root[data-theme=light]{--bg: #f4f5fa;--surface: #ffffff;--card: #ffffff;--border: #e3e7f0;--primary: #7c8cf8;--primary-hover: #4f46e5;--success: #059669;--success-hover: #10b981;--danger: #e11d48;--danger-hover: #f43f5e;--warning: #d97706;--text: #1e293b;--text-muted: #475569;--text-dim: #64748b;--shadow: 0 4px 24px rgba(30, 34, 60, .1);--shadow-sm: 0 2px 8px rgba(30, 34, 60, .08)}:root[data-theme=light] body{color-scheme:light}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a,button,label,summary,select,input,textarea,[role=button]{-webkit-tap-highlight-color:transparent}html,body{height:100%;height:100svh;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}@media (display-mode: standalone){@supports (-webkit-touch-callout: none){html,body,.app{height:-webkit-fill-available}}}a{color:var(--primary-hover);text-decoration:none;transition:color var(--transition)}@media (hover: hover) and (pointer: fine){a:hover{color:var(--text)}}button{font-family:var(--font);cursor:pointer;border:none;outline:none;font-size:14px;font-weight:500;letter-spacing:.3px;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition)}input,textarea{font-family:var(--font);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 14px;font-size:14px;outline:none;transition:border-color var(--transition);width:100%}input:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:80px}label{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:block;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.app{height:100%;display:flex;flex-direction:column;background:var(--bg)}:root{--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .46s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.2, .9, .3, 1.25);--stagger: 45ms}.skel{position:relative;overflow:hidden;background:#ffffff0e;border-radius:var(--radius-sm);color:transparent;-webkit-user-select:none;user-select:none}.skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:skel-sweep 1.35s var(--ease-in-out) infinite}:root[data-theme=light] .skel{background:#1e223c12}:root[data-theme=light] .skel:after{background:linear-gradient(90deg,transparent,rgba(30,34,60,.06),transparent)}@keyframes skel-sweep{to{transform:translate(100%)}}.skel-bar{display:inline-block;vertical-align:baseline;height:.72em;min-width:24px;border-radius:5px}.skel-fill{display:block;width:100%;height:1.5em}.skel-circle{border-radius:50%}.anim-in{animation:anim-in var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes anim-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.anim-fade{animation:anim-fade var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes anim-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.skel:after{display:none}}.btn:active:not(:disabled),.icon-btn:active,.mini-card:active,.continue-card:active:not(.is-skel),.session-card:active:not(.is-skel) .session-card__chip,.daily-plan:active:not(.is-skel),.anime-card:active,.deck-chip:active,.catalog-chip:active{transform:scale(.972);transition-duration:var(--dur-1)}.word-row:active{background:var(--surface)}@media (hover: none){a:active,button:active:not(:disabled),label:active,summary:active{opacity:.75}}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-2);animation-timing-function:var(--ease-out)}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:100;min-height:56px;flex-shrink:0}.header__logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__logo-mark{width:26px;height:26px;border-radius:8px;display:block;flex-shrink:0}.header__logo-text{background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__logo--link{cursor:pointer;transition:opacity var(--transition)}@media (hover: hover) and (pointer: fine){.header__logo--link:hover{opacity:.85}}.header__left,.header__right{display:flex;align-items:center}.header__left{width:48px}.header__right{justify-content:flex-end;gap:8px;min-width:97px}.header--flush-left{justify-content:flex-start;gap:10px}.header--flush-left .header__left{width:auto}.header--flush-left .header__right{margin-left:auto}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:20px;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition)}@media (hover: hover) and (pointer: fine){.icon-btn:hover{background:var(--card);color:var(--text)}}.profile-wrap{position:relative}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:232px;z-index:200;overflow:hidden;display:none;padding:6px}.profile-menu.open{display:block}.profile-menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-xs);color:var(--text);font-size:14px;transition:background var(--transition)}@media (hover: hover) and (pointer: fine){.profile-menu a:hover{background:var(--border)}}.profile-menu a .nav-icon{color:var(--text-muted)}.profile-menu__email{display:block;padding:8px 12px 6px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;width:280px;height:100%;background:var(--surface);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;padding-top:20px;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar__brand{padding:0 24px 20px;font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar a{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--text-muted);font-size:15px;font-weight:500;transition:background-color var(--transition),color var(--transition)}@media (hover: hover) and (pointer: fine){.sidebar a:hover{color:var(--text);background:var(--card)}}.sidebar a.active{color:var(--primary);background:#7c8cf824}.sidebar a.active .nav-icon{color:var(--primary)}.sidebar .nav-new{margin-left:-4px;align-self:center;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1;color:#fff;background:linear-gradient(135deg,var(--primary),#a78bfa);padding:2px 5px;border-radius:5px;pointer-events:none}.sidebar__site{margin-top:8px;border-top:1px solid var(--border);color:var(--text-dim);font-size:14px}@media (hover: hover) and (pointer: fine){.sidebar__site:hover{color:var(--text)}}.sidebar__version{order:1;margin-top:auto;padding:14px 24px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:500;letter-spacing:.5px}.overlay{position:fixed;inset:0;background:#0009;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.open{opacity:1;pointer-events:auto}@media (min-width: 768px){.app:has(.sidebar)>main,.app:has(.sidebar)>.hub,.app:has(.sidebar)>.dictionary,.app:has(.sidebar)>.feedback{padding-left:var(--rail-w);transition:padding-left .3s cubic-bezier(.4,0,.2,1)}.app:has(.sidebar.open)>main,.app:has(.sidebar.open)>.hub,.app:has(.sidebar.open)>.dictionary,.app:has(.sidebar.open)>.feedback{padding-left:var(--rail-open-w)}.sidebar{transform:none;top:var(--header-h);height:calc(100% - var(--header-h));width:var(--rail-w);z-index:90;padding-top:0;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.header{padding-left:16px}.sidebar.open,.sidebar.peek{transform:none;width:var(--rail-open-w)}.sidebar.peek{box-shadow:4px 0 24px #00000059}.sidebar .nav-label,.sidebar .nav-new{white-space:nowrap;opacity:0;transition:opacity .2s ease}.sidebar.open .nav-label,.sidebar.peek .nav-label,.sidebar.open .nav-new,.sidebar.peek .nav-new{opacity:1}.sidebar__brand{display:none}.sidebar .sidebar__version{white-space:nowrap;opacity:0;transition:opacity .2s ease}.sidebar.open .sidebar__version,.sidebar.peek .sidebar__version{opacity:1}.overlay{display:none}}.main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto;position:relative}.header__search{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;z-index:5}@media (min-width: 768px){.header__search{width:min(420px,40vw)}.header__search-input{width:100%;padding:9px 16px;border-radius:999px;background:var(--card);border:1.5px solid var(--border);color:var(--text);font:inherit;outline:none}.header__search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7c8cf829}.header__search-toggle{display:none}}@media (max-width: 767px){.header__left{order:0}.header__logo{order:1}.header__search{order:2}.header__right{order:3}.header--flush-left:has(.header__search) .header__right{margin-left:0}.header__search{position:relative;left:auto;transform:none;margin:0 0 0 auto}.header__search-input{display:none}.header__search.is-open{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);margin:0;z-index:20}.header__search.is-open .header__search-toggle{display:none}.header__search.is-open .header__search-input{display:block;width:100%;padding:9px 16px;border-radius:999px;background:var(--card);border:1.5px solid var(--border);color:var(--text);font:inherit;outline:none}.header__search.is-open .header__search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7c8cf829}}.header__search-ac{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;z-index:60;max-height:min(70vh,430px);overflow-y:auto;overscroll-behavior:contain}.header__search-ac[hidden]{display:none}.header__search-ac-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}@media (hover: hover) and (pointer: fine){.header__search-ac-item:hover{background:var(--surface)}}.header__search-ac-item img,.header__search-ac-noimg{width:34px;height:48px;flex-shrink:0;border-radius:4px;object-fit:cover;background:var(--surface)}.header__search-ac-txt{display:flex;flex-direction:column;min-width:0}.header__search-ac-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__search-ac-meta{font-size:11.5px;color:var(--text-dim)}@media (max-width: 767px){.header__search-ac{left:0;right:0;width:auto}}.main.study{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding-top:6px;scrollbar-width:none}.main.study::-webkit-scrollbar{display:none}.main.study:before,.main.study:after{content:"";flex:1 1 0;min-height:0}.study-stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:auto;max-width:560px;gap:0;justify-items:stretch;padding:4px 6px;background:var(--card);background:color-mix(in srgb,var(--card) 72%,transparent);border:1px solid var(--border);border-color:color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px}.study-stats:empty{display:none}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:66px;padding:2px 12px;line-height:1.1}.stat+.stat{border-left:1px solid var(--border);border-left-color:color-mix(in srgb,var(--border) 70%,transparent)}.stat b{font-size:15.5px;font-weight:700;font-variant-numeric:tabular-nums}.stat small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin-top:1px}.stat--new b{color:var(--primary-hover)}.stat--learn b{color:var(--warning)}.stat--due b{color:var(--success)}.study-progress{width:100%;max-width:660px;height:4px;background:var(--card);background:color-mix(in srgb,var(--border) 55%,transparent);border-radius:999px;overflow:hidden}.study-progress__bar{width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:999px;transition:width .35s ease}.card-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:860px;flex:0 0 auto;min-height:360px;overflow:hidden;padding:14px 28px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.card-area:has(.clip-player),.card-area:has(.clip-skel){flex:0 0 auto}@media (min-width: 481px) and (min-height: 720px){.card-area{height:min(780px,calc(100dvh - 232px));min-height:0}}.card-edit-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);opacity:.9;cursor:pointer;transition:opacity var(--transition),background var(--transition),color var(--transition);z-index:5}.card-edit-btn[hidden]{display:none}@media (hover: hover) and (pointer: fine){.card-edit-btn:hover{opacity:1;background:var(--surface);color:var(--text)}}.study-stats,.study-progress,.buttons{flex-shrink:0}.card-area{touch-action:pan-y}.card-area .clip-player,.card-area .study-audio{touch-action:auto}.swipe-hint{position:absolute;top:50%;transform:translateY(-50%) scale(.8);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px;font-weight:700;color:#fff;opacity:0;pointer-events:none;z-index:4;transition:opacity .15s ease,transform .15s ease}.swipe-hint--again{left:14px;background:var(--danger)}.swipe-hint--good{right:14px;background:var(--success)}.card-area.is-swipe-again .swipe-hint--again,.card-area.is-swipe-good .swipe-hint--good{opacity:1;transform:translateY(-50%) scale(1)}@media (prefers-reduced-motion: reduce){.swipe-hint{transition:opacity .15s ease}}.front-side{display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:14px;flex-shrink:0}:root{--reveal-body-dur: .3s;--reveal-body-delay: 0ms;--reveal-ease: cubic-bezier(.4, 0, .2, 1);--reveal-stagger: 60ms}.card-area:has(.back-side--visible) .front-side{position:relative;border-bottom:1px solid transparent;padding-bottom:5px;margin-bottom:5px}.card-area:has(.back-side--visible) .front-side:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--border) 22%,var(--border) 78%,transparent);animation:back-in var(--reveal-body-dur) var(--reveal-ease) var(--reveal-body-delay) backwards}.card-area.is-arming .back-side--visible,.card-area.is-arming .front-side:after,.card-area.is-arming .word-furigana{opacity:0;animation:none!important}.card-area.is-arming .word{opacity:.5;animation:none!important}.back-side{display:none;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:100%}.back-side--visible{display:flex;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;animation:back-in var(--reveal-body-dur) var(--reveal-ease) var(--reveal-body-delay) backwards}.back-side--visible::-webkit-scrollbar{display:none}.back-side--visible>*{flex-shrink:0}@keyframes back-in{0%{opacity:0}}@keyframes title-settle{0%{opacity:.5}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}.main.study .buttons>button{animation:rise-in var(--reveal-body-dur) var(--reveal-ease) backwards}.main.study .buttons>button:nth-child(2){animation-delay:var(--reveal-stagger)}@media (prefers-reduced-motion: reduce){.word,.card-area:has(.back-side--visible) .word,.back-side--visible,.back-side--visible>*,.card-area:has(.back-side--visible) .front-side:after,.word-furigana,.main.study .buttons>button,.sentence__spark{animation:none!important}}.back-media{display:flex;flex-direction:column;width:100%;min-height:0}.back-media:empty{display:none}.back-media--reserved{flex:0 0 auto;justify-content:center;align-items:center;overflow:hidden}.back-side--visible:not(:has(.back-media>*)){justify-content:safe center}.back-side--visible:has(.clip-player) .back-media,.back-side--visible:has(.clip-skel) .back-media{flex:0 0 auto;min-height:0;justify-content:center;align-items:center}.card-area .clip-warm{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}.card-area .clip-skel{max-height:clamp(160px,calc(100svh - 470px),48svh);aspect-ratio:16 / 9;width:auto;max-width:100%;flex:0 0 auto;min-height:0;margin:0 auto;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px var(--border);background:color-mix(in srgb,var(--text) 6%,transparent);display:flex;align-items:center;justify-content:center}.card-area .clip-skel__spinner{width:22px;height:22px;border:2px solid color-mix(in srgb,var(--text) 18%,transparent);border-top-color:var(--primary);border-radius:50%;animation:clip-spin .7s linear infinite}.card-area .clip-skel__bar{display:none}@keyframes clip-breathe{0%,to{background-color:color-mix(in srgb,var(--text) 5%,transparent)}50%{background-color:color-mix(in srgb,var(--text) 9%,transparent)}}@keyframes clip-bar{0%{transform:translate(-100%)}to{transform:translate(363%)}}:root.clip-load-1 .card-area .clip-skel{animation:clip-breathe 1.8s var(--ease-in-out, ease-in-out) infinite}:root.clip-load-1 .card-area .clip-skel__spinner{display:none}:root.clip-load-1 .card-area .clip-skel__bar{display:block;position:absolute;left:0;bottom:0;height:2px;width:38%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:clip-bar 1.25s var(--ease-in-out, ease-in-out) infinite}:root.clip-load-2 .card-area .clip-skel{background:#ffffff0e}:root.clip-load-2 .card-area .clip-skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:skel-sweep 1.35s var(--ease-in-out, ease-in-out) infinite}:root.clip-load-2 .card-area .clip-skel__spinner{border:0;width:26px;height:26px;background:currentColor;color:var(--text-dim, var(--text-muted));opacity:.5;border-radius:0;animation:none;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / contain no-repeat}@media (prefers-reduced-motion: reduce){.card-area .clip-skel,.card-area .clip-skel__bar,.card-area .clip-skel__spinner{animation:none}}.card-area .clip-skel__text{color:var(--text-muted);font-size:13px}.card-area .clip-skel .clip-spinner{margin-right:8px}.card-area .clip-skel:has(.clip-skel__text){animation:none}.card-area .clip-skel:has(.clip-skel__text) .clip-skel__bar{display:none}.card-area .clip-player{animation:clip-in .18s ease-out}@keyframes clip-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.card-area .clip-player{animation:none}}.card-area .clip-player{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto;flex:0 0 auto;min-height:0;background:#000;line-height:0;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 10px 28px -14px #00000080}:root[data-theme=light] .card-area .clip-player{box-shadow:0 0 0 1px var(--border),0 10px 24px -14px #1e223c4d}.card-area .clip-player video{display:block;width:auto;height:auto;max-width:100%;max-height:clamp(160px,calc(100svh - 470px),48svh);aspect-ratio:16 / 9;object-fit:contain;background:#000;margin:0}.card-area .clip-player.clip-player--sizing video{aspect-ratio:16 / 9;object-fit:contain}.back-media .study-audio{width:100%;max-width:400px;margin:6px auto 0;flex-shrink:0}.done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:12px}.done__check{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#10b98126;color:var(--success);font-size:30px;font-weight:700;margin-bottom:6px}.done__title{font-size:22px;font-weight:600}.done__text{font-size:14px;color:var(--text-muted);max-width:340px}.word{font-size:clamp(44px,7vw,62px);font-weight:300;letter-spacing:-.02em;line-height:1.15;text-align:center;color:var(--text);max-width:100%;min-width:0;overflow-wrap:anywhere;animation:word-in .22s ease-out}.card-area:has(>.card-edit-btn:not([hidden])) .front-side{padding-inline:44px}@keyframes word-in{0%{opacity:0;transform:translateY(6px)}}.card-area:has(.back-side--visible) .word{font-size:clamp(24px,2.5vw,30px);font-weight:500;letter-spacing:-.01em;animation:title-settle var(--reveal-body-dur) var(--reveal-ease) var(--reveal-body-delay) backwards}.word-furigana{animation:back-in var(--reveal-body-dur) var(--reveal-ease) var(--reveal-body-delay) backwards;flex-basis:100%;text-align:center;font-size:13.5px;font-weight:500;letter-spacing:.14em;color:var(--text-dim);margin-bottom:2px}.word-furigana--speak{cursor:pointer;transition:color var(--transition)}@media (hover: hover) and (pointer: fine){.word-furigana--speak:hover{color:var(--text-muted)}}.word-furigana--speak:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px;border-radius:4px}.word-furigana__speak{font-size:10px;opacity:.55;margin-left:6px}.meaning{font-size:clamp(19px,2.6vw,24px);font-weight:600;letter-spacing:-.01em;text-align:center;text-wrap:balance;color:var(--primary-hover)}.sentence{position:relative;width:100%;max-width:520px;padding:12px 16px;font-size:17px;line-height:1.5;color:var(--text);text-align:center;background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--border);border-color:color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px}.sentence__jp{font-size:16.5px;min-height:3em;display:grid;align-content:center}.sentence__quote{color:var(--text-dim)}.sentence__hl{color:var(--primary-hover);font-weight:600}.sentence__divider{height:1px;width:180px;max-width:60%;margin:6px auto 0;background:linear-gradient(90deg,transparent,var(--border),transparent)}.translatedSentence{font-size:14px;line-height:1.45;min-height:2.9em;display:grid;align-content:center;color:var(--text-dim);text-align:center;font-style:italic;max-width:440px}.sentence .translatedSentence{font-size:13px;font-style:normal;margin-top:6px;max-width:none}.starter-save-btn{margin-top:10px;background:transparent;border:1px solid rgba(79,70,229,.6);border-color:color-mix(in srgb,var(--primary) 55%,transparent);color:var(--text);border-radius:999px;padding:7px 18px;font-size:13px}@media (hover: hover) and (pointer: fine){.starter-save-btn:hover:not(:disabled){background:#4f46e524}}.starter-save-btn:disabled{opacity:.6;cursor:default}.done__check--starter{background:#7c8cf826;font-size:26px}.speak-btn{background:none;border:none;font-size:15px;margin-left:6px;cursor:pointer;opacity:.7;vertical-align:middle}@media (hover: hover) and (pointer: fine){.speak-btn:hover{opacity:1}}.sentence-romaji{font-size:13.5px;color:var(--text-dim);text-align:center;letter-spacing:.2px;margin-top:-4px}.sentence--cells{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;align-content:center;gap:2px 7px;min-height:70px}.sentence__jp--cells-reserve{min-height:70px}.read-cell{display:inline-flex;flex-direction:column;align-items:center;line-height:1.18}.read-cell__romaji{font-size:.62em;color:var(--text-dim);user-select:none;margin-bottom:1px}.sentence--ai{cursor:pointer;padding-left:42px;padding-right:42px;transition:color var(--transition),border-color var(--transition)}@media (hover: hover) and (pointer: fine){.sentence--ai:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}}.sentence__spark{position:absolute;top:7px;right:7px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 85%,#000),color-mix(in srgb,var(--primary-hover) 80%,#000));border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 3px 12px -2px #7c8cf88c;cursor:pointer;animation:spark-in .45s ease-out;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.sentence__spark-label{display:none}.sentence__spark:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}@media (hover: hover) and (pointer: fine){.sentence__spark:hover{transform:scale(1.08);filter:brightness(1.08);box-shadow:0 5px 16px -2px #7c8cf8f2;animation:none}}.sentence__spark .ai-icon{width:16px;height:16px;flex-shrink:0}@keyframes spark-in{0%{opacity:0;transform:scale(.6)}}.sentence__spark.is-loading{animation:spark-pulse .9s ease-in-out infinite}@keyframes spark-pulse{0%,to{opacity:.5}50%{opacity:1}}.ai-icon{width:15px;height:15px;flex-shrink:0;color:var(--primary-hover)}.has-ai-icon{display:inline-flex;align-items:center;gap:6px}.main.study .buttons{gap:14px;margin-top:6px;min-height:58px;align-items:center;max-width:540px}.main.study .show-btn{border:1px solid var(--border);border-radius:999px;padding:13px 32px;font-weight:600;font-size:13.5px;text-transform:uppercase;letter-spacing:.06em;background:var(--card);color:var(--text);transition:background var(--transition),transform .15s ease,border-color var(--transition)}@media (hover: hover) and (pointer: fine){.main.study .show-btn:hover{background:var(--border);transform:translateY(-1px)}}.main.study .know-btn{border:none;background:none;color:var(--text-dim);font-size:12.5px;font-weight:500;padding:10px 14px;border-radius:999px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:color var(--transition)}@media (hover: hover) and (pointer: fine){.main.study .know-btn:hover{color:var(--text)}}.main.study .keep-word-btn,.main.study .bury-word-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:134px;padding:9px 26px;border:1px solid transparent;border-radius:14px;line-height:1.15;transition:background var(--transition),border-color var(--transition),transform .15s ease}.main.study .keep-word-btn{background:color-mix(in srgb,var(--danger) 15%,var(--card));border-color:color-mix(in srgb,var(--danger) 42%,transparent);color:var(--danger-hover)}.main.study .bury-word-btn{background:color-mix(in srgb,var(--success) 15%,var(--card));border-color:color-mix(in srgb,var(--success) 42%,transparent);color:var(--success-hover)}@media (hover: hover) and (pointer: fine){.main.study .keep-word-btn:hover{background:color-mix(in srgb,var(--danger) 26%,var(--card));border-color:color-mix(in srgb,var(--danger) 62%,transparent);transform:translateY(-1px)}}@media (hover: hover) and (pointer: fine){.main.study .bury-word-btn:hover{background:color-mix(in srgb,var(--success) 26%,var(--card));border-color:color-mix(in srgb,var(--success) 62%,transparent);transform:translateY(-1px)}}.main.study .buttons button:active{transform:translateY(0) scale(.98)}.main.study .buttons button:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.rate__label{font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.rate__hint{font-size:10.5px;font-weight:500;letter-spacing:.01em;text-transform:none;opacity:.72}@media (hover: hover) and (pointer: fine){.main.study .buttons button[data-key]:before{content:attr(data-key);position:absolute;top:6px;left:10px;font-size:9.5px;font-weight:700;opacity:.4}}.clip-trim{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:-4px 0 8px}.clip-trim__group{display:inline-flex;align-items:center;gap:6px}.clip-trim__label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.clip-trim__value{font-size:13px;font-weight:600;color:var(--text);min-width:34px;font-variant-numeric:tabular-nums}.clip-trim__group--len{color:var(--text-muted)}.clip-trim__btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-xs);padding:4px 9px;font-size:12.5px;line-height:1}@media (hover: hover) and (pointer: fine){.clip-trim__btn:hover{border-color:var(--primary);color:var(--text)}}.study-settings-btn{position:absolute;top:16px;right:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text-muted);z-index:20}@media (hover: hover) and (pointer: fine){.study-settings-btn:hover{color:var(--text);border-color:var(--primary)}}.study-settings-panel{position:absolute;top:56px;right:16px;width:min(320px,calc(100vw - 32px));background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;z-index:30;display:flex;flex-direction:column;gap:9px}.study-settings-panel[hidden]{display:none}.study-set-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.study-set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.study-set-row>span{font-size:13.5px;color:var(--text)}.study-set-toggle{cursor:pointer}.study-set-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:38px;height:22px;flex-shrink:0;border-radius:999px;background:var(--border);cursor:pointer;transition:background .2s ease}.study-set-toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .2s ease}.study-set-toggle input[type=checkbox]:checked{background:var(--primary)}.study-set-toggle input[type=checkbox]:checked:after{transform:translate(16px)}.card-explain-btn{margin-top:10px;padding:6px 13px;font-size:12.5px;font-weight:500;border-radius:999px;background:#7c8cf81f;border:1px solid transparent;color:var(--primary-hover);cursor:pointer;transition:background var(--transition),color var(--transition)}@media (hover: hover) and (pointer: fine){.card-explain-btn:hover{background:#7c8cf833;color:var(--text)}}.card-explain-out{text-align:left;width:100%;max-width:440px;margin:14px auto 0;padding-top:14px;border-top:1px solid var(--border);font-size:13px;max-height:46vh;overflow-y:auto;overscroll-behavior:contain}.card-explain-out.hidden{display:none}.card-explain-out .explain__section{margin-bottom:12px}.card-explain-out .explain__section:last-child{margin-bottom:0}.card-explain-out .explain__title{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--primary-hover);margin-bottom:5px}.card-explain-out .explain__translation{font-size:13.5px;line-height:1.45}.card-explain-out .explain__part{margin-bottom:7px}.card-explain-out .explain__jp{font-family:Noto Sans JP,sans-serif;font-weight:600}.card-explain-out .explain__reading{color:var(--primary-hover);font-size:12px}.card-explain-out .explain__meaning{color:var(--text-muted);line-height:1.4}.card-explain-out .explain__mnemo{margin-bottom:9px}.card-explain-out .explain__keys{font-family:Noto Sans JP,sans-serif;font-size:12px;color:var(--text-muted);opacity:.85;margin-top:1px}.explain-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:#05050aa8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:explain-fade .15s ease}:root.no-blur .explain-modal{backdrop-filter:none;-webkit-backdrop-filter:none;background:#05050ad1}.explain-modal[hidden]{display:none}.explain-modal__dialog{display:flex;flex-direction:column;width:100%;max-width:460px;max-height:85vh;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 60px -12px #000000b3;overflow:hidden;animation:explain-pop .18s ease}.explain-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.explain-modal__title{font-size:15px;font-weight:600}.explain-modal__close{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text-dim);font-size:13px;transition:background var(--transition),color var(--transition)}@media (hover: hover) and (pointer: fine){.explain-modal__close:hover{background:var(--border);color:var(--text)}}.explain-modal__body{flex:1;min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@keyframes explain-fade{0%{opacity:0}to{opacity:1}}@keyframes explain-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.explain-modal__body .explain__section{margin-bottom:14px}.explain-modal__body .explain__section:last-child{margin-bottom:0}.explain-modal__body .explain__title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--primary-hover);margin-bottom:6px}.explain-modal__body .explain__translation{font-size:14.5px;line-height:1.5}.explain-modal__body .explain__part{margin-bottom:9px}.explain-modal__body .explain__jp{font-family:Noto Sans JP,sans-serif;font-weight:600}.explain-modal__body .explain__reading{color:var(--primary-hover);font-size:12.5px}.explain-modal__body .explain__meaning{color:var(--text-muted);line-height:1.45;margin-top:1px}.explain-modal__body .explain__mnemo{margin-bottom:12px}.explain-modal__body .explain__keys{font-family:Noto Sans JP,sans-serif;font-size:12.5px;color:var(--text-muted);opacity:.85;margin-top:2px}@media (max-width: 480px){.main.study{gap:6px;padding:10px 8px 12px;justify-content:flex-start;overflow-y:auto}.main.study:before,.main.study:after{display:none}.study-stats{max-width:100%;padding:3px 4px}.stat{min-width:0;padding:3px 7px}.stat b{font-size:15px}.stat small{font-size:8.5px;letter-spacing:.06em;margin-top:1px}.study-progress{max-width:100%;height:4px}.card-area{max-width:100%;min-height:0;flex:1 1 0;padding:12px 10px}.word{font-size:42px}.card-area:has(.back-side--visible) .word{font-size:27px}.card-area:has(.back-side--visible) .front-side{padding-bottom:12px;margin-bottom:12px}.back-side{gap:8px}.meaning{font-size:20px}.sentence{max-width:100%;padding:10px 12px;font-size:15px}.sentence__jp{font-size:16px}.sentence--cells,.sentence__jp--cells-reserve{min-height:68px}.sentence--ai{padding-left:40px;padding-right:40px}.card-area:has(.clip-player),.card-area:has(.clip-skel){flex:1 1 0}.back-side--visible:has(.clip-player) .back-media,.back-side--visible:has(.clip-skel) .back-media{flex:0 0 auto}.back-side--visible{flex:0 1 auto}.card-area .clip-player{flex:0 0 auto;width:fit-content;max-width:100%;min-height:0}.card-area .clip-player video{max-height:clamp(120px,26dvh,220px)}.main.study .buttons{gap:10px;min-height:54px}.main.study .show-btn,.main.study .keep-word-btn,.main.study .bury-word-btn{padding:13px 18px}.study-settings-btn{top:8px;right:10px;width:30px;height:30px}.study-settings-panel{top:44px;right:10px}}@media (max-width: 480px){.app:has(.main.study) .header{padding-top:7px;padding-bottom:7px}.main.study{gap:4px;padding-top:5px}.study-stats{padding:2px 4px}.stat{padding:2px 7px}.stat b{font-size:13px}.stat small{font-size:8px}.study-settings-panel{top:52px}.card-area{padding-top:8px;padding-bottom:8px}.back-side{gap:6px}.card-area:has(.back-side--visible) .front-side{padding-bottom:6px;margin-bottom:6px}.card-area:has(.back-side--visible) .word{font-size:22px}.meaning{font-size:17px}.sentence{padding-top:6px;padding-bottom:6px;font-size:14px}.sentence__jp{font-size:15px}.sentence--cells,.sentence__jp--cells-reserve{min-height:56px}.translatedSentence{font-size:12px}.main.study .buttons{min-height:46px;margin-top:2px;gap:8px}.main.study .show-btn,.main.study .keep-word-btn,.main.study .bury-word-btn{padding:10px 16px}.rate__hint{display:none}.card-area .clip-player video{max-height:clamp(140px,36dvh,320px)}}@media (min-width: 481px) and (min-height: 720px){.card-area .clip-player video{max-height:max(160px,min(460px,calc(100dvh - 430px)))}}@media (min-width: 481px) and (min-height: 720px){.card-area:has(.starter-save-btn) .clip-player video{max-height:max(120px,min(420px,calc(100dvh - 486px)))}}.front-side{flex-wrap:wrap}.front-reading{flex-basis:100%;text-align:center;margin-top:10px;font-size:17px;color:var(--text-muted);letter-spacing:.3px}.card-area:has(.back-side--visible) .front-reading{display:none}.main.study:has(.deck-choice)>:not(.deck-choice){display:none}.deck-choice{width:100%;max-width:440px;margin:40px auto 0;display:flex;flex-direction:column;gap:12px;padding:0 16px}.deck-choice__title{font-size:20px;font-weight:700;text-align:center;margin-bottom:8px}.deck-choice__opt{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}@media (hover: hover) and (pointer: fine){.deck-choice__opt:hover{border-color:var(--primary);transform:translateY(-2px)}}.deck-choice__opt--core{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card) 70%)}.deck-choice__num{font-size:26px;font-weight:700;color:var(--primary);min-width:44px;text-align:center;flex-shrink:0}.deck-choice__txt{display:flex;flex-direction:column;gap:3px}.deck-choice__txt b{font-size:16px}.deck-choice__txt small{font-size:12.5px;color:var(--text-muted)}.deck-choice[hidden]{display:none}.deck-anime__input{width:100%;padding:12px 14px;font-size:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--text)}.deck-anime__input:focus{outline:none;border-color:var(--primary)}.deck-anime__list{display:flex;flex-direction:column;gap:8px}.deck-anime__row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;width:100%;text-align:left;font:inherit;cursor:pointer}@media (hover: hover) and (pointer: fine){.deck-anime__row:hover{border-color:var(--primary)}}.deck-anime__row img,.deck-anime__noimg{width:40px;height:56px;border-radius:8px;object-fit:cover;background:var(--border);flex-shrink:0}.deck-anime__txt{display:flex;flex-direction:column;gap:2px;min-width:0}.deck-anime__txt b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.deck-anime__txt small{font-size:12px;color:var(--text-muted)}.deck-anime__empty{padding:20px 0;text-align:center;color:var(--text-muted);font-size:13.5px}.deck-anime__back{align-self:center;margin-top:4px;background:none;border:none;color:var(--text-muted);font-size:13.5px;cursor:pointer;padding:8px 14px}.deck-anime__back:hover{color:var(--text)}.bdeck{max-width:520px;margin-top:12px;height:calc(100dvh - 85px)}.bdeck__head{display:flex;align-items:center;gap:14px;padding:4px 2px 2px}.bdeck__poster{flex-shrink:0;line-height:0}.bdeck__poster:empty{display:none}.bdeck__poster img{width:56px;height:78px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.bdeck__headtxt{display:flex;flex-direction:column;gap:4px;min-width:0}.bdeck__title{font-size:17px;line-height:1.25}.bdeck__sub{font-size:12.5px;color:var(--text-muted);line-height:1.35}.bdeck__level{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.bdeck__level-label{font-size:13px;color:var(--text-muted)}.bdeck__select{-webkit-appearance:none;appearance:none;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:128px;padding:9px 38px 9px 14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23909096' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;outline:none;cursor:pointer}.bdeck__select:focus{border-color:var(--primary)}.bdeck__bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.bdeck__bar[hidden]{display:none}.bdeck__all,.bdeck-row{text-transform:none;letter-spacing:normal;font-weight:400;font-size:14px;color:var(--text);margin-bottom:0}.bdeck__all input,.bdeck-row input{width:17px;height:17px;padding:0;flex:none;background:none;border:none;accent-color:var(--primary)}.bdeck__all{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}.bdeck__count{color:var(--text-muted);font-size:12.5px}.bdeck__scan{display:flex;flex-direction:column;gap:7px}.bdeck__scan-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted)}.bdeck__progress{height:3px;border-radius:999px;background:var(--border);overflow:hidden}.bdeck__progress i{display:block;width:6%;height:100%;border-radius:inherit;background:var(--grad, var(--primary));transition:width var(--dur-3, .24s) var(--ease-out, ease)}.bdeck__scan-row:before{content:"";width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:bdeck-spin .7s linear infinite;flex-shrink:0}@keyframes bdeck-spin{to{transform:rotate(360deg)}}.bdeck__scan[hidden]{display:none}.bdeck__list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:120px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.bdeck__list::-webkit-scrollbar{width:5px}.bdeck__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.bdeck__list::-webkit-scrollbar-track{background:transparent}.bdeck__empty{padding:24px 0;text-align:center;color:var(--text-muted);font-size:13.5px}.bdeck-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.bdeck-row input{margin-top:3px}.bdeck-row__main{flex:1 1 auto;min-width:0}.bdeck-row__top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bdeck-row__word{font-size:17px;font-weight:700}.bdeck-row__read{font-size:12.5px;color:var(--text-muted)}.bdeck-row__badge{font-size:10px;font-weight:700;border-radius:8px;padding:1px 6px;background:#6ee7b724;color:#6ee7b7}.bdeck-row__badge--n4{background:#93c5fd24;color:#93c5fd}.bdeck-row__freq{font-size:11px;color:var(--text-muted)}.bdeck-row--skel{cursor:default;pointer-events:none}.bdeck-row--skel .skel:after{animation-delay:calc(var(--i, 0) * var(--stagger, 45ms))}.bdeck-skel__box{width:15px;height:15px;border-radius:5px;margin-top:3px;flex-shrink:0}.deck-anime__row--skel{cursor:default;pointer-events:none}.deck-anime__row--skel .skel:after{animation-delay:calc(var(--i, 0) * var(--stagger, 45ms))}.deck-anime__row--skel .deck-anime__txt{flex:1 1 auto}.deck-anime__row--skel b,.deck-anime__row--skel small{display:block;width:100%}.bdeck-row__tr{margin-top:2px;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdeck-row__tr--loading{color:var(--text-muted)}.bdeck-row__sent{margin-top:2px;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdeck__create{width:100%;background:var(--grad, var(--primary));color:#fff;border:none;border-radius:12px;padding:12px;font-size:14.5px;font-weight:600;cursor:pointer}.bdeck__create:disabled{opacity:.55;cursor:default}.bdeck--busy .bdeck-row{opacity:.6;pointer-events:none}.buttons{display:flex;gap:12px;margin-top:4px;width:100%;max-width:600px;justify-content:center}.buttons button{flex:1;max-width:220px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.btn[hidden]{display:none}.btn--primary{background:var(--primary);color:#fff}@media (hover: hover) and (pointer: fine){.btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}}.btn--success{background:var(--success);color:#fff}@media (hover: hover) and (pointer: fine){.btn--success:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}}.btn--danger{background:var(--danger);color:#fff}@media (hover: hover) and (pointer: fine){.btn--danger:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e66}}.btn--ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}@media (hover: hover) and (pointer: fine){.btn--ghost:hover{background:var(--border)}}.btn--block{width:100%}.show-btn{background:var(--card);color:var(--text);border:1px solid var(--border);padding:12px 40px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}@media (hover: hover) and (pointer: fine){.show-btn:hover{background:var(--border);transform:translateY(-1px)}}.keep-word-btn{background:var(--danger);color:#fff;padding:12px 32px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-transform:uppercase;min-width:120px}@media (hover: hover) and (pointer: fine){.keep-word-btn:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e66}}.bury-word-btn{background:var(--success);color:#fff;padding:12px 32px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-transform:uppercase;min-width:120px}@media (hover: hover) and (pointer: fine){.bury-word-btn:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}}.hint-btn{position:absolute;bottom:16px;left:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card);border:1px solid var(--border);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition)}@media (hover: hover) and (pointer: fine){.hint-btn:hover{background:var(--primary);border-color:var(--primary)}}.hint-btn svg{width:20px;height:20px}.hint-btn svg path{fill:var(--primary-hover);transition:fill var(--transition)}@media (hover: hover) and (pointer: fine){.hint-btn:hover svg path{fill:#fff}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;backdrop-filter:blur(4px)}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow);color:var(--text);font-size:14px;line-height:1.7}.modal button{width:100%;margin-top:16px;background:var(--primary);color:#fff;padding:10px;border-radius:var(--radius-sm);font-weight:600}@media (hover: hover) and (pointer: fine){.modal button:hover{background:var(--primary-hover)}}video{max-width:100%;border-radius:var(--radius-sm);margin-bottom:12px}audio{display:none}.study-audio,.word-audio__player{display:block;width:100%;height:38px;margin:4px 0 12px;border-radius:var(--radius-sm)}.word-audio__player[hidden]{display:none}.clip-pending,.clip-edit__pending{display:flex;align-items:center;gap:8px;padding:12px 14px;margin-bottom:12px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:13px}.clip-edit__recut{display:inline-block;margin:-4px 0 12px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;cursor:pointer}.clip-edit__recut:hover{border-color:var(--primary)}.clip-edit__recut--ghost{border-color:transparent;background:none;color:var(--text-muted);font-size:12px;padding:4px 0}.clip-edit__recut--ghost:hover{color:var(--text);border-color:transparent}.clip-spinner{flex-shrink:0;width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:clip-spin .7s linear infinite}@keyframes clip-spin{to{transform:rotate(360deg)}}.clip-player{position:relative;width:100%;margin-bottom:12px;border-radius:var(--radius-sm);overflow:hidden;background:#000;line-height:0}.clip-player video{width:100%;display:block;margin:0;border-radius:0;cursor:pointer}.clip-player__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--grad, linear-gradient(120deg, #7c8cf8, #4f46e5));color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 8px 24px -6px #4f46e599;transition:transform .15s ease;z-index:2}.clip-player__play svg{width:24px;height:24px;margin-left:3px}@media (hover: hover) and (pointer: fine){.clip-player__play:hover{transform:translate(-50%,-50%) scale(1.08)}}.clip-player.is-paused .clip-player__play{display:flex}.clip-player__vol{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;align-items:center}.clip-player__mute{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:#fff;opacity:.9;flex-shrink:0;transition:opacity .15s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}@media (hover: hover) and (pointer: fine){.clip-player__mute:hover{opacity:1}}.clip-player__mute svg{width:18px;height:18px}.clip-player__vol-slider{width:0;min-width:0;opacity:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));height:4px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;transition:width .18s ease,opacity .18s ease,margin .18s ease}.clip-player__vol:focus-within .clip-player__vol-slider{width:72px;opacity:1;margin:0 2px 0 8px}@media (hover: hover) and (pointer: fine){.clip-player__vol:hover .clip-player__vol-slider{width:72px;opacity:1;margin:0 2px 0 8px}}@media (hover: none){.clip-player__vol-slider{display:none}.clip-player__vol.is-vol-open .clip-player__vol-slider{display:block;width:64px;opacity:1;margin:0 2px 0 8px}}.clip-player__vol-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(var(--primary),var(--primary)) 0 / var(--vol, 100%) 100% no-repeat,#ffffff52}.clip-player__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff}.clip-player__vol-slider::-moz-range-track{height:4px;border-radius:999px;background:#ffffff52}.clip-player__vol-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--primary)}.clip-player__vol-slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.clip-edit{display:flex;flex-direction:column;gap:8px}.clip-edit:empty{display:none}.clip-edit__title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.clip-edit .clip-player{max-width:320px;margin-bottom:4px}.clip-edit .clip-trim{margin:0 0 4px;justify-content:flex-start}.hub{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:28px 20px 40px}.continue-card[hidden],.session-card[hidden]{display:none}.continue-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;max-width:400px;padding:12px 16px 12px 12px;background:linear-gradient(135deg,rgba(124,140,248,.1),var(--card) 65%);border:1px solid rgba(124,140,248,.45);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}@media (hover: hover) and (pointer: fine){.continue-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #6366f12e;color:var(--text)}}.continue-card__poster{width:52px;height:72px;border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;flex-shrink:0}.continue-card__poster img{width:100%;height:100%;object-fit:cover;display:block}.continue-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.continue-card__label{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#7c8cf8}.continue-card__title{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card__meta{font-size:13px;color:var(--text-muted)}.continue-card__play{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#7c8cf826;color:#7c8cf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-card{display:flex;width:100%;max-width:400px;text-decoration:none}.session-card__chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 8px 7px 14px;border-radius:999px;background:#34d3991a;border:1px solid rgba(52,211,153,.28);color:var(--text);font-size:13px;line-height:1.2;transition:background .2s ease}@media (hover: hover) and (pointer: fine){.session-card:hover .session-card__chip{background:#34d39929}}.session-card__chip>svg{color:var(--success);flex-shrink:0}.session-card__txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card__go{color:var(--success);font-weight:600;padding-left:8px;border-left:1px solid rgba(52,211,153,.28);flex-shrink:0}.session-card__close{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-dim);font-size:15px;line-height:1;cursor:pointer;border-radius:50%;padding:0}@media (hover: hover) and (pointer: fine){.session-card__close:hover{color:var(--text);background:#ffffff12}}.daily-plan{width:100%;max-width:400px;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius);text-decoration:none;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)),var(--card) 70%);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.daily-plan[hidden]{display:none}@media (hover: hover) and (pointer: fine){.daily-plan:hover{color:var(--text);transform:translateY(-2px);border-color:var(--primary);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 22%,transparent)}}.daily-plan__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.daily-plan__eyebrow{font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--primary)}.daily-plan__headline{font-size:var(--fs-title);font-weight:700;line-height:1.15}.daily-plan__sub{font-size:var(--fs-caption);color:var(--text-muted)}.daily-plan__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.dp-chip{font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--surface);color:var(--text-muted);white-space:nowrap}@media (max-width: 360px){.dp-chip{font-size:11px;padding:2px 6px}}.dp-chip--due{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success-hover)}.dp-chip--new{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary-hover)}.daily-plan__cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#0a0a0f;font-weight:700;font-size:var(--fs-body);white-space:nowrap}.daily-plan__ring{position:relative;width:64px;height:64px;flex-shrink:0}.daily-plan__ring svg{width:64px;height:64px;transform:rotate(-90deg)}.daily-plan__ring circle{fill:none;stroke-width:6}.dp-ring-bg{stroke:var(--border)}.dp-ring-fg{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .4s ease}.daily-plan__ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:700}.daily-plan--done{background:linear-gradient(135deg,color-mix(in srgb,var(--success) 12%,var(--card)),var(--card) 70%);border-color:color-mix(in srgb,var(--success) 40%,var(--border))}@media (hover: hover) and (pointer: fine){.daily-plan--done:hover{border-color:var(--success);box-shadow:0 10px 30px color-mix(in srgb,var(--success) 20%,transparent)}}.daily-plan--done .daily-plan__eyebrow{color:var(--success-hover)}.daily-plan--done .dp-ring-fg{stroke:var(--success)}.daily-plan--done .daily-plan__cta,.daily-plan--empty .daily-plan__cta{background:var(--surface);color:var(--text);border:1px solid var(--border)}.week-strip{width:100%;max-width:400px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:2px 4px 0}.week-strip[hidden]{display:none}.week-strip__days{display:flex;gap:6px}.week-day{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-dim)}.week-day--active{background:color-mix(in srgb,var(--success) 22%,transparent);border-color:var(--success);color:var(--success-hover)}.week-day--today{outline:2px solid var(--primary);outline-offset:1px}.week-strip__streak{font-size:var(--fs-caption);font-weight:600;color:var(--text-muted);white-space:nowrap}.hub-more{width:100%;max-width:400px;margin-top:8px}.hub-more__title{display:block;font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;padding-left:2px}.hub-more__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:var(--fs-caption);font-weight:600;transition:border-color .2s ease,color .2s ease,background .2s ease}@media (hover: hover) and (pointer: fine){.mini-card:hover{border-color:var(--primary);color:var(--text);background:var(--surface)}}.mini-card__icon{display:flex;flex-shrink:0;color:var(--text-dim)}@media (hover: hover) and (pointer: fine){.mini-card:hover .mini-card__icon{color:var(--primary)}}.mini-card__label{min-width:0}@media (max-width: 360px){.hub-more__grid{grid-template-columns:1fr}}@media (max-width: 480px){.daily-plan{flex-wrap:wrap;row-gap:12px}.daily-plan .daily-plan__cta{width:100%;margin-top:2px;padding:12px}.daily-plan .daily-plan__body{flex:1 1 200px}}@media (min-width: 700px){.hub{justify-content:center;gap:18px;padding-bottom:72px}.continue-card,.session-card,.daily-plan,.week-strip,.hub-more{max-width:620px}.daily-plan{padding:20px 22px}.continue-card{padding:14px 18px 14px 14px}.hub-more__grid{grid-template-columns:repeat(3,1fr)}}.daily-plan--done,:root.hub-slot-plan-done .daily-plan.is-skel{padding:12px 14px;gap:12px;flex-wrap:nowrap}.daily-plan--done .daily-plan__ring,:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__ring{width:34px;height:34px}.daily-plan--done .daily-plan__ring svg,:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__ring svg{width:100%;height:100%}.daily-plan--done .daily-plan__ring circle{stroke-width:8}.daily-plan--done .daily-plan__ring-label{font-size:var(--fs-body);color:var(--success-hover)}.daily-plan--done .daily-plan__body,:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__body{gap:2px}.daily-plan--done .daily-plan__headline,:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__headline{font-size:var(--fs-body)}:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__eyebrow{display:none}.daily-plan--done .daily-plan__sub,:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__sub{display:none}.daily-plan--done .daily-plan__cta,:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__cta{width:auto;margin-top:0;padding:8px 14px;font-size:var(--fs-caption)}:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__cta .skel-fill{width:104px}.install-hint{width:100%;max-width:400px;margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:6px}.install-hint[hidden]{display:none}.install-hint__row{display:flex;align-items:center;gap:2px}.install-hint__btn{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-family:inherit;font-size:var(--fs-caption);font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease}@media (hover: hover) and (pointer: fine){.install-hint__btn:hover{color:var(--text);background:var(--surface)}}.install-hint__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--text-dim);font-size:16px;line-height:1;cursor:pointer;opacity:.55;transition:opacity .2s ease,background .2s ease}@media (hover: hover) and (pointer: fine){.install-hint__close:hover{opacity:1;background:var(--surface)}}.install-hint__ios{margin:0;max-width:300px;text-align:center;font-size:var(--fs-caption);line-height:1.45;color:var(--text-muted)}.install-hint__ios[hidden]{display:none}@media (min-width: 700px){.install-hint{max-width:620px}}.continue-card__close{position:absolute;top:2px;right:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-dim);font-size:17px;line-height:1;cursor:pointer;border-radius:50%}@media (hover: hover) and (pointer: fine){.continue-card__close:hover{color:var(--text);background:var(--surface)}}.week-strip__milestone{flex-basis:100%;margin-top:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#7c8cf82e,#b4bcfb1a);border:1px solid rgba(124,140,248,.35);color:var(--text);font-size:14px;animation:milestone-in .5s cubic-bezier(.2,.9,.3,1.3) both}.week-strip__milestone b{color:var(--primary-hover, #b4bcfb)}@keyframes milestone-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.week-strip__milestone{animation:none}}.continue-card.is-skel,.session-card.is-skel,.daily-plan.is-skel,.week-strip.is-skel{display:none}:root.hub-slot-continue .continue-card.is-skel{display:flex}:root.hub-slot-session .session-card.is-skel{display:flex}:root.hub-slot-plan .daily-plan.is-skel,:root.hub-slot-plan-done .daily-plan.is-skel,:root.hub-slot-plan-empty .daily-plan.is-skel{display:flex}:root.hub-slot-week .week-strip.is-skel{display:flex}.hub .is-skel{pointer-events:none;cursor:default}@media (hover: hover) and (pointer: fine){.hub .is-skel:hover{transform:none;box-shadow:none}}:root.hub-slot-plan .daily-plan.is-skel .daily-plan__sub{display:none}:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__chips{display:none}:root.hub-slot-plan-empty .daily-plan.is-skel .daily-plan__ring,:root.hub-slot-plan-empty .daily-plan.is-skel .daily-plan__chips{display:none}.daily-plan.is-skel .daily-plan__cta{background:var(--card);box-shadow:inset 0 0 0 1px var(--border)}:root.hub-slot-plan-done .daily-plan.is-skel .daily-plan__cta,:root.hub-slot-plan-empty .daily-plan.is-skel .daily-plan__cta{border:1px solid var(--border);box-shadow:none}.skel-close-spacer{display:block;width:150px;height:22px}.session-card.is-skel .session-card__chip{border-color:var(--border);background:var(--card)}.week-strip.is-skel .week-day{border-color:transparent}.week-strip.is-skel .week-strip__streak,.week-strip.is-skel .week-strip__milestone{display:none}:root.hub-slot-streak .week-strip.is-skel .week-strip__streak{display:block}:root.hub-slot-milestone .week-strip.is-skel .week-strip__milestone{display:block}.week-strip.is-skel .week-strip__milestone{animation:none}.hub>.anim-in{will-change:opacity,transform}.login-form{width:100%;max-width:380px;padding:40px 32px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.login-form__title{font-size:24px;font-weight:700;text-align:center;margin-bottom:4px}.login-form__subtitle{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:28px}.pw-field{position:relative}.pw-field input{width:100%;padding-right:44px}.pw-field__eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:7px;background:none;border:none;border-radius:8px;color:var(--text-dim);cursor:pointer;transition:color var(--transition)}@media (hover: hover) and (pointer: fine){.pw-field__eye:hover{color:var(--text)}}.pw-field__eye svg:last-child{display:none}.pw-field__eye.is-on svg:first-child{display:none}.pw-field__eye.is-on svg:last-child{display:block}.login-form__toggle{display:block;width:100%;margin-top:16px;background:none;color:var(--primary-hover);font-size:14px;text-align:center}@media (hover: hover) and (pointer: fine){.login-form__toggle:hover{color:var(--text)}}.login-form__toggle[hidden],.login-form__forgot[hidden]{display:none}.login-form__forgot{display:block;text-align:center;color:var(--text-muted);font-size:13px;margin-top:14px}@media (hover: hover) and (pointer: fine){.login-form__forgot:hover{color:var(--text)}}.login-form__note{text-align:center;color:var(--text-dim);font-size:12px;margin-top:20px}.login-form__back{display:block;text-align:center;color:var(--text-muted);font-size:13px;margin-top:12px}.profile-menu__email{display:block;padding:8px 14px;font-size:12px;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.form-group{margin-bottom:16px}.dictionary{flex:1;display:flex;flex-direction:column;padding:24px 20px;overflow-y:auto;width:100%;max-width:1080px;margin:0 auto}.dictionary__title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;margin-bottom:16px}.dictionary__count{font-size:13px;font-weight:600;color:var(--primary-hover);background:#6366f124;border-radius:999px;padding:2px 11px;min-width:26px;text-align:center}.words-toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:center}.words-filter{position:relative;display:flex;align-items:center;flex:1;min-width:220px;margin-bottom:0}.words-filter svg{position:absolute;left:14px;color:var(--text-dim);pointer-events:none}.words-filter input{padding-left:40px;border-radius:999px;height:42px}.words-toolbar__controls{position:relative;display:flex;gap:8px;align-items:center}.words-toolbar__controls .btn{height:42px;padding-top:0;padding-bottom:0}.words-toolbar__controls .words-tool{flex:0 0 auto;width:42px;min-width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.words-toolbar__controls #select-btn.is-active{border-color:var(--primary);color:var(--primary-hover)}.words-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:230px;display:flex;flex-direction:column;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.words-menu button{display:flex;align-items:center;gap:9px;width:100%;white-space:nowrap;padding:10px 12px;background:none;border:none;border-radius:8px;color:var(--text);font-size:13.5px;font-family:var(--font);text-align:left;cursor:pointer}.words-menu button svg{flex:0 0 auto}.words-menu[hidden]{display:none}@media (hover: hover) and (pointer: fine){.words-menu button:hover{background:var(--surface)}}.words-menu__hr{border:none;border-top:1px solid var(--border);margin:6px 4px}.words-menu__count{font-size:11px;padding:1px 7px;border-radius:999px;background:#6366f124;color:var(--primary-hover)}.words-menu__group{display:flex;flex-direction:column}.words-menu__item.is-on{color:var(--primary-hover)}.words-menu__tick{display:inline-block;width:16px;flex:0 0 16px;font-size:12px;color:var(--primary-hover)}.words-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding-bottom:24px;align-content:start}.words-empty,.words-nothing{grid-column:1 / -1}.words-empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);max-width:480px}.words-nothing{color:var(--text-dim);text-align:center;padding:32px 0}.words-list--rows{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0;padding-bottom:0;margin-bottom:24px}.word-row{display:flex;align-items:baseline;gap:14px;padding:11px 16px;cursor:pointer;transition:background var(--transition);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.word-row+.word-row{border-top:1px solid var(--border)}@media (hover: hover) and (pointer: fine){.word-row:hover{background:var(--surface)}}.word-row__jp{flex:0 0 230px;min-width:0;overflow:hidden;display:flex;align-items:baseline;gap:8px}.word-row__kanji{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-row__kana{flex:0 1 auto;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-row__tr{flex:1 1 auto;min-width:0;color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-row__badges{flex:0 0 auto;align-self:center;display:flex;align-items:center;gap:4px;font-size:12px;opacity:.85;transform:translateY(1.5px)}.word-row__badges span{display:inline-flex;align-items:center}.word-row__badges .deck-ico{vertical-align:0}.word-row__badges:empty{display:none}.word-row.is-frozen .word-row__jp,.word-row.is-frozen .word-row__tr{opacity:.5}.word-card.is-frozen{opacity:.72}.word-row__frozen{color:var(--primary);font-size:13px}.word-card.is-frozen .word-row__frozen{font-size:13px;margin-left:2px}.word-row__hover{flex:0 0 auto;align-self:center;display:none;align-items:center;gap:2px}@media (hover: hover) and (pointer: fine){.word-row__hover{display:flex;visibility:hidden}.word-row:hover .word-row__hover,.word-row:focus-within .word-row__hover{visibility:visible}}.word-row__more{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;padding:3px 7px;color:var(--text-muted);border-radius:8px}@media (hover: hover) and (pointer: fine){.word-row__more:hover{color:var(--text);background:var(--card)}}.word-actions{min-width:180px}.word-actions .word-actions__danger{color:var(--danger)}.word-check{flex:0 0 auto;align-self:center;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:transparent;border:1.5px solid var(--border);border-radius:50%;transition:border-color var(--transition),background var(--transition)}.word-check.is-on{color:#0a0a0f;background:var(--primary);border-color:var(--primary)}.word-row.is-selected{background:#7c8cf81a;box-shadow:inset 2px 0 0 var(--primary)}.word-card.is-selected{border-color:var(--primary);background:#7c8cf814}.word-card .word-check{position:absolute;top:12px;right:12px;background:var(--card);z-index:2}.word-card .word-check.is-on{background:var(--primary)}.words-list.is-selecting .word-card__menu{display:none}.words-list.is-selecting .word-card{cursor:pointer}.words-bulkbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:nowrap;justify-content:center}.words-bulkbar__count{min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;background:#6366f129;color:var(--primary-hover);font-size:13px;font-weight:600;white-space:nowrap}.words-bulkbar__btn{height:34px;padding:0 13px;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:border-color var(--transition),background var(--transition)}@media (hover: hover) and (pointer: fine){.words-bulkbar__btn:hover:not(:disabled){border-color:var(--primary)}}.words-bulkbar__btn:disabled{opacity:.4;cursor:default}.words-bulkbar__btn--primary{background:var(--primary);border-color:var(--primary);color:#0a0a0f;font-weight:600}@media (hover: hover) and (pointer: fine){.words-bulkbar__btn--primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}}.words-bulkbar__danger{color:var(--danger)}@media (hover: hover) and (pointer: fine){.words-bulkbar__danger:hover:not(:disabled){border-color:var(--danger)}}.words-bulkbar__x{background:none;border:none;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px}.anki-export__deck{display:block;margin-bottom:14px;color:var(--text-muted);font-size:13px;text-transform:none;letter-spacing:normal}.anki-export__deck>span{display:block;margin-bottom:6px}.anki-export__deck select{display:block;width:100%;min-width:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:11px 40px 11px 14px;background-color:var(--surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:inherit;cursor:pointer}.anki-export__deck select:focus{outline:none;border-color:var(--primary)}.anki-export__deck select:disabled{opacity:.5}.anki-export{display:grid;gap:10px;margin-bottom:14px}.anki-export__opt{display:block;width:100%;text-align:left;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.anki-export__opt:disabled{opacity:.5;cursor:default}.anki-export__opt.is-sel{border-color:var(--primary);background:#7c8cf81a}@media (hover: hover) and (pointer: fine){.anki-export__opt:hover:not(:disabled){border-color:var(--primary)}}.anki-export__name{display:block;font-size:15px;font-weight:600}.anki-export__hint{display:block;margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.45}.anki-export__status{display:flex;align-items:center;justify-content:center;gap:8px}.anki-export__status[hidden]{display:none}.anki-export__status:before{content:"";flex-shrink:0;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:clip-spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.anki-export__status:before{animation:none}}.known-modal{max-width:520px}.known-modal__hint{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:12px}.known-modal__paste{width:100%;resize:vertical;min-height:110px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:"Noto Sans JP",var(--font),sans-serif;margin-bottom:10px}.known-modal__paste:focus{outline:none;border-color:var(--primary)}.known-modal__learned[hidden]{display:none}.known-modal__learned{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--text-muted);text-transform:none;letter-spacing:normal;cursor:pointer}.known-modal__learned input{width:16px;height:16px;accent-color:var(--primary);margin:0}.known-modal__filerow{display:flex;align-items:center;gap:10px;margin-bottom:14px}.known-modal .deck-editor__actions{flex-wrap:wrap}.known-modal .deck-editor__actions .btn{height:36px;padding:0 12px;font-size:12.5px;text-transform:none;letter-spacing:.2px;white-space:nowrap}.known-modal__wk{display:flex;align-items:center;gap:10px;margin-bottom:14px}.known-modal__wk .deck-editor__input{flex:1 1 auto;min-width:0;margin-bottom:0}.known-modal__wk .btn{flex:0 0 auto;white-space:nowrap}.known-modal__recognized{font-size:13px;color:var(--success)}.known-modal__list{display:flex;flex-wrap:wrap;gap:6px;max-height:40vh;overflow-y:auto;margin-bottom:14px}.known-chip{display:inline-flex;align-items:center;gap:4px;font-family:Noto Sans JP,sans-serif;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 6px 3px 10px}.known-chip__x{background:none;border:none;color:var(--text-dim);font-size:14px;line-height:1;cursor:pointer;padding:0 3px}@media (hover: hover) and (pointer: fine){.known-chip__x:hover{color:var(--danger)}}.known-modal__more{color:var(--text-dim);font-size:12.5px;align-self:center;padding:0 4px}.word-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 14px;position:relative;cursor:pointer;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.word-read-content{display:flex;flex-direction:column;min-height:168px}@media (hover: hover) and (pointer: fine){.word-read-content:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}}.word-card__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding-right:28px}.word-card__kanji{font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:600;line-height:1.1}.word-card__kana{font-size:14px;color:var(--text-muted);font-weight:500}.word-card__clip{font-size:13px;opacity:.85}.word-card__meaning{color:var(--primary-hover);font-size:14.5px;font-weight:500;margin-bottom:8px}.word-card__sentence{color:var(--text-muted);font-size:13px;font-family:Noto Sans JP,sans-serif;line-height:1.5;padding-left:10px;border-left:2px solid var(--border);max-height:78px;overflow:hidden}.word-card__sentence-tr{display:block;margin-top:2px;color:var(--text-dim);font-size:12px;font-style:italic;font-family:var(--font)}.word-card__tag{display:inline-block;margin-top:10px;font-size:11.5px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.word-card__menu{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;color:var(--text-muted);border-radius:8px;transition:color var(--transition),background var(--transition)}@media (hover: hover) and (pointer: fine){.word-card__menu:hover{color:var(--text);background:var(--surface)}}.word-edit{display:flex;flex-direction:column;gap:10px}.word-edit .form-group{margin-bottom:0}.word-edit .form-group label{font-size:11px;margin-bottom:2px}.word-edit .form-group input,.word-edit .form-group textarea{padding:7px 12px}.word-edit .form-group textarea{min-height:56px}.word-edit__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.word-card__clip--pending{opacity:.9;animation:word-clip-pulse 1.4s ease-in-out infinite}@keyframes word-clip-pulse{0%,to{opacity:.4}50%{opacity:1}}.word-audio{display:flex;flex-direction:column;gap:8px}.word-audio__row{display:flex;flex-wrap:wrap;gap:8px}.word-audio__row .btn{padding:7px 12px;font-size:13px}.word-audio__remove{color:var(--danger)}.word-audio__record.is-recording{color:var(--danger);border-color:var(--danger);animation:word-clip-pulse 1s ease-in-out infinite}.word-modal{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:16px;background:#05050aa8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:word-modal-fade .15s ease}.word-modal__dialog{display:flex;flex-direction:column;width:100%;max-width:460px;max-height:88vh;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 60px -12px #000000b3;overflow:hidden;animation:word-modal-pop .18s ease}.word-modal__head{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.word-modal__title{font-size:15px;font-weight:600}.word-modal__head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.word-modal__kebab-wrap{position:relative;display:flex}.word-modal__kebab{font-size:17px}.word-modal__hbtn{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text-dim);line-height:1;transition:background var(--transition),color var(--transition)}.word-modal__hbtn svg{display:block}.word-modal__close{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text-dim);font-size:18px;line-height:1;transition:background var(--transition),color var(--transition)}@media (hover: hover) and (pointer: fine){.word-modal__hbtn:hover,.word-modal__close:hover{background:var(--border);color:var(--text)}}.word-modal__body{flex:1;min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.word-modal__foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.word-modal__foot .btn{flex:1 1 0;height:38px;padding:0 14px;font-size:12.5px;text-transform:none;letter-spacing:.2px;white-space:nowrap}@keyframes word-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes word-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (min-width: 768px) and (hover: hover) and (pointer: fine){.dictionary{min-height:0}.dictionary .words-list{flex:0 1 auto;min-height:240px;overflow-y:auto}.dictionary .words-list.is-fade{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.dictionary .words-list:not(.words-list--rows).is-fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px);mask-image:linear-gradient(to bottom,transparent,#000 24px)}.dictionary .words-list:not(.words-list--rows).is-fade.is-fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent)}}@media (max-width: 560px){.dictionary{padding:16px 14px}.dictionary__title{font-size:19px;margin-bottom:14px}.words-toolbar{gap:8px;margin-bottom:14px;flex-wrap:nowrap}.words-filter{flex:1 1 auto;min-width:0}.words-filter input{height:38px}.words-filter svg{left:12px}.words-filter input{padding-left:36px}.words-toolbar__controls .btn{height:38px;font-size:11.5px}.words-toolbar__controls .words-tool{width:38px;min-width:38px;font-size:16px}#select-btn{padding:0 12px}.words-bulkbar{left:12px;right:12px;transform:none;max-width:none;justify-content:center;gap:5px;padding:8px}.words-bulkbar__btn{height:32px;padding:0 11px;font-size:12px}.words-bulkbar__count{min-width:24px;height:24px;font-size:12px}.words-bulkbar__x{font-size:18px;padding:0 4px}.word-row{padding:11px 13px;gap:18px}.word-row__jp{flex:0 1 auto;max-width:60%}.word-row__tr{flex:1 1 0;text-align:right}.words-list{grid-template-columns:1fr;gap:12px}.word-card{padding:14px 14px 12px}.word-read-content{min-height:0}}.feedback{flex:1;display:flex;flex-direction:column;padding:40px 24px;max-width:600px;margin:0 auto;width:100%}.feedback__title{font-size:22px;font-weight:700;margin-bottom:16px}.feedback p{color:var(--text-muted);margin-bottom:12px;line-height:1.7}.feedback a{color:var(--primary-hover);font-weight:600}.word-row.is-skel,.word-card.is-skel{pointer-events:none;cursor:default}@media (hover: hover) and (pointer: fine){.word-row.is-skel:hover,.word-card.is-skel:hover{background:none;transform:none;box-shadow:none;border-color:var(--border)}}.words-bulkbar__btn .bb-narrow{display:none}.words-bulkbar__btn .bb-narrow svg{display:block;width:16px;height:16px}@media (max-width: 480px){.words-bulkbar__btn .bb-wide{display:none}.words-bulkbar__btn .bb-narrow{display:inline-flex;align-items:center}.words-bulkbar__btn{padding:0 10px}.words-bulkbar{gap:4px;padding:8px 6px}}.deck-run-title{text-align:center;font-size:15px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.deck-run-title:empty{display:none}.deck-hint{color:var(--text-muted);font-size:13px;line-height:1.5;margin:-6px 0 12px;padding:10px 14px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm)}.deck-chips{display:flex;align-items:center;gap:8px;padding:2px 0 8px;margin-bottom:6px}.deck-chips[hidden],.deck-study[hidden]{display:none}.deck-pick{flex:1 1 auto;min-width:0;max-width:340px;display:flex;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}@media (hover: hover) and (pointer: fine){.deck-pick:hover{border-color:var(--primary)}}.deck-pick--on{border-color:var(--primary);background:#7c8cf81f}.deck-pick__emoji{font-size:16px;line-height:1}.deck-ico{width:1.25em;height:1.25em;border-radius:.28em;object-fit:cover;object-position:50% 12%;display:inline-block;vertical-align:-.25em}.deck-ico--load{background:#ffffff0e;animation:deck-ico-pulse 1.35s var(--ease-in-out, ease-in-out) infinite}:root[data-theme=light] .deck-ico--load{background:#1e223c12}@keyframes deck-ico-pulse{50%{background-color:#ffffff21}}:root[data-theme=light] .deck-ico--load{animation-name:deck-ico-pulse-light}@keyframes deck-ico-pulse-light{50%{background-color:#1e223c21}}@media (prefers-reduced-motion: reduce){.deck-ico--load{animation:none}}.deck-pick__emoji svg{display:block;width:16px;height:16px}.deck-sheet__emoji svg{display:block;width:18px;height:18px;margin:3px 0}.deck-pick__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.deck-pick__count{flex:0 0 auto;font-size:11px;padding:1px 6px;border-radius:999px;background:#ffffff14;color:inherit}.deck-pick__caret{flex:0 0 auto;display:flex;color:var(--text-muted)}.deck-pick__caret svg{width:16px;height:16px}.deck-chip--pinned{flex:0 0 auto}.deck-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;max-width:200px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color var(--transition),background var(--transition),color var(--transition)}@media (hover: hover) and (pointer: fine){.deck-chip:hover{border-color:var(--primary)}}.deck-chip--add{color:var(--text-muted);border-style:dashed}.deck-chip--filter{padding:6px 11px;color:var(--text-muted)}.deck-chip--filter svg{width:16px;height:16px;display:block}.deck-sheet__row.is-locked{opacity:.6;cursor:default}.deck-chip__count{font-size:11px;padding:1px 6px;border-radius:999px;background:#ffffff14;color:inherit}.deck-study{display:flex;gap:8px;margin-bottom:16px;align-items:stretch}.deck-study__go{flex:1 1 auto}.deck-study__more{flex:0 0 auto;width:46px;padding:0;line-height:1}.deck-study__more svg{width:18px;height:18px;display:block}.word-card__decks{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}.word-deck-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:11px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.word-deck-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.deck-sheet__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;opacity:0;transition:opacity .18s ease}.deck-sheet__overlay.is-open{opacity:1}.deck-sheet{width:100%;max-width:520px;max-height:78vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(12px);transition:transform .18s ease}.is-open .deck-sheet{transform:translateY(0)}.deck-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.deck-sheet__title{font-size:15px;font-weight:600}.deck-sheet__word{font-family:Noto Sans JP,sans-serif;font-size:18px;color:var(--primary-hover);margin-top:2px}.deck-sheet__x{flex:0 0 auto;background:none;border:none;color:var(--text-muted);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}.deck-sheet__list{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.deck-sheet__empty{color:var(--text-dim);font-size:13px;padding:8px 2px}.deck-sheet__row{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition)}@media (hover: hover) and (pointer: fine){.deck-sheet__row:hover{border-color:var(--primary)}}.deck-sheet__row.is-on{border-color:var(--success);background:#10b98114}.deck-sheet__emoji{font-size:18px}.deck-sheet__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-sheet__check{color:var(--success);font-weight:700;width:16px;text-align:center}.deck-sheet__status{color:var(--success);font-size:12.5px;height:16px;margin:8px 2px 0;opacity:0;transition:opacity .2s ease}.deck-sheet__status.is-show{opacity:1}.deck-sheet__create{margin-top:10px;padding:12px;width:100%;background:none;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--primary-hover);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--transition)}@media (hover: hover) and (pointer: fine){.deck-sheet__create:hover{border-color:var(--primary)}}.deck-editor{width:100%;max-width:460px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(12px);transition:transform .18s ease}.is-open .deck-editor{transform:translateY(0)}.deck-editor__title{font-size:15px;font-weight:600;margin-bottom:14px}.deck-editor__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.deck-editor__head-title{font-size:15px;font-weight:600;min-width:0}.deck-editor__hbtn{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text-dim);line-height:1;transition:background var(--transition),color var(--transition)}.deck-editor__head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.deck-editor__kebab{font-size:17px}.deck-editor__close{font-size:18px}@media (hover: hover) and (pointer: fine){.deck-editor__hbtn:hover{background:var(--border);color:var(--text)}}.deck-editor__kebab-wrap{position:relative;display:flex}.deck-editor__note{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;border-radius:var(--radius-sm);background:var(--surface);font-size:12.5px;color:var(--text-muted);line-height:1.45}.deck-editor__note[hidden]{display:none}.deck-editor__note-ico{color:var(--primary);font-size:14px}.deck-editor__emojis{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}.deck-editor__emoji{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),transform var(--transition)}@media (hover: hover) and (pointer: fine){.deck-editor__emoji:hover{transform:translateY(-1px)}}.deck-editor__emoji.is-sel{border-color:var(--primary);background:#7c8cf824}.deck-editor__avatar img{width:26px;height:26px;border-radius:6px;object-fit:cover;display:block}.deck-editor__input{width:100%;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:var(--font);margin-bottom:14px}.deck-editor__input:focus{outline:none;border-color:var(--primary)}.deck-editor__actions{display:flex;gap:8px;justify-content:flex-end}.deck-editor__actions .btn{flex:1 1 auto}.deck-editor__actions--single{justify-content:center}.deck-editor__actions--single .btn{flex:0 0 auto;padding:10px 30px}@media (min-width: 640px){.deck-sheet__overlay{align-items:center}.deck-sheet{border-radius:var(--radius);border-bottom:1px solid var(--border)}.deck-editor{border-radius:var(--radius)}}.wfilters__label{margin:14px 2px 2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.wfilters__label:first-child{margin-top:2px}.wfilters__segs{display:flex;gap:6px;flex-wrap:wrap}.wfilters__seg{flex:1 1 auto;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.wfilters__seg:hover{border-color:var(--primary);color:var(--text)}}.wfilters__seg.is-on{border-color:var(--primary);background:#7c8cf829;color:var(--text)}.wfilters__foot{display:flex;gap:8px;margin-top:14px}.wfilters__foot .btn{flex:1 1 auto}.wfilters__foot .btn:disabled{opacity:.45}.deck-chip--filter-on{position:relative;border-color:var(--primary);color:var(--text)}.deck-chip--filter-on:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.settings-page{align-items:center;justify-content:flex-start;padding:24px 16px 60px;overflow-x:hidden}.settings-inner{width:100%;max-width:640px;display:flex;flex-direction:column;gap:18px}.settings-title{font-size:24px;font-weight:700;letter-spacing:-.4px;margin-bottom:2px}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.settings-tab{background:transparent;color:var(--text-muted);padding:9px 14px;font-size:14px;font-weight:600;text-transform:none;letter-spacing:normal;border-bottom:2px solid transparent;margin-bottom:-1px}@media (hover: hover) and (pointer: fine){.settings-tab:hover{color:var(--text)}}.settings-tab.is-active{color:var(--text);border-bottom-color:var(--primary)}.settings-panel{display:flex;flex-direction:column;gap:18px}.settings-panel[hidden]{display:none}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}.settings-card__title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.settings-card h3{font-size:14px;font-weight:600}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.settings-row>label,.settings-toggle{text-transform:none;letter-spacing:normal;font-size:14px;color:var(--text);margin:0;font-weight:400}.settings-hint{font-size:12.5px;color:var(--text-dim);margin:-6px 0 0;line-height:1.45}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.settings-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:24px;flex-shrink:0;border-radius:999px;background:var(--border);cursor:pointer;transition:background .2s ease}.settings-toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .2s ease}.settings-toggle input[type=checkbox]:checked{background:var(--primary)}.settings-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.settings-toggle input[type=checkbox]:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.settings-select{width:auto;min-width:160px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;padding:10px 40px 10px 14px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;transition:border-color var(--transition)}@media (hover: hover) and (pointer: fine){.settings-select:hover{border-color:var(--text-dim)}}.settings-select:focus{border-color:var(--primary)}.settings-select option{background:var(--surface);color:var(--text)}.settings-range{width:180px;accent-color:var(--primary)}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{background:transparent;color:var(--text-muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;text-transform:none;letter-spacing:normal}.seg button.is-active{background:var(--primary);color:#fff}.account-email{font-size:14px}.account-email b{color:var(--text)}.account-guest{font-size:14px;color:var(--text-muted);margin-bottom:4px}#password-block{display:flex;flex-direction:column;gap:10px;padding-top:4px;border-top:1px solid var(--border)}#password-block[hidden]{display:none}#password-block .btn{align-self:flex-start}.settings-text{font-size:14px;color:var(--text-muted);line-height:1.5}.feedback-text{font-size:13.5px;color:var(--text-muted);line-height:1.5}.feedback-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 13px;border-radius:999px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;transition:background var(--transition),transform var(--transition)}.feedback-btn svg{width:17px;height:17px}@media (hover: hover) and (pointer: fine){.feedback-btn:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px)}}.settings-about{margin-top:18px;text-align:center;font-size:12px;color:var(--text-muted)}@media (max-width: 480px){.settings-range{width:130px}.settings-page{padding:14px 12px 50px}}@media (max-width: 560px){.settings-row{flex-direction:column;align-items:stretch;gap:8px}.settings-row .seg{display:flex}.settings-row .seg button{flex:1;white-space:nowrap}}.progress{flex:1;min-height:0;overflow-y:auto;padding:20px 16px 40px}.progress>*{max-width:720px;margin-left:auto;margin-right:auto}.progress__title{font-size:22px;font-weight:700;margin-bottom:4px}.progress__subtitle{color:var(--text-muted);font-size:var(--fs-caption);margin-bottom:22px}.prg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.prg-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px;text-align:center}.prg-tile__value{font-size:24px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.prg-tile__label{margin-top:4px;font-size:var(--fs-eyebrow);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.prg-tile--accent .prg-tile__value{color:var(--primary)}.prg-tile--streak .prg-tile__value{color:var(--warning)}.prg-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.prg-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.prg-section__title{font-size:var(--fs-body);font-weight:600}.prg-section__note{font-size:var(--fs-caption);color:var(--text-muted)}.prg-split{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--border)}.prg-split__part{height:100%}.prg-split__part--learned{background:var(--success)}.prg-split__part--learning{background:var(--primary)}.prg-split__part--fresh{background:var(--text-dim);opacity:.45}.prg-split__part--frozen{background:var(--primary);opacity:.3}.prg-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:var(--fs-caption);color:var(--text-muted)}.prg-legend__item{display:flex;align-items:center;gap:6px}.prg-legend__dot{width:8px;height:8px;border-radius:50%}.prg-legend__dot--learned{background:var(--success)}.prg-legend__dot--learning{background:var(--primary)}.prg-legend__dot--fresh{background:var(--text-dim);opacity:.45}.prg-legend__dot--frozen{background:var(--primary);opacity:.3}.prg-cal{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}.prg-cal__week{display:flex;flex-direction:column;gap:3px;flex:0 0 auto}.prg-cal__day{width:13px;height:13px;border-radius:3px;background:var(--border)}.prg-cal__day--on{background:var(--primary)}.prg-cal__day--today{box-shadow:0 0 0 1.5px var(--text-muted)}.prg-cal__day--future{opacity:.35}.prg-bars{display:flex;align-items:flex-end;gap:6px;height:90px}.prg-bar{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;min-width:0}.prg-bar__fill{width:100%;background:var(--primary);border-radius:4px 4px 0 0;min-height:2px}.prg-bar__fill--empty{background:var(--border)}.prg-bar__label{font-size:10px;color:var(--text-dim);white-space:nowrap}.prg-bar__value{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.prg-jlpt+.prg-jlpt{margin-top:14px}.prg-jlpt__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:var(--fs-caption)}.prg-jlpt__name{font-weight:600}.prg-jlpt__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.prg-jlpt__track{display:flex;height:10px;border-radius:5px;background:var(--border);overflow:hidden}.prg-jlpt__fill{height:100%;background:var(--primary)}.prg-jlpt__fill--soft{background:var(--primary);opacity:.35}.prg-empty{text-align:center;padding:34px 16px}.prg-empty__text{color:var(--text-muted);font-size:var(--fs-body);margin-bottom:16px}.prg-skel-line2{display:none}@media (max-width: 560px){.prg-skel-line2{display:inline-block}.prg-tiles{grid-template-columns:repeat(2,1fr)}.progress{padding:16px 12px 32px}}#snackbar-container{position:fixed;right:20px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(380px,calc(100vw - 40px));pointer-events:none}.snackbar{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);font-size:13.5px;line-height:1.4;pointer-events:auto;cursor:pointer;opacity:0;transform:translateY(8px) scale(.98);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.snackbar__ico{display:flex;flex-shrink:0;margin-top:1px}.snackbar__ico svg{width:16px;height:16px}.snackbar--info .snackbar__ico{color:var(--primary)}.snackbar--success .snackbar__ico{color:var(--success)}.snackbar--error .snackbar__ico{color:var(--danger)}.snackbar--warning .snackbar__ico{color:var(--warning)}.snackbar.show{opacity:1;transform:translateY(0) scale(1)}.snackbar.hide{opacity:0;transform:translateY(8px) scale(.98)}@media (max-width: 560px){#snackbar-container{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));align-items:stretch;max-width:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (hover: hover) and (pointer: fine){::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}}.hidden,a[href$="watch.html"]{display:none!important}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.w-full{width:100%}@media (max-width: 480px){.word{font-size:36px}.meaning{font-size:18px}.login-form{padding:32px 24px}.header{padding:10px 16px}}.lang-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 8px center;color:var(--text-muted);border:1px solid var(--border);border-radius:20px;padding:5px 24px 5px 10px;font-family:var(--font);font-size:12px;line-height:1;outline:none;cursor:pointer;flex-shrink:0}@media (hover: hover) and (pointer: fine){.lang-select:hover{border-color:var(--primary)}}.session-word{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text);margin:0}@media (hover: hover) and (pointer: fine){.session-word:hover{background:var(--surface)}}.session-word input{accent-color:var(--primary);width:16px;height:16px;flex:0 0 auto;margin:0}.session-word__kanji{font-weight:600;white-space:nowrap}.session-word__tr{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-panel{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#05050aa6}.session-panel__card{position:relative;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px #00000080}.session-panel__close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;line-height:1}.session-panel__title{font-size:16px;font-weight:600;margin-bottom:4px;padding-right:24px}.session-panel__hint{font-size:12.5px;color:var(--text-muted);margin-bottom:10px}.session-panel__list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.session-panel__actions{display:flex;gap:10px;flex-wrap:wrap}.offline-chip{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:30px;padding:0 10px 0 8px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none;white-space:nowrap}.offline-chip__ico{display:flex;color:var(--text-dim)}.offline-chip__ico svg{width:14px;height:14px}@media (hover: hover) and (pointer: fine){.offline-chip:hover{border-color:var(--text-dim);color:var(--text)}}@media (max-width: 560px){.offline-chip{padding:0 7px}.offline-chip__text{display:none}}