.fp-heading{margin:10px 0 24px}.fp-heading h1{font-size:30px;letter-spacing:-1px;margin:5px 0 9px}.fp-heading>p:last-child{font-size:13px;line-height:1.7;color:var(--muted);max-width:47ch}.fp-home{margin:0 0 22px;padding:20px;border:1px solid #d4dfd6;border-radius:17px;background:linear-gradient(125deg,#e8f0e7,#f4f1e7)}.fp-home-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.fp-home h2{font-size:19px;margin:0}.fp-home p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 15px}.fp-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fp-home-actions a{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 8px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:600;background:#fff;border:1px solid #d8dfd4;color:var(--green)}.fp-home-actions a:last-child{color:#7d5f94}.fp-home-actions [lang]{font:24px DailyJP,sans-serif}.fp-home-top>a{font-size:11px;color:var(--green)}
#practicePane{max-width:680px;margin:0 auto;min-width:0}.fp-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.daily-app .fp-mode{display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left;padding:18px;border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0}.fp-mode>span{font:30px DailyJP,sans-serif;color:var(--green)}.fp-mode>b{font-size:14px}.fp-mode>small{font-size:11px;line-height:1.5;color:var(--muted)}.daily-app .fp-mode.selected{background:#edf3eb;border-color:#58846b;box-shadow:0 0 0 1px #58846b}.daily-app .fp-mode.write.selected{background:#f1edf6;border-color:#947ba7;box-shadow:0 0 0 1px #947ba7}.fp-mode.write>span{color:#86639b}.fp-setup{padding:22px;border:1px solid var(--line);background:#fff;border-radius:16px}.fp-section-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 20px}.fp-section-top h2{font-size:17px;margin:0}.fp-section-top>span{font-size:12px;color:var(--muted)}.fp-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.fp-settings label,#practicePane>label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);min-width:0}.fp-settings select,.fp-settings input,#practicePane>label select,#practicePane>label textarea{width:100%;min-width:0;max-width:100%;padding:11px;border:1px solid #d7dfd2;border-radius:8px;background:#fff;font:inherit;font-size:16px;line-height:1.3;color:var(--ink);min-height:44px;box-sizing:border-box}.fp-settings .fp-full{grid-column:1/-1}.fp-settings label:first-child{grid-column:1/-1}.fp-settings input[type=number]{font-size:16px}.fp-private{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink);margin:15px 0 8px}.fp-private input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.fp-small,.fp-time-example{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 0}.fp-time-example{padding:10px;border-radius:8px;background:#f6f3f9;color:#74568c}.fp-best{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin:17px 0 0}.fp-best>b{font-size:21px;font-weight:600;color:var(--green)}.fp-empty{padding:22px 12px;color:var(--muted);font-size:13px;line-height:1.6}.fp-empty a{color:var(--green)}.fp-resume{display:flex;align-items:center;gap:12px;background:#eaf0e5;border-radius:12px;padding:16px;margin:0 0 20px;flex-wrap:wrap}.fp-resume>span{flex:1;min-width:140px}.fp-resume b,.fp-resume small{display:block}.fp-resume b{font-size:13px}.fp-resume small{font-size:11px;color:var(--muted);margin:4px 0}.fp-resume button{font-size:12px!important;padding:10px!important}.fp-lab-link{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:22px 2px}.fp-lab-link b{font-size:14px;display:block}.fp-lab-link small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.fp-lab-link button{flex-shrink:0;font-size:11px!important;padding:10px!important}.fp-history{margin:20px 0}.fp-history h2,.fp-run-mistakes h2{font-size:17px}.fp-history>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.fp-history small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.fp-history b{text-align:right;font-size:22px}.fp-history b small{font-weight:400}
.practice-playing #appMain{max-width:600px;padding-top:8px;padding-bottom:20px}.practice-playing .app-header{position:static}.fp-game-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.fp-game-top>span{font-size:11px;color:var(--muted)}.fp-game-top button{padding:8px 0!important;font-size:12px!important;min-height:36px!important}.fp-hud{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 18px}.fp-hud>div{min-width:40px}.fp-hud>div:last-child{text-align:right}.fp-hud small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.fp-hud b{font-size:24px;font-weight:600}.fp-hud>span{display:flex;gap:7px}.fp-hud i{font-style:normal;font-size:21px;color:#b4bcb2}.fp-hud .alive{color:#bd7773}.fp-hud .lost{color:#d8ded4}.fp-timer{margin:13px 1px 0}.fp-timer>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:6px}.fp-timer b{font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink)}.fp-timer-track{height:5px;background:#e4e9df;border-radius:4px;overflow:hidden}.fp-timer-track i{height:100%;display:block;background:var(--green);width:100%;border-radius:4px}.fp-timer-track .urgent{background:#bc7265}.fp-prompt{text-align:center;margin:16px auto 13px;min-height:60px}.fp-glyph{font:100px/1.2 DailyJP,sans-serif;color:var(--ink);padding:6px 0}.fp-write-label{font-size:9px;letter-spacing:1.7px;color:#86699d}.fp-prompt h1{font-size:29px;line-height:1.2;margin:8px 0;letter-spacing:-.7px}.fp-prompt p{color:var(--muted);font-size:12px;line-height:1.5;max-width:40ch;margin:0 auto}.fp-pad{max-width:290px;margin:12px auto 0;border:1px solid #d5dccf;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 6px 22px #243d3405}.fp-pad canvas{display:block;width:100%;aspect-ratio:1;touch-action:none}.fp-ink-actions{display:flex;gap:7px;align-items:center;max-width:350px;margin:10px auto}.fp-ink-actions>span{flex:1;font-size:10px;color:var(--muted)}.fp-ink-actions button{min-height:38px!important;padding:9px 11px!important;font-size:11px!important}.fp-hints{display:flex;justify-content:center;gap:8px;margin:14px 0 7px;flex-wrap:wrap}.daily-app .fp-hint-button{border:1px solid #dbd3e1;border-radius:20px;color:#816293;background:#f5f1f7;font-size:10px;padding:7px 12px;min-height:34px}.fp-hint-button:disabled{opacity:.5}.fp-hint-text{font-size:12px;color:#826294;text-align:center;line-height:1.6;min-height:5px;margin:0 auto 12px;max-width:40ch}#fpAnswerForm{display:flex;gap:8px;max-width:430px;margin:0 auto}#fpAnswerForm input{min-width:0;flex:1;border:1px solid #bccdbf;background:#fff;border-radius:10px;padding:13px;font:16px/1.2 system-ui,sans-serif;color:var(--ink)}#fpAnswerForm input:focus{outline:2px solid #72a18d;outline-offset:2px}#fpAnswerForm button{font-size:12px!important;padding:12px!important}.fp-instruction{font-size:10px;text-align:center;color:var(--muted);margin:10px 0}.fp-feedback{padding:18px;border-radius:14px;border:1px solid #d3e1d4;background:#edf4ed;margin:16px auto 0;max-width:500px}.fp-feedback.incorrect{background:#f6f0e7;border-color:#e7d7bd}.fp-feedback.uncertain{background:#f4f0f8;border-color:#e2d6ea}.fp-result-heading>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#6c826d;margin-bottom:5px}.fp-result-heading>b{font-size:22px}.fp-result-heading>p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0}.fp-feedback-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:15px 0 0}.fp-feedback-actions button{font-size:12px!important}.fp-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:360px;margin:15px auto}.fp-comparison>div{display:flex;align-items:center;flex-direction:column;min-width:0;padding:10px;background:#fff;border:1px solid #dce3d4;border-radius:12px}.fp-comparison svg{width:100%;max-width:130px;height:auto;aspect-ratio:1}.fp-comparison .glyph{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.fp-comparison small{font-size:9px;color:var(--muted);margin:5px 0}.fp-no-ink{color:var(--muted);font-size:11px;margin:auto}.fp-checker-label{font-size:10px;color:#7a648a;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.fp-reasons{font-size:12px;line-height:1.6;padding-left:18px;margin:5px 0 13px}.fp-verdict{display:flex;gap:7px;flex-wrap:wrap}.fp-verdict button{font-size:11px!important;padding:9px 10px!important;min-height:37px!important}.fp-paused{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:calc(100% - 50px);max-width:350px;padding:35px 24px;text-align:center;background:#f8f9f5;border:1px solid #c9d6c9;box-shadow:0 0 0 100vmax #20342bab;z-index:90;border-radius:18px}.fp-paused h2{font-size:30px;margin:5px 0 12px}.fp-paused>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6}.fp-paused>button{display:block;width:100%;margin-top:14px}.fp-score-card{padding:35px 20px;border:1px solid #d6e2d4;border-radius:18px;background:#edf3e8;text-align:center;margin:20px auto}.fp-score-card h1{font-size:90px;line-height:1;font-weight:550;letter-spacing:-4px;color:var(--green);margin:25px 0 0}.fp-score-card>p{color:var(--muted);font-size:12px}.fp-score-details{display:flex;gap:12px;justify-content:space-around;margin:25px 0}.fp-score-details>span{font-size:10px;color:var(--muted)}.fp-score-details b{display:block;color:var(--ink);font-size:22px;margin-bottom:5px}.fp-run-mistakes>div{display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.fp-run-mistakes [lang]{font:30px DailyJP,sans-serif;grid-row:span 2}.fp-run-mistakes b{font-size:13px}.fp-run-mistakes small{font-size:11px;color:var(--muted);line-height:1.5}.fp-samples{margin:20px 0}.fp-samples>button{display:flex;gap:13px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;margin:8px 0;min-width:0}.fp-samples>button>span{font:30px DailyJP,sans-serif}.fp-samples>button>div{flex:1;min-width:0}.fp-samples b{font-size:13px}.fp-samples small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.fp-samples>button>svg{width:55px;height:55px;flex-shrink:0}#practicePane>label{margin:17px 0}.fp-pause-status{font-size:11px;text-align:center;color:var(--muted)}.fp-feedback[hidden],.fp-paused[hidden]{display:none}
@media(min-width:700px){.fp-modes{gap:18px}.fp-mode{padding:22px!important}.fp-settings{grid-template-columns:1fr 1fr 1fr}.fp-settings label:first-child{grid-column:1/-1}.fp-setup{padding:27px}.fp-game-top{margin-top:8px}}
@media(max-width:350px){.fp-heading h1{font-size:27px}.fp-setup{padding:16px}.fp-modes{gap:8px}.daily-app .fp-mode{padding:14px}.fp-mode>b{font-size:12px}.fp-home{padding:16px}.fp-home-actions{gap:8px}.fp-home-actions a{font-size:11px}.fp-feedback{padding:13px}.fp-pad{max-width:260px}.fp-prompt h1{font-size:25px}.fp-glyph{font-size:85px}.fp-hud{padding:9px 13px}.fp-comparison{gap:10px}.fp-feedback-actions{gap:7px}.fp-lab-link{gap:10px}.fp-lab-link button{max-width:105px}}
@media(prefers-reduced-motion:reduce){.practice-playing *{scroll-behavior:auto!important;transition:none!important}}

.daily-app .fp-replay{min-height:30px;padding:6px 8px;font-size:10px;margin-top:5px;border:1px solid #dae2d4;border-radius:7px;background:#f3f6ed;color:var(--green)}