:root{--paper:#fbfaf5;--scroll-paper:#eee8dc;--scroll-paper-light:#fffaf0;--ink:#2d2926;--soft-ink:#5d5752;--grid:#2d29262e;--line:#2d292629;--shodo-red:#ff7e5f;--shodo-red-soft:#ffe1cf;--accent-orange-a:#ff7e5f;--accent-orange-b:#feb47b;--accent-orange-ink:#c2410c;--accent-orange-shadow:#ff7e5f57;--accent-gradient:linear-gradient(135deg, var(--accent-orange-a), var(--accent-orange-b));--accent-gradient-hover:linear-gradient(135deg, #ff6f4d, #ffa866);--shodo-gray:#6f7277;--shodo-gray-soft:#d9dcdf;--glass:#ffffffb8;--mono:"MS Gothic", "Yu Gothic", ui-monospace, SFMono-Regular, Consolas, monospace;--jp:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS Mincho", serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#11100f;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;place-items:center;padding:22px;display:grid;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.34;z-index:0;background-image:radial-gradient(#ffffff0f 1px,#0000 1.2px);background-size:40px 40px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#12101000 50%,#ffffff05 50%) 0 0/100% 4px,linear-gradient(90deg,#ffffff03,#ffffff02) 0 0/4px 100%;position:fixed;inset:0}#root{z-index:1;flex-direction:column;align-items:center;gap:20px;width:min(96vw,1600px);display:flex;position:relative}.app-container{background-color:var(--scroll-paper);background-image:repeating-linear-gradient(90deg,#6d5e520b 0 1px,#0000 1px 72px),repeating-linear-gradient(0deg,#ffffff40 0 1px,#0000 1px 7px),linear-gradient(#fffaf0eb,#eee8dcfa);border:1px solid #ffffff8c;border-radius:18px;width:100%;max-width:1200px;min-height:80vh;padding:clamp(22px,3vw,46px);position:relative;overflow:hidden;box-shadow:0 34px 90px #0000005c,inset 0 1px #fffffff2}.app-container:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#2d292609 1px,#0000 1px),linear-gradient(90deg,#2d292608 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.app-container:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#4e433a1f,#0000 36px calc(100% - 36px),#4e433a1f);position:absolute;inset:0}.app-container>*{z-index:1;position:relative}.kanji-display{font-family:var(--jp);color:#171615;text-shadow:8px 10px #ff7e5f1f,-3px -3px #ffffffb8;font-size:clamp(132px,16.8vw,172px);font-weight:800;line-height:.92}.reading-display{color:var(--soft-ink);font-family:var(--mono);font-size:clamp(24px,2.8vw,42px)}.btn{appearance:none;color:#2d2926b8;font-family:var(--mono);cursor:pointer;background:#ffffff7a;border:1px solid #2d29261f;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:700;transition:all .16s;box-shadow:inset 0 1px #ffffffb8}.btn:hover{color:var(--ink);background:#ffffffb8}.btn-primary{background:var(--accent-gradient);color:#fff9ee;box-shadow:0 0 0 1px #ffffff94 inset, 0 10px 26px var(--accent-orange-shadow);border-color:#ff7e5fc7}.btn-primary:hover{background:var(--accent-gradient-hover);color:#fff}.panel{z-index:1;background:#fffaf0db;border-radius:8px;margin-top:20px;padding:24px;position:relative;box-shadow:0 18px 44px #2d29261f,inset 0 1px #fffffff2}.canvas-container{aspect-ratio:1;background:#ffffff85;border:1px solid #2d292629;border-radius:8px;width:100%;max-width:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9}.canvas-container:before{content:"";pointer-events:none;background-image:linear-gradient(#2d29260b 1px,#0000 1px),linear-gradient(90deg,#2d29260b 1px,#0000 1px);background-size:50% 50%;position:absolute;inset:0}.svg-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stroke-guide{stroke:#2d29261f;stroke-width:1px;fill:none}.stroke-past{stroke:#3a3a3a6b;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.stroke-current{stroke:var(--accent-orange-a);stroke-width:4.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1s ease-out forwards drawStroke}@keyframes drawStroke{to{stroke-dashoffset:0}}.sc-root{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sc-canvas{aspect-ratio:1;background:#ffffff85;border:1px solid #2d292629;border-radius:12px;width:100%;max-width:320px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9}.sc-canvas:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#2d29260b 1px,#0000 1px),linear-gradient(90deg,#2d29260b 1px,#0000 1px);background-size:50% 50%;position:absolute;inset:0}.sc-svg{z-index:1;width:100%;height:100%;display:block;position:relative}.sc-guide{stroke:#2d29261f;stroke-width:.8px;fill:none}.sc-past{stroke:#3a3a3a6b;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.sc-current{stroke:var(--accent-orange-a);stroke-width:4.4px;stroke-linecap:round;stroke-linejoin:round;fill:none}.sc-future{stroke:#2d292614;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;fill:none}.sc-dot{fill:var(--accent-orange-a);filter:drop-shadow(0 0 4px #ff7e5f9e);animation:1.2s ease-in-out infinite sc-pulse}@keyframes sc-draw{to{stroke-dashoffset:0}}@keyframes sc-pulse{0%,to{opacity:1;r:3}50%{opacity:.6;r:4.5}}.sc-controls{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sc-counter{color:#2d292699;letter-spacing:.04em;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:800}.sc-auto-note{color:#2d292680;letter-spacing:.04em;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}.sc-buttons{gap:10px;display:flex}.sc-btn{appearance:none;color:#2d2926b8;cursor:pointer;letter-spacing:.04em;background:#ffffff80;border:1px solid #2d292624;border-radius:999px;padding:8px 18px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800;transition:all .16s;box-shadow:inset 0 1px #ffffffb8}.sc-btn:hover{color:#2d2926e6;background:#ffffffc7;transform:translateY(-1px)}.sc-btn-next{background:var(--accent-gradient);color:#fff9ee;border-color:#ff7e5fc7;box-shadow:inset 0 0 0 1px #ffffff94,0 0 14px #ff7e5f42}.sc-btn-next:hover{background:var(--accent-gradient-hover);color:#fff}.kc-card{z-index:1;background:#fff9eed6;border-radius:18px;width:100%;max-width:680px;padding:0;position:relative;overflow:hidden;box-shadow:0 18px 44px #2d29261f,inset 0 1px #fffffff2}.kc-border-glow{border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(120deg,#8b8e94,#ffd8bf,#fff,#6f7277,#feb47b,#8b8e94) 0 0/320% 320%;padding:2px;animation:7s linear infinite kc-frame;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes kc-frame{0%{background-position:0%}to{background-position:320%}}.kc-tabs{z-index:1;flex-wrap:wrap;gap:6px;padding:18px 20px 0;display:flex;position:relative}.kc-tab{appearance:none;color:#2d2926a6;cursor:pointer;letter-spacing:.04em;background:#ffffff80;border:1px solid #2d29261f;border-radius:999px;padding:7px 16px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800;transition:all .18s;box-shadow:inset 0 1px #ffffffb8}.kc-tab:hover{color:#2d2926e6;background:#ffffffc7}.kc-tab-active{background:var(--accent-gradient);color:#fff9ee;border-color:#ff7e5fc7;box-shadow:inset 0 0 0 1px #ffffff94,0 0 14px #ff7e5f42}.kc-tab-active:hover{background:var(--accent-gradient-hover);color:#fff}.kc-content{z-index:1;padding:24px 28px 32px;animation:.3s ease-out kc-fade;position:relative}@keyframes kc-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kc-learn{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.kc-kanji-big{color:#171615;text-shadow:6px 8px #ff7e5f1f,-2px -2px #ffffffb8;-webkit-user-select:none;user-select:none;font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,MS Mincho,serif;font-size:clamp(100px,20vw,180px);font-weight:800;line-height:1}.kc-meaning{color:#2d2926;letter-spacing:.02em;font-size:clamp(22px,3vw,32px);font-weight:700}.kc-readings{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.kc-reading-row{align-items:center;gap:8px;display:flex}.kc-reading-label{background:var(--accent-gradient);color:#fff9ee;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-family:Yu Mincho,YuMincho,serif;font-size:14px;font-weight:800;display:inline-flex}.kc-reading-value{color:#5d5752;letter-spacing:.04em;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(18px,2.2vw,24px)}.kc-meta{color:#2d292680;letter-spacing:.04em;gap:20px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800;display:flex}.kc-core-word{color:#2d2926;background:#ffffffa8;border:1px solid #2d292629;border-radius:999px;margin-top:4px;padding:6px 18px 8px;font-family:Yu Mincho,YuMincho,serif;font-size:clamp(20px,2.6vw,30px);font-weight:800;display:inline-block;box-shadow:inset 0 1px #fff}.kc-stroke-tab{justify-content:center;display:flex}.kc-story{flex-direction:column;gap:16px;display:flex}.kc-story-role,.kc-story-scene,.kc-visual-hook{color:#2d2926c7;font-size:15px;line-height:1.5}.kc-label-tag{background:var(--accent-gradient);color:#fff9ee;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-right:8px;padding:2px 10px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;display:inline-block}.kc-story-text{color:#2d2926d1;background:#ffffff80;border:1px solid #2d292614;border-radius:12px;margin:0;padding:16px;font-size:16px;line-height:1.6}.kc-culture{flex-direction:column;gap:22px;display:flex}.kc-culture-section{flex-direction:column;gap:12px;display:flex}.kc-culture-divider{letter-spacing:.12em;text-transform:uppercase;color:#2d292685;align-items:center;gap:12px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900;display:flex}.kc-culture-divider:before,.kc-culture-divider:after{content:"";background:linear-gradient(90deg,#0000,#ff7e5f61,#2d29261f);flex:1;height:1px}.kc-culture-divider:after{background:linear-gradient(90deg,#2d29261f,#ff7e5f61,#0000)}.kc-culture-divider span{background:#ffffff94;border:1px solid #ff7e5f3d;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px 5px;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.kc-culture p{color:#2d2926cc;background:#ffffff73;border:1px solid #2d292614;border-radius:14px;margin:0;padding:16px;font-size:16px;line-height:1.65}@media (width<=600px){.kc-card{border-radius:14px}.kc-content{padding:18px 16px 24px}.kc-tabs{gap:4px;padding:14px 14px 0}.kc-tab{padding:6px 12px;font-size:12px}.kc-kanji-big{font-size:clamp(80px,28vw,140px)}}.sp-root{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:760px;display:flex}.sp-category-panel{background:#fffaef7a;border:1px solid #57493f17;border-radius:24px;grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr);gap:14px;width:100%;padding:16px;display:grid;box-shadow:0 18px 48px #2c252214,inset 0 1px #ffffffb8}.sp-category-copy{color:#2d2926a8;flex-direction:column;gap:5px;padding:2px 0;display:flex}.sp-category-copy strong{color:#2d2926;font-family:Yu Mincho,YuMincho,serif;font-size:20px;line-height:1.1}.sp-category-copy span:last-child{font-size:13px;line-height:1.35}.sp-category-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#2d292675;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:900}.sp-category-buttons{flex-wrap:wrap;place-content:start flex-end;gap:8px;display:flex}.sp-category-btn{appearance:none;color:#2d2926b8;letter-spacing:.03em;cursor:pointer;background:#ffffffa8;border:1px solid #57493f1f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900;transition:all .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffb8}.sp-category-btn small{min-width:24px;height:20px;color:inherit;background:#2d292614;border-radius:999px;place-items:center;font-size:10px;display:grid}.sp-category-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.sp-category-btn-active{background:var(--accent-gradient);color:#fff9ee;box-shadow:0 0 0 1px #ffffff61 inset, 0 12px 26px var(--accent-orange-shadow);border-color:#ff7e5fc7}.sp-category-btn-active small{background:#ffffff3d}.sp-header{flex-direction:column;gap:8px;width:100%;display:flex}.sp-progress-label{color:#2d29269e;letter-spacing:.06em;justify-content:space-between;gap:12px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:800;display:flex}.sp-progress-label strong{color:#2d2926}.sp-progress-bar{background:#57493f21;border-radius:999px;width:100%;height:6px;overflow:hidden}.sp-progress-fill{background:var(--accent-gradient);border-radius:999px;height:100%;transition:width .4s}.sp-jump-strip{scrollbar-width:thin;gap:6px;width:100%;padding:4px 2px 8px;display:flex;overflow-x:auto}.sp-jump-btn{appearance:none;color:#2d2926c7;cursor:pointer;background:#ffffffa8;border:1px solid #57493f1f;border-radius:10px;flex:none;min-width:38px;height:36px;font-family:Yu Mincho,YuMincho,serif;font-size:19px;font-weight:800;transition:all .16s;box-shadow:inset 0 1px #ffffffb8}.sp-jump-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.sp-jump-btn-active{background:var(--accent-gradient);color:#fff9ee;box-shadow:0 0 0 1px #fff6 inset, 0 8px 20px var(--accent-orange-shadow);border-color:#ff7e5fc7}.sp-navigation-row{justify-content:space-between;gap:12px;width:100%;display:flex}.sp-nav-btn{appearance:none;color:#2d2926c7;letter-spacing:.04em;cursor:pointer;background:#ffffffa8;border:1px solid #57493f1f;border-radius:999px;padding:10px 16px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900;transition:all .16s;box-shadow:inset 0 1px #ffffffb8}.sp-nav-btn:hover:not(:disabled){background:#ffffffe6;transform:translateY(-1px)}.sp-nav-btn:disabled{opacity:.35;cursor:default}.sp-autoplay-panel{color:#2d292694;letter-spacing:.04em;background:#fffaef8c;border:1px solid #57493f1a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 14px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;display:flex}.sp-autoplay-primary{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.sp-autoplay-panel-active{border-color:#ff7e5f6b;box-shadow:0 10px 26px #ff7e5f1f}.sp-autoplay-btn{appearance:none;background:var(--accent-gradient);color:#fff9ee;cursor:pointer;letter-spacing:.05em;border:1px solid #ff7e5fb8;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:900;transition:all .16s;box-shadow:inset 0 0 0 1px #ffffff7a}.sp-autoplay-btn:hover{background:var(--accent-gradient-hover);transform:translateY(-1px)}.sp-autoplay-modes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sp-autoplay-mode-btn{appearance:none;color:#2d2926a8;letter-spacing:.04em;cursor:pointer;background:#ffffff94;border:1px solid #57493f1c;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:900;transition:all .16s}.sp-autoplay-mode-btn:hover{background:#ffffffdb;transform:translateY(-1px)}.sp-autoplay-mode-btn-active{color:#2d2926db;background:#ff7e5f21;border-color:#ff7e5fb8;box-shadow:inset 0 0 0 1px #ffffff61}.sp-action{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.sp-grade-prompt{appearance:none;background:var(--accent-gradient);color:#fff9ee;cursor:pointer;letter-spacing:.04em;box-shadow:0 0 0 1px #ffffff94 inset, 0 10px 26px var(--accent-orange-shadow);border:1px solid #ff7e5fc7;border-radius:999px;padding:12px 28px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:800;transition:all .16s}.sp-grade-prompt:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff94,0 14px 30px #ff7e5f6b}.sp-grade-note{color:#2d292685;font-size:12px}.sp-scoring{background:#fffaf0d1;border:1px solid #2d292614;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px;animation:.25s ease-out sp-fade;display:flex}@keyframes sp-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-scoring-label{color:#2d29268c;letter-spacing:.04em;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:800}.sp-grade-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sp-grade-btn{appearance:none;cursor:pointer;background:#ffffffa3;border:1px solid #2d29261f;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:10px 14px 8px;transition:all .16s;display:flex;box-shadow:inset 0 1px #ffffffb8}.sp-grade-btn:hover:not(:disabled){background:#ffffffe6;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffb8,0 4px 12px #2d292614}.sp-grade-btn:disabled{cursor:default;opacity:.5}.sp-grade-selected{transform:scale(1.08);background:var(--accent-gradient)!important;opacity:1!important;border-color:#ff7e5fc7!important}.sp-grade-selected .sp-grade-desc{color:#fff9ee}.sp-grade-emoji{font-size:22px;line-height:1}.sp-grade-desc{color:#2d292680;letter-spacing:.04em;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:800}.sp-complete,.sp-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.sp-complete-icon{background:var(--accent-gradient);color:#fff9ee;width:64px;height:64px;box-shadow:0 0 0 4px #ff7e5f26, 0 10px 26px var(--accent-orange-shadow);border-radius:50%;place-items:center;font-size:32px;font-weight:800;display:grid}.sp-complete h2,.sp-empty h2{color:#2d2926;margin:0;font-family:Yu Mincho,YuMincho,serif;font-size:28px}.sp-complete p,.sp-empty p{color:#2d2926a6;margin:0;font-size:16px}.sp-restart-btn{appearance:none;background:var(--accent-gradient);color:#fff9ee;cursor:pointer;letter-spacing:.04em;box-shadow:0 0 0 1px #ffffff94 inset, 0 10px 26px var(--accent-orange-shadow);border:1px solid #ff7e5fc7;border-radius:999px;padding:12px 28px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:800;transition:all .16s}.sp-restart-btn:hover{background:var(--accent-gradient-hover);transform:translateY(-1px)}@media (width<=720px){.sp-category-panel{grid-template-columns:1fr}.sp-category-buttons{justify-content:flex-start}}@media (width<=500px){.sp-grade-buttons{gap:6px}.sp-grade-btn{min-width:52px;padding:8px 10px 6px}.sp-grade-emoji{font-size:18px}.sp-navigation-row{flex-direction:column}}.app-container{z-index:1;flex-direction:column;align-items:center;gap:28px;display:flex;position:relative}.app-header{gap:12px;width:100%;max-width:720px;padding:0 8px;display:grid}.home-link{min-height:34px;color:var(--accent-orange-ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff9e;border:1px solid #2d292624;border-radius:999px;justify-self:start;align-items:center;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffffb8}.app-logo{align-items:center;gap:14px;display:flex}.app-logo-kanji{background:var(--accent-gradient);color:#fff9ee;width:52px;height:52px;box-shadow:0 0 0 1px #ffffff94 inset, 0 10px 24px var(--accent-orange-shadow);-webkit-user-select:none;user-select:none;border-radius:14px;place-items:center;font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,MS Mincho,serif;font-size:30px;font-weight:800;display:grid}.app-logo-text{flex-direction:column;gap:2px;display:flex}.app-logo-text h1{color:#2d2926;letter-spacing:.02em;margin:0;font-family:Yu Mincho,YuMincho,serif;font-size:24px;font-weight:800;line-height:1}.app-subtitle{color:#2d29268f;letter-spacing:.08em;text-transform:uppercase;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800}.app-main{flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex}.app-loading{color:#2d29269e;letter-spacing:.04em;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:800;display:flex}.app-loading-kanji{color:#ff7e5f73;font-family:Yu Mincho,YuMincho,serif;font-size:48px;animation:1.5s ease-in-out infinite app-pulse}@keyframes app-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.05)}}.app-footer{color:#2d292670;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:12px;font-family:MS Gothic,Yu Gothic,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}@media (width<=600px){.app-logo-kanji{border-radius:10px;width:42px;height:42px;font-size:24px}.app-logo-text h1{font-size:20px}}