.history{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 30px 28px}.history__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.history__title{color:var(--ink-1);margin:0;font-size:15px;font-weight:800}.history__controls{align-items:center;gap:16px;display:flex}.history__select{align-items:center;gap:8px;display:inline-flex}.history__select select{background:var(--surface-sunken);border:2px solid var(--line-soft);border-radius:var(--radius-pill);color:var(--ink-1);font:inherit;padding:6px 12px;font-size:12px;font-weight:700}.history__clear{border-radius:var(--radius-pill);border:2px solid var(--line-soft);color:var(--ink-3);padding:6px 14px;font-size:12px;font-weight:700;transition:border-color .14s,color .14s}.history__clear:hover{border-color:var(--pop-1);color:var(--pop-1)}.history__legend{color:var(--ink-2);flex-wrap:wrap;gap:8px;margin:16px 0 8px;padding:0;font-size:12px;font-weight:700;list-style:none;display:flex}.history__legend li{border-radius:var(--radius-pill);background:var(--surface-sunken);align-items:center;gap:7px;padding:4px 12px 4px 9px;display:inline-flex}.history__swatch{border-radius:var(--radius-pill);vertical-align:middle;width:11px;height:4px;display:inline-block}.history__plot{position:relative}.history__grid{stroke:var(--line-soft);stroke-width:1.5px}.history__grid.is-mid{stroke:var(--ink-3);stroke-dasharray:2 6;stroke-linecap:round}.history__crosshair{stroke:var(--ink-3);stroke-width:1.5px;stroke-dasharray:2 5;stroke-linecap:round}.history__tick,.history__axis,.history__direct{font-family:var(--font-ui);fill:var(--ink-3);font-size:10px;font-weight:700}.history__tick{text-anchor:end}.history__direct{fill:var(--ink-2)}.history__empty{color:var(--ink-3);margin:26px 0 20px;font-size:13px}.history__tooltip{z-index:2;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap;pointer-events:none;margin-top:-12px;padding:10px 14px;font-size:12px;font-weight:700;line-height:1.7;position:absolute;transform:translate(-50%,-100%)}.history__tooltip p{margin:0}.history__tooltip-head{color:var(--ink-3);font-weight:400}.history__tooltip-script{font-family:var(--font-round);color:var(--ink-1);font-weight:800;margin-bottom:4px!important}.meter{align-items:flex-end;gap:3px;height:34px;display:flex}.meter__tick{border-radius:var(--radius-pill);background:var(--line-soft);width:5px;height:13px;transition:background 70ms linear,height 70ms linear}.meter__tick:nth-child(4n+1){height:22px}.meter__tick.is-lit{background:var(--pop-2)}.meter__tick.is-clip.is-lit{background:var(--pop-1)}@media (prefers-reduced-motion:reduce){.meter__tick{transition:none}}.recorder{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.recorder__script{text-align:center;background:radial-gradient(circle at 12% 18%, color-mix(in oklab, var(--pop-3) 9%, transparent), transparent 42%), radial-gradient(circle at 88% 82%, color-mix(in oklab, var(--pop-1) 9%, transparent), transparent 42%);padding:46px 40px 40px}.recorder__kana{border-radius:var(--radius-pill);background:var(--pop-1);color:#fff;letter-spacing:.12em;margin:0 0 16px;padding:5px 15px;font-size:12px;font-weight:700;display:inline-block}.recorder__text{font-family:var(--font-round);letter-spacing:.01em;color:var(--ink-1);margin:0;font-size:clamp(28px,5.4vw,54px);font-weight:800;line-height:1.4}.recorder__panel{border-top:2px dashed var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding:24px 34px 28px;display:flex}.recorder__gauges{align-items:flex-end;gap:36px;display:flex}.recorder__gauges .label{margin:0 0 8px}.recorder__timer{min-width:96px}.recorder__elapsed{color:var(--ink-1);margin:0;font-size:32px;font-weight:800;line-height:1}.recorder__unit{color:var(--ink-3);margin-left:4px;font-size:12px;font-weight:700}.recorder__button{border:2px solid var(--line);border-radius:var(--radius-pill);background:var(--pop-1);color:#fff;box-shadow:var(--shadow);align-items:center;gap:11px;padding:16px 32px;font-size:15px;font-weight:800;transition:transform .12s cubic-bezier(.22,1.4,.4,1),box-shadow .12s,background .16s;display:inline-flex}.recorder__button:hover:not(:disabled){box-shadow:5px 7px 0 var(--line);transform:translate(-1px,-2px)}.recorder__button:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translate(3px,4px)}.recorder__button:disabled{background:var(--surface-sunken);color:var(--ink-3);box-shadow:var(--shadow-sm);cursor:progress}.recorder__button.is-recording{background:var(--ink-1)}.recorder__dot{background:currentColor;border-radius:50%;width:11px;height:11px}.recorder__button.is-recording .recorder__dot{background:var(--pop-1);animation:1.05s ease-in-out infinite blink}@keyframes blink{50%{opacity:.2;transform:scale(.72)}}.recorder__error{color:var(--pop-1);margin:0;padding:0 34px 24px;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.recorder__button,.recorder__button.is-recording .recorder__dot{transition:none;animation:none}}.tooltip{z-index:9998;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--ink-1);white-space:nowrap;pointer-events:none;padding:9px 14px;font-size:12px;font-weight:700;line-height:1.7;position:fixed;transform:translate(-50%,calc(-100% - 12px))}.bars__title{margin:0 0 4px}.bars__note{color:var(--ink-3);margin:0 0 16px;font-size:12px;line-height:1.6}.bars__list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.bars__row{cursor:default;grid-template-columns:6.5em 1fr 2.4em;align-items:center;gap:12px;display:grid}.bars__label{color:var(--ink-2);font-size:13px;font-weight:700}.bars__track{border-radius:var(--radius-pill);background:var(--surface-sunken);height:12px}.bars__fill{border-radius:var(--radius-pill);height:100%;transition:width .52s cubic-bezier(.22,1.2,.4,1);display:block}.bars__value{text-align:right;color:var(--ink-2);font-size:13px}@media (prefers-reduced-motion:reduce){.bars__fill{transition:none}}.heatmap__cells{flex-wrap:wrap;gap:6px;display:flex}.heatmap__cell{border-radius:var(--radius-sm);cursor:default;flex-direction:column;align-items:center;gap:1px;min-width:50px;padding:11px 8px 14px;transition:transform .16s cubic-bezier(.22,1.4,.4,1);display:flex;position:relative}.heatmap__cell:hover,.heatmap__cell:focus-visible{transform:translateY(-4px)rotate(-2deg)}.heatmap__kana{font-family:var(--font-round);color:var(--ink-1);font-size:25px;font-weight:800;line-height:1.15}.heatmap__value{color:var(--ink-2);font-size:11px}.heatmap__bar{border-radius:var(--radius-pill);height:4px;position:absolute;inset:auto 10px 6px}.heatmap__legend{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.heatmap__scale{gap:3px;display:inline-flex}.heatmap__scale span{border-radius:var(--radius-pill);width:28px;height:8px}.heatmap__ends{color:var(--ink-3);font-size:11px;font-weight:700}@media (prefers-reduced-motion:reduce){.heatmap__cell{transition:none}}.result{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.result__head{flex-wrap:wrap;align-items:center;gap:34px;padding:32px 34px 26px;display:flex}.result__heroblock{flex-direction:column;align-items:center;gap:12px;display:flex}.result__hero{border:2px solid var(--line);background:var(--surface-sunken);width:168px;height:168px;box-shadow:var(--shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.result__hero .label{color:var(--ink-2);margin:0 0 -4px}.result__total{font-family:var(--font-round);letter-spacing:-.02em;margin:0;font-size:66px;font-weight:800;line-height:1.05}.result__verdict{border-radius:var(--radius-pill);white-space:nowrap;margin:0;padding:5px 15px;font-size:12px;font-weight:700}.result__tiles{flex:340px;grid-template-columns:repeat(3,minmax(96px,1fr));gap:14px;margin:0;display:grid}.result__tile{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:12px 14px 11px}.result__tile dt{color:var(--ink-2);margin:0 0 3px}.result__tile dd{color:var(--ink-1);margin:0;font-size:26px;font-weight:800;line-height:1.1}.result__tile-unit{color:var(--ink-3);margin-left:5px;font-size:11px;font-weight:700}.result__disclaimer{color:var(--ink-3);max-width:64ch;margin:0;padding:0 34px 26px;font-size:12px;line-height:1.85}.result__section{padding:28px 34px 32px}.result__section-title{margin:0 0 16px}.result__grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:30px 34px;padding:30px 34px 34px;display:grid}.result__weakest,.result__misreadings{flex-direction:column;gap:7px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.result__weakest li,.result__misreadings li{background:var(--surface-sunken);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.result__weakest-phone{color:var(--ink-1);font-weight:700}.result__weakest-score{font-size:14px}.result__misreading-kind{color:var(--ink-3);font-size:11px;font-weight:700}.result__arrow{color:var(--ink-3);margin:0 7px}.result__empty{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--score-4) 14%, var(--surface));color:var(--score-4);margin:0;padding:9px 14px;font-size:13px;font-weight:700}.result__table{border-top:2px dashed var(--line-soft);padding:20px 34px 30px}.result__table summary{border:2px solid var(--line-soft);border-radius:var(--radius-pill);cursor:pointer;color:var(--ink-2);align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:700;list-style:none;display:inline-flex}.result__table summary::-webkit-details-marker{display:none}.result__table summary:before{content:"▶";font-size:9px;transition:transform .18s}.result__table[open] summary:before{transform:rotate(90deg)}.result__table summary:hover{border-color:var(--line);color:var(--ink-1)}.result__table table{border-collapse:collapse;width:100%;font-family:var(--font-mono);margin-top:18px;font-size:11px}.result__table caption{text-align:left;color:var(--ink-3);margin-bottom:10px;font-size:12px}.result__table th,.result__table td{text-align:left;border-bottom:1px solid var(--line-soft);color:var(--ink-2);padding:6px 10px 6px 0}.result__table th{color:var(--ink-3);font-weight:700}.result__recognized{font-family:var(--font-mono);color:var(--ink-2);word-break:break-all;flex-direction:column;gap:6px;margin:18px 0 0;font-size:11px;display:flex}@media (width<=560px){.result__tiles{grid-template-columns:repeat(2,minmax(96px,1fr))}}.picker__heading{margin:0 0 14px}.picker__list{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.picker__card{text-align:left;background:var(--surface);border:2px solid var(--line-soft);border-radius:var(--radius-sm);flex-direction:column;gap:8px;width:100%;height:100%;padding:16px 18px 15px;transition:transform .15s cubic-bezier(.22,1.4,.4,1),border-color .15s,box-shadow .15s;display:flex}.picker__card:hover{border-color:var(--line);box-shadow:var(--shadow-sm);transform:translate(-1px,-2px)}.picker__card.is-selected{border-color:var(--line);box-shadow:var(--shadow);transform:translate(-2px,-3px)}.picker__kana{color:var(--ink-3);font-size:11px;font-weight:700}.picker__card.is-selected .picker__kana{color:var(--pop-1)}.picker__text{font-family:var(--font-round);color:var(--ink-1);font-size:18px;font-weight:700;line-height:1.45}.picker__meta{color:var(--ink-3);align-items:center;gap:10px;margin-top:auto;font-size:11px;display:flex}.picker__difficulty{gap:3px;display:inline-flex}.picker__difficulty span{border-radius:var(--radius-pill);background:var(--line-soft);width:13px;height:5px}.picker__difficulty span.is-on{background:var(--pop-4)}@media (prefers-reduced-motion:reduce){.picker__card{transition:none}}.app{max-width:1040px;margin:0 auto;padding:0 24px 96px}.app__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:56px 0 28px;display:flex}.app__title{font-family:var(--font-round);letter-spacing:.02em;color:var(--ink-1);margin:0;font-size:clamp(30px,4.6vw,44px);font-weight:800;line-height:1.15}.app__title:after{content:"";border-radius:var(--radius-pill);background:var(--pop-1);width:74px;height:7px;margin-top:10px;display:block}.app__tagline{color:var(--ink-2);margin:12px 0 0;font-size:14px}.app__privacy{background:var(--surface);border:2px solid var(--line-soft);border-radius:var(--radius-pill);color:var(--ink-2);align-items:center;gap:8px;margin:0;padding:9px 18px;line-height:1.6;display:inline-flex}.app__privacy:before{content:"";background:var(--pop-2);border-radius:50%;flex:none;width:9px;height:9px}@media (width<=720px){.app__privacy{border-radius:var(--radius-sm);align-items:flex-start}.app__privacy:before{margin-top:7px}}.app__main{flex-direction:column;gap:34px;padding-top:8px;display:flex}.app__error{background:color-mix(in oklab, var(--pop-1) 12%, var(--surface));border:2px solid var(--pop-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--ink-1);margin:0;padding:15px 20px;font-size:14px;font-weight:700}:root{--bg:#fff6ec;--surface:#fff;--surface-sunken:#fdf0e2;--line:#221c1a;--line-soft:#ecdfd1;--ink-1:#221c1a;--ink-2:#6d605a;--ink-3:#a4948b;--pop-1:#f2385a;--pop-2:#00968f;--pop-3:#6d4aff;--pop-4:#c96a10;--series-total:var(--pop-1);--series-accuracy:var(--pop-2);--series-speed:var(--pop-3);--series-fluency:var(--pop-4);--score-0:#dd1f58;--score-1:#cf6e08;--score-2:#978d84;--score-3:#0b9670;--score-4:#00805e;--font-round:"Hiragino Maru Gothic ProN", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif;--font-ui:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, monospace;--radius:22px;--radius-sm:14px;--radius-pill:999px;--shadow:4px 5px 0 var(--line);--shadow-sm:3px 3px 0 var(--line)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--line-soft) 1.5px, transparent 1.5px);background-size:22px 22px;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--pop-3);outline-offset:3px;border-radius:6px}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.rule{border-top:2px dashed var(--line-soft);height:0}.label{letter-spacing:.04em;color:var(--ink-2);font-size:11px;font-weight:700;display:inline-block}.readout{font-variant-numeric:tabular-nums;font-weight:700}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.rise{animation:.46s cubic-bezier(.22,1.4,.4,1) both pop-in}@media (prefers-reduced-motion:reduce){.rise{animation:none}}