:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--kana:"Hiragino Sans","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,"Yu Gothic","Meiryo",sans-serif;--ink:#1a1c22;--ink-soft:#4c4f5a;--ink-faint:#7c808c;--indigo:#3b4cca;--indigo-deep:#2e3ba6;--correct:#2f9e63;--present:#c99a32;--absent:#a7abb6;--radius-xl:30px;--radius-lg:22px;--radius:15px;--glass:hsla(0,0%,100%,.55);--glass-strong:hsla(0,0%,100%,.72);--glass-stroke:hsla(0,0%,100%,.9);--glass-shadow:0 16px 44px rgba(40,50,80,.13),0 3px 10px rgba(40,50,80,.07);--glass-inset:inset 0 1px 0 #fff,inset 0 -1px 2px hsla(0,0%,100%,.5)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f1f3f7}.ym-root,body,html{color:var(--ink);font-family:var(--sans)}.ym-root{position:relative;min-height:100vh;min-height:100dvh;overflow-x:hidden;isolation:isolate;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:40px}.ym-sky{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#fdfdfe,#f1f3f7 40%,#e7eaf1 72%,#dfe3ed)}.ym-glow{top:-260px;width:800px;height:600px;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,0) 64%)}.ym-glow,.ym-haze{position:fixed;z-index:-2;left:50%;transform:translateX(-50%);pointer-events:none}.ym-haze{bottom:-180px;width:620px;height:420px;border-radius:50%;filter:blur(70px);opacity:.14;background:var(--indigo)}.ym-wrap{z-index:1;max-width:460px;margin:0 auto;padding:0 16px}.glass,.ym-wrap{position:relative}.glass{background:var(--glass);border:1px solid transparent;background-image:linear-gradient(var(--glass),var(--glass)),linear-gradient(135deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.25) 22%,rgba(120,140,255,.1) 44%,hsla(0,0%,100%,.15) 60%,rgba(255,120,190,.1) 78%,hsla(0,0%,100%,.9) 100%);background-origin:border-box;background-clip:padding-box,border-box;backdrop-filter:blur(30px) saturate(180%) brightness(1.06);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.06);box-shadow:var(--glass-shadow),inset 0 1px 1px #fff,inset 0 -6px 14px hsla(0,0%,100%,.28),inset 0 12px 24px rgba(180,200,255,.14)}.glass:before{background:radial-gradient(120% 80% at 30% -10%,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,0) 42%),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 24%);opacity:.9}.glass:after,.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen}.glass:after{background:radial-gradient(100% 70% at 70% 116%,rgba(150,180,255,.22) 0,rgba(150,180,255,0) 46%)}.ym-top{display:flex;align-items:center;justify-content:space-between;padding:22px 2px 6px}.ym-brand{display:flex;align-items:baseline;gap:10px}.ym-brand .en{font-weight:700;font-size:21px;letter-spacing:.16em;color:var(--ink)}.ym-header-actions{gap:8px}.ym-header-actions,.ym-streak{display:flex;align-items:center}.ym-streak{gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft);padding:7px 13px;border-radius:999px;background:var(--glass);border:.5px solid var(--glass-stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-inset)}.ym-streak b{color:var(--indigo);font-weight:700}.ym-streak .dot{width:6px;height:6px;border-radius:50%;background:var(--indigo)}.ym-iconbtn{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:var(--ink-soft);background:var(--glass);border:.5px solid var(--glass-stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-inset);font-family:inherit}.ym-iconbtn svg{width:17px;height:17px}.ym-iconbtn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.ym-tag{text-align:center;font-size:12px;color:var(--ink-faint);padding:4px 0 2px;font-weight:500;letter-spacing:.02em}.ym-tag .day{color:var(--ink-soft);font-weight:600}.ym-level{color:var(--indigo);font-weight:700}.ym-clue{text-align:center;padding:22px 0 6px}.ym-cat{display:inline-flex;align-items:center;font-weight:600;font-size:11px;letter-spacing:.12em;color:var(--indigo);padding:6px 14px;border-radius:999px;margin-bottom:16px;background:var(--glass-strong);border:.5px solid var(--glass-stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-inset)}.ym-cat,.ym-mean-label{text-transform:uppercase}.ym-mean-label{font-weight:500;font-size:10.5px;color:var(--ink-faint);letter-spacing:.1em}.ym-mean{margin-top:6px;font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--ink)}.ym-mean .em{font-size:25px;margin-left:8px;opacity:.8}.ym-mora{margin-top:9px;font-size:12px;color:var(--ink-faint);letter-spacing:.02em}.ym-board{display:grid;grid-gap:8px;padding:18px 0 8px}.ym-board,.ym-row{gap:8px;justify-content:center}.ym-row{display:flex}.ym-tile{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-family:var(--kana);font-weight:600;font-size:25px;color:var(--ink);background:hsla(0,0%,100%,.5);border:1.5px solid hsla(0,0%,100%,.8);box-shadow:var(--glass-inset);transition:transform .1s,border-color .15s,background .15s}.ym-tile.cur{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(59,76,202,.14),var(--glass-inset)}.ym-tile.filled{background:hsla(0,0%,100%,.82);animation:ym-pop .12s ease}@keyframes ym-pop{0%{transform:scale(.92)}to{transform:scale(1)}}.ym-tile.correct{background:var(--correct);border-color:var(--correct);color:#fff}.ym-tile.present{background:var(--present);border-color:var(--present);color:#fff}.ym-tile.absent{background:var(--absent);border-color:var(--absent);color:#fff}.ym-tile.reveal{animation:ym-flip .5s ease forwards}@keyframes ym-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.ym-kb{margin-top:10px;padding:14px;border-radius:var(--radius-xl)}.ym-kb-label{text-align:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px;font-weight:600}.ym-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px}.ym-key{position:relative;overflow:hidden;height:46px;border-radius:12px;border:.5px solid hsla(0,0%,100%,.9);cursor:pointer;background:hsla(0,0%,100%,.72);box-shadow:inset 0 1px .5px #fff,inset 0 -3px 6px hsla(0,0%,100%,.5),0 3px 7px rgba(40,50,80,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .08s,background .12s,box-shadow .12s;font-family:inherit;padding:0;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.ym-key:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,0) 45%);mix-blend-mode:screen}.ym-key:active{transform:translateY(1px) scale(.97);background:hsla(0,0%,100%,.95);box-shadow:inset 0 1px 3px rgba(120,140,200,.25)}.ym-key .k{font-family:var(--kana);font-size:20px;color:#101218}.ym-key .k,.ym-key .r{font-weight:600;line-height:1}.ym-key .r{font-size:10px;color:#676b77}.ym-key.empty{background:transparent;box-shadow:none;border:none;cursor:default}.ym-key:not(.empty):hover{background:hsla(0,0%,100%,.9)}.ym-key:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.ym-util{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px;margin-top:5px}.ym-ukey{height:44px;border-radius:11px;border:.5px solid hsla(0,0%,100%,.8);cursor:pointer;font-weight:600;font-size:13px;color:var(--ink);background:hsla(0,0%,100%,.46);box-shadow:var(--glass-inset);display:flex;align-items:center;justify-content:center;gap:4px;transition:transform .08s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:inherit}.ym-ukey .sub{font-size:9px;color:var(--ink-faint);font-weight:600}.ym-ukey:active{transform:translateY(1px)}.ym-ukey.kana{font-family:var(--kana);font-size:18px;color:#101218}.ym-ukey.enter{grid-column:span 2;color:#fff;border:none;background:linear-gradient(150deg,var(--indigo),var(--indigo-deep));box-shadow:0 4px 12px rgba(59,76,202,.38),inset 0 1px 0 hsla(0,0%,100%,.4)}.ym-ukey.enter:disabled{opacity:.45;cursor:default}.ym-ukey:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.ym-reveal{position:fixed;inset:0;z-index:40;display:none;align-items:flex-end;justify-content:center;background:rgba(30,35,55,.28)}.ym-reveal.show{display:flex;animation:ym-fade .2s ease}@keyframes ym-fade{0%{opacity:0}to{opacity:1}}.ym-sheet{width:100%;max-width:460px;border-radius:30px 30px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));background:var(--glass-strong);border:.5px solid var(--glass-stroke);border-bottom:none;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);box-shadow:0 -16px 50px rgba(30,35,55,.2),var(--glass-inset);animation:ym-slide .34s cubic-bezier(.32,.72,0,1);max-height:92vh;overflow-y:auto}@keyframes ym-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ym-result{font-weight:700;font-size:14px;text-align:center;margin-bottom:4px;letter-spacing:.01em}.ym-result.win{color:var(--correct)}.ym-result.lose{color:var(--indigo-deep)}.ym-word{text-align:center;margin-top:10px}.ym-word .big{font-family:var(--kana);font-weight:600;font-size:46px;color:var(--ink);letter-spacing:.05em}.ym-word .romaji{font-weight:600;font-size:15px;color:var(--indigo);margin-top:3px;letter-spacing:.02em}.ym-word .meaning{font-size:14px;color:var(--ink-soft);margin-top:3px}.ym-ex{margin-top:18px;border-radius:var(--radius);padding:15px 16px;background:hsla(0,0%,100%,.6);border:.5px solid var(--glass-stroke);box-shadow:var(--glass-inset)}.ym-ex .jp{font-family:var(--kana);font-weight:500;font-size:17px;color:var(--ink);line-height:1.55}.ym-ex .tr{font-size:12.5px;color:var(--ink-soft);margin-top:5px}.ym-countdown{margin-top:16px;text-align:center;font-size:12px;color:var(--ink-faint);letter-spacing:.02em}.ym-countdown b{color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.ym-stats{display:flex;justify-content:center;gap:22px;margin-top:16px}.ym-stat{text-align:center}.ym-stat .n{font-size:22px;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ym-stat .l{font-size:9.5px;letter-spacing:.08em;margin-top:2px}.ym-sharelabel,.ym-stat .l{text-transform:uppercase;color:var(--ink-faint);font-weight:600}.ym-sharelabel{text-align:center;font-size:11px;letter-spacing:.1em;margin:20px 0 10px}.ym-share-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px}.ym-sbtn{height:56px;border-radius:14px;border:.5px solid var(--glass-stroke);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:hsla(0,0%,100%,.62);box-shadow:var(--glass-inset);transition:transform .1s,background .12s;font-family:inherit;color:var(--ink)}.ym-sbtn:active{transform:translateY(1px)}.ym-sbtn:hover{background:hsla(0,0%,100%,.85)}.ym-sbtn svg{width:21px;height:21px}.ym-sbtn span{font-size:9px;font-weight:600;color:var(--ink-soft);letter-spacing:.01em}.ym-sbtn.x svg{color:#000}.ym-sbtn.ig svg{color:#e1306c}.ym-sbtn.fb svg{color:#1877f2}.ym-sbtn.tt svg{color:#010101}.ym-sbtn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.ym-share{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:700;font-size:15.5px;color:#fff;border:none;padding:15px;border-radius:14px;cursor:pointer;background:linear-gradient(150deg,var(--indigo),var(--indigo-deep));box-shadow:0 6px 16px rgba(59,76,202,.4),inset 0 1px 0 hsla(0,0%,100%,.4);transition:transform .1s,box-shadow .12s}.ym-share svg{width:18px;height:18px}.ym-share:active{transform:translateY(1px);box-shadow:0 3px 10px rgba(59,76,202,.4),inset 0 1px 0 hsla(0,0%,100%,.4)}.ym-share:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.ym-next{margin-top:12px;width:100%;font-family:inherit;font-weight:600;font-size:14.5px;color:var(--ink);background:hsla(0,0%,100%,.5);border:.5px solid var(--glass-stroke);box-shadow:var(--glass-inset);padding:14px;border-radius:14px;cursor:pointer;transition:transform .1s,background .12s}.ym-next:active{transform:translateY(1px)}.ym-next:hover{background:hsla(0,0%,100%,.72)}.ym-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(10px);z-index:60;color:var(--ink);font-size:13.5px;font-weight:500;padding:12px 20px;border-radius:999px;background:var(--glass-strong);border:.5px solid var(--glass-stroke);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);box-shadow:0 12px 34px rgba(30,35,55,.18),var(--glass-inset);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.ym-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.ym-done{margin:8px 0 0;padding:26px 22px;border-radius:var(--radius-xl);text-align:center}.ym-done .title{font-weight:700;font-size:17px;color:var(--ink)}.ym-done .sub{font-size:13px;color:var(--ink-soft);margin-top:6px;line-height:1.5}.ym-done .clock{margin-top:18px;font-size:30px;font-weight:700;color:var(--indigo);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.ym-done .clocklabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;margin-top:4px}.ym-modal-card{width:100%;max-width:420px;margin:auto 12px;border-radius:var(--radius-xl);padding:24px 22px calc(24px + env(safe-area-inset-bottom));background:var(--glass-strong);border:.5px solid var(--glass-stroke);backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);box-shadow:var(--glass-shadow),var(--glass-inset);animation:ym-fade .2s ease}.ym-modal-card h2{font-size:17px;font-weight:700;text-align:center;color:var(--ink)}.ym-modal-card .rule{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13.5px;color:var(--ink-soft);line-height:1.45}.ym-swatch{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--kana);font-weight:600;color:#fff;font-size:16px}.ym-swatch.correct{background:var(--correct)}.ym-swatch.present{background:var(--present)}.ym-swatch.absent{background:var(--absent)}.ym-reveal.centered{align-items:center}.ym-credit{margin-top:16px;font-size:11px;line-height:1.5;color:var(--ink-faint);text-align:center}.ym-credit a{color:var(--ink-soft);text-decoration:underline}@media (prefers-reduced-motion:reduce){*{animation:none!important}}