*{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}html{height:100%;overflow-x:hidden}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)}.app-root,body{min-height:100vh;overflow-x:hidden;width:100%}.app-root{display:flex;flex-direction:column}.screen{background:#f8f5ff;background:var(--bg);margin:0 auto;max-width:480px;min-height:100vh;padding:20px 16px 32px;width:100%}.profile-login-screen,.screen{align-items:center;display:flex;flex-direction:column}.profile-login-screen{background:linear-gradient(160deg,#6d28d9,#7c3aed 50%,#9d5cf6);min-height:100dvh;padding:48px 24px 32px}.profile-login-header{margin-bottom:32px;text-align:center}.profile-login-title{color:#fff;font-size:22px;font-weight:900;letter-spacing:.05em;margin-bottom:32px}.profile-login-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:400px;width:100%}.profile-login-card{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:8px;padding:20px 16px;position:relative;transition:all .15s;width:140px}.profile-login-card:active,.profile-login-card:hover{background:#ffffff47;transform:scale(1.04)}.profile-login-avatar{font-size:52px;line-height:1}.profile-login-name{color:#fff;font-size:16px;font-weight:800}.profile-login-grade{color:#ffffffbf;font-size:12px;font-weight:600}.profile-login-lock{font-size:14px;position:absolute;right:10px;top:10px}.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}.pin-set-btn{background:#f3e8ff;border:2px dashed #c4b5fd;border:2px dashed var(--purple-lt);border-radius:12px;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:10px 16px;text-align:left;width:100%}.pin-set-btn:hover{background:#ede9fe}.home-v9{background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;height:100dvh;margin:0 auto;max-width:480px;overflow:hidden;width:100%}.home-scroll-area{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scrollbar-width:none}.home-scroll-area::-webkit-scrollbar{display:none}.home-v9 .v9-header{padding:10px 24px 28px}.v9-streak-row{display:flex;justify-content:flex-end;margin-bottom:10px;margin-top:6px}.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)}.feedback-screen .btn-back,.info-screen .btn-back,.sibling-manage-screen .btn-back{border-color:#ffffff4d;color:#ffffffd9}.feedback-screen .btn-back:hover,.info-screen .btn-back:hover,.sibling-manage-screen .btn-back:hover{background:#ffffff1a}.text-select-screen{align-items:stretch;background:#f8f5ff;background:var(--bg);gap:0;height:100dvh;overflow:hidden;padding:0}.text-select-screen .v9-header{flex-shrink:0;padding:20px 24px 14px}.text-select-screen .v9-header-top{margin-bottom:6px}.text-select-scroll{flex:1 1;overflow-y:auto;scrollbar-width:none}.text-select-scroll::-webkit-scrollbar{display:none}.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-more{background:#fff!important;border:2px dashed #c4b5fd;border:2px dashed var(--purple-lt);color:#7c3aed;color:var(--purple);cursor:pointer}.book-card-more .card-title{color:#7c3aed;color:var(--purple);font-weight:900}.book-card-more .card-author{color:#7c3aed;color:var(--purple);opacity:.7}.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}.card-custom-actions{z-index:4}.btn-edit-custom{align-items:center;background:#7c3aed26;border:none;border-radius:50%;color:#7c3aed;color:var(--purple);cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;width:22px;z-index:4}.btn-edit-custom:hover{background:#7c3aed4d}.btn-delete-custom{align-items:center;background:#dc262626;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;width:22px;z-index:4}.btn-delete-custom:hover{background:#dc26264d}.btn-delete-text{align-self:center;background:#dc262614;border:1.5px solid #dc262659;border-radius:12px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:12px;padding:10px 24px;transition:background .15s}.btn-delete-text:hover{background:#dc26262e}.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;justify-content:center;position:relative;width:100%}.renshyu-header .btn-back{left:0;position:absolute}.renshyu-title-wrap{align-items:center;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-box.short-reading-box{margin:0 auto;max-width:100%;width:fit-content}.reading-box.short-reading-box .reading-context,.reading-context.short-reading-context{justify-content:center;width:fit-content}.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:20px;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);cursor:pointer;flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;padding:12px}.score-stars-row{align-items:center;display:grid;grid-template-columns:64px 1fr 64px;width:100%}.btn-retry-mini{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:12px;font-weight:700;height:64px;line-height:1.3;transition:background .15s;width:64px}.btn-retry-mini:active{background:#7c3aed26}.btn-retry-honban{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:16px;font-weight:700;padding:14px;transition:background .15s;width:100%}.btn-retry-honban:active{background:#05966926}.btn-next{background:#7c3aed;background:var(--purple);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:2 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;font-weight:900;padding:12px}.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{align-items:center;display:flex;flex:1 1;gap:6px;min-height:0;position:relative;width:100%}.scroll-btn,.text-box-wrap.short-wrap{justify-content:center}.scroll-btn{align-items:center;background:#f5f0ff;background:var(--purple-bg);border:none;border-radius:16px;color:#7c3aed;color:var(--purple);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;font-weight:900;height:72px;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}.text-vertical-full.short-text{flex:0 0 auto;height:100%;max-width:100%;width:fit-content}.vertical-line{border-radius:6px;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}.vertical-line.vl-group-0{background:#0000}.vertical-line.vl-group-1{background:#a78bfa1f}.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;justify-self:center;letter-spacing:6px;text-align:center}.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{color:#7c3aed;color:var(--purple);font-size:15px;font-weight:700;text-align:center;width:100%}.details-comment-box{line-height:1.6;margin-top:-4px;padding:0 4px;text-align:center;width:100%}.btn-details,.details-comment-box{color:#6d4fa0;color:var(--text-sub);font-size:13px}.btn-details{background:none;border:none;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font)}.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:row;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;flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;padding:13px 8px;transition:background .15s}.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;flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;padding:13px 8px;transition:background .15s}.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%}.pdf-loading-icon{font-size:56px;margin-bottom:8px}.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}.page-block{display:flex;flex-direction:column;gap:6px;width:100%}.page-block-header{align-items:center;display:flex;justify-content:space-between}.page-label{color:#7c3aed;color:var(--purple);font-size:13px;font-weight:700}.btn-remove-page{background:none;border:none;color:#6d4fa0;color:var(--text-sub);cursor:pointer;font-size:16px;padding:2px 6px}.btn-add-page{background:#fff;border:2px dashed #c4b5fd;border:2px dashed var(--purple-lt);border-radius:12px;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:12px;text-align:center;width:100%}.btn-add-page:hover{background:#7c3aed0f}.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:#7c3aed;background:var(--purple);border:none;border-radius:10px;box-shadow:0 2px 6px #7c3aed40;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;line-height:1;transition:background .15s;width:36px}.cal-nav-btn:active{background:#9d5cf6;background:var(--purple-mid)}.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 calc(20px + env(safe-area-inset-bottom));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,.btn-record{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:8px;overflow-y:auto;padding:12px 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-limit-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;color:#795548;font-size:12px;margin:8px 16px 4px;padding:8px 14px;text-align:center}.record-limit-banner strong{color:#e65100}.record-limit-banner--premium{background:#f3e5f5;border-color:#ce93d8;color:#6a1b9a}.record-empty{flex:1 1;flex-direction:column;padding:60px 24px;text-align:center}.credit-login-overlay,.record-empty{align-items:center;display:flex;justify-content:center}.credit-login-overlay{background:#0000008c;inset:0;padding:24px;position:fixed;z-index:1000}.credit-login-modal{background:#fff;border-radius:24px;box-shadow:0 24px 60px #00000040;max-width:340px;padding:28px 24px 20px;text-align:center;width:100%}.credit-login-icon{font-size:40px;margin-bottom:10px}.credit-login-title{color:#7c3aed;color:var(--purple);font-size:17px;font-weight:900;margin-bottom:12px}.credit-login-body{color:#2e1065;color:var(--text);font-size:13px;line-height:1.7;margin-bottom:20px}.credit-login-btns{display:flex;flex-direction:column;gap:8px}.credit-login-btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;font-weight:800;padding:14px;transition:opacity .15s}.credit-login-btn-primary:active{opacity:.85}.credit-login-btn-secondary{background:#f5f0ff;background:var(--purple-bg);border:1.5px solid #c4b5fd;border:1.5px 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:12px;transition:opacity .15s}.credit-login-btn-secondary:active{opacity:.8}.credit-login-btn-cancel{background:none;border:none;color:#6d4fa0;color:var(--text-sub);font-size:13px;padding:8px}.credit-login-btn-cancel,.payment-toast{cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font)}.payment-toast{animation:toastIn .3s ease;border-radius:16px;bottom:90px;box-shadow:0 4px 20px #0003;font-size:14px;font-weight:700;left:50%;padding:14px 24px;position:fixed;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:9999}.payment-toast-success{background:#7c3aed;color:#fff}.payment-toast-cancel{background:#6b7280;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.auth-loading{align-items:center;background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;gap:20px;height:100dvh;justify-content:center}.auth-loading-logo{color:#7c3aed;color:var(--purple);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:22px;font-weight:900}.auth-loading-dot{animation:auth-blink 1s infinite;background:#9d5cf6;background:var(--purple-mid);border-radius:50%;height:10px;width:10px}@keyframes auth-blink{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.auth-screen{align-items:center;background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;height:100dvh;overflow-y:auto;padding:0 20px env(safe-area-inset-bottom)}.auth-screen-top{background:linear-gradient(160deg,#5b21b6,#7c3aed 45%,#9d5cf6);justify-content:space-between;overflow:hidden;padding:0 24px env(safe-area-inset-bottom);position:relative}.auth-bg-orb{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute;z-index:0}.auth-bg-orb1{background:#c4b5fd40;height:280px;right:-80px;top:-80px;width:280px}.auth-bg-orb2{background:#a78bfa33;bottom:100px;height:200px;left:-60px;width:200px}.auth-bg-orb3{background:#fbbf241f;height:150px;right:-40px;top:40%;width:150px}.auth-hero{align-items:center;color:#fff;display:flex;flex-direction:column;padding-top:52px;position:relative;text-align:center;z-index:1}.auth-screen-top .auth-logo-sub{font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:4px;opacity:.65}.auth-screen-top .auth-logo-main{color:#fff;font-size:34px;font-weight:900;letter-spacing:.02em}.auth-screen-top .auth-logo-main span{color:#fbbf24}.auth-illust{height:130px;margin:20px 0 12px;position:relative;width:180px}.auth-illust-book{animation:auth-float 3s ease-in-out infinite;filter:drop-shadow(0 12px 28px rgba(0,0,0,.3));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.auth-illust-star{animation:auth-twinkle 2s ease-in-out infinite;position:absolute}.auth-illust-star.s1{animation-delay:0s;left:4px;top:4px}.auth-illust-star.s2{animation-delay:.5s;right:8px;top:0}.auth-illust-star.s3{animation-delay:1s;bottom:16px;left:12px}.auth-illust-star.s4{animation-delay:1.5s;bottom:20px;right:4px}@keyframes auth-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}@keyframes auth-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.auth-hero-catch{color:#ffffffd9;font-size:15px;font-weight:700;margin-bottom:32px;margin-top:4px}.auth-hero-catch span{color:#fde68a}.auth-actions{display:flex;flex-direction:column;gap:12px;max-width:400px;padding-bottom:24px;position:relative;width:100%;z-index:1}.auth-btn-free{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:20px;box-shadow:0 8px 32px #2563eb73,0 0 0 2px #fff3;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:10px;justify-content:center;padding:18px 20px;transition:transform .15s,box-shadow .15s;width:100%}.auth-btn-free:active{box-shadow:0 4px 16px #2563eb4d;transform:scale(.97)}.auth-btn-free-icon{flex-shrink:0;font-size:26px}.auth-btn-free-body{flex:1 1;text-align:center}.auth-btn-free-title{color:#fff;display:block;font-size:17px;font-weight:900}.auth-btn-free-sub{color:#fffc;display:block;font-size:11px;font-weight:600;margin-top:2px}.auth-btn-free-arrow{color:#ffffffb3;font-size:22px;font-weight:700}.auth-btn-guest{align-items:center;background:#ffffffe0;border:none;border-radius:20px;box-shadow:0 4px 16px #00000026,0 0 0 1px #ffffff26;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:10px;justify-content:center;padding:14px 20px;transition:transform .15s,box-shadow .15s;width:100%}.auth-btn-guest:active{box-shadow:0 4px 16px #0003;transform:scale(.97)}.auth-btn-guest-icon{flex-shrink:0;font-size:24px}.auth-btn-guest-body{flex:1 1;text-align:center}.auth-btn-guest-title{color:#7c3aed;color:var(--purple);display:block;font-size:14px;font-weight:800}.auth-btn-guest-sub{color:#6d4fa0;color:var(--text-sub);display:block;font-size:10px;font-weight:600;margin-top:2px}.auth-btn-guest-arrow{color:#c4b5fd;color:var(--purple-lt);font-size:20px;font-weight:700}.auth-sub-btns{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;display:flex;overflow:hidden}.auth-sub-btn{background:none;border:none;color:#fff;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:14px 8px;transition:background .15s}.auth-sub-btn:active,.auth-sub-btn:hover{background:#ffffff26}.auth-sub-btn-register{color:#fde68a}.auth-sub-sep{background:#fff3;flex-shrink:0;height:28px;width:1px}.auth-logo-area{background:linear-gradient(135deg,#7c3aed,#a855f7 60%,#c084fc);border-radius:0 0 32px 32px;color:#fff;flex-shrink:0;margin-bottom:28px;padding:48px 24px 36px;text-align:center;width:100%}.auth-logo-sub{font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:4px;opacity:.7}.auth-logo-main{font-size:30px;font-weight:900;letter-spacing:.03em}.auth-logo-main span{color:#fbbf24}.auth-logo-catch{font-size:13px;font-weight:600;margin-top:8px;opacity:.85}.auth-cards{flex-direction:column;gap:12px;max-width:400px}.auth-card,.auth-cards{display:flex;width:100%}.auth-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:18px;box-shadow:0 2px 8px #7c3aed14;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:14px;padding:16px 18px;text-align:left;transition:transform .15s,box-shadow .15s}.auth-card:active{transform:scale(.97)}.auth-card-guest{border-color:#c4b5fd;border-color:var(--purple-lt)}.auth-card-login{border-color:#a78bfa}.auth-card-register{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;color:#fff}.auth-card-icon{flex-shrink:0;font-size:26px}.auth-card-body{flex:1 1}.auth-card-title{color:#2e1065;color:var(--text);font-size:15px;font-weight:800}.auth-card-register .auth-card-title{color:#fff}.auth-card-sub{color:#6d4fa0;color:var(--text-sub);font-size:11px;font-weight:600;margin-top:2px}.auth-card-register .auth-card-sub{color:#ffffffbf}.auth-card-arrow{color:#c4b5fd;color:var(--purple-lt);font-size:22px;font-weight:700}.auth-card-register .auth-card-arrow{color:#fff9}.auth-lp-link-wrap{margin-top:8px;max-width:360px;text-align:center;width:100%}.auth-lp-link{border-radius:20px;color:#fff9;font-size:13px;padding:6px 12px;text-decoration:none;transition:color .2s,background .2s}.auth-lp-link:hover{background:#ffffff1a;color:#ffffffe6}.auth-compare-wrap{margin-top:8px;max-width:360px;width:100%}.auth-compare-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.auth-compare-modal{background:#fff;border-radius:20px;box-shadow:0 24px 64px #0000004d;max-width:360px;overflow:hidden;width:100%}.auth-compare-close{background:#7c3aed;background:var(--purple);border:none;color:#fff;cursor:pointer;display:block;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;padding:14px;width:100%}.auth-compare-close:hover{background:#9d5cf6;background:var(--purple-mid)}.auth-compare-toggle{background:none;border:none;color:#ffffffb3;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:8px 0;text-align:center;width:100%}.auth-compare-toggle:hover{color:#fff}.auth-compare-table{background:#fff;border:2px solid #c4b5fd;border:2px solid var(--purple-lt);border-radius:14px;font-size:12px;margin-top:6px;overflow:hidden}.auth-compare-header{background:#7c3aed;background:var(--purple);color:#fff;display:grid;font-weight:800;grid-template-columns:1fr 1fr 1fr;padding:8px 10px;text-align:center}.auth-compare-header>div:first-child{text-align:left}.auth-compare-row{align-items:center;border-top:1px solid #c4b5fd;border-top:1px solid var(--purple-lt);display:grid;grid-template-columns:1fr 1fr 1fr;padding:8px 10px}.auth-compare-row:nth-child(2n){background:#f5f0ff;background:var(--purple-bg)}.auth-compare-label{color:#2e1065;color:var(--text);font-weight:600}.auth-compare-guest{color:#888;text-align:center}.auth-compare-premium{color:#7c3aed;color:var(--purple);font-weight:800;text-align:center}.auth-compare-modal-3col{max-width:340px}.auth-compare-row-3col,.auth-compare-table-3col .auth-compare-header{grid-template-columns:1.1fr .85fr .9fr 1fr}.auth-compare-free{color:#2563eb;font-weight:700;text-align:center}.auth-forgot-btn{background:none;border:none;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:13px;margin-top:4px;opacity:.8;padding:4px 0;text-decoration:underline}.auth-forgot-btn:hover{opacity:1}.auth-forgot-desc{color:#6d4fa0;color:var(--text-sub);font-size:13px;line-height:1.7;margin-bottom:16px;text-align:center}.auth-register-notice-free{background:linear-gradient(135deg,#2563eb1a,#7c3aed1a);border:1.5px solid #2563eb4d}.auth-free-benefits{display:flex;flex-direction:column;gap:4px;margin-top:8px}.auth-free-benefit-item{color:#2e1065;color:var(--text);font-size:13px;font-weight:600;padding:2px 0;text-align:left}.auth-footer{font-size:11px;margin-top:auto;padding:20px 0 16px;text-align:center}.auth-footer,.auth-footer-link{color:#6d4fa0;color:var(--text-sub)}.auth-footer-link{text-decoration:underline}.auth-footer-sep{margin:0 6px}.auth-screen-top .auth-footer,.auth-screen-top .auth-footer-link{color:#ffffff73}.auth-back-btn{align-self:flex-start;background:none;border:none;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:16px 4px 8px}.auth-form-wrap{align-items:center;display:flex;flex-direction:column;gap:0;max-width:400px;padding-top:8px;width:100%}.auth-form-icon{font-size:40px;margin-bottom:8px}.auth-form-title{color:#2e1065;color:var(--text);font-size:20px;font-weight:900;margin-bottom:16px}.auth-register-notice{background:linear-gradient(135deg,#f5f0ff,#ede9ff);border:1.5px solid #c4b5fd;border-radius:12px;margin-bottom:20px;padding:12px 14px;text-align:left;width:100%}.auth-register-notice-title{color:#6d28d9;font-size:13px;font-weight:800;margin-bottom:5px}.auth-register-notice-body{color:#4b5563;font-size:12px;line-height:1.6;margin-bottom:7px}.auth-register-notice-price{align-items:baseline;display:flex;flex-wrap:wrap;font-size:13px;gap:5px}.auth-notice-price-original{color:#9ca3af;font-size:11px;text-decoration:line-through}.auth-notice-price-sale{color:#dc2626;font-size:15px;font-weight:900}.auth-notice-price-term{color:#6b7280;font-size:11px}.auth-notice-price-normal{color:#374151;font-size:13px;font-weight:700}.auth-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;width:100%}.auth-label{color:#6d4fa0;color:var(--text-sub);font-size:12px;font-weight:700}.auth-input{background:#fff;border:2px solid #c4b5fd;border:2px solid var(--purple-lt);border-radius:12px;box-sizing:border-box;color:#2e1065;color:var(--text);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;height:48px;outline:none;padding:0 14px;width:100%}.auth-input:focus{border-color:#7c3aed;border-color:var(--purple)}.auth-input-wrap{position:relative;width:100%}.auth-input-wrap .auth-input{padding-right:44px}.auth-input-wrap .auth-input[type=text]{letter-spacing:.3em}.auth-input-wrap .auth-input[type=password]{font-size:1.4rem;height:48px;letter-spacing:.5em;padding-bottom:0;padding-top:0}.auth-eye-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;opacity:.6;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.auth-eye-btn:hover{opacity:1}.auth-error{background:#fee2e2;border:1px solid #f87171;border-radius:10px;color:#dc2626;font-size:13px;font-weight:600;margin-bottom:10px;padding:10px 14px;width:100%}.auth-btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:16px;font-weight:800;margin-top:4px;padding:14px;transition:opacity .15s,transform .1s;width:100%}.auth-btn-primary:active{transform:scale(.97)}.auth-btn-primary:disabled{opacity:.5}.auth-btn-switch{background:none;border:none;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:13px;font-weight:700;margin-top:16px;text-decoration:underline}.auth-done-icon{font-size:48px;margin:24px 0 12px}.auth-done-title{color:#2e1065;color:var(--text);font-size:20px;font-weight:900;margin-bottom:12px}.auth-done-sub{color:#6d4fa0;color:var(--text-sub);font-size:14px;line-height:1.7;margin-bottom:24px;text-align:center}.ai-score-counter{align-items:center;background:#f5f0ff;background:var(--purple-bg);border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:14px;display:flex;justify-content:space-between;margin:10px 0 4px;padding:10px 14px}.ai-score-counter-icon{font-size:18px;margin-right:4px}.ai-score-counter-label{color:#7c3aed;color:var(--purple);font-size:13px;font-weight:800}.ai-score-counter-remain{align-items:baseline;color:#6d4fa0;color:var(--text-sub);display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center}.ai-score-counter-remain strong{color:#7c3aed;color:var(--purple);font-size:28px;font-weight:900;line-height:1}.ai-score-counter-remain .unit{color:#2e1065;color:var(--text);font-size:13px;font-weight:700}.ai-score-counter-plan{background:#9d5cf6;background:var(--purple-mid);border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px}.ai-score-counter-upgrade,.ai-score-counter-zero{color:#6d4fa0;color:var(--text-sub);font-size:12px;font-weight:600}.ai-score-counter-upgrade{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px}.premium-prompt-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:300}.premium-prompt-sheet{align-items:center;background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:0;max-width:360px;padding:28px 24px 24px;width:100%}.premium-prompt-icon{font-size:48px;margin-bottom:12px}.premium-prompt-title{color:#2e1065;color:var(--text);font-size:18px;font-weight:900;margin-bottom:10px;text-align:center}.premium-prompt-body{color:#6d4fa0;color:var(--text-sub);font-size:14px;font-weight:600;line-height:1.7;margin-bottom:20px;text-align:center}.premium-prompt-body strong{color:#7c3aed;color:var(--purple);font-weight:900}.premium-prompt-upgrade{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;font-weight:800;margin-bottom:10px;padding:14px;transition:opacity .15s;width:100%}.premium-prompt-upgrade:active{opacity:.85}.premium-prompt-close{background:#e8e1f8;background:var(--bg-dark);border:none;border-radius:14px;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;font-weight:700;padding:12px;width:100%}.score-limit-msg{background:#fff3dc;border:1.5px solid #fbbf24;border-radius:14px;margin-bottom:8px;padding:16px;text-align:center}.score-limit-icon{font-size:32px;margin-bottom:6px}.score-limit-text{color:#2e1065;color:var(--text);font-size:14px;font-weight:700;line-height:1.6}.score-ai-remain{color:#6d4fa0;color:var(--text-sub);font-size:13px;font-weight:600;margin:0 0 8px;text-align:center}.score-ai-remain strong{color:#7c3aed;color:var(--purple);font-size:18px;font-weight:900}.ai-score-upgrade-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:11px;font-weight:800;padding:4px 12px}.ai-score-counter-credits{background:#d1fae5;border-radius:8px;color:#059669;font-size:12px;font-weight:800;margin-left:4px;padding:2px 8px}.ai-score-buy-btns{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ai-score-buy-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:11px;font-weight:800;padding:4px 14px;white-space:nowrap}.ai-score-buy-btn:active{opacity:.85}.home-profile-chip{align-items:center;background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;gap:5px;margin-bottom:6px;padding:4px 10px 4px 6px;transition:background .15s}.home-profile-chip:active{background:#ffffff47}.home-profile-avatar{font-size:17px}.home-profile-name{font-size:13px;font-weight:800}.home-profile-grade{font-size:11px;opacity:.85}.home-profile-arrow{font-size:10px;margin-left:2px;opacity:.7}.home-logout-btn{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:11px;font-weight:600;letter-spacing:.03em;opacity:.4;padding:8px 0 20px;text-align:center;text-decoration:none}.home-logout-btn:active{opacity:.7}.profile-edit-screen{background:#f8f5ff;background:var(--bg);display:flex;flex-direction:column;height:100dvh;overflow-y:auto}.profile-edit-header{flex-shrink:0;padding:16px 20px 0}.profile-edit-title{color:#2e1065;color:var(--text);font-size:18px;font-weight:900;margin:4px 0}.profile-edit-sub{color:#6d4fa0;color:var(--text-sub);font-size:12px;margin-bottom:4px}.profile-edit-body{display:flex;flex:1 1;flex-direction:column;gap:0;padding:8px 20px}.profile-edit-section{margin-bottom:20px}.profile-edit-label{color:#6d4fa0;color:var(--text-sub);font-size:12px;font-weight:700;margin-bottom:8px}.avatar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr)}.avatar-btn{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;font-size:22px;justify-content:center;transition:transform .1s}.avatar-btn.selected{background:#f5f0ff;background:var(--purple-bg);border-color:#7c3aed;border-color:var(--purple);transform:scale(1.1)}.birth-row{display:flex;gap:8px}.birth-select{background:#fff;border:2px solid #c4b5fd;border:2px solid var(--purple-lt);border-radius:12px;color:#2e1065;color:var(--text);flex:1 1;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 12px}.birth-select:focus{border-color:#7c3aed;border-color:var(--purple)}.grade-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.grade-badge{background:#f5f0ff;background:var(--purple-bg);border-radius:20px;color:#7c3aed;color:var(--purple);font-size:12px;font-weight:800;padding:3px 10px}.grade-hint{color:#6d4fa0;color:var(--text-sub);font-size:11px}.profile-edit-actions{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:0;padding:8px 20px calc(20px + env(safe-area-inset-bottom))}.profile-select-overlay{align-items:flex-end;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.profile-select-sheet{background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 24px #0000001f;display:flex;flex-direction:column;gap:0;max-width:480px;padding:12px 16px calc(24px + env(safe-area-inset-bottom));width:100%}.profile-select-handle{background:#d1d5db;border-radius:2px;height:4px;margin:0 auto 16px;width:36px}.profile-select-title{color:#2e1065;color:var(--text);font-size:15px;font-weight:900;margin-bottom:14px;text-align:center}.profile-select-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.profile-select-item{align-items:center;background:#f8f5ff;background:var(--bg);border:2px solid #0000;border-radius:14px;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:12px;padding:12px 14px;text-align:left;transition:border-color .15s,background .15s}.profile-select-item.active{background:#f5f0ff;background:var(--purple-bg);border-color:#7c3aed;border-color:var(--purple)}.profile-select-item:active{opacity:.8}.profile-item-avatar{flex-shrink:0;font-size:26px}.profile-item-name{color:#2e1065;color:var(--text);flex:1 1;font-size:15px;font-weight:800}.profile-item-grade{background:#9d5cf6;background:var(--purple-mid);border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.profile-item-check{color:#7c3aed;color:var(--purple);font-size:18px;font-weight:900;margin-left:4px}.profile-sheet-actions{display:flex;gap:8px;justify-content:center;margin-top:4px}.profile-manage-btn{background:none;border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:20px;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:12px;font-weight:700;padding:10px 20px;transition:background .15s}.profile-manage-btn:active{background:#f5f0ff;background:var(--purple-bg)}.profile-close-btn{background:#e8e1f8;background:var(--bg-dark);border:none;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:12px;font-weight:700;padding:10px 24px}.sibling-manage-screen{background:#8b5cf6;display:flex;flex-direction:column;gap:0;height:100dvh;overflow-y:auto;padding:16px 20px calc(20px + env(safe-area-inset-bottom))}.sibling-manage-title{color:#fff;font-size:18px;font-weight:900;margin:4px 0 20px}.sibling-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sibling-item{align-items:center;background:#fff;border-radius:14px;box-shadow:0 1px 4px #7c3aed12;display:flex;gap:10px;padding:12px 14px}.sibling-avatar{font-size:26px}.sibling-info{flex:1 1}.sibling-name{color:#2e1065;color:var(--text);font-size:15px;font-weight:800}.sibling-grade{color:#6d4fa0;color:var(--text-sub);font-size:11px;margin-top:2px}.sibling-edit-btn{background:#f5f0ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;padding:6px 10px}.sibling-delete-btn,.sibling-edit-btn{border:none;border-radius:8px;cursor:pointer}.sibling-delete-btn{background:#fee2e2;font-size:14px;padding:6px 8px}.sibling-delete-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.sibling-delete-modal{animation:recap-pop .2s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;max-width:300px;padding:28px 24px;text-align:center;width:100%}.sibling-delete-icon{font-size:36px;margin-bottom:8px}.sibling-delete-name{color:#1e1b4b;font-size:18px;font-weight:700;margin-bottom:12px}.sibling-delete-msg{color:#6b7280;font-size:14px;line-height:1.7;margin-bottom:20px}.sibling-delete-warn{color:#ef4444;font-size:13px;font-weight:600}.sibling-delete-btns{display:flex;gap:10px}.sibling-delete-cancel{background:#f3f4f6;color:#6b7280;font-weight:600}.sibling-delete-cancel,.sibling-delete-confirm{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;padding:12px}.sibling-delete-confirm{background:#ef4444;color:#fff;font-weight:700}.sibling-add-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;font-weight:800;padding:14px;width:100%}.sibling-limit-note{color:#fff9;font-size:13px;font-weight:600;padding:8px 0;text-align:center}.sibling-premium-prompt{align-items:center;display:flex;flex-direction:column;gap:14px;padding:8px 0 4px}.sibling-premium-note{color:#ffffffd9;font-size:14px;font-weight:700;line-height:1.7;margin:0;text-align:center}.sibling-premium-btn{background:#ffffff1f;border:1px solid #fff3;border-radius:16px;color:#fde68a;display:block;font-size:13px;font-weight:700;padding:14px 8px;text-align:center;text-decoration:none;transition:background .15s;width:100%}.sibling-premium-btn:active{background:#fff3}.info-logout-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.03em;padding:12px 0;text-align:center;text-decoration:none;width:100%}.info-logout-btn:active{opacity:.8}.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}.v9-header-right{gap:8px}.v9-header-right,.v9-info-btn{align-items:center;display:flex}.v9-info-btn{background:#ffffff2e;border:none;border-radius:50%;cursor:pointer;font-size:15px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:40px;top:65px;transition:background .2s;width:30px;z-index:10}.v9-info-btn:hover{background:#ffffff59}.noticeboard-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.noticeboard-modal{background:#fff;border-radius:20px;box-shadow:0 8px 32px #7c3aed33;display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:100%}.noticeboard-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#9d5cf6);color:#fff;display:flex;gap:10px;padding:16px 20px}.noticeboard-title{flex:1 1;font-size:18px;font-weight:800}.noticeboard-count{background:#ffffff40;border-radius:20px;font-size:13px;font-weight:700;padding:2px 10px}.noticeboard-list{flex:1 1;overflow-y:auto}.noticeboard-item{border-bottom:1px solid #f0ebff}.noticeboard-item--read .noticeboard-item-title{color:#9ca3af;font-weight:500}.noticeboard-item--read .noticeboard-item-icon{opacity:.4}.noticeboard-item-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:8px;padding:14px 16px;text-align:left;width:100%}.noticeboard-item-header:hover{background:#faf8ff}.noticeboard-item-icon{flex-shrink:0;font-size:18px}.noticeboard-item-date{color:#9ca3af;flex-shrink:0;font-size:11px}.noticeboard-item-title{color:#2e1065;color:var(--text);flex:1 1;font-size:14px;font-weight:700;line-height:1.4}.noticeboard-item-arrow{color:#7c3aed;color:var(--purple);flex-shrink:0;font-size:12px}.noticeboard-item-body{color:#6d4fa0;color:var(--text-sub);font-size:13px;line-height:1.7;padding:0 16px 14px 44px;white-space:pre-wrap}.noticeboard-btn-ok{background:linear-gradient(135deg,#7c3aed,#9d5cf6);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:16px;font-weight:800;margin:12px 16px 16px;padding:14px;transition:opacity .2s}.noticeboard-btn-ok:hover{opacity:.85}.noticeboard-btn-more{background:#f5f0ff;background:var(--purple-bg);border:1.5px solid #c4b5fd;border:1.5px solid var(--purple-lt);border-radius:12px;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;margin:4px 16px 0;padding:11px;transition:opacity .2s;width:calc(100% - 32px)}.noticeboard-btn-more:hover{opacity:.8}.info-screen{align-items:stretch;background:#8b5cf6;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:60px 20px 0}.info-screen-title{color:#fff;font-size:22px;font-weight:800;margin-bottom:24px;text-align:center}.info-menu{background:#fff;border-radius:16px;box-shadow:0 2px 12px #7c3aed14;overflow:hidden}.info-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0ebff;color:#2e1065;color:var(--text);cursor:pointer;display:flex;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);gap:12px;padding:16px 18px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.info-menu-item:last-child{border-bottom:none}.info-menu-item:hover{background:#faf8ff}.info-menu-icon{flex-shrink:0;font-size:22px;text-align:center;width:32px}.info-menu-label{flex:1 1;font-size:15px;font-weight:700}.info-menu-sub{color:#6d4fa0;color:var(--text-sub);font-size:12px;margin-right:8px}.info-menu-arrow{color:#c4b5fd;flex-shrink:0;font-size:18px}.info-version{color:#fff6;font-size:12px;margin-top:10px;text-align:center}.info-legal-area{padding:12px 0 16px;text-align:center}.info-legal-link{color:#ffffff80;font-size:12px;text-decoration:underline;text-underline-offset:2px}.info-legal-link:hover{color:#fff}.info-legal-sep{color:#c4b5fd;font-size:12px;margin:0 4px}.feedback-screen{align-items:stretch;background:#8b5cf6;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:60px 20px 0}.feedback-scroll-area{flex:1 1;overflow-y:auto;padding-bottom:12px;scrollbar-width:none}.feedback-scroll-area::-webkit-scrollbar{display:none}.feedback-title{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px}.feedback-sender{align-items:center;background:#ffffff1f;border-radius:10px;color:#ffffffe6;display:flex;font-size:13px;gap:6px;margin-bottom:14px;padding:8px 14px}.feedback-sender-label{flex-shrink:0;opacity:.7}.feedback-sender-name{font-weight:700}.feedback-subtitle{color:#ffffffbf;font-size:14px;line-height:1.7;margin-bottom:20px}.feedback-category-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-category-btn{background:#ffffff26;border:2px solid #fff6;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:13px;font-weight:700;padding:8px 14px;transition:all .15s}.feedback-category-btn.active{background:#7c3aed;background:var(--purple);border-color:#7c3aed;border-color:var(--purple);color:#fff}.feedback-textarea{border:2px solid #c4b5fd;border-radius:14px;color:#2e1065;color:var(--text);font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:15px;line-height:1.7;outline:none;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.feedback-textarea:focus{border-color:#7c3aed;border-color:var(--purple)}.feedback-char-count{color:#ffffff80;font-size:12px;margin-bottom:12px;margin-top:4px;text-align:right}.feedback-error{color:#ef4444;font-size:13px;margin-bottom:10px}.feedback-btn-send{background:#fff;border:none;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#7c3aed;cursor:pointer;font-family:Zen Maru Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-family:var(--font);font-size:17px;font-weight:800;padding:16px;transition:opacity .2s,transform .1s;width:100%}.feedback-btn-send:not(:disabled):active{transform:scale(.97)}.feedback-btn-send:disabled{cursor:not-allowed;opacity:.35}.feedback-history{border-top:1px solid #ffffff26;margin-top:28px;padding-top:20px}.feedback-history-title{color:#ffffffb3;font-size:14px;font-weight:600;margin:0 0 12px}.feedback-history-item{background:#ffffff12;border-radius:10px;margin-bottom:10px;padding:12px}.feedback-history-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.feedback-history-category{color:#fff9;font-size:12px;font-weight:600}.feedback-history-sender{font-weight:400;opacity:.8}.feedback-history-date{color:#fff6;font-size:11px}.feedback-history-message{color:#ffffffd9;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.monthly-recap-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.monthly-recap-modal{animation:recap-pop .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:24px;box-shadow:0 20px 60px #0006;max-width:320px;padding:32px 24px;text-align:center;width:100%}@keyframes recap-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.monthly-recap-fireworks{animation:bounce 1s infinite alternate;font-size:28px;letter-spacing:8px;margin-bottom:8px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.monthly-recap-month{color:#ffffffb3;font-size:15px;font-weight:600;margin-bottom:4px}.monthly-recap-title{color:#fff;font-size:22px;font-weight:800;margin-bottom:24px}.monthly-recap-stats{align-items:center;background:#ffffff1f;border-radius:16px;display:flex;gap:0;justify-content:center;margin-bottom:16px;padding:20px 16px}.monthly-recap-stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.monthly-recap-stat-num{color:#fde68a;font-size:48px;font-weight:800;line-height:1}.monthly-recap-stat-label{color:#fffc;font-size:12px;font-weight:600}.monthly-recap-divider{background:#fff3;height:60px;margin:0 8px;width:1px}.monthly-recap-badge{background:#ffffff26;border-radius:20px;color:#fff;font-size:14px;font-weight:700;margin-bottom:16px;padding:8px 16px}.monthly-recap-close{background:#fff;border:none;border-radius:12px;color:#7c3aed;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;width:100%}.feedback-done{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.feedback-done-icon{font-size:60px}.feedback-done h2{color:#2e1065;color:var(--text);font-size:24px;font-weight:800}.feedback-done p{color:#6d4fa0;color:var(--text-sub);font-size:15px;line-height:1.8}.ranking-screen,.record-screen{align-items:stretch;display:flex;flex-direction:column;height:100dvh;min-height:0;min-height:auto;overflow:hidden;padding:0}.ranking-screen .v9-header,.record-screen .v9-header{flex-shrink:0;padding:20px 24px 14px}.ranking-screen .v9-header-top,.record-screen .v9-header-top{margin-bottom:6px}.ranking-screen .v9-greeting-msg,.record-screen .v9-greeting-msg{font-size:16px;margin-bottom:0}.ranking-screen .v9-logo-main,.record-screen .v9-logo-main{font-size:18px}.ranking-screen .ranking-tabs{flex-shrink:0}.ranking-list,.record-list{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:8px 16px 16px;scrollbar-width:none}.ranking-list::-webkit-scrollbar,.record-list::-webkit-scrollbar{display:none}.ranking-screen .v9-bottom-nav,.record-screen .v9-bottom-nav{flex-shrink:0}.streak-celebration-overlay{align-items:center;animation:streak-fade-in .25s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.streak-celebration-card{animation:streak-pop-in .35s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff7e6,#fff);border-radius:24px;box-shadow:0 8px 40px #0000002e;min-width:240px;padding:32px 36px 28px;text-align:center}.streak-celebration-fires{animation:streak-shake .5s ease .2s both;font-size:28px;letter-spacing:4px;margin-bottom:8px}.streak-celebration-avatar{font-size:56px;line-height:1;margin-bottom:6px}.streak-celebration-name{color:#5b21b6;font-size:18px;font-weight:700;margin-bottom:12px}.streak-celebration-count{align-items:baseline;display:flex;gap:6px;justify-content:center;margin-bottom:10px}.streak-celebration-num{color:#f59e0b;font-family:Nunito,sans-serif;font-size:64px;font-weight:900;line-height:1}.streak-celebration-label{color:#92400e;font-size:20px;font-weight:700}.streak-celebration-msg{color:#6b7280;font-size:14px}@keyframes streak-fade-in{0%{opacity:0}to{opacity:1}}@keyframes streak-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes streak-shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.streak-celebration-card.streak-zero{background:linear-gradient(135deg,#f0f4ff,#fff)}.streak-celebration-zero-msg{color:#6b7280;font-size:20px;font-weight:700;margin-bottom:4px}.record-detail-btn{background:#7c3aed1f;border:1px solid #7c3aed4d;border-radius:12px;color:#7c3aed;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.record-detail-btn:active{background:#7c3aed38}.record-detail-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.record-detail-modal{background:#fff;border-radius:20px 20px 16px 16px;box-shadow:0 -4px 32px #00000026;display:flex;flex-direction:column;gap:16px;max-height:80vh;max-width:480px;overflow-y:auto;padding:24px 20px 20px;width:100%}.record-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.record-detail-title{color:#1e1b4b;font-size:17px;font-weight:800}.record-detail-meta{align-items:center;display:flex;gap:8px}.record-detail-score{color:#7c3aed;font-size:20px;font-weight:800}.record-detail-stars{font-size:16px}.record-detail-section{display:flex;flex-direction:column;gap:8px}.record-detail-section-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em}.record-detail-feedback{background:#f5f3ff;color:#4c1d95;font-size:15px;font-weight:600}.record-detail-comment,.record-detail-feedback{border-radius:12px;line-height:1.6;padding:12px 14px}.record-detail-comment{background:#f0f9ff;color:#0369a1;font-size:13px}.record-detail-transcript{background:#f9fafb;border-radius:12px;color:#374151;font-size:13px;line-height:1.8;padding:12px 14px;white-space:pre-wrap;word-break:break-all}.record-detail-close{background:#7c3aed;border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;margin-top:4px;padding:12px}.record-detail-close:active{background:#6d28d9}
/*# sourceMappingURL=main.f8d0de86.css.map*/