:root{--paper:#f5f5f2;--card:#fff;--ink:#16181d;--ink2:#585a61;--ink3:#9b9c9f;--gunjo:#2a3a9e;--tint:#e9ebf6;--ochre:#b8752a;--rule:#e4e4df;--rule2:#efefeb;--jp:"Noto Serif JP",serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:920px;margin:0 auto;padding:0 20px}nav{border-bottom:1px solid var(--rule);background:var(--card)}.navin{max-width:920px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px}.logo{font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:.04em}.logoja{font-family:var(--jp);margin-left:6px}.logoja,.ni{font-size:13px;color:var(--ink3)}.ni.on,.ni:hover{color:var(--ink)}.spacer{margin-left:auto}main{padding:30px 0 90px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--ink3);text-transform:uppercase}.hjp{font-family:var(--jp);font-size:28px;font-weight:400;letter-spacing:.04em;margin-top:4px}.hko{font-size:26px;font-weight:650;letter-spacing:-.01em;margin-top:6px}.lede{color:var(--ink2);font-size:14px;line-height:1.75;margin-top:10px;max-width:56ch}.mut{font-size:12px;color:var(--ink3);line-height:1.65}.tools{display:flex;gap:8px;align-items:center;margin:22px 0 14px;flex-wrap:wrap}input.search{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--ink);flex:1 1;min-width:180px}input.search:focus{outline:2px solid var(--tint);border-color:var(--gunjo)}.chip{font-size:12px;padding:6px 12px;border-radius:99px;background:var(--card);color:var(--ink2);border:1px solid var(--rule);cursor:pointer;font-family:inherit}.chip.on{background:var(--gunjo);color:#fff;border-color:var(--gunjo)}table{width:100%;border-collapse:collapse;font-size:14px}th{font-family:var(--mono);font-size:10px;color:var(--ink3);text-align:left;font-weight:400;padding:0 8px 9px 0;border-bottom:1px solid var(--rule);letter-spacing:.08em}td{padding:11px 8px 11px 0;border-bottom:1px solid var(--rule2);vertical-align:middle}tr.song{cursor:pointer}tr.song:hover td{background:var(--card)}.ghead td{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink2);padding:20px 0 7px;border-bottom:1px solid var(--rule)}.gn{margin-left:8px;color:var(--ink3);font-size:10px}.ghead2{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink2);padding:22px 0 12px;border-bottom:1px solid var(--rule);margin-bottom:16px}.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:18px;gap:18px;margin-bottom:8px}.scard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;transition:box-shadow .15s,transform .15s}.scard:hover{box-shadow:0 6px 22px rgba(22,24,29,.09);transform:translateY(-2px)}.sthumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--tint)}.sthumb-empty{display:flex;align-items:center;justify-content:center;font-family:var(--jp);font-size:34px;color:var(--gunjo);opacity:.5}.sbody{padding:12px 14px 13px}.stitle{font-family:var(--jp);font-size:17px;line-height:1.35}.ssub{font-size:12px;margin-top:2px}.smeta,.ssub{color:var(--ink3)}.smeta{display:flex;align-items:center;gap:10px;margin-top:10px;font-family:var(--mono);font-size:11px}.smeta .mychip{margin-left:auto}.note a b{color:var(--gunjo)}td.jp{font-size:16px}td.jp,td.kana{font-family:var(--jp)}td.kana{font-size:12px;color:var(--ochre)}td.n{font-family:var(--mono);font-size:11px;color:var(--ink3)}.ta-r{text-align:right}.diff{display:inline-flex;gap:2px;align-items:flex-end;height:11px}.diff i{width:3px;background:var(--rule);border-radius:1px}.diff i:first-child{height:4px}.diff i:nth-child(2){height:7.5px}.diff i:nth-child(3){height:11px}.diff.d1 i:first-child,.diff.d2 i:nth-child(-n+2),.diff.d3 i{background:var(--gunjo)}.pw{display:inline-block;position:relative;padding-top:13px}.psvg{position:absolute;top:0;left:0;overflow:visible}.pk{font-family:var(--jp);font-size:12px;letter-spacing:.14em;color:var(--ochre);display:flex}.pk span{display:inline-block;text-align:center}.pk-plain{font-family:var(--jp);font-size:12px;color:var(--ochre)}.stats{display:flex;gap:30px;margin:20px 0 6px;flex-wrap:wrap}.stat .v{font-family:var(--jp);font-weight:300;font-size:38px;line-height:1}.stat .l{font-size:11px;color:var(--ink3);margin-top:3px;font-family:var(--mono);letter-spacing:.06em}.basic{opacity:.42}.note{font-size:12px;line-height:1.7;margin-top:26px;padding-left:12px;border-left:2px solid var(--rule)}.empty,.note{color:var(--ink3)}.empty{padding:50px 0;text-align:center;font-size:14px}@media(max-width:640px){.hide-sm{display:none}td,th{padding-right:6px}td.jp{font-size:15px}.hjp{font-size:24px}.stat .v{font-size:30px}.stats{gap:20px}}.form{flex-direction:column;gap:12px;margin-top:22px;max-width:640px}.form,.fr{display:flex}.fr{gap:10px;flex-wrap:wrap}.fr input{flex:1 1;min-width:160px}input.fi,textarea.fi{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--ink)}input.fi:focus,textarea.fi:focus{outline:2px solid var(--tint);border-color:var(--gunjo)}textarea.fi{min-height:180px;line-height:1.8;resize:vertical;font-family:var(--jp);font-size:14px}.btn{align-self:flex-start;font-size:13px;padding:9px 20px;border-radius:8px;background:var(--gunjo);color:#fff;border:1px solid var(--gunjo);cursor:pointer;font-family:inherit}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:var(--card);color:var(--ink2);border-color:var(--rule)}.callout{font-size:13px;line-height:1.7;background:var(--tint);border-radius:8px;padding:11px 14px;color:var(--ink2)}.callout a{color:var(--gunjo);text-decoration:underline}.status{font-family:var(--mono);font-size:11px;color:var(--ink3)}.err{color:#a33;font-size:12px}.rcard{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:52px 28px;max-width:480px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rw{font-family:var(--jp);font-size:44px;font-weight:400;letter-spacing:.04em}.rhint{font-size:12px;color:var(--ink3)}.rback{display:flex;flex-direction:column;align-items:center;gap:10px}.rko{font-size:17px}.ren{font-family:var(--mono);font-size:11.5px;color:var(--ink3)}.rbtn{min-width:120px}.key{opacity:.55;margin-left:6px}.badge,.key{font-family:var(--mono);font-size:10px}.badge{display:inline-block;margin-left:5px;background:var(--gunjo);color:#fff;border-radius:99px;padding:1px 6px;vertical-align:1px}.auth{display:inline-flex;align-items:center;gap:12px}.linkbtn{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.mychip{font-family:var(--mono);font-size:10px;background:var(--tint);border-radius:99px;padding:2px 8px;margin-left:8px;white-space:nowrap}.mychip,.ytlink{color:var(--gunjo)}.ytlink{margin-left:10px;font-size:11px}.ytlink:hover{text-decoration:underline}.err a u,.note a u{cursor:pointer}.seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;overflow:hidden;background:var(--card)}.seg button{border:none;background:none;padding:6px 13px;font-size:12px;font-family:inherit;color:var(--ink3);cursor:pointer}.seg button.on{background:var(--gunjo);color:#fff}.hj{font-family:var(--mono);font-size:10px;color:var(--ink3);margin-left:7px;letter-spacing:.02em}.gloss{font-size:13px;display:flex;flex-direction:column;gap:2px}.gloss .ko{color:var(--ink)}.gloss .en,.gloss .miss{color:var(--ink3);font-size:11.5px;font-family:var(--mono)}.gloss .miss{opacity:.75}.note b{color:var(--ink2);font-weight:500}