@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Shippori+Mincho:wght@400;500;600;700&display=swap";:root{font-family:Shippori Mincho,Yu Mincho,Hiragino Mincho ProN,serif;color:#111;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--black: #111;--white: #fff;--gray-1: #f5f5f5;--gray-2: #e6e6e6;--gray-3: #b8b8b8;--gray-4: #6b6b6b;--serif: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;--mono: "DM Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--white)}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden;background:var(--white)}.grain{display:none}.site-header,main,.site-footer{width:min(1280px,calc(100% - 80px));margin:0 auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--black)}.brand-mark{display:inline-flex;align-items:center;gap:10px;letter-spacing:.08em}.brand-mark strong{display:block;font:500 15px/1 var(--mono);letter-spacing:.12em}.brand-mark small{display:block;margin-top:4px;color:var(--gray-4);font-size:9px;letter-spacing:.12em}.brand-mark__seal{width:29px;height:29px;display:grid;place-items:center;color:var(--black);border:1px solid var(--black);font-size:16px;line-height:1}.header-link{color:var(--gray-4);font-size:12px}.header-link:hover{color:var(--black);text-decoration:underline;text-underline-offset:4px}.hero-grid{display:block;padding:76px 7% 82px;border-bottom:1px solid var(--black)}.search-stage{max-width:760px;margin:0 auto;width:100%}.search-stage__label{display:block;margin:0 0 10px;color:var(--black);font:11px var(--mono);letter-spacing:.04em}.search-card{min-height:158px;padding:18px 19px 14px;border:1px solid var(--black);background:var(--white)}.search-card textarea{width:100%;resize:vertical;min-height:73px;border:0;outline:none;background:transparent;color:var(--black);font-size:25px;line-height:1.5;letter-spacing:.04em}.search-card textarea::placeholder{color:var(--gray-3)}.search-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:11px;border-top:1px solid var(--gray-2)}.search-card__hint{color:var(--gray-4);font-size:10px}.search-submit{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--black);color:var(--white);background:var(--black);font-size:12px}.search-submit:hover{color:var(--black);background:var(--white)}.search-meta{display:flex;align-items:center;gap:12px;margin:16px 0 0;color:var(--gray-4);font-size:12px}.search-meta strong{color:var(--black);font-weight:600}.search-meta .reading{font-family:var(--mono);font-size:11px}.meta-divider{width:3px;height:3px;background:var(--black);border-radius:50%}.target-picker{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;color:var(--gray-4);font-size:10px}.target-picker span{margin-right:3px}.target-picker button,.example-row button{padding:5px 8px;border:1px solid var(--gray-3);color:var(--gray-4);background:var(--white);font-size:11px}.target-picker button:hover,.target-picker button.is-active,.example-row button:hover{border-color:var(--black);color:var(--black)}.reading-picker{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid var(--gray-2)}.reading-picker__label{display:flex;align-items:center;margin-right:3px;color:var(--gray-4);font-size:10px}.reading-picker button{display:grid;gap:2px;min-width:61px;padding:6px 9px;border:1px solid var(--gray-3);color:var(--gray-4);background:var(--white);text-align:left}.reading-picker button:hover,.reading-picker button.is-active{border-color:var(--black);color:var(--black)}.reading-picker b{font:12px var(--mono);font-weight:500}.reading-picker small{color:var(--gray-4);font-size:9px}.example-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.example-row:before{content:"例";display:flex;align-items:center;margin-right:3px;color:var(--gray-4);font-size:10px}.explore-panel{padding:55px 7% 78px}.explore-panel__topline{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:25px}.explore-panel h2{display:flex;align-items:baseline;gap:13px;margin:0;font-size:clamp(29px,3.5vw,43px);line-height:1;font-weight:500;letter-spacing:-.06em}.explore-panel h2 span{color:var(--gray-4);font:12px var(--mono);letter-spacing:.02em}.explore-panel__context{display:flex;gap:8px;color:var(--gray-4);font:10px var(--mono)}.filter-bar{display:flex;align-items:center;gap:24px;padding:12px 0;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}.filter-bar__title{flex:0 0 auto;color:var(--black);font:11px var(--mono)}.filter-bar__tabs{display:flex;flex-wrap:wrap;gap:4px}.filter-bar__tabs button{padding:5px 8px;border:1px solid transparent;color:var(--gray-4);background:transparent;font-size:11px}.filter-bar__tabs button:hover{color:var(--black)}.filter-bar__tabs button.is-active{border-color:var(--black);color:var(--white);background:var(--black)}.filter-bar__tabs button span{padding-left:5px;font:10px var(--mono)}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:5%;padding-top:27px}.results-column{min-width:0}.results-column__intro{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:13px;color:var(--gray-4);font:10px var(--mono)}.intro-rule{flex:1;height:1px;background:var(--gray-2)}.candidate-view-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--gray-3)}.candidate-view-toggle button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:0;color:var(--gray-4);background:var(--white);font:inherit}.candidate-view-toggle button+button{border-left:1px solid var(--gray-3)}.candidate-view-toggle button:hover,.candidate-view-toggle button.is-active{color:var(--white);background:var(--black)}.random-launch{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--black);color:var(--black);background:var(--white);font:10px var(--mono);white-space:nowrap}.random-launch:hover:not(:disabled){color:var(--white);background:var(--black)}.random-launch:disabled{border-color:var(--gray-2);color:var(--gray-3);cursor:not-allowed}.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.candidate-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.candidate-kanji-tile{position:relative;min-height:96px;display:grid;place-items:center;padding:10px;border:1px solid var(--black);color:var(--black);background:var(--white);font:500 clamp(24px,3.2vw,38px)/1.2 var(--serif);letter-spacing:.06em;cursor:pointer;animation:card-in .38s both cubic-bezier(.22,1,.36,1);transition:color .18s ease,background .18s ease}.candidate-kanji-tile__word{width:100%;height:100%;min-height:72px;padding:8px 8px 25px;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}.candidate-kanji-tile__word:focus-visible{outline:1px solid currentColor;outline-offset:-4px}.candidate-kanji-tile__like{position:absolute;right:7px;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:2px;border:0;color:inherit;background:transparent;font:9px var(--mono);cursor:pointer}.candidate-kanji-tile__like:hover,.candidate-kanji-tile__like:focus-visible,.candidate-kanji-tile__like.is-liked{color:inherit;outline:1px solid currentColor;outline-offset:2px}.candidate-kanji-tile:hover,.candidate-kanji-tile:focus-visible{color:var(--white);outline:none;background:var(--black)}.candidate-kanji-tile--generated{border-style:dashed}.candidate-kanji-tile:nth-child(2){animation-delay:.03s}.candidate-kanji-tile:nth-child(3){animation-delay:.06s}.candidate-kanji-tile:nth-child(4){animation-delay:.09s}.candidate-kanji-tile:nth-child(5){animation-delay:.12s}.candidate-kanji-tile:nth-child(6){animation-delay:.15s}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;padding-top:16px;border-top:1px solid var(--gray-2);color:var(--gray-4);font:11px var(--mono)}.pagination button{padding:8px 11px;border:1px solid var(--black);color:var(--black);background:var(--white);font:inherit}.pagination button:hover:not(:disabled){color:var(--white);background:var(--black)}.pagination button:disabled{border-color:var(--gray-2);color:var(--gray-3);cursor:not-allowed}.candidate-card{min-width:0;min-height:195px;display:flex;flex-direction:column;padding:14px 15px 13px;border:1px solid var(--black);color:var(--black);background:var(--white);cursor:pointer;animation:card-in .38s both cubic-bezier(.22,1,.36,1);transition:color .18s ease,background .18s ease}.candidate-card:hover,.candidate-card:focus-visible{color:var(--white);outline:none;background:var(--black)}.candidate-card:nth-child(2){animation-delay:.03s}.candidate-card:nth-child(3){animation-delay:.06s}.candidate-card:nth-child(4){animation-delay:.09s}.candidate-card:nth-child(5){animation-delay:.12s}.candidate-card:nth-child(6){animation-delay:.15s}.candidate-card--phonetic{border-style:dashed}.candidate-card__rail{display:none}.candidate-card__body{min-width:0;display:flex;flex:1;flex-direction:column}.candidate-card__topline,.candidate-card__bottomline,.candidate-card__wordline{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{display:inline-flex;width:fit-content;padding:4px 6px;border:1px solid var(--black);color:var(--black);font:9px var(--mono)}.tag--generated{border-style:dashed}.tag--phonetic{color:var(--gray-4);border-color:var(--gray-3)}.candidate-card:hover .tag,.candidate-card:focus-visible .tag{border-color:var(--white);color:var(--white)}.candidate-card:hover .tag--phonetic{color:var(--gray-2);border-color:var(--gray-3)}.candidate-card__score{font:500 12px var(--mono)}.candidate-card__score small{color:var(--gray-4);font-size:9px}.candidate-card:hover .candidate-card__score small{color:var(--gray-3)}.candidate-card__wordline{justify-content:flex-start;align-items:baseline;margin:26px 0 7px}.candidate-card__word-copy{min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:copy}.candidate-card__word-copy:focus-visible{outline:1px solid currentColor;outline-offset:4px}.candidate-card__surface{display:block;overflow:hidden;font-size:clamp(27px,3vw,39px);font-weight:500;line-height:1;letter-spacing:-.08em;text-overflow:ellipsis;white-space:nowrap}.candidate-card__reading{flex:0 0 auto;color:var(--gray-4);font:10px var(--mono)}.candidate-card:hover .candidate-card__reading{color:var(--gray-3)}.candidate-card__gloss{overflow:hidden;min-height:21px;color:var(--gray-4);font-size:10px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}.candidate-card:hover .candidate-card__gloss{color:var(--gray-3)}.candidate-card__bottomline{align-items:end;margin-top:auto;padding-top:22px}.score-meter{display:flex;align-items:center;gap:6px;color:var(--gray-4);font:9px var(--mono);white-space:nowrap}.score-meter>div{width:44px;height:2px;background:var(--gray-2)}.score-meter i{display:block;height:100%;background:var(--black)}.score-meter b{font-weight:500}.candidate-card:hover .score-meter{color:var(--gray-3)}.candidate-card:hover .score-meter>div{background:#444}.candidate-card:hover .score-meter i{background:var(--white)}.candidate-card__actions{display:flex;align-items:center;gap:5px}.like-button,.open-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;color:var(--black);background:transparent;font:10px var(--mono)}.like-button:hover,.like-button.is-liked{text-decoration:underline;text-underline-offset:3px}.open-button{width:25px;height:25px;border:1px solid var(--black)}.candidate-card:hover .like-button,.candidate-card:hover .open-button{color:var(--white);border-color:var(--white)}.candidate-card:hover .like-button.is-liked{color:var(--white)}.ranking-rail{border-left:1px solid var(--black);padding-left:20px}.rail-heading{padding-bottom:12px;color:var(--black);font:11px var(--mono);border-bottom:1px solid var(--black)}.ranking-block{padding:18px 0;border-bottom:1px solid var(--gray-2)}.ranking-block+.ranking-block{padding-top:20px}.ranking-block__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--black);font:10px var(--mono)}.ranking-block__head span{display:inline-flex;align-items:center;gap:6px}.ranking-block__head svg{width:13px;height:13px}.ranking-block__head small{color:var(--gray-4);font-size:9px}.ranking-row{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:5px;padding:10px 0;border:0;border-top:1px solid var(--gray-2);color:var(--black);background:transparent;text-align:left}.ranking-row__open{min-width:0;padding:0;border:0;color:var(--black);background:transparent;text-align:left;cursor:pointer}.ranking-row__open:hover span,.ranking-row__open:focus-visible span{text-decoration:underline;text-underline-offset:3px}.ranking-row__open:focus-visible,.ranking-row__like:focus-visible{outline:1px solid var(--black);outline-offset:2px}.ranking-row>b{color:var(--gray-4);font:9px var(--mono)}.ranking-row span{font-size:12px}.ranking-row span small{display:block;margin-top:3px;color:var(--gray-4);font:9px var(--mono)}.ranking-row__like{display:inline-flex;align-items:center;gap:3px;padding:3px 2px;border:0;color:var(--black);background:transparent;font:9px var(--mono);cursor:pointer}.ranking-row__like:hover,.ranking-row__like.is-liked{text-decoration:underline;text-underline-offset:3px}.empty-state{padding:48px 0;border-top:1px solid var(--black);color:var(--gray-4);text-align:center}.empty-state p{margin:0 0 15px;font-size:12px}.empty-state button{padding:8px 11px;border:1px solid var(--black);color:var(--black);background:var(--white);font-size:11px}.empty-state button:hover{color:var(--white);background:var(--black)}.random-reel{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:max(17px,env(safe-area-inset-top)) clamp(18px,5vw,52px) max(17px,env(safe-area-inset-bottom));color:var(--white);background:var(--black);touch-action:none;animation:reel-open .32s ease-out both}.random-reel__header,.random-reel__footer{display:flex;align-items:center;width:min(100%,700px);margin:0 auto}.random-reel__header{justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #444}.random-reel__brand{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono)}.random-reel__counter{margin-left:auto;color:#999;font:10px var(--mono)}.random-reel__close{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #666;color:var(--white);background:transparent}.random-reel__close:hover,.random-reel__footer button:hover{border-color:var(--white);background:#222}.random-reel__stage{display:grid;place-items:center;width:min(100%,700px);margin:0 auto;overflow:hidden;outline:none}.random-reel__word{display:flex;flex-direction:column;align-items:center;width:min(100%,520px);text-align:center;animation:reel-word-in .38s cubic-bezier(.22,1,.36,1) both}.random-reel__word .tag{border-color:#777;color:#bbb}.random-reel__word-copy{display:flex;flex-direction:column;align-items:center;margin-top:27px;padding:0;border:0;color:var(--white);background:transparent;cursor:copy;font:inherit}.random-reel__word-copy strong{font-size:clamp(100px,24vw,220px);font-weight:500;letter-spacing:-.08em;line-height:.95}.random-reel__word-copy small{margin-top:12px;color:#999;font:10px var(--mono)}.random-reel__word-copy:focus-visible{outline:1px solid var(--white);outline-offset:8px}.random-reel__word>p{margin:21px 0 0;color:#aaa;font:15px var(--mono)}.random-reel__meaning{max-width:38ch;margin-top:22px;color:#ddd;font-size:13px;line-height:1.9}.random-reel__score{display:flex;align-items:baseline;gap:12px;margin-top:24px;padding-top:11px;border-top:1px solid #444;color:#999;font:10px var(--mono)}.random-reel__score b{color:var(--white);font-size:13px;font-weight:400}.random-reel__actions{display:flex;align-items:center;gap:8px;margin-top:25px}.random-reel__like,.random-reel__detail{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #666;color:var(--white);background:transparent;font:10px var(--mono)}.random-reel__like:hover,.random-reel__like.is-liked,.random-reel__detail:hover{border-color:var(--white);background:#222}.random-reel__footer{justify-content:center;gap:16px;padding-top:14px;border-top:1px solid #444;color:#999;font:10px var(--mono)}.random-reel__footer button{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #666;color:var(--white);background:transparent}@keyframes reel-open{0%{opacity:0}to{opacity:1}}@keyframes reel-word-in{0%{opacity:0;filter:blur(10px);transform:translateY(28px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.site-footer{display:flex;justify-content:space-between;padding:21px 0 30px;border-top:1px solid var(--black);color:var(--gray-4);font:10px var(--mono)}.drawer-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#1111117a}.detail-drawer{width:min(440px,100%);height:100%;overflow:auto;position:relative;padding:65px 42px 35px;color:var(--black);border-left:1px solid var(--black);background:var(--white);animation:drawer-in .28s cubic-bezier(.22,1,.36,1) both}.drawer-close{position:absolute;top:21px;right:23px;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--black);color:var(--black);background:var(--white)}.detail-drawer h2{margin:22px 0 3px;font-size:56px;font-weight:500;letter-spacing:-.1em}.drawer-reading{margin:0;color:var(--gray-4);font:12px var(--mono)}.drawer-section{margin-top:30px;padding-top:13px;border-top:1px solid var(--black)}.section-kicker{color:var(--gray-4);font:10px var(--mono)}.drawer-section>p{color:var(--gray-4);font-size:12px;line-height:1.8}.reading-build{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 0;border-bottom:1px solid var(--gray-2)}.reading-build span{color:var(--black);font:15px var(--mono)}.reading-build b{color:var(--gray-4);font:11px var(--mono);font-weight:400}.kanji-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.kanji-breakdown div{min-width:0;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--gray-2)}.kanji-breakdown b{font-size:24px;font-weight:500}.kanji-breakdown__meaning{min-width:0;flex:1;display:grid;gap:3px;color:var(--gray-4);font-size:10px}.kanji-breakdown small{color:var(--black);font:10px var(--mono)}.kanji-dictionary-link{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px;padding:4px 5px;border:1px solid var(--gray-3);color:var(--gray-4);font:9px var(--mono);white-space:nowrap}.kanji-dictionary-link:hover,.kanji-dictionary-link:focus-visible{border-color:var(--black);color:var(--black);outline:none}.drawer-interpretation{padding:14px;border:1px solid var(--black)}.drawer-interpretation p{margin-bottom:0;color:var(--black)}.drawer-score{margin-top:28px}.drawer-score>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.drawer-score span{color:var(--gray-4);font:10px var(--mono)}.drawer-score strong{font:500 23px var(--mono)}.drawer-score__track{height:3px;margin-top:10px;background:var(--gray-2)}.drawer-score__track i{display:block;height:100%;background:var(--black)}.drawer-like{width:100%;display:flex;align-items:center;gap:8px;margin-top:25px;padding:12px;border:1px solid var(--black);color:var(--white);background:var(--black);font-size:12px}.drawer-like span{margin-left:auto;font-family:var(--mono)}.drawer-like.is-liked{color:var(--black);background:var(--white)}@keyframes card-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 1050px){.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.site-header,main,.site-footer{width:min(100% - 36px,600px)}.site-header{height:66px}.header-link{font-size:11px}.hero-grid{display:block;padding:52px 0 55px}.explore-panel{padding:40px 0 55px}.explore-panel__topline{display:block;padding-bottom:20px}.explore-panel__context{margin-top:14px}.filter-bar{display:block;padding-block:11px 8px}.filter-bar__title{margin-bottom:8px}.filter-bar__tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.filter-bar__tabs button{flex:0 0 auto}.results-layout{display:block;padding-top:23px}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.candidate-kanji-grid{gap:7px}.candidate-card{min-height:171px;padding:11px}.candidate-card__wordline{display:block;margin-top:23px}.candidate-card__surface{font-size:28px}.candidate-card__reading{display:block;margin-top:7px}.candidate-card__gloss{margin-top:8px}.score-meter span{display:none}.score-meter>div{width:31px}.ranking-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px;padding:22px 0 0;border-top:1px solid var(--black);border-left:0}.rail-heading{grid-column:1 / -1;padding-bottom:0;border-bottom:0}.ranking-block{padding:0;border-bottom:0}.ranking-block+.ranking-block{padding-top:0}.site-footer{padding-bottom:25px}.detail-drawer{padding-inline:26px}}@media (max-width: 390px){.site-header,main,.site-footer{width:min(100% - 24px,600px)}.candidate-grid{grid-template-columns:1fr}.candidate-kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.candidate-card{min-height:155px}}