body.typing-modal-open{overflow:hidden}.fun-page{background:radial-gradient(circle at 12% 10%,rgba(246,196,69,.18),transparent 26%),radial-gradient(circle at 88% 14%,rgba(28,107,255,.12),transparent 25%),radial-gradient(circle at 22% 84%,rgba(34,160,107,.1),transparent 28%),linear-gradient(180deg,#fffdf6,#f7f7ef 48%,#fffdf8)}.fun-page .document-tool-head{position:relative;overflow:hidden;border:1px solid rgba(23,28,40,.08);border-radius:28px;background:linear-gradient(135deg,#fffffff0,#ffffffc7),radial-gradient(circle at 20% 0%,rgba(246,196,69,.22),transparent 32%),radial-gradient(circle at 92% 15%,rgba(255,68,51,.11),transparent 28%),#fffefb;box-shadow:0 26px 74px #171c2814;padding:28px}.fun-page .document-tool-head:after{content:"";position:absolute;right:24px;top:18px;width:150px;height:150px;border-radius:34px;background:linear-gradient(90deg,rgba(23,28,40,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(23,28,40,.1) 1px,transparent 1px),conic-gradient(from 45deg,#f6c445,#f43,#1c6bff,#22a06b,#f6c445);background-size:18px 18px,18px 18px,auto;opacity:.14;transform:rotate(8deg)}.fun-page .document-tool-head p,.fun-page .document-tool-head h1,.fun-page .document-tool-head span{position:relative;z-index:1}.fun-page .document-tool-head p{color:#8a5d00}.fun-page .document-tool-head h1{color:#171c28}.fun-tool{gap:22px}.fun-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:10px;width:min(100%,1040px);margin-inline:auto}.fun-tabs a{--fun-tab: #f6c445;display:inline-flex;align-items:center;gap:10px;min-height:54px;border:1px solid color-mix(in srgb,var(--fun-tab) 30%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--fun-tab) 14%,#fff),#fffefb 68%);color:#171c28;padding:10px 12px;text-align:left;box-shadow:0 14px 30px #171c2811;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.fun-tabs a:nth-child(1){--fun-tab: #f6c445}.fun-tabs a:nth-child(2){--fun-tab: #ff4433}.fun-tabs a:nth-child(3){--fun-tab: #1c6bff}.fun-tabs a:nth-child(4){--fun-tab: #22a06b}.fun-tabs a:nth-child(5){--fun-tab: #8b5cf6}.fun-tabs a:nth-child(6){--fun-tab: #f28c28}.fun-tabs a.is-active,.fun-tabs a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--fun-tab) 58%,#ffffff);background:linear-gradient(135deg,color-mix(in srgb,var(--fun-tab) 24%,#fff),#fff 72%);color:#171c28;box-shadow:0 18px 40px color-mix(in srgb,var(--fun-tab) 18%,transparent)}.fun-tab-icon{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:13px;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.72),transparent 32%),color-mix(in srgb,var(--fun-tab) 22%,#fff);color:color-mix(in srgb,var(--fun-tab) 72%,#111827);font-size:1rem;font-weight:950;line-height:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fun-tab) 22%,#ffffff)}.fun-tabs a.is-active .fun-tab-icon,.fun-tabs a:hover .fun-tab-icon{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.75),transparent 32%),color-mix(in srgb,var(--fun-tab) 34%,#fff)}.fun-card{position:relative;overflow:hidden;max-width:1040px;border:1px solid rgba(23,28,40,.08);border-radius:28px;background:linear-gradient(135deg,#fffffff5,#fffc),radial-gradient(circle at 0% 0%,rgba(246,196,69,.22),transparent 30%),radial-gradient(circle at 100% 8%,rgba(28,107,255,.12),transparent 30%),radial-gradient(circle at 90% 92%,rgba(34,160,107,.11),transparent 32%),#fffefb;padding:22px;box-shadow:0 30px 82px #171c281c}.fun-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#f6c445,#f43,#1c6bff,#22a06b,#8b5cf6,#f28c28)}.fun-card-head{position:relative}.fun-card-head .eyebrow{color:#815600}.fun-card-head h2{color:#171c28;font-size:clamp(1.38rem,2.6vw,2rem)}.fun-card-head span{color:#465162}.typing-test,.reaction-test,.picker-panel,.picker-result-card,.picker-saved,.picker-history,.wheel-stage-card,.wheel-editor-card,.wheel-save-card,.wheel-history-card,.dice-panel,.dice-result-card,.dice-save-card,.dice-history-card,.coin-panel,.coin-result-card,.coin-history-card{border-color:#171c2814;background:linear-gradient(180deg,#ffffffeb,#fffdf8e0),#fffefb;box-shadow:0 18px 44px #171c2813}.picker-mode-row,.wheel-topbar,.dice-topbar,.typing-topbar{border-color:#171c2814;background:linear-gradient(135deg,#ffffffe0,#faf8efe6);box-shadow:inset 0 1px #fffc}.picker-mode-row button,.wheel-theme button,.wheel-toggle,.wheel-spin-count,.dice-topbar button,.coin-options button,.coin-toggle,.typing-modes button{border-color:#171c281a;background:#fff;color:#26303b;box-shadow:0 8px 18px #171c280a}.picker-mode-row button.is-active,.picker-mode-row button:hover,.dice-topbar button.is-active,.dice-topbar button:hover,.wheel-theme button.is-active,.typing-modes button.is-active,.typing-modes button:hover{border-color:#171c28;background:linear-gradient(135deg,#232b38,#111827);color:#fff}.fun-card .button.primary,.picker-actions .button.primary,.dice-actions .button.primary,.coin-actions .button.primary,.reaction-actions .button.primary,.wheel-center-button .button{border-color:transparent;background:linear-gradient(135deg,#f6c445,#f28c28);color:#171c28;box-shadow:0 14px 28px #f28c2833}.fun-card .button.secondary,.picker-actions .button.secondary,.dice-actions .button.secondary,.coin-actions .button.secondary,.reaction-actions .button.secondary,.wheel-actions .button.secondary{border-color:#171c281a;background:#fff;color:#26303b;box-shadow:0 10px 22px #171c280d}.fun-card .button:hover,.picker-mode-row button:hover,.dice-topbar button:hover,.coin-options button:hover{transform:translateY(-1px)}.reaction-pad{border-color:#1c6bff29;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 28%),radial-gradient(circle at 82% 80%,rgba(246,196,69,.34),transparent 30%),linear-gradient(135deg,#eff6ff,#fff8dc 54%,#effbf4);box-shadow:0 22px 54px #1c6bff1f}.fun-feature-panel{max-width:1040px;border:1px solid rgba(23,28,40,.08);border-radius:22px;background:linear-gradient(135deg,#f6c4451c,#1c6bff0d),#fffefb;box-shadow:0 16px 42px #171c280e}.fun-feature-panel li{border:1px solid rgba(23,28,40,.06);background:#fff;color:#343c48;box-shadow:0 8px 18px #171c2809}.typing-test{gap:16px;padding:clamp(14px,2.2vw,20px);border-color:#242d361a;background:radial-gradient(circle at 12% 10%,rgba(246,196,69,.12),transparent 32%),linear-gradient(180deg,#fbfaf5,#eef2ea)}.typing-topbar{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;border-color:#242d3617;border-radius:18px;background:#fffffceb;box-shadow:0 10px 26px #242d360d}.typing-select-field{display:grid;gap:6px}.typing-select-field>span{color:#3f4854;font-size:.66rem;font-weight:950;letter-spacing:.02em;text-transform:uppercase}.typing-select-field select{width:100%;min-height:32px;appearance:none;border:1px solid #d9dfd4;border-radius:10px;background:linear-gradient(45deg,transparent 50%,#26303b 50%) calc(100% - 16px) 50% / 6px 6px no-repeat,linear-gradient(135deg,#fffefb,#f6f8f2);color:#202832;cursor:pointer;font:inherit;font-size:.74rem;font-weight:950;padding:5px 28px 5px 10px;outline:none;box-shadow:inset 0 1px #fffc}.typing-select-field select:focus{border-color:#d99008;box-shadow:0 0 0 3px #f6c44533}@media(min-width:980px){.typing-topbar{grid-template-columns:180px 132px 150px 190px;justify-content:space-between;align-items:end}.typing-actions{min-width:190px}}.typing-option-group{gap:6px;min-width:0}.typing-option-group>span{color:#3f4854;font-size:.66rem;letter-spacing:.02em}.typing-times,.typing-levels,.typing-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:5px}.typing-modes{grid-template-columns:repeat(2,minmax(72px,1fr))}.typing-times button,.typing-levels button,.typing-modes button{min-height:28px;border-color:#d9dfd4;border-radius:9px;background:#fff;color:#26303b;font-size:.68rem;line-height:1.05;padding:4px 7px;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.typing-times button:hover,.typing-levels button:hover,.typing-modes button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #242d3612}.typing-times button.is-active,.typing-levels button.is-active,.typing-modes button.is-active{background:linear-gradient(135deg,#25313d,#121820);border-color:#121820;color:#fff;box-shadow:0 7px 16px #12182024}.typing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-self:stretch}.typing-actions .button{min-height:38px;border-radius:14px;font-size:.78rem;padding:8px 11px;box-shadow:0 10px 22px #242d3614;transition:transform .15s ease,box-shadow .15s ease}.typing-actions .button.primary{background:linear-gradient(135deg,#f3bd32,#d99008);border-color:#c27a05;color:#171a20;box-shadow:0 10px 20px #d990082e}.typing-actions .button.secondary{background:linear-gradient(135deg,#fff,#f6f8f2);border-color:#d4dbcf;color:#26303b}.typing-actions .button:hover{transform:translateY(-1px);box-shadow:0 14px 26px #242d361a}.typing-stage{margin-top:4px;padding:clamp(14px,2.4vw,22px);border-radius:26px;background:linear-gradient(135deg,#ffffffdb,#f6f8f2f0),#f2f5ed}.typing-test[data-mode=word-flow] .typing-stage{padding:clamp(18px,3.4vw,30px);border:1px solid rgba(36,45,54,.08);border-radius:28px;background:radial-gradient(circle at 50% -10%,rgba(246,196,69,.18),transparent 34%),#f6f7f1;box-shadow:inset 0 1px #ffffffd9,0 18px 44px #242d3614;transition:box-shadow .18s ease,transform .18s ease}.typing-test.is-typing .typing-stage{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 28px 70px #242d362e}.typing-test[data-mode=word-flow] .typing-passage{min-height:clamp(146px,19vw,176px);max-height:clamp(146px,19vw,176px);border:1px solid rgba(36,45,54,.08);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#fdfcf7fa),repeating-linear-gradient(0deg,transparent 0 32px,rgba(23,28,40,.03) 33px);box-shadow:0 24px 54px #242d3621}.typing-test[data-mode=classic] .typing-passage,.typing-input-wrap textarea{border-radius:18px;background:linear-gradient(180deg,#fffefb,#fbfcf7),repeating-linear-gradient(0deg,transparent 0 30px,rgba(23,28,40,.03) 31px);box-shadow:inset 0 1px 2px #242d360a}.typing-input-wrap{border:1px solid rgba(36,45,54,.08);border-radius:20px;background:#fffffcb8;padding:12px}.typing-test[data-mode=word-flow] .typing-input-wrap{border:0;padding:0;background:transparent}.typing-stage-hint{margin-top:8px;color:#4c5664;font-size:.74rem}.typing-test[data-mode=word-flow] .fun-result-grid{gap:9px;margin:4px 0 12px}.typing-test[data-mode=word-flow] .fun-result-grid article{width:88px;min-height:74px;border:1px solid rgba(36,45,54,.06);border-radius:18px;background:#ffffffeb;box-shadow:0 8px 20px #242d360e}.typing-test[data-mode=word-flow] .fun-result-grid strong{font-size:clamp(1rem,2vw,1.35rem)}.typing-test[data-mode=word-flow] .fun-result-grid span{font-size:.58rem}.typing-test[data-mode=word-flow] .typing-input-wrap{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden;opacity:0}.typing-test[data-mode=word-flow] .fun-result-grid article:first-child{border-color:#f08a18;background:#fff9ec}.typing-history{background:#fffffcc7}.typing-topbar,.typing-test[data-mode=word-flow] .fun-result-grid,.typing-history,.fun-progress{transition:filter .18s ease,opacity .18s ease,transform .18s ease}.typing-test.is-typing .typing-topbar,.typing-test.is-typing[data-mode=word-flow] .fun-result-grid,.typing-test.is-typing .typing-history,.typing-test.is-typing .fun-progress{filter:blur(.7px);opacity:.42}.typing-test.is-typing .typing-topbar:hover,.typing-test.is-typing .typing-topbar:focus-within,.typing-test.is-typing[data-mode=word-flow] .fun-result-grid:hover,.typing-test.is-typing .typing-history:hover{filter:none;opacity:1}.typing-result-modal[hidden]{display:none}.typing-result-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.typing-result-backdrop{position:absolute;inset:0;background:#0f141985;backdrop-filter:blur(8px)}.typing-result-box{position:relative;z-index:1;width:min(100%,520px);border:1px solid rgba(255,255,255,.65);border-radius:26px;background:radial-gradient(circle at 20% 0%,rgba(246,196,69,.24),transparent 32%),linear-gradient(180deg,#fffefb,#f7f9f3);padding:clamp(20px,4vw,30px);box-shadow:0 28px 80px #0a0e1247;animation:typingResultIn .22s ease}.typing-result-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid rgba(36,45,54,.12);border-radius:999px;background:#fff;color:#20242a;font-size:1.25rem;font-weight:900;cursor:pointer}.typing-result-box h3{margin:0 0 16px;color:#171c28;font-size:clamp(1.45rem,4vw,2rem)}.typing-result-hero{display:grid;place-items:center;gap:4px;min-height:128px;border-radius:24px;background:linear-gradient(135deg,#202a35,#11171f);color:#fff}.typing-result-hero strong{font-size:clamp(3.2rem,12vw,5.2rem);line-height:.92}.typing-result-hero span{color:#f6c445;font-weight:900}.typing-result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.typing-result-stats article{display:grid;gap:4px;border:1px solid rgba(36,45,54,.08);border-radius:16px;background:#fff;padding:10px}.typing-result-stats span{color:#5b6470;font-size:.7rem;font-weight:950;text-transform:uppercase}.typing-result-stats strong{color:#171c28;font-size:1.08rem}.typing-result-box p:not(.eyebrow){color:#485360;font-weight:750}.typing-result-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.typing-result-actions .button.primary{background:linear-gradient(135deg,#f3bd32,#d99008);border-color:#c27a05;color:#171a20}@keyframes typingResultIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:620px){.typing-topbar{grid-template-columns:1fr}.typing-times{grid-template-columns:repeat(4,minmax(0,1fr))}.typing-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.typing-modes,.typing-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-test[data-mode=word-flow] .fun-result-grid article{width:calc(33.333% - 7px);min-width:0;min-height:72px}.typing-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.fun-seo-grid[data-astro-cid-5onsgkvp]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.fun-seo-grid[data-astro-cid-5onsgkvp] article[data-astro-cid-5onsgkvp],.fun-related-seo[data-astro-cid-5onsgkvp]{border:1px solid rgba(23,28,40,.1);border-radius:18px;background:linear-gradient(135deg,rgba(246,196,69,.16),transparent 58%),#fffdf8;padding:16px}.fun-seo-grid[data-astro-cid-5onsgkvp] h3[data-astro-cid-5onsgkvp],.fun-seo-grid[data-astro-cid-5onsgkvp] p[data-astro-cid-5onsgkvp],.fun-related-seo[data-astro-cid-5onsgkvp] h2[data-astro-cid-5onsgkvp]{margin:0}.fun-seo-grid[data-astro-cid-5onsgkvp] h3[data-astro-cid-5onsgkvp]{color:#171c28;font-size:1rem}.fun-seo-grid[data-astro-cid-5onsgkvp] p[data-astro-cid-5onsgkvp]{margin-top:8px}.fun-related-seo[data-astro-cid-5onsgkvp]{margin:26px 0}.fun-related-seo[data-astro-cid-5onsgkvp]>div[data-astro-cid-5onsgkvp]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.fun-related-seo[data-astro-cid-5onsgkvp] a[data-astro-cid-5onsgkvp]{display:grid;gap:4px;border:1px solid rgba(246,196,69,.26);border-radius:14px;background:#fff;color:#171c28;padding:12px;text-decoration:none}.fun-related-seo[data-astro-cid-5onsgkvp] a[data-astro-cid-5onsgkvp]:hover{border-color:#d9900880;transform:translateY(-1px)}.fun-related-seo[data-astro-cid-5onsgkvp] span[data-astro-cid-5onsgkvp]{font-weight:950}.fun-related-seo[data-astro-cid-5onsgkvp] small[data-astro-cid-5onsgkvp]{color:#4f5868;font-size:.82rem;line-height:1.45}@media(max-width:760px){.fun-seo-grid[data-astro-cid-5onsgkvp],.fun-related-seo[data-astro-cid-5onsgkvp]>div[data-astro-cid-5onsgkvp]{grid-template-columns:1fr}}