*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--navy: #0d1b3e;--navy-mid: #152347;--navy-light: #1e3060;--gold: #ffd54f;--gold-dim: #e6b800;--text: #f0e6c8;--text-dim: rgba(240,230,200,.6);--text-muted: rgba(240,230,200,.35);--card-bg: rgba(255,255,255,.06);--card-border:rgba(255,213,79,.18);--radius: 14px;--nav-h: 64px;--header-h: 52px}html,body{height:100%;background:var(--navy);color:var(--text);font-family:Georgia,"Noto Serif JP",serif;overscroll-behavior:none}.hidden{display:none!important}#splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy);display:flex;align-items:center;justify-content:center;z-index:999}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.splash-icon{width:80px;height:80px;border-radius:50%;animation:pulse 1.4s infinite}.splash-title{font-size:1.4rem;color:var(--gold);letter-spacing:.12em}.screen{width:100%;min-height:100vh}.auth-bg{min-height:100vh;background:radial-gradient(ellipse at 50% 30%,#1e3060,#0d1b3e 70%);display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-container{width:100%;max-width:360px}.auth-logo{text-align:center;margin-bottom:32px}.auth-icon{width:72px;height:72px;border-radius:50%;margin-bottom:12px}.auth-title{font-size:1.8rem;color:var(--gold);letter-spacing:.12em;margin-bottom:6px}.auth-sub{font-size:.85rem;color:var(--text-dim);letter-spacing:.06em}.auth-input{width:100%;padding:13px 16px;margin-bottom:12px;background:#ffffff14;border:1px solid rgba(255,213,79,.25);border-radius:var(--radius);color:var(--text);font-size:1rem;outline:none;transition:border-color .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--gold)}.auth-btn{width:100%;padding:14px;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s}.auth-btn:active{transform:scale(.98)}.auth-btn.primary{background:var(--gold);color:var(--navy);font-weight:700;margin-bottom:10px}.auth-btn.secondary{background:transparent;border:1px solid rgba(255,213,79,.35);color:var(--text-dim);margin-bottom:10px}.auth-btn.text{background:none;border:none;color:var(--text-muted);font-size:.82rem;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit;width:100%;text-align:center}.auth-btn.text:hover{color:var(--text-dim);opacity:1}.auth-btn:hover{opacity:.88}.auth-err{color:#ff8a80;font-size:.85rem;text-align:center;margin-top:8px;min-height:20px}#main-screen{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at 50% 0%,#1a2a50,#0d1b3e 60%)}.app-header{height:var(--header-h);background:#0d1b3eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);display:flex;align-items:center;padding:0 16px;flex-shrink:0;z-index:10}.header-logo{display:flex;align-items:center;gap:10px}.header-icon{width:28px;height:28px;border-radius:50%}.header-title{font-size:1.1rem;color:var(--gold);letter-spacing:.1em}.main-content{flex:1;overflow-y:auto;padding:16px 16px calc(var(--nav-h) + 16px);-webkit-overflow-scrolling:touch}.bottom-nav{height:var(--nav-h);background:#0d1b3ef5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--card-border);display:flex;flex-shrink:0}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:inherit;transition:color .2s;padding:6px 0}.nav-btn.active{color:var(--gold)}.nav-btn:hover{color:var(--text-dim)}.nav-icon{font-size:1.3rem;line-height:1}.nav-label{font-size:.68rem;letter-spacing:.04em}.today-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:8px}.today-subtitle{font-size:.8rem;color:var(--text-dim);text-align:center;letter-spacing:.04em}.today-card{width:100%;max-width:400px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 32px #0000004d}.today-flag{font-size:3rem;line-height:1;margin-bottom:4px}.today-lang-name{font-size:.9rem;color:var(--text-dim);letter-spacing:.06em}.today-cat{font-size:.78rem;color:var(--gold-dim);letter-spacing:.06em;margin-top:2px}.today-phrase-ja{font-size:.92rem;color:var(--text-dim);margin-top:4px}.today-text{font-size:2rem;color:var(--gold);font-weight:700;text-align:center;line-height:1.3;margin:8px 0 4px;word-break:break-word}.today-text.loading{color:var(--text-muted);font-size:1.4rem;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.today-roman{font-size:.95rem;color:var(--text-dim);font-style:italic;letter-spacing:.06em}.today-roman.small{font-size:.82rem}.today-actions{display:flex;gap:12px;margin-top:16px;align-items:center}.today-btn{background:#ffd54f1f;border:1px solid rgba(255,213,79,.25);border-radius:10px;color:var(--text);font-size:1.1rem;padding:10px 14px;cursor:pointer;transition:background .2s,transform .1s;font-family:inherit}.today-btn:hover{background:#ffd54f38}.today-btn:active{transform:scale(.95)}.today-btn.fav-on{color:var(--gold)}.next-btn{font-size:.85rem;padding:10px 18px;letter-spacing:.04em}.premium-banner{width:100%;max-width:400px;background:#ffd54f12;border:1px solid rgba(255,213,79,.2);border-radius:var(--radius);padding:16px;text-align:center;display:flex;flex-direction:column;gap:6px}.premium-banner p{font-size:.85rem;color:var(--text-dim)}.words-header{display:flex;justify-content:flex-end;margin-bottom:16px}.lang-sel{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);padding:8px 12px;border-radius:10px;font-size:.9rem;font-family:inherit;cursor:pointer}.cat-section{margin-bottom:24px}.cat-title{font-size:1rem;color:var(--gold);letter-spacing:.06em;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--card-border)}.phrase-list{display:flex;flex-direction:column;gap:8px}.phrase-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px 16px;position:relative}.phrase-card.locked{opacity:.55}.phrase-ja{font-size:1.05rem;color:var(--text);margin-bottom:4px}.phrase-trans{font-size:.9rem;color:var(--text-dim);font-style:italic;min-height:20px}.phrase-lock{font-size:.8rem;color:var(--text-muted);margin-top:4px}.phrase-actions{display:flex;gap:8px;margin-top:8px}.p-btn{background:#ffd54f1a;border:1px solid rgba(255,213,79,.2);border-radius:8px;color:var(--text);font-size:.95rem;padding:6px 10px;cursor:pointer;transition:background .15s;font-family:inherit}.p-btn:hover{background:#ffd54f33}.p-btn.fav-on{color:var(--gold)}.fav-section-title{font-size:.9rem;color:var(--gold-dim);letter-spacing:.06em;margin:16px 0 8px}.fav-flag{font-size:1.3rem;margin-right:6px}.fav-lang{font-size:.82rem;color:var(--text-dim)}.empty-msg{text-align:center;color:var(--text-muted);font-size:.95rem;margin-top:60px;line-height:1.8}.settings-wrap{display:flex;flex-direction:column;gap:20px}.settings-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px}.settings-section h3{font-size:1rem;color:var(--gold);letter-spacing:.06em;margin-bottom:4px}.settings-email{font-size:.85rem;color:var(--text-dim);word-break:break-all}.prem-status{font-size:.95rem;color:var(--text)}.s-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text);padding:11px 16px;font-size:.9rem;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s}.s-btn:hover{background:#ffffff24}.s-btn.danger{border-color:#ff64644d;color:#ff8a80}.s-btn.danger:hover{background:#ff64641a}.s-link{font-size:.82rem;color:var(--text-dim);text-decoration:underline}.prem-btn{background:var(--gold);color:var(--navy);border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;width:100%}.prem-btn:hover{opacity:.88}.prem-btn:active{transform:scale(.97)}.prem-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-box{background:var(--navy-mid);border:1px solid var(--card-border);border-radius:20px;padding:28px 24px 32px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-box h2{font-size:1.2rem;color:var(--gold);text-align:center;letter-spacing:.08em}.prem-list{list-style:none;display:flex;flex-direction:column;gap:8px}.prem-list li{font-size:.92rem;color:var(--text);padding:8px 10px;background:#ffd54f0f;border-radius:8px}.prem-price{text-align:center;font-size:1.1rem;color:var(--gold);font-weight:700;letter-spacing:.06em}