*{box-sizing:border-box;margin:0;padding:0}:root{--purple:#7c3aed;--purple-mid:#9d5cf6;--purple-lt:#c4b5fd;--purple-bg:#f5f0ff;--yellow:#fbbf24;--bg:#f8f5ff;--bg-dark:#e8e1f8;--text:#2e1065;--text-sub:#6d4fa0;--c1:#e8d5f5;--c2:#ddd0f7;--c3:#ede0fa;--c4:#d8cbf5;--c5:#fff3dc;--c6:#d6f0fc;--surface:#ede9fb;--card:#fff;--green:#059669;--radius:16px;--font:"Zen Maru Gothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif}body{background:#f8f5ff;background:var(--bg);color:#2e1065;color:var(--text);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);min-height:100vh}.app-root,.screen{display:flex;flex-direction:column;min-height:100vh}.screen{align-items:center;background:#f8f5ff;background:var(--bg);margin:0 auto;max-width:480px;padding:20px 16px 32px;width:100%}.pin-screen{background:linear-gradient(160deg,#b49fe8,#c4b5fd 50%,#ddd6fe);gap:24px;justify-content:center}.pin-title{align-items:center;display:flex;gap:12px;text-align:center}.pin-title h1{color:#fff;font-weight:900;text-shadow:0 2px 8px #6d40a04d}.pin-title h1,.star-icon{font-size:28px}.pin-subtitle{color:#ffffffd9;font-size:16px;text-align:center}.pin-dots{display:flex;gap:16px;justify-content:center}.pin-dot{background:#0000;border:2px solid #fff9;border-radius:50%;height:20px;transition:background .15s;width:20px}.pin-dot.filled{background:#fff;box-shadow:0 0 10px #fff9}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}}.pin-hint{color:#fde68a;font-size:14px;font-weight:700;min-height:20px;text-align:center}.pin-keypad{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,72px);justify-content:center}.pin-key{background:#ffffffe6;border:2px solid #fff6;border-radius:50%;box-shadow:0 4px 16px #6d40a040,inset 0 1px 0 #fffc;color:#2e1065;color:var(--text);cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:26px;font-weight:900;height:72px;transition:all .1s;width:72px}.pin-key:active{background:#7c3aed;background:var(--purple);box-shadow:0 2px 8px #6d40a04d;color:#fff;transform:scale(.93)}.pin-key.invisible{cursor:default;visibility:hidden}.home-v9{background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100vh;width:100%}.v9-header{background:linear-gradient(160deg,#7c3aed,#9d5cf6);background:linear-gradient(160deg,var(--purple) 0,var(--purple-mid) 100%);overflow:hidden;padding:48px 24px 28px;position:relative}.v9-blob1{background:#ffffff12;height:160px;right:-40px;top:-50px;width:160px}.v9-blob1,.v9-blob2{border-radius:50%;pointer-events:none;position:absolute}.v9-blob2{background:#ffffff0d;bottom:-20px;height:100px;left:20px;width:100px}.v9-header-inner{position:relative;z-index:1}.v9-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.v9-logo-sub{color:#ffffff80;font-size:10px;font-weight:700;letter-spacing:2.5px;margin-bottom:1px;text-transform:uppercase}.v9-logo-main{color:#fff;font-family:Nunito,sans-serif;font-size:22px;font-weight:900;line-height:1}.v9-logo-main span{color:#fbbf24;color:var(--yellow)}.v9-streak-chip{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:24px;color:#fff;display:flex;font-size:12px;font-weight:700;gap:5px;padding:6px 14px 6px 10px}.v9-streak-chip .chip-icon{color:#fbbf24;color:var(--yellow);font-size:13px}.v9-greeting-msg{color:#fff;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:16px}.v9-greeting-msg span{color:#fbbf24;color:var(--yellow)}.v9-progress-box{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;padding:11px 14px}.v9-progress-row{color:#ffffffa6;display:flex;font-size:11px;font-weight:500;justify-content:space-between;margin-bottom:7px}.v9-progress-row strong{color:#fff}.v9-progress-track{background:#ffffff26;border-radius:10px;height:6px;overflow:hidden}.v9-progress-fill{background:linear-gradient(90deg,#fbbf24,#fcd34d);background:linear-gradient(90deg,var(--yellow) 0,#fcd34d 100%);border-radius:10px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.v9-content{background:#f8f5ff;background:var(--bg);padding:20px 18px 0}.v9-content-muted{background:#e8e1f8;background:var(--bg-dark);padding:20px 18px 24px;position:relative;width:100%}.v9-content-muted:before{background:linear-gradient(180deg,#f8f5ff,#e8e1f8);background:linear-gradient(to bottom,var(--bg),var(--bg-dark));content:"";height:16px;left:0;pointer-events:none;position:absolute;right:0;top:-16px}.v9-sec-label{align-items:center;display:flex;gap:7px;margin-bottom:18px}.v9-sec-label-icon{color:#7c3aed;color:var(--purple);flex-shrink:0;height:14px;width:14px}.v9-sec-label-text{color:#7c3aed;color:var(--purple);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.v9-sec-label-line{background:linear-gradient(90deg,#c4b5fd,#0000);background:linear-gradient(90deg,var(--purple-lt) 0,#0000 100%);flex:1 1;height:1px}.v9-calendar-section{background:#e8e1f8;background:var(--bg-dark);padding:20px 18px 24px;position:relative}.v9-calendar-section:before{background:linear-gradient(180deg,#f8f5ff,#e8e1f8);background:linear-gradient(to bottom,var(--bg),var(--bg-dark));content:"";height:16px;left:0;pointer-events:none;position:absolute;right:0;top:-16px}.v9-btn-start{align-items:center;background:linear-gradient(135deg,#7c3aed,#9d5cf6);background:linear-gradient(135deg,var(--purple) 0,var(--purple-mid) 100%);border:none;border-radius:20px;box-shadow:0 6px 20px #7c3aed59;color:#fff;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:18px;font-weight:900;gap:10px;justify-content:center;margin:20px 18px 24px;padding:18px;transition:transform .12s,box-shadow .12s;width:calc(100% - 36px)}.v9-btn-start:active{box-shadow:0 2px 8px #7c3aed33;transform:scale(.97)}.btn-back{align-self:flex-start;background:none;border:1px solid #c4b5fd;border:1px solid var(--purple-lt);border-radius:20px;color:#6d4fa0;color:var(--text-sub);cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;margin-bottom:8px;padding:6px 14px}.btn-back:hover{background:#f5f0ff;background:var(--purple-bg)}.text-select-screen{background:#f8f5ff;background:var(--bg);gap:0;padding:0}.text-select-header{background:linear-gradient(160deg,#7c3aed,#9d5cf6);background:linear-gradient(160deg,var(--purple) 0,var(--purple-mid) 100%);overflow:hidden;padding:48px 24px 28px;position:relative;width:100%}.text-select-header .v9-blob1,.text-select-header .v9-blob2{border-radius:50%;pointer-events:none;position:absolute}.text-select-header .v9-blob1{background:#ffffff12;height:140px;right:-30px;top:-40px;width:140px}.text-select-header .v9-blob2{background:#ffffff0d;bottom:-10px;height:80px;left:20px;width:80px}.text-select-header-inner{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.text-select-title{color:#fff;font-family:Nunito,sans-serif;font-size:20px;font-weight:900}.text-select-body{padding:20px 18px 32px}.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;width:100%}.filter-btn{background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:20px;color:#6d4fa0;color:var(--text-sub);cursor:pointer;flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;min-width:52px;padding:6px 4px;transition:all .15s;white-space:nowrap}.filter-btn.active{background:#7c3aed;background:var(--purple);border-color:#7c3aed;border-color:var(--purple);color:#fff;font-weight:700}.filter-empty{color:#6d4fa0;color:var(--text-sub);font-size:13px;padding:16px 0;text-align:center;width:100%}.books-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding-top:24px}.action-cards-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:8px;padding-top:28px}.action-card{padding:32px 10px 14px!important}.action-card .card-title{font-size:14px!important}.action-card .card-author{font-size:10px!important}.action-card .card-icon-wrap{font-size:28px!important;height:58px!important;top:-26px!important;width:58px!important}.book-card-disabled{cursor:not-allowed;opacity:.65}.book-card-disabled:hover{box-shadow:0 4px 16px #7c3aed1a!important;transform:none!important}.card-seibi{background:#fee2e2e6;border-radius:10px;color:#dc2626;display:inline-block;font-size:9px;font-weight:800;margin-top:3px;padding:2px 7px}.book-card{animation:card-pop .4s ease both;border:none;border-radius:20px;box-shadow:0 4px 16px #7c3aed1a;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);overflow:visible;padding:28px 8px 12px;position:relative;text-align:center;transition:all .22s cubic-bezier(.4,0,.2,1)}@keyframes card-pop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.book-card:first-child{animation-delay:.05s}.book-card:nth-child(2){animation-delay:.1s}.book-card:nth-child(3){animation-delay:.15s}.book-card:nth-child(4){animation-delay:.2s}.book-card:nth-child(5){animation-delay:.25s}.book-card:nth-child(6){animation-delay:.3s}.book-card:nth-child(7){animation-delay:.35s}.book-card:nth-child(8){animation-delay:.4s}.book-card:hover{box-shadow:0 10px 28px #7c3aed2e;transform:translateY(-4px) scale(1.02)}.book-card:active{transform:scale(.97)}.card-icon-wrap{background:#fff;box-shadow:0 4px 12px #7c3aed26;font-size:24px;height:52px;left:50%;line-height:1;top:-22px;transform:translateX(-50%);width:52px;z-index:2}.card-icon-wrap,.done-ring{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.done-ring{background:#fbbf24;background:var(--yellow);box-shadow:0 2px 6px #fbbf2466;color:#fff;font-size:10px;height:18px;right:8px;top:-16px;width:18px;z-index:3}.card-badge{background:#ffffff80;border-radius:20px;color:#2e106580;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;padding:2px 8px}.card-title{color:#2e1065;color:var(--text);font-size:11px;font-weight:900;line-height:1.35;margin-bottom:2px;word-break:break-all}.card-author{color:#2e10658c;font-size:8px;font-weight:700}.btn-delete-custom{align-items:center;background:#dc262626;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;width:18px;z-index:4}.btn-delete-custom:hover{background:#dc26264d}.text-preview-wrap{background:#fff;border:1px solid #c4b5fd;border:1px solid var(--purple-lt);border-radius:12px;overflow:hidden;padding:16px;width:100%}.text-preview-book{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;flex-direction:row-reverse;gap:6px;height:240px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;width:100%}.text-preview-col{color:#2e1065;color:var(--text);flex-shrink:0;font-size:15px;height:240px;letter-spacing:.1em;line-height:1.8;overflow:hidden;writing-mode:vertical-rl}.mode-screen{background:#f8f5ff;background:var(--bg);gap:0;padding:0}.mode-screen-header{background:linear-gradient(160deg,#7c3aed,#9d5cf6);background:linear-gradient(160deg,var(--purple) 0,var(--purple-mid) 100%);overflow:hidden;padding:48px 24px 28px;position:relative;width:100%}.mode-screen-header-inner{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.mode-screen-title{color:#fff;font-family:Nunito,sans-serif;font-size:20px;font-weight:900}.v9-text-card{background:#fff;border:1.5px solid #c4b5fd4d;border-radius:18px;box-shadow:0 3px 14px #7c3aed14;margin:20px 18px 0;padding:16px}.v9-text-meta{align-items:center;display:flex;gap:8px;margin-bottom:12px}.v9-text-book-badge{background:#f5f0ff;background:var(--purple-bg);border:1px solid #c4b5fd66;border-radius:20px;color:#7c3aed;color:var(--purple);font-size:11px;font-weight:700;padding:3px 11px}.v9-text-para-badge{color:#7c3aed66;font-size:11px;font-weight:500}.v9-text-body{color:#2e1065;color:var(--text);display:flex;flex-direction:row-reverse;font-size:15px;font-weight:500;height:180px;justify-content:flex-end;letter-spacing:.05em;line-height:2.1;overflow:hidden;text-orientation:mixed;width:100%;writing-mode:vertical-rl}.v9-text-footer{align-items:center;border-top:1px solid #c4b5fd33;display:flex;justify-content:space-between;margin-top:12px;padding-top:10px}.v9-text-footer-info{align-items:center;color:#7c3aed73;display:flex;font-size:11px;gap:4px}.v9-action-btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:14px 18px 24px}.v9-action-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:5px;padding:16px 12px;transition:transform .15s,box-shadow .15s}.v9-action-btn:hover{transform:translateY(-2px)}.v9-action-btn:active{transform:scale(.96)}.v9-btn-practice{background:#7c3aed;background:var(--purple);box-shadow:0 4px 16px #7c3aed4d}.v9-btn-real{background:#a78bfa;box-shadow:0 4px 16px #a78bfa59}.v9-btn-icon{font-size:22px}.v9-btn-title{color:#fff;font-size:15px;font-weight:700}.v9-btn-sub{color:#ffffffb3;font-size:10px;font-weight:500}.mode-title{color:#2e1065;color:var(--text);font-size:22px;font-weight:900;text-align:center}.renshyu-screen{gap:16px}.renshyu-header{align-items:center;display:flex;gap:12px;width:100%}.renshyu-title-wrap{display:flex;flex-direction:column;gap:1px}.renshyu-title-label{color:#7c3aed;color:var(--purple);font-size:26px;font-weight:800}.renshyu-title-book{color:#6d4fa0;color:var(--text-sub);font-size:22px;font-weight:700}.progress-bar-wrap{width:100%}.progress-label{color:#6d4fa0;color:var(--text-sub);font-size:12px;margin-bottom:4px;text-align:right}.progress-bar{background:#e8e1f8;background:var(--bg-dark);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c3aed,#9d5cf6);background:linear-gradient(90deg,var(--purple),var(--purple-mid));border-radius:4px;height:100%;transition:width .4s}.reading-box{background:#fff;border:2px solid #c4b5fd;border:2px solid var(--purple-lt);border-radius:20px;box-shadow:0 4px 20px #7c3aed14;padding:20px 20px 16px;width:100%}.reading-label{color:#6d4fa0;color:var(--text-sub);font-size:12px;font-weight:700;margin-bottom:12px}.reading-context{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row-reverse;gap:0;height:540px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;width:100%}.reading-col{color:#1a1a1a;flex-shrink:0;font-size:20px;height:540px;letter-spacing:.15em;line-height:2.1;overflow:hidden;padding:0 10px;transition:opacity .2s;writing-mode:vertical-rl}.reading-col.current{background:#fdf6d2d9;border-radius:8px;color:#1a1a1a;font-weight:900}.reading-col.context{opacity:.2}.reading-col.context-prev{opacity:.4}.reading-col.empty{min-width:20px}.btn-record{align-items:center;background:#7c3aed;background:var(--purple);border:none;border-radius:20px;box-shadow:0 6px 20px #7c3aed59;color:#fff;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:17px;font-weight:900;gap:10px;justify-content:center;padding:18px;transition:transform .1s;width:100%}.btn-record.recording{animation:pulse-btn 1s ease-in-out infinite;background:#dc2626}.rec-dot{animation:blink .8s step-end infinite;background:#fff;border-radius:50%;display:inline-block;height:12px;width:12px}@keyframes blink{50%{opacity:0}}.mic-icon{font-size:22px}.loading-box{align-items:center;color:#6d4fa0;color:var(--text-sub);display:flex;flex-direction:column;font-size:15px;gap:12px}.spinner{animation:spin .8s linear infinite;border:4px solid #e8e1f8;border-top-color:#7c3aed;border:4px solid var(--bg-dark);border-radius:50%;border-top-color:var(--purple);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.result-box{align-items:center;background:#fff;border:1px solid #c4b5fd;border:1px solid var(--purple-lt);border-radius:20px;box-shadow:0 2px 12px #7c3aed12;display:flex;flex-direction:column;gap:12px;padding:20px;width:100%}.result-stars{font-size:26px;letter-spacing:4px}.result-score{color:#7c3aed;color:var(--purple);font-size:40px;font-weight:900}.result-transcript{background:#e8e1f8;background:var(--bg-dark);border-radius:10px;font-size:14px;line-height:1.8;padding:10px 14px;width:100%}.result-label{color:#6d4fa0;color:var(--text-sub);display:block;font-size:12px;margin-bottom:4px}.result-feedback{color:#059669;color:var(--green);font-size:15px;font-weight:700;text-align:center}.result-actions{display:flex;gap:10px;width:100%}.btn-retry{background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:12px;color:#2e1065;color:var(--text);flex:1 1}.btn-next,.btn-retry{cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;padding:12px}.btn-next{background:#7c3aed;background:var(--purple);border:none;border-radius:12px;color:#fff;flex:2 1;font-weight:900}.honban-screen{gap:8px;height:100vh;justify-content:flex-start;overflow:hidden;padding-bottom:16px;padding-top:12px}.honban-header{text-align:center}.honban-title{color:#2e1065;color:var(--text);font-size:26px;font-weight:900}.honban-sub{color:#6d4fa0;color:var(--text-sub);font-size:14px;margin-top:2px}.text-box-wrap{flex:1 1;gap:6px;min-height:0;position:relative;width:100%}.scroll-btn,.text-box-wrap{align-items:center;display:flex}.scroll-btn{background:#f5f0ff;background:var(--purple-bg);border:none;border-radius:16px;color:#7c3aed;color:var(--purple);cursor:pointer;flex-shrink:0;font-size:28px;font-weight:900;height:72px;justify-content:center;line-height:1;transition:background .15s,transform .1s;width:44px}.scroll-btn:active{background:#7c3aed;background:var(--purple);color:#fff;transform:scale(.93)}.text-vertical-full{-webkit-overflow-scrolling:touch;background:#fff;border:2px solid #c4b5fd;border:2px solid var(--purple-lt);border-radius:20px;box-shadow:0 4px 20px #7c3aed14;display:flex;flex:1 1;flex-direction:row-reverse;gap:0;height:100%;justify-content:flex-start;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:20px}.vertical-line{color:#1a1a1a;flex-shrink:0;font-size:20px;font-weight:900;height:100%;letter-spacing:.15em;line-height:2.1;overflow:hidden;padding:0 10px;writing-mode:vertical-rl}.honban-action{align-items:center;display:flex;flex-direction:column;gap:14px;width:100%}.honban-hint{color:#6d4fa0;color:var(--text-sub);font-size:13px}.btn-honban-start{background:#7c3aed;background:var(--purple);border:none;border-radius:20px;box-shadow:0 6px 20px #7c3aed59;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:20px;font-weight:900;padding:18px;transition:transform .1s;width:100%}.btn-honban-start:active{transform:scale(.97)}.btn-honban-stop{animation:pulse-btn 1s ease-in-out infinite;background:#dc2626;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:18px;font-weight:900;padding:18px;width:100%}.countdown-box{align-items:center;display:flex;flex-direction:column;gap:12px}.countdown-num{animation:count-pop .3s ease-out;color:#7c3aed;color:var(--purple);font-size:80px;font-weight:900}@keyframes count-pop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.recording-indicator{align-items:center;color:#dc2626;display:flex;font-size:17px;font-weight:700;gap:10px}.score-screen{gap:18px;justify-content:center}.score-title{color:#2e1065;color:var(--text);font-size:26px;font-weight:900;text-align:center}.score-circle{align-items:center;background:linear-gradient(135deg,#7c3aed,#9d5cf6);background:linear-gradient(135deg,var(--purple) 0,var(--purple-mid) 100%);border-radius:50%;box-shadow:0 0 40px #7c3aed59;display:flex;flex-direction:column;height:140px;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s cubic-bezier(.17,.67,.42,1.3);width:140px}.score-circle.pop-in{opacity:1;transform:scale(1)}.score-num{color:#fff;font-size:52px;font-weight:900;line-height:1}.score-label{color:#ffffffb3;font-size:14px}.score-stars{font-size:34px;letter-spacing:6px}.transcript-box{background:#fff;border:1px solid #c4b5fd;border:1px solid var(--purple-lt);border-radius:12px;font-size:14px;line-height:1.8;padding:14px;width:100%}.transcript-label{color:#6d4fa0;color:var(--text-sub);display:block;font-size:12px;margin-bottom:6px}.transcript-text{color:#2e1065;color:var(--text);font-size:15px}.feedback-box{background:#05966914;border:1px solid #05966940;border-radius:12px;color:#059669;color:var(--green);font-size:15px;font-weight:700;padding:14px;text-align:center;width:100%}.btn-details{background:none;border:none;color:#6d4fa0;color:var(--text-sub);cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:13px}.details-list{display:flex;flex-direction:column;gap:6px;width:100%}.detail-row{align-items:center;background:#e8e1f8;background:var(--bg-dark);border-radius:8px;color:#2e1065;color:var(--text);display:flex;font-size:13px;gap:10px;padding:8px 12px}.detail-stars{flex-shrink:0;font-size:12px}.score-actions{display:flex;flex-direction:column;gap:10px;width:100%}.btn-game{animation:pulse-btn 2s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#9d5cf6);background:linear-gradient(135deg,var(--purple) 0,var(--purple-mid) 100%);border:none;border-radius:20px;box-shadow:0 6px 20px #7c3aed59;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:20px;font-weight:900;padding:18px;width:100%}.audio-actions{display:flex;flex-direction:column;gap:8px;width:100%}.btn-play{background:#05966912;border:2px solid #059669;border:2px solid var(--green);border-radius:14px;color:#059669;color:var(--green);cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;padding:13px;transition:background .15s;width:100%}.btn-play:active{background:#05966926}.btn-download{background:#f5f0ff;background:var(--purple-bg);border:2px solid #c4b5fd;border:2px solid var(--purple-lt);border-radius:14px;color:#7c3aed;color:var(--purple);cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;padding:11px;transition:background .15s;width:100%}.btn-download:active{background:#7c3aed26}.btn-download:disabled{cursor:not-allowed;opacity:.5}.game-locked-hint{background:#e8e1f8;background:var(--bg-dark);border:1px dashed #c4b5fd;border:1px dashed var(--purple-lt);border-radius:16px;color:#6d4fa0;color:var(--text-sub);font-size:13px;padding:14px;text-align:center;width:100%}.btn-home{background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:16px;color:#2e1065;color:var(--text);cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;padding:14px;width:100%}.shooting-screen{background:#1a1a2e;gap:14px;min-height:100vh;padding-top:16px}.shooting-title{color:#fff;font-size:20px;font-weight:900;text-align:center}.game-canvas{border:2px solid #ffffff1a;border-radius:12px;display:block;max-width:100%}.touch-controls{display:flex;gap:16px;justify-content:center;width:100%}.touch-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:20px;padding:16px;user-select:none;-webkit-user-select:none}.touch-shoot{background:#7c3aed40;border-color:#c4b5fd;border-color:var(--purple-lt);flex:1.5 1}.touch-btn:active{background:#7c3aed4d}.game-over-box{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 20px;width:100%}.game-over-icon{font-size:64px}.game-over-text{color:#fff;font-size:32px;font-weight:900}.game-over-score{color:#fbbf24;color:var(--yellow);font-size:20px}.photo-input-screen{align-items:center;background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:480px;min-height:100vh;padding:20px 16px;width:100%}.photo-input-header{text-align:center}.photo-input-header h3{color:#2e1065;color:var(--text);font-size:20px;font-weight:900}.photo-input-sub{color:#6d4fa0;color:var(--text-sub);font-size:13px;margin-top:4px}.drop-zone{align-items:center;background:#f5f0ff;background:var(--purple-bg);border:2px dashed #c4b5fd;border:2px dashed var(--purple-lt);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:40px 20px;text-align:center;transition:background .2s;width:100%}.drop-zone:hover{background:#7c3aed1a}.drop-zone-icon{font-size:48px}.drop-zone-sub{color:#6d4fa0;color:var(--text-sub);font-size:12px}.photo-preview{border-radius:12px;max-height:160px;object-fit:contain;opacity:.85;width:100%}.confirm-box{display:flex;flex-direction:column;gap:10px;width:100%}.confirm-label{font-size:13px}.confirm-hint,.confirm-label{color:#6d4fa0;color:var(--text-sub)}.confirm-hint{font-size:12px;text-align:center}.extracted-text-area{background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:12px;color:#2e1065;color:var(--text);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;line-height:1.8;outline:none;padding:12px;resize:vertical;width:100%}.extracted-text-area:focus{border-color:#7c3aed;border-color:var(--purple)}.confirm-actions{display:flex;gap:10px}.error-box{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.error-icon{font-size:48px}.manual-input-screen{align-items:flex-start;background:#f8f5ff;background:var(--bg);gap:8px}.manual-title-head{color:#2e1065;color:var(--text);font-size:20px;font-weight:700;margin-top:8px}.manual-sub{color:#6d4fa0;color:var(--text-sub);font-size:13px;margin-bottom:8px}.manual-form{display:flex;flex-direction:column;width:100%}.manual-label{font-size:13px}.manual-hint,.manual-label{color:#6d4fa0;color:var(--text-sub);margin-bottom:6px}.manual-hint{font-size:11px}.title-input{background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:10px;color:#2e1065;color:var(--text);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;outline:none;padding:10px 14px;width:100%}.title-input:focus{border-color:#7c3aed;border-color:var(--purple)}.calendar-wrap{background:#fff;border:1px solid #c4b5fd;border:1px solid var(--purple-lt);border-radius:16px;border-radius:var(--radius);padding:16px;width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cal-title{color:#2e1065;color:var(--text);font-size:15px;font-weight:700}.cal-nav-btn{align-items:center;background:#f5f0ff;background:var(--purple-bg);border:none;border-radius:10px;color:#7c3aed;color:var(--purple);cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;line-height:1;transition:background .15s;width:34px}.cal-nav-btn:active{background:#c4b5fd;background:var(--purple-lt)}.cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.cal-weekday{color:#6d4fa0;color:var(--text-sub);font-size:11px;font-weight:700;padding:4px 0;text-align:center}.cal-weekday.sun{color:#ef4444}.cal-weekday.sat{color:#3b82f6}.cal-cell{align-items:center;aspect-ratio:1;background:#e8e1f8;background:var(--bg-dark);border-radius:10px;display:flex;flex-direction:column;gap:1px;justify-content:center;position:relative}.cal-cell.empty{background:#0000}.cal-cell.today{background:#7c3aed26;border:2px solid #7c3aed;border:2px solid var(--purple)}.cal-cell.done{background:#fbbf241f}.cal-day-num{color:#2e1065;color:var(--text);font-size:12px;font-weight:700;line-height:1}.cal-cell.today .cal-day-num{color:#7c3aed;color:var(--purple);font-weight:900}.cal-cell:not(.today) .cal-day-num{color:#4c1d95}.cal-stamp{font-size:14px;line-height:1}.cal-dot{background:#c4b5fd;background:var(--purple-lt);border-radius:50%;display:block;height:6px;opacity:.4;width:6px}.catalog-hint-text{color:#6d4fa0;color:var(--text-sub);font-size:12px;margin-bottom:4px;text-align:center;width:100%}.catalog-work-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.catalog-publisher-label{background:#e8e1f8;background:var(--bg-dark);border-radius:8px;color:#6d4fa0;color:var(--text-sub);font-size:11px;padding:2px 8px}.text-card-publisher{color:#6d4fa0;color:var(--text-sub);font-size:10px;margin-top:2px}.text-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.text-card{background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:12px;color:#2e1065;color:var(--text);cursor:pointer;flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);min-width:100px;padding:10px 14px;text-align:center;transition:all .15s}.text-card.selected,.text-card:hover{background:#f5f0ff;background:var(--purple-bg);border-color:#7c3aed;border-color:var(--purple)}.text-card.selected{box-shadow:0 0 12px #7c3aed33}.text-card-title{color:#2e1065;color:var(--text);font-size:13px;font-weight:700}.text-card-author{color:#6d4fa0;color:var(--text-sub);font-size:11px;margin-top:2px}.text-card-meta{align-items:center;display:flex;gap:6px;margin-top:3px}.text-card-genre{color:#7c3aed;color:var(--purple);font-size:10px}.text-card-grade{background:#e8e1f8;background:var(--bg-dark);border-radius:6px;color:#6d4fa0;color:var(--text-sub);font-size:10px;padding:1px 5px}.text-card-custom{background:#f5f0ff!important;background:var(--purple-bg)!important;border-color:#7c3aed4d!important;position:relative}.text-card-custom.selected{border-color:#7c3aed!important;border-color:var(--purple)!important}.text-card-catalog{background:#fffbeb!important;border-color:#fbbf2466!important}.text-card-catalog.selected{border-color:#fbbf24!important;border-color:var(--yellow)!important}.text-card-manual{background:#0596690d!important;border-color:#0596694d!important}.text-card-manual.selected{border-color:#059669!important;border-color:var(--green)!important}.text-card-photo{background:#eff9ff!important;border-color:#0ea5e94d!important}.text-card-photo.selected{border-color:#0ea5e9!important}.catalog-screen{padding-bottom:40px}.catalog-grouped-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;width:100%}.catalog-pub-section{display:flex;flex-direction:column;gap:4px}.catalog-pub-header{background:#f5f0ff;background:var(--purple-bg);border-left:4px solid #7c3aed;border-left:4px solid var(--purple);border-radius:0 10px 10px 0;color:#7c3aed;color:var(--purple);font-size:15px;font-weight:800;margin:10px 0 4px;padding:7px 12px}.catalog-grade-section{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.catalog-grade-header{align-items:center;color:#6d4fa0;color:var(--text-sub);display:flex;font-size:12px;font-weight:800;gap:6px;padding:4px 8px 0}.catalog-grade-header:after{background:#e8e1f8;background:var(--bg-dark);border-radius:2px;content:"";flex:1 1;height:1.5px}.catalog-works-grid{display:flex;flex-direction:column;gap:6px;padding:0 2px}.catalog-work-card{align-items:center;background:#fff;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:12px;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:10px;padding:10px 14px;text-align:left;transition:all .15s;width:100%}.catalog-work-card:hover{background:#f5f0ff;background:var(--purple-bg);border-color:#7c3aed;border-color:var(--purple);transform:translateX(3px)}.catalog-work-card:active{transform:scale(.98)}.catalog-work-icon{flex-shrink:0;font-size:20px}.catalog-work-title{color:#2e1065;color:var(--text);flex:1 1;font-size:14px;font-weight:800}.catalog-work-author{color:#6d4fa0;color:var(--text-sub);flex-shrink:0;font-size:11px;font-weight:600}.v9-bottom-nav{background:#fff;border-top:1px solid #ede9fe;display:flex;flex-shrink:0;justify-content:space-around;padding:10px 0 20px;width:100%}.v9-nav-item{align-items:center;background:none;border:none;border-radius:14px;color:#c4b5fd;color:var(--purple-lt);cursor:pointer;display:flex;flex-direction:column;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:10px;font-weight:600;gap:3px;padding:5px 14px;transition:all .18s}.v9-nav-item.active{background:#f5f0ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.v9-nav-icon{font-size:20px;line-height:1}.book-card.selected{box-shadow:0 10px 28px #7c3aed40;outline:3px solid #7c3aed;outline:3px solid var(--purple);outline-offset:2px;transform:translateY(-4px) scale(1.02)}@media (min-width:600px){.honban-screen,.renshyu-screen{max-width:100%;padding:12px 40px 24px}.btn-honban-start,.btn-honban-stop{align-self:center;min-width:280px;width:auto}}@media (max-width:360px){.pin-key{font-size:20px;height:64px;width:64px}.pin-keypad{gap:8px;grid-template-columns:repeat(3,64px)}.v9-btn-start{font-size:16px;padding:16px}.books-grid{grid-template-columns:repeat(2,1fr)}}.record-screen{background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;gap:0;min-height:100vh;padding:0}.record-list{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:16px 16px 100px}.record-date-header{border-bottom:2px solid #f5f0ff;border-bottom:2px solid var(--purple-bg);color:#7c3aed;color:var(--purple);font-size:13px;font-weight:700;margin-bottom:8px;padding:16px 4px 8px}.record-item{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 10px #7c3aed14;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px}.record-item-body{flex:1 1;min-width:0}.record-item-title{color:#2e1065;color:var(--text);font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.record-mode-badge{border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px}.mode-honban{background:#ede9fe;color:#7c3aed;color:var(--purple)}.mode-renshyu{background:#d1fae5;color:#065f46}.record-stars{font-size:13px;letter-spacing:1px}.record-score{color:#7c3aed;color:var(--purple);font-size:13px;font-weight:700}.record-play-btn{align-items:center;background:#7c3aed;background:var(--purple);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:background .15s,transform .1s;width:40px}.record-play-btn:active{transform:scale(.92)}.record-play-btn.playing{animation:pulse-btn 1s infinite;background:#a78bfa}@keyframes pulse-btn{0%,to{box-shadow:0 0 0 0 #7c3aed66}50%{box-shadow:0 0 0 8px #7c3aed00}}.record-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.record-empty-icon{font-size:56px;margin-bottom:16px}.record-empty-text{color:#2e1065;color:var(--text);font-size:16px;font-weight:700;margin-bottom:8px}.record-empty-sub{color:#7c3aed99;font-size:13px}.ranking-screen{background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;gap:0;min-height:100vh;padding:0}.ranking-tabs{background:#fff;border-bottom:1px solid #e8e1f8;border-bottom:1px solid var(--bg-dark);display:flex;gap:8px;padding:14px 16px 10px}.ranking-tab{background:#f8f5ff;background:var(--bg);border:2px solid #f5f0ff;border:2px solid var(--purple-bg);border-radius:20px;color:#6b7280;cursor:pointer;flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:8px 12px;transition:all .18s}.ranking-tab.active{background:#7c3aed;background:var(--purple);border-color:#7c3aed;border-color:var(--purple);color:#fff}.ranking-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px 16px 100px}.ranking-item{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 10px #7c3aed14;display:flex;gap:12px;padding:14px 16px}.ranking-rank{flex-shrink:0;text-align:center;width:36px}.ranking-medal{font-size:24px;line-height:1}.ranking-num{color:#9ca3af;font-size:16px;font-weight:700}.ranking-info{flex:1 1;min-width:0}.ranking-title{color:#2e1065;color:var(--text);font-size:14px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ranking-stars{font-size:12px;letter-spacing:1px}.ranking-date{color:#9ca3af;font-size:11px}.ranking-score-wrap{flex-shrink:0;min-width:44px;text-align:center}.ranking-score{color:#7c3aed;color:var(--purple);font-size:22px;font-weight:800;line-height:1}.ranking-score-label{color:#9ca3af;font-size:10px;font-weight:600}
/*# sourceMappingURL=main.7587055f.css.map*/