*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-latin);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";transition:background .3s,color .3s}.ja{font-family:var(--font-latin), var(--font-ja)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.app{grid-template-columns:var(--sidebar-w,240px) 1fr;grid-template-rows:64px 1fr auto;grid-template-areas:"sidebar topbar""sidebar main""sidebar player";height:100vh;display:grid}.app[data-sidebar=collapsed]{--sidebar-w:68px}.app{--radius:14px;--radius-sm:8px}@media (width<=900px){.app{grid-template-columns:1fr;grid-template-areas:"topbar""main""player"}.sidebar{display:none}}.sidebar-logo{font-family:var(--font-ja);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;padding:6px 0 6px 14px;font-size:22px;font-weight:400;display:flex}.sidebar-logo .mark{border-radius:var(--radius-sm);background:var(--accent);width:28px;height:28px;color:var(--accent-ink);justify-content:center;align-items:center;padding-bottom:1px;font-size:20px;font-weight:400;display:inline-flex;transform:scale(1.2)}.topbar{border-bottom:1px solid var(--line-2);background:var(--surface);z-index:10;grid-area:topbar;justify-content:flex-end;align-items:center;gap:16px;padding:0 24px;display:flex}.logo{font-family:var(--font-ja);letter-spacing:-.01em;font-size:22px;font-weight:700}.search{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg-2);max-width:312px;height:38px;color:var(--muted);flex:1;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-dropdown{z-index:200;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius-sm);max-height:70vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0000002e}.search-group{padding:4px 0}.search-group+.search-group{border-top:1px solid var(--line-2)}.search-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);padding:6px 10px 4px;font-size:11px;font-weight:600}.search-row{text-align:left;width:100%;color:var(--ink);border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 10px;font-size:14px;display:flex}.search-row:hover{background:var(--bg-2)}.search-row-sub{color:var(--muted);font-size:12px}.search-see-all{text-align:left;border-top:1px solid var(--line-2);width:100%;color:var(--accent);margin-top:4px;padding:8px 10px;font-size:13px;display:block}.search-see-all:hover{background:var(--bg-2)}.search-empty{color:var(--muted);padding:12px 10px;font-size:14px}.search-section{margin-bottom:28px}.search-section .search-group-label{padding:0 0 10px}.title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.title-reading-edit{align-items:center;gap:8px;display:flex}.title-reading-input{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg-2);height:30px;color:var(--ink);padding:0 10px;font-size:13px}.icon-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--ink-2);justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.icon-btn:hover{background:var(--bg-2)}.avatar{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.user-menu{position:relative}.user-menu-trigger{height:40px;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 10px;transition:background .15s,border-color .15s;display:inline-flex}.user-menu-trigger:hover{background:var(--bg-2);border-color:var(--line-2)}.user-menu-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:500;overflow:hidden}.user-menu-chev{color:var(--muted);margin-right:2px;transition:transform .18s}.user-menu-chev.open{transform:rotate(180deg)}.user-menu-trigger .avatar{width:30px;height:30px;font-size:12px}.user-menu-trigger.login-trigger{text-decoration:none}.user-menu-trigger .avatar.guest{background:var(--bg-2);color:var(--muted);border:1px solid var(--line-2)}.user-menu-trigger.login-trigger:hover .avatar.guest{background:var(--accent);color:var(--accent-ink);border-color:#0000}.user-menu-pop{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);z-index:30;min-width:220px;padding:6px;animation:.12s ease-out user-menu-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 40px -16px #00000059,0 2px 6px #00000014}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{border-bottom:1px solid var(--line-2);margin-bottom:6px;padding:10px 12px 12px}.user-menu-name-lg{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-menu-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.user-menu-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.user-menu-item:hover{background:var(--bg-2)}.user-menu-item svg{color:var(--muted)}.user-menu-item.danger:hover,.user-menu-item.danger:hover svg{color:oklch(62% .18 25)}.sidebar{border-right:1px solid var(--line-2);background:var(--surface);flex-direction:column;grid-area:sidebar;gap:4px;padding:20px 12px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover,.nav-item.active{background:var(--bg-2);color:var(--ink)}.nav-item--pinned{margin-top:auto}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);padding:16px 14px 6px;font-size:11px;font-weight:600}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-right:2px;display:flex}.sidebar-divider{background:var(--line-2);height:1px;margin:0 14px 10px}.sidebar-toggle{width:30px;height:30px;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle:hover{background:var(--bg-2);color:var(--ink)}.app[data-sidebar=collapsed] .sidebar{padding:20px 10px}.app[data-sidebar=collapsed] .sidebar-top{flex-direction:column;align-items:center;gap:10px;padding-right:0}.app[data-sidebar=collapsed] .sidebar-logo{justify-content:center;padding:0}.app[data-sidebar=collapsed] .sidebar-logo .wordmark,.app[data-sidebar=collapsed] .nav-label{display:none}.app[data-sidebar=collapsed] .nav-item{justify-content:center;gap:0;padding:10px}.app[data-sidebar=collapsed] .sidebar-divider{margin:0 6px 10px}.main{scrollbar-gutter:stable;padding:calc(32px * var(--density,1)) calc(40px * var(--density,1)) 120px;grid-area:main;overflow-y:auto}@media (width<=700px){.main{padding:24px 20px 140px}}.page-head{margin-bottom:calc(28px * var(--density,1))}.toolbar{margin-bottom:calc(24px * var(--density,1))}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.05}.page-sub{color:var(--muted);margin-top:6px;font-size:14px}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--ink)}.btn-sm{padding:4px 10px;font-size:12px}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{filter:brightness(1.1)}.btn-success{color:#fff;background:#2e9b54;border-color:#2e9b54}.btn-success:hover{filter:brightness(1.05);border-color:#2e9b54}.btn-info{color:#fff;background:#2f6fd9;border-color:#2f6fd9}.btn-info:hover{filter:brightness(1.08);border-color:#2f6fd9}.btn-danger{color:#fff;background:#c5392f;border-color:#c5392f}.btn-danger:hover{filter:brightness(1.08);border-color:#c5392f}.btn-danger:disabled{opacity:.55;cursor:not-allowed;filter:none}.toggle-btn{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line-2);background:var(--surface);min-width:56px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.toggle-btn:hover{border-color:var(--ink);color:var(--ink)}.toggle-btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.chip{border:1px solid var(--line-2);color:var(--muted-2);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.toolbar .seg{border:1px solid var(--line-2);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.toolbar .seg button{color:var(--muted);padding:8px 12px}.toolbar .seg button.active{background:var(--ink);color:var(--bg)}.toolbar select{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:8px 12px;font-size:13px}.player{background:var(--surface);border-top:1px solid var(--line-2);grid-area:player;grid-template-columns:240px 1fr 220px;align-items:center;gap:24px;padding:12px 20px;display:grid}@media (width<=700px){.player{grid-template-columns:1fr auto;gap:12px;padding:10px 16px}.player .right{display:none}}.player .left{align-items:center;gap:12px;min-width:0;display:flex}.player .left .mini{background:linear-gradient(135deg,oklch(70% .15 18),oklch(40% .18 18));border-radius:6px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.player .left .mini img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.player .left .info{min-width:0}.player .left .info .t{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.player .left .info .a{color:var(--muted);font-size:13px}.player .center{flex-direction:column;align-items:center;gap:6px;display:flex}.player .controls{align-items:center;gap:14px;display:flex}.player .play-btn{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.player .play-btn:hover{filter:brightness(1.08)}.player .controls .icon-btn{color:var(--accent)}.player .controls .icon-btn:hover{background:color-mix(in oklch, var(--accent) 15%, transparent)}.player .scrub-fill{background:var(--accent)!important}.player .scrub{width:100%;max-width:540px;color:var(--muted-2);align-items:center;gap:10px;font-size:11px;display:flex}.player .scrub-track{background:var(--bg-2);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.player .scrub-fill{background:var(--ink);border-radius:2px;width:28%;position:absolute;inset:0}.player .right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.speed-btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg-2);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.speed-btn:hover{color:var(--ink);border-color:var(--ink)}.speed-btn.active{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent);border-color:color-mix(in oklch, var(--accent) 50%, transparent)}.speed-control{display:inline-flex;position:relative}.speed-options{z-index:5;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);gap:6px;padding:5px 6px;animation:.14s ease-out speed-options-in;display:flex;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 6px 20px #00000040}@keyframes speed-options-in{0%{opacity:0;transform:translateY(-50%)translate(8px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.speed-opt{border-radius:var(--radius-sm);background:var(--bg-2);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:5px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.speed-opt:hover{color:var(--ink);border-color:var(--line-2)}.speed-opt.active{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent);border-color:color-mix(in oklch, var(--accent) 50%, transparent)}.seek-btn{flex-direction:column;align-items:center;gap:1px;display:inline-flex;position:relative}.seek-label{color:var(--accent);letter-spacing:.02em;font-size:9px;font-weight:700;line-height:1}ruby{ruby-position:over}rt{color:var(--muted);letter-spacing:0;font-size:.6em;font-weight:400}.pos-tag{border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}.jlpt-tag{letter-spacing:.04em;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.jlpt-N5{color:#16a34a;background:oklch(72.2746% .192007 149.579/.12);border-color:oklch(72.2746% .192007 149.579/.3)}.jlpt-N4{color:#0284c7;background:oklch(68.4687% .147869 237.323/.12);border-color:oklch(68.4687% .147869 237.323/.3)}.jlpt-N3{color:#6d28d9;background:oklch(54.1337% .246586 293.009/.12);border-color:oklch(54.1337% .246586 293.009/.3)}.jlpt-N2{color:#b45309;background:oklch(76.8591% .164659 70.0804/.12);border-color:oklch(76.8591% .164659 70.0804/.3)}.jlpt-N1{color:#be123c;background:oklch(58.5838% .222042 17.5846/.12);border-color:oklch(58.5838% .222042 17.5846/.3)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--ink);color:var(--bg);border-radius:var(--radius-sm);z-index:100;pointer-events:none;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:96px;right:24px;box-shadow:0 8px 24px -8px #0006}.toast-icon{background:var(--accent);width:18px;height:18px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.volume-control{display:inline-flex;position:relative}.volume-popover{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:20;padding:10px 12px;position:absolute;bottom:calc(100% + 2px);right:0}.volume-popover input[type=range]{width:110px;accent-color:var(--accent)}.volume-bridge{z-index:19;width:100%;height:6px;position:absolute;bottom:100%;right:0}.media-grid{gap:calc(24px * var(--density,1))}.media-card{padding:calc(10px * var(--density,1)) calc(12px * var(--density,1)) calc(10px * var(--density,1));gap:calc(4px * var(--density,1))}.list-item{padding:calc(8px * var(--density,1)) 14px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;display:grid}.media-card{will-change:transform;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);cursor:pointer;box-shadow:0 0 0 1px transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, var(--shadow,0 0 0 transparent);flex-direction:column;padding:0;transition:transform .15s ease-out,box-shadow 1.8s ease-out;display:flex;overflow:hidden}.media-card:hover{box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 55%, transparent), 0 0 26px 4px color-mix(in oklch, var(--accent) 55%, transparent), 0 0 51px 8px color-mix(in oklch, var(--accent) 30%, transparent), var(--shadow);transition:transform .15s ease-out,box-shadow .18s ease-out;transform:translateY(-2px)}[data-halo=off] .media-card:hover{box-shadow:0 0 0 1px var(--line-2), var(--shadow)}.media-card-foot{padding:calc(5px * var(--density,1)) calc(14px * var(--density,1));grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.media-card-foot .right{text-align:right;color:var(--muted);font-size:13px}.media-cover{aspect-ratio:1;background:linear-gradient(135deg, oklch(.7 .15 var(--cover-hue)), oklch(.4 .18 var(--cover-hue)));border-radius:0;align-items:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.media-cover .cover-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.media-cover .fav-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s,background .15s;display:inline-flex;position:absolute;top:10px;right:10px}.media-cover .fav-btn:hover{background:#00000080;transform:scale(1.08)}.media-cover .fav-btn.on{color:#e53935}.cover-meta{letter-spacing:.04em;color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#00000052;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;bottom:10px}.cover-meta-left{left:10px}.cover-meta-right{right:10px}.media-card .title{white-space:nowrap;font-size:19px;font-weight:600;line-height:1.3;overflow:hidden;container-type:inline-size}.media-card .title-text{text-overflow:ellipsis;vertical-align:bottom;max-width:100%;transition:transform 1.2s linear;display:inline-block;overflow:hidden}.media-card:hover .title-text{max-width:none;transform:translate(min(0px,100cqw - 100%))}.media-card .meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;overflow:hidden}.list-item{border-bottom:1px solid var(--line);cursor:pointer;align-items:stretch;transition:background .14s,box-shadow .6s ease-out;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000,0 0 #0000,0 0 #0000}.list-item:hover{background:var(--bg-2);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 25%, transparent), 0 0 12px 1px color-mix(in oklch, var(--accent) 22%, transparent), 0 0 26px 3px color-mix(in oklch, var(--accent) 12%, transparent);transition:background .15s,box-shadow .15s ease-out}[data-halo=off] .list-item:hover{box-shadow:none}.list-item .mini-cover{background:linear-gradient(135deg, oklch(.7 .15 var(--cover-hue)), oklch(.4 .18 var(--cover-hue)));border-radius:0;flex-shrink:0;width:76px;position:relative;overflow:hidden}.list-item .mini-cover .cover-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.list-item .list-info{min-width:0}.list-item .list-info>.ja{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-pill{color:var(--muted);background:var(--bg-2);border:1px solid var(--line-2);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:11px}.list-pill-dim{color:var(--muted-2);border-color:var(--line);background:0 0}.words-table th,.words-table td{padding:calc(14px * var(--density,1)) 12px}.jlpt-chip-N5.active{color:#fff;background:#16a34a;border-color:#16a34a}.jlpt-chip-N4.active{color:#fff;background:#0284c7;border-color:#0284c7}.jlpt-chip-N3.active{color:#fff;background:#6d28d9;border-color:#6d28d9}.jlpt-chip-N2.active{color:#fff;background:#b45309;border-color:#b45309}.jlpt-chip-N1.active{color:#fff;background:#be123c;border-color:#be123c}.words-page .toolbar .chip.active{color:#fff;background:#6d52c8;border-color:#6d52c8}.words-page .toolbar .chip.active:hover{background:#5d44b3;border-color:#5d44b3}.words-table{border-collapse:collapse;table-layout:fixed;width:100%}.words-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.words-table td.reading{white-space:nowrap}.words-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.words-table th.sortable:hover{color:var(--ink)}.words-table th .sort-arrow{width:1em;color:var(--accent);margin-left:6px;font-size:10px;display:inline-block}.words-table th.sortable:not(.sorted) .sort-arrow:before{content:"↕";color:var(--muted-2);opacity:.4}.words-table th,.words-table td{text-align:left;border-bottom:1px solid var(--line-2);padding:14px 12px}.words-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-size:11px;font-weight:600}.words-table td.word{font-family:var(--font-ja);padding-right:28px;font-size:22px;font-weight:600}.words-table td.reading{font-family:var(--font-ja);color:var(--muted);padding-right:28px;font-size:1.2em}.words-table tbody tr{cursor:pointer}.words-table tbody tr:hover{background:var(--bg-2)}.words-table tbody tr.words-row{cursor:pointer;transition:background .15s}.words-table tbody tr.words-row:hover{background:var(--bg-2)}.pagination{justify-content:center;align-items:center;gap:12px;padding:20px 0 8px;display:flex}.pagination button{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;padding:6px 14px;font-size:13px}.pagination button:disabled{opacity:.35;cursor:default}.pagination button:not(:disabled):hover{background:var(--bg-2)}.pagination span{color:var(--muted);font-size:13px}.words-table-status{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.words-tabs{background:var(--bg-2);border-radius:var(--radius-sm);gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.words-tab{border-radius:calc(var(--radius-sm) - 2px);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 18px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.words-tab.active{background:var(--surface);color:var(--ink)}.words-tab:not(.active):hover{color:var(--ink-2)}.vocab-cell-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .12s,border-color .12s;display:inline-flex}.vocab-cell-btn:hover{background:var(--surface-hover,#ffffff0f)}.vocab-cell-btn.add{color:#2e9b54}.vocab-cell-btn.remove{color:#d04545}.vocab-cell-btn.staged{border-color:var(--muted,#7b8493)}.vocab-header-actions{justify-content:flex-end;gap:4px;display:inline-flex}.vocab-header-actions .btn{padding:4px 8px;font-size:12px}.vocab-header-actions .btn-confirm{color:#2e9b54}.vocab-header-actions .btn-cancel{color:#d04545}.words-row-staged td{opacity:.55;text-decoration:line-through;text-decoration-thickness:1px;transition:opacity .15s}.words-row-staged td:last-child{opacity:1;text-decoration:none}.lyrics{padding:calc(32px * var(--density,1))}.lyric-line{padding:calc(18px * var(--density,1)) 0}.lyrics.no-furigana .lyric-line .word.selected:before{inset:-.05em -1px}.lyrics.no-furigana .token.selected{padding:1px 4px 2px}.lyrics.no-furigana .token.selected:before{top:0}.media-layout{grid-template-columns:.673fr 1fr .673fr;align-items:start;gap:28px;max-width:1980px;margin-inline:auto;display:grid;position:relative}@media (width<=1280px){.media-layout{grid-template-columns:1fr;max-width:none}.media-layout>.lyrics{order:1}.media-layout>.media-col-video{order:2}.media-layout>.vocab-panel{order:3}}.media-hero{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);align-items:stretch;gap:0;margin-bottom:24px;padding:16px;display:flex}.media-hero .cover{background:linear-gradient(135deg,oklch(70% .15 18),oklch(40% .18 18));border-radius:8px;flex-shrink:0;align-self:stretch;min-width:100px;margin-right:20px;position:relative;overflow:hidden}.media-hero .cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-hero h1{margin:0 0 3px;font-size:22px;font-weight:700;line-height:1.2}.media-hero .romaji{color:var(--muted);margin-bottom:14px;font-size:14px}.media-hero .credits{grid-template-columns:auto 1fr;gap:4px 12px;margin-bottom:16px;font-size:12px;display:grid}.media-hero .credits .ck{color:var(--muted-2,var(--muted));white-space:nowrap}.media-hero .credits .cv{color:var(--ink-2,var(--ink))}.media-hero .hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.media-hero .yt-badge{color:#f87171;background:#ff28281a;border:1px solid #ff282838;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;text-decoration:none;transition:background .15s;display:inline-flex}.media-hero .yt-badge:hover{background:#ff28282e}.media-hero .meta{color:var(--muted);gap:14px;margin-top:8px;font-size:13px;display:flex}.lyrics{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:calc(16px * var(--density,1)) 0 calc(32px * var(--density,1));border-top:none;border-left:none;max-width:820px}.lyric-line{padding:calc(18px * var(--density,1)) 20px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;margin-bottom:4px;padding-right:130px;transition:background .25s,border-color .25s;position:relative}.lyric-line.active{background:var(--bg-2);border-color:var(--line-2)}.lyric-line .timestamp{font-family:var(--font-latin);color:var(--muted-2);letter-spacing:.06em;margin-bottom:14px;font-size:11px;display:block}.lyric-line .line-actions{gap:4px;display:none;position:absolute;top:8px;right:12px}.lyric-line:hover .line-actions{display:inline-flex}.lyric-line .line-actions .icon-btn{background:var(--bg-2);width:32px;height:32px}.lyrics .lyric-line:first-child{padding-top:calc(10px * var(--density,1))}.lyric-line .word{cursor:default;display:inline-block;position:relative}.lyric-line .ja .lyric-space{white-space:pre-wrap}.lyric-line .word.has-vocab{cursor:pointer}.lyric-line .word.selected{color:var(--ink);isolation:isolate}.lyric-line .word.selected>.token{z-index:1;position:relative}.lyric-line .word.selected:before{content:"";background:color-mix(in oklch, var(--accent) 24%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 45%, transparent);z-index:-1;pointer-events:none;border-radius:4px;position:absolute;inset:-.45em -1px -.05em}.lyric-line .word.selected rt{color:var(--ink-2);opacity:.85}.token.selected{color:var(--ink);z-index:0;padding:4px 8px 6px;position:relative}.token.selected:before{content:"";background:color-mix(in oklch, var(--accent) 28%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 45%, transparent);z-index:-1;pointer-events:none;border-radius:4px;position:absolute;inset:-1.05em 0 0}.token.selected rt{color:var(--ink-2);opacity:.85}.lyric-line:last-child{border-bottom:0}.lyric-line .ja{font-family:var(--font-ja);font-size:clamp(22px,3vw,32px);font-weight:400;line-height:2}.lyric-line .ja rt{font-size:.55em;position:relative;top:8px}.lyric-line .translation{color:var(--muted);margin-top:4px;font-size:14px;font-style:italic}.token{cursor:pointer;border-radius:2px;padding:0 1px;transition:color .2s}.token.active{color:var(--accent)}.token.played{color:var(--ink)}.token.unplayed{color:var(--muted)}.token.karaoke-fill{vertical-align:baseline;margin:0 1px;padding:0;transition:none;display:inline-block;position:relative}.token.karaoke-fill .kfill-base{color:var(--ink)}.token.karaoke-fill .kfill-fg{width:100%;color:var(--accent);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path .1s linear;position:absolute;top:0;left:0}.media-col-video{align-self:start;position:sticky;top:20px}:root{--footer-height:72px}.media-layout .vocab-panel{max-height:calc(100vh - var(--footer-height) - 36px);overflow-y:auto}@media (width<=1280px){.media-col-video{position:static}.media-layout .vocab-panel{max-height:none;position:static;overflow:visible}}.video-panel{width:100%}.video-frame{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;width:100%;position:relative;overflow:hidden}.video-frame>div,.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-panel.is-hidden{pointer-events:none;height:0;margin:0;overflow:hidden}.media-hero--slim{padding:16px}.media-loading{color:var(--muted);padding:48px 24px;font-size:15px}.related-songs{margin-top:28px}.related-songs-head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-bottom:12px;font-size:12px;font-weight:600}.related-songs-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.related-songs-row::-webkit-scrollbar{display:none}.related-card{scroll-snap-align:start;flex-direction:column;flex:0 0 180px;display:flex}.related-card .related-cover{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(135deg, oklch(.7 .15 var(--cover-hue,200)), oklch(.4 .18 var(--cover-hue,200)));position:relative;overflow:hidden}.related-card .related-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.related-card .related-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:16px;font-weight:600;line-height:1.4;overflow:hidden}.related-card .related-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.related-card:hover .related-title{color:var(--accent)}.vocab-panel{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:22px 24px 20px;position:sticky;top:20px}.vocab-panel .vp-hero{border-bottom:1px solid var(--line-2);margin-bottom:18px;padding-bottom:18px}.vocab-panel .word-big{font-family:var(--font-ja);margin-bottom:12px;font-size:50px;font-weight:600;line-height:1}.vocab-panel .vp-grammar-hero{margin-bottom:10px}.vocab-panel .vp-grammar-hero .word-big{color:var(--ink)}.vocab-panel .word-big ruby rt{color:var(--muted);font-size:.22em;font-weight:500}.vocab-panel .vp-lemma{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.vocab-panel .vp-lemma-arrow{color:var(--muted-2);margin-right:-2px;font-size:14px}.vocab-panel .vp-lemma-word{color:var(--ink);font-size:17px;font-weight:600}.vocab-panel .vp-lemma-reading{color:var(--muted);font-size:13px}.vocab-panel .vp-dot{color:var(--muted-2)}.vocab-panel .vp-pos-inline{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-size:11px;font-weight:600}.vocab-panel .vp-lemma-plain{margin-top:-2px}.vocab-panel .vp-body{flex-direction:column;gap:22px;margin-bottom:18px;display:flex}.vocab-panel .vp-section-label{text-transform:uppercase;letter-spacing:.08em;color:#b45309;background:oklch(76.8591% .164659 70.0804/.12);border:1px solid oklch(76.8591% .164659 70.0804/.3);border-radius:6px;align-self:flex-start;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.vocab-panel .vp-chips{flex-wrap:wrap;gap:6px;margin-top:10px;margin-bottom:4px;display:flex}.vocab-panel .vp-chip{letter-spacing:.04em;background:var(--bg-2);color:var(--muted);border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.vocab-panel .vp-chip--accent{color:var(--accent);background:#a78bfa2e}.vocab-panel .vp-sense-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.vocab-panel .vp-sense{color:var(--ink);grid-template-columns:8px 1fr auto;align-items:baseline;gap:6px;font-size:15px;line-height:1.45;display:grid}.vocab-panel .vp-sense-dot{background:var(--muted-2);border-radius:50%;flex-shrink:0;align-self:start;width:6px;height:6px;margin-top:7px}.vocab-panel .vp-sense-dot--primary{background:#a78bfa99}.vocab-panel .vp-sense-primary{letter-spacing:.04em;color:var(--accent);white-space:nowrap;background:#a78bfa26;border-radius:4px;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.vocab-panel .vp-sense-list.single .vp-sense{grid-template-columns:1fr;font-size:16px}.vocab-panel .vp-sense-list.single .vp-sense-dot,.vocab-panel .vp-sense-list.single .vp-sense-primary{display:none}.vocab-panel .vp-sense-text{color:var(--ink)}.vocab-panel .vp-sense-pos{background:var(--bg-2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;display:inline-block}.vocab-panel .vp-aside{flex-direction:column;gap:20px;min-width:0;display:flex}.vocab-panel .vp-family-list,.vocab-panel .vp-occ-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.vocab-panel .vp-family-item{border-bottom:1px solid var(--line-2);padding:7px 0}.vocab-panel .vp-family-item:last-child{border-bottom:0}.vocab-panel .vp-family-word{color:var(--ink);font-size:16px;font-weight:600;line-height:1.2}.vocab-panel .vp-family-word ruby rt{color:var(--muted);font-size:.6em;font-weight:500}.vocab-panel .vp-family-gloss{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.vocab-panel .vp-occ-item{border-bottom:1px solid var(--line-2);cursor:pointer;padding:7px 0;transition:color .12s}.vocab-panel .vp-occ-item:last-child{border-bottom:0}.vocab-panel .vp-occ-item:hover .vp-occ-title{color:var(--accent)}.vocab-panel .vp-occ-title{color:var(--ink);font-size:14px;font-weight:500;line-height:1.25}.vocab-panel .vp-occ-artist{color:var(--muted);margin-top:2px;font-size:11px}.vocab-panel .vp-actions{border-top:1px solid var(--line-2);gap:8px;padding-top:16px;display:flex}.vocab-panel .vp-eyebrow-badges{align-items:center;gap:6px;margin-bottom:12px;display:flex}.vocab-panel .vp-eyebrow-badges .pos-tag{padding:2px 8px;font-size:11px}.vocab-panel .vp-reading-plain{color:var(--muted);letter-spacing:.06em;font-size:22px}.vocab-panel .vp-lemma-word{font-size:22px}.vocab-panel .vp-lemma-reading{font-size:16px}.vocab-panel .vp-actions .btn{flex:1;min-height:0;padding-block:5px;line-height:1}.vocab-panel .vp-sense-list{counter-reset:sense}.vocab-panel .vp-sense{grid-template-columns:22px 1fr;gap:4px;display:grid}.vocab-panel .vp-sense:before{counter-increment:sense;content:counter(sense);font-variant-numeric:tabular-nums;color:var(--muted-2);padding-top:3px;font-size:12px;font-weight:600}.vocab-panel .vp-sense-list.single .vp-sense{grid-template-columns:1fr}.vocab-panel .vp-sense-list.single .vp-sense:before{display:none}.vp-overlay .vp-section-label{text-transform:uppercase;letter-spacing:.08em;color:#b45309;background:oklch(76.8591% .164659 70.0804/.12);border:1px solid oklch(76.8591% .164659 70.0804/.3);border-radius:6px;align-self:flex-start;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}@keyframes vp-panel-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vocab-panel>*{animation:.15s ease-out vp-panel-fade-in}@keyframes vp-overlay-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes vp-overlay-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.vp-overlay{z-index:20;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);flex-direction:column;animation:.2s cubic-bezier(.2,.8,.3,1) vp-overlay-enter;display:flex;position:absolute;inset:0;overflow:hidden}.vp-overlay--closing{animation:.18s cubic-bezier(.4,0,1,1) forwards vp-overlay-exit}.vp-overlay-header{border-bottom:1px solid var(--line-2);background:var(--surface);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.vp-overlay-header-word{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.vp-overlay-surface{color:var(--ink);letter-spacing:-.01em;font-size:40px;font-weight:600;line-height:1.1;font-family:var(--font-ja)}.vp-overlay-lemma-hint{color:var(--muted);align-items:baseline;gap:5px;font-size:28px;display:inline-flex}.vp-overlay-arrow{color:var(--muted-2)}.vp-overlay-reading{color:var(--muted);letter-spacing:.05em;font-size:24px;font-family:var(--font-ja)}.vp-overlay-dot{color:var(--muted-2)}.vp-overlay-pos-tag{padding:2px 8px;font-size:11px}.vp-overlay-header-actions{flex-shrink:0;gap:8px;display:flex}.vp-overlay-header-actions .btn{white-space:nowrap;min-height:0;padding-block:5px;line-height:1}.vp-overlay-body{flex-direction:column;flex:1;gap:22px;padding:22px 24px 36px;display:flex;overflow-y:auto}.vp-overlay-section{flex-direction:column;gap:10px;display:flex}.vp-overlay .vp-sense-list{counter-reset:sense;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.vp-overlay .vp-sense{color:var(--ink);grid-template-columns:22px 1fr;gap:4px;font-size:15px;line-height:1.45;display:grid}.vp-overlay .vp-sense:before{counter-increment:sense;content:counter(sense);font-variant-numeric:tabular-nums;color:var(--muted-2);padding-top:3px;font-size:12px;font-weight:600}.vp-overlay .vp-sense-list.single .vp-sense{grid-template-columns:1fr;font-size:16px}.vp-overlay .vp-sense-list.single .vp-sense:before{display:none}.vp-overlay .vp-sense-text{color:var(--ink)}.vp-overlay .vp-sense-pos{background:var(--bg-2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;display:inline-block}.vp-overlay-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=900px){.vp-overlay-2col{grid-template-columns:1fr}}.vp-overlay-3col{grid-template-columns:1fr 1fr 1fr}@media (width<=900px){.vp-overlay-3col{grid-template-columns:1fr}}.vp-overlay-card{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);flex-direction:column;gap:0;padding:12px 18px;display:flex}.vp-form-toggle{border:1px solid var(--line-2);border-radius:var(--radius-sm);flex-shrink:0;margin-bottom:4px;display:inline-flex;overflow:hidden}.vp-form-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.vp-form-tab.active{background:var(--ink);color:var(--bg)}.vp-conj-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.vp-overlay-conj-table{flex-direction:column;display:flex}.vp-overlay-conj-row{border-bottom:1px solid var(--line);grid-template-columns:92px 1fr;align-items:baseline;gap:8px;padding:6px 0;display:grid}.vp-overlay-conj-row:last-child{border-bottom:0}.vp-overlay-conj-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);font-size:12px;font-weight:600}.vp-overlay-conj-value{color:var(--ink);font-size:24px;font-weight:500;font-family:var(--font-ja)}.vp-overlay-related-list{flex-direction:column;display:flex}.vp-overlay-related-row{border-bottom:1px solid var(--line);cursor:default;align-items:baseline;gap:10px;padding:4px 0;display:flex}.vp-overlay-related-row.clickable{cursor:pointer;transition:background .12s}.vp-overlay-related-row.clickable:hover{background:var(--bg-2)}.vp-overlay-related-row:last-child{border-bottom:0}.vp-overlay-related-word{color:var(--ink);min-width:80px;font-size:30px;font-weight:500;font-family:var(--font-ja);flex-shrink:0}.vp-overlay-related-meaning{color:var(--muted);flex:1;min-width:0;font-size:16px}.vp-overlay-related-tag{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line-2);color:var(--muted-2);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.vp-overlay-empty{color:var(--muted);font-size:13px;font-style:italic;line-height:1.5}.vp-overlay-appears-stub{color:var(--muted);padding:14px 0;font-size:13px;font-style:italic}.vocab-panel .vp-bd-strip{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.vocab-panel .vp-bd-chip{font-size:15px;font-weight:600;font-family:var(--font-ja);color:#6d28d9;background:oklch(54.1337% .246586 293.009/.1);border:1px solid oklch(54.1337% .246586 293.009/.28);border-radius:999px;padding:3px 11px;display:inline-block}.vocab-panel .vp-bd-chip--head{color:#16a34a;background:oklch(72.2746% .192007 149.579/.12);border-color:oklch(72.2746% .192007 149.579/.3)}.vocab-panel .vp-bd-point{border-top:1px solid var(--line);padding:8px 0}.vocab-panel .vp-bd-point:first-of-type{border-top:none}.vocab-panel .vp-bd-pat{color:#6d28d9;font-size:16px;font-weight:700;font-family:var(--font-ja);margin-bottom:2px}.vocab-panel .vp-bd-def{color:var(--ink);font-size:13.5px;line-height:1.45}ruby{ruby-position:over;-webkit-ruby-position:before;ruby-align:center}rt{font-size:12px;font-family:var(--font-ja);color:var(--muted);font-weight:400}.vd-page{max-width:860px;margin:0 auto;padding-bottom:48px}.vd-back-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:12px;transition:color .12s;display:inline-flex}.vd-back-btn:hover{color:var(--ink)}.vd-nav-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:16px;display:grid}.vd-nav-row>:first-child{justify-self:start}.vd-nav-row>:last-child{justify-self:end}.vd-nav-btn{background:var(--surface);border:1px solid var(--line-2);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:10px;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px 16px;transition:background .12s,border-color .12s,color .12s;display:flex}.vd-nav-btn:hover{background:var(--bg-2);border-color:color-mix(in oklch, var(--accent) 50%, var(--line-2));color:var(--ink)}.vd-nav-btn--hidden{visibility:hidden;pointer-events:none}.vd-nav-arrow{flex-shrink:0;font-size:16px;line-height:1}.vd-nav-word{font-size:18px;font-weight:500;font-family:var(--font-ja);text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1;overflow:hidden}.vd-hero-center{text-align:center;flex:1}.vd-word-big{font-size:60px;font-weight:500;line-height:1.5;font-family:var(--font-ja)}.vd-word-big rt{font-size:18px}.vd-word-big--grammar{font-size:38px}.vd-word-big--grammar rt{font-size:16px}.vd-reading{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:13px}.vd-chips-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.vd-chip{background:var(--bg-2);border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.vd-chip--accent{background:color-mix(in oklch, var(--accent) 15%, transparent);border-color:color-mix(in oklch, var(--accent) 40%, transparent);color:var(--accent);font-weight:500}.vd-chip--muted{color:var(--muted)}.vd-actions-row{justify-content:center;gap:8px;margin-top:12px;margin-bottom:28px;display:flex}.vd-btn-outline{border:1px solid var(--line-2);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 16px;font-size:12px;transition:border-color .12s,background .12s;display:inline-flex}.vd-btn-outline:hover{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 8%, transparent)}.vd-surface{background:var(--surface);border:1px solid var(--line-2);border-radius:12px;overflow:hidden}.vd-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);margin-bottom:8px;font-size:9px}.vd-defs-list{margin:0;padding:0;list-style:none}.vd-defs-item{border-bottom:1px solid var(--line-2);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 20px;display:grid}.vd-defs-item:last-child{border-bottom:none}.vd-defs-dot{background:var(--line-2);border-radius:50%;flex-shrink:0;width:5px;height:5px}.vd-defs-text{font-size:18px;line-height:1.45}.vd-defs-text.secondary{color:var(--muted);font-size:14px}.vd-defs-tag{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:9px}.vd-defs-tag--primary{color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent);border:1px solid color-mix(in oklch, var(--accent) 25%, transparent)}.vd-defs-tag--pos{color:var(--muted-2);background:var(--bg);border:1px solid var(--line-2)}.vd-grid2{grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=700px){.vd-grid2{grid-template-columns:1fr}}.vd-conj-header{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:8px;display:flex}.vd-form-toggle{background:var(--surface);border:1px solid var(--line-2);border-radius:8px;display:flex;overflow:hidden}.vd-form-tab{color:var(--muted-2);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-size:11px;transition:background .12s,color .12s}.vd-form-tab.active{background:var(--accent);color:#0a0a0d;font-weight:500}.vd-conj-row{border-bottom:1px solid var(--line-2);grid-template-columns:100px 1fr;align-items:center;padding:8px 18px;display:grid}.vd-conj-row:last-child{border-bottom:none}.vd-conj-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);font-size:9px}.vd-conj-val{font-size:28px;font-weight:500;line-height:1.6}.vd-family-row{border-bottom:1px solid var(--line-2);grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:9px 16px;transition:background .12s;display:grid}.vd-family-row:last-child{border-bottom:none}.vd-family-row:hover{background:var(--bg-2)}.vd-family-word{font-size:28px;font-weight:500;line-height:1.7;font-family:var(--font-ja)}.vd-family-word rt{font-size:.55em}.vd-family-gloss{color:var(--ink-2,var(--ink));font-size:14px}.vd-family-tag{text-transform:uppercase;color:var(--muted-2);background:var(--bg);border:1px solid var(--line-2);white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:9px}.vd-occ-row{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:background .12s;display:flex}.vd-occ-row:last-child{border-bottom:none}.vd-occ-row:hover{background:var(--bg-2)}.vd-occ-cover{border-radius:8px;flex-shrink:0;width:72px;height:72px}.vd-occ-title{flex-shrink:0;width:190px}.vd-occ-track{font-size:20px;font-weight:500;line-height:1.2;font-family:var(--font-ja)}.vd-occ-artist{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10px}.vd-occ-lyric{text-align:center;flex:1}.vd-occ-ja{font-size:24px;font-weight:500;line-height:1.9;font-family:var(--font-ja)}.vd-occ-en{color:var(--muted);margin-top:2px;font-size:12px;font-style:italic}.vd-highlight{color:var(--accent);font-weight:500}.vd-empty-note{color:var(--muted);padding:16px 20px;font-size:13px;font-style:italic}.vd-left-cell-flex{flex-direction:column;gap:16px;display:flex}.vd-left-cell-flex>*{min-width:0}.vd-alt-row{border-bottom:1px solid var(--line-2);padding:10px 16px}.vd-alt-row:last-child{border-bottom:none}.vd-alt-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;display:flex}.vd-alt-reading{font-size:25px;font-weight:500;font-family:var(--font-ja);line-height:1.4}.vd-alt-pos{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);background:var(--bg);border:1px solid var(--line-2);white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:9px}.vd-alt-gloss{color:var(--muted);font-size:14px}.vd-primary-gloss{color:var(--muted);letter-spacing:.01em;margin-top:4px;font-size:14px;font-style:italic}.vd-grid1{grid-template-columns:1fr;gap:20px;max-width:460px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:grid}.vd-usage-list{margin:0;padding:0;list-style:none}.vd-usage-item{border-bottom:1px solid var(--line-2);padding:12px 20px}.vd-usage-item:last-child{border-bottom:none}.vd-usage-ja{margin-bottom:4px;font-size:1.5rem}.vd-usage-ja rt{font-size:.65em}.vd-usage-en{color:var(--muted);font-size:.95rem}.vd-pattern-tilde{color:var(--muted);margin:0 .05em;font-weight:300}@keyframes eq-bar{0%,to{transform:scaleY(.15)}50%{transform:scaleY(1)}}.eq-bars{align-items:flex-end;gap:5px;height:48px;display:inline-flex}.eq-bar{background:var(--accent);transform-origin:bottom;border-radius:4px;width:7px;height:100%;animation:.9s ease-in-out infinite eq-bar}.eq-bar:first-child{opacity:.6;animation-delay:0s}.eq-bar:nth-child(2){opacity:.8;animation-delay:.18s}.eq-bar:nth-child(3){opacity:1;animation-delay:.36s}.eq-bar:nth-child(4){opacity:.8;animation-delay:.54s}.eq-bar:nth-child(5){opacity:.6;animation-delay:.72s}.upload-drop{text-align:center;border:2px dashed var(--line-2);border-radius:var(--radius);background:var(--surface);padding:80px 32px}.upload-drop .big{font-size:48px;font-family:var(--font-ja);margin-bottom:12px;font-weight:700}.url-input{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.url-input::placeholder{color:var(--muted-2)}.url-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--ink) 10%, transparent)}.url-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.url-actions .btn-primary{margin-left:auto}.admin-grid{grid-template-columns:minmax(240px,.8fr) 1.4fr;align-items:start;gap:16px;display:grid}@media (width<=820px){.admin-grid{grid-template-columns:1fr}}.admin-card{background:var(--surface,#15151f);border:1px solid var(--border,#2b2b3d);border-radius:12px;padding:16px 18px}.admin-card-title{margin:0 0 12px;font-size:15px;font-weight:600}.mode-toggle{gap:6px;display:inline-flex}.mode-pill{border:1px solid var(--line-2,#2b2b3d);background:var(--surface,#15151f);color:var(--muted-2);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:12px}.mode-pill--on{color:#fff;background:#6d52c8;border-color:#6d52c8}.mode-pill--off{opacity:.45;cursor:not-allowed}.admin-search{border:1px solid var(--line-2,#2b2b3d);background:var(--surface,#15151f);color:var(--muted-2);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;display:flex}.admin-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.admin-search input::placeholder{color:var(--muted-2)}.admin-tabs{gap:14px;margin-bottom:8px;display:flex}.admin-tab{cursor:pointer;color:var(--muted-2);background:0 0;border:none;padding:4px 0;font-size:12px}.admin-tab:hover{color:var(--ink)}.admin-tab--on{color:#fff;border-bottom:2px solid #6d52c8}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border,#23232f);padding:8px 6px;font-size:12px}.admin-table th{color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.admin-table .admin-stage{color:var(--muted-2);margin-top:3px;font-size:10px}.admin-table .admin-link{color:var(--accent,#5b46c4);text-decoration:none}.admin-table .admin-link:hover{text-decoration:underline}.admin-table .admin-title-link{color:var(--ink);text-decoration:none}.admin-table .admin-title-link:hover{color:var(--accent,#5b46c4);text-decoration:underline}.admin-table .badge{border-radius:999px;padding:2px 8px;font-size:10px}.admin-table .badge--ready{color:#6ee29a;background:#15351f}.admin-table .badge--pending{color:#e0b94e;background:#3a2f12}.admin-table .badge--failed{color:#e0607e;background:#3a1620}.admin-table .icon-btn{border:1px solid var(--border,#3a3a52);width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.admin-table .icon-btn:hover:not(:disabled){color:var(--ink);border-color:var(--accent,#5b46c4)}.admin-table .icon-btn:disabled{opacity:.3;cursor:not-allowed}.admin-table .icon-btn--danger:hover:not(:disabled){color:#e0607e;border-color:#e0607e}.edit-panel-backdrop{z-index:200;background:#00000073;position:fixed;inset:0}.edit-panel{z-index:201;background:var(--surface,#15151f);border-left:1px solid var(--border,#2b2b3d);flex-direction:column;width:340px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.edit-panel-header{border-bottom:1px solid var(--border,#2b2b3d);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.edit-panel-title{font-size:13px;font-weight:600}.edit-panel-close{border:1px solid var(--border,#3a3a52);width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.edit-panel-close:hover{color:var(--ink);border-color:var(--accent,#5b46c4)}.edit-panel-body{flex:1;padding:14px 16px;overflow-y:auto}.edit-panel-section{margin-bottom:18px}.edit-panel-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);margin:0 0 8px;font-size:10px;font-weight:600}.edit-field{margin-bottom:8px}.edit-field label{color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.edit-field input{box-sizing:border-box;background:var(--bg,#0e0e17);border:1px solid var(--border,#2b2b3d);width:100%;color:var(--ink);border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.edit-field input:focus{border-color:var(--accent,#5b46c4)}.edit-field input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.edit-panel-error{color:#e0607e;margin-top:8px;font-size:12px}.edit-panel-footer{border-top:1px solid var(--border,#2b2b3d);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.edit-panel-btn{cursor:pointer;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500}.edit-panel-btn--cancel{border:1px solid var(--border,#3a3a52);color:var(--muted);background:0 0}.edit-panel-btn--cancel:hover{color:var(--ink)}.edit-panel-btn--save{color:#fff;background:#6d52c8;border:1px solid #6d52c8}.edit-panel-btn--save:hover:not(:disabled){background:#7d62d8}.edit-panel-btn--save:disabled{opacity:.5;cursor:not-allowed}.stat{padding:calc(18px * var(--density,1))}.profile-head{align-items:center;gap:24px;margin-bottom:32px;display:flex}.profile-avatar{background:var(--accent);width:96px;height:96px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:inline-flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px}.stat .num{font-size:32px;font-weight:700}.stat .lbl{color:var(--muted);margin-top:4px;font-size:12px}.profile-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin:0 0 12px;font-size:11px;font-weight:600}.settings-grid{background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--radius);gap:2px;max-width:640px;display:grid;overflow:hidden}.setting-row{background:var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;display:flex}.setting-label-block{min-width:0}.setting-label{font-size:15px;font-weight:500}.setting-hint{color:var(--muted);margin-top:2px;font-size:12px}.setting-control{flex-shrink:0}.setting-select{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);cursor:pointer;padding:8px 12px;font-size:13px}.switch{background:var(--line-2);border:1px solid var(--line-2);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .18s;position:relative}.switch.on{background:var(--accent);border-color:var(--accent)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch.on .switch-knob{transform:translate(18px)}.color-swatch{border:1px solid var(--line-2);cursor:pointer;border-radius:50%;width:24px;height:24px}.color-swatch.active{outline:2px solid var(--ink);outline-offset:2px}.logged-out-profile{max-width:760px}.lop-hero{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);align-items:center;gap:28px;margin-bottom:24px;padding:32px;display:flex;position:relative;overflow:hidden}.lop-hero:after{content:"";background:radial-gradient(circle at 0% 0%, color-mix(in oklch, var(--accent) 18%, transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.lop-hero-mark{border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 80%, #000 0%), color-mix(in oklch, var(--accent) 50%, #000 30%));color:#fff;z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:64px;font-weight:700;display:inline-flex;position:relative}.lop-hero-body{z-index:1;min-width:0;position:relative}.lop-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-size:11px;font-weight:600}.lop-lede{color:var(--muted);max-width:52ch;margin:0 0 18px;font-size:15px;line-height:1.5}.lop-cta-row{flex-wrap:wrap;gap:10px;display:flex}.lop-benefits{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lop-benefit{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px}.lop-benefit-icon{background:color-mix(in oklch, var(--accent) 14%, transparent);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.lop-benefit-title{margin-bottom:4px;font-size:15px;font-weight:600}.lop-benefit-sub{color:var(--muted);font-size:13px;line-height:1.45}.lop-prefs-note{color:var(--muted);margin:-4px 0 14px;font-size:13px}@media (width<=720px){.lop-hero{flex-direction:column;align-items:flex-start}.lop-benefits{grid-template-columns:1fr}}.auth-page{flex-direction:column;align-items:stretch;max-width:360px;margin:80px auto;display:flex}.auth-mark{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 80%, #000 0%), color-mix(in oklch, var(--accent) 50%, #000 30%));color:#fff;border-radius:18px;justify-content:center;align-self:center;align-items:center;width:64px;height:64px;margin-bottom:32px;font-size:34px;font-weight:700;display:inline-flex}.auth-tabs{background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid;position:relative}.auth-tab{z-index:1;color:var(--muted);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:500;transition:color .2s;position:relative}.auth-tab.active{color:var(--ink)}.auth-tabs-indicator{z-index:0;background:var(--surface);border-radius:999px;width:calc(50% - 4px);transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 1px 2px #00000014}.auth-tabs-indicator[data-pos=left]{transform:translate(0)}.auth-tabs-indicator[data-pos=right]{transform:translate(100%)}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form .field{margin:0}.auth-form .field input{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-form .field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--ink) 10%, transparent);outline:none}.auth-row-end{justify-content:flex-end;margin-top:-2px;display:flex}.auth-link{color:var(--muted);padding:2px 0;font-size:12px}.auth-link:hover{color:var(--ink)}.auth-submit{justify-content:center;width:100%;margin-top:6px;padding:12px 16px;font-size:14px}.auth-error{color:var(--danger,#d04545);text-align:center;margin:4px 0;font-size:13px}.about-page{max-width:720px}.about-blurb{color:var(--muted);margin:0 0 8px;font-size:16px;line-height:1.7}.about-blurb .ja{color:var(--ink);font-weight:600}.attrib-list{flex-direction:column;gap:16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.attrib-item{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);padding:14px 16px}.attrib-name{color:var(--ink);font-size:15px;font-weight:600}.attrib-name a{color:var(--accent);text-decoration:none}.attrib-name a:hover{text-decoration:underline}.attrib-use{color:var(--muted);margin:4px 0 0;font-size:13px}.attrib-license{color:var(--muted-2);margin:6px 0 0;font-size:12px}.about-disclaimer{color:var(--muted-2);border-top:1px solid var(--line-2);margin:24px 0 0;padding-top:16px;font-size:13px;line-height:1.6}