:root{--night-top:#070d24;--night-mid:#0d1a3f;--night-low:#16295e;--glass-bg:#8caae61a;--glass-border:#aac8ff38;--sapphire:#5a8fe8;--sapphire-deep:#2e5cc4;--moon:#f2e3b3;--gold:#e8c96a;--text-main:#e9eefb;--text-dim:#aebbe0;--rose:#e88a9a}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--font-maru), "Zen Maru Gothic", sans-serif;color:var(--text-main);background:linear-gradient(180deg, var(--night-top) 0%, var(--night-mid) 55%, var(--night-low) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed}h1,h2,h3,.serif{font-family:var(--font-mincho), "Zen Old Mincho", serif}input::placeholder,textarea::placeholder{color:#aebbe073}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes bsStarBorn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes bsShoot{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-260px,140px)}}@keyframes bsFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bsPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes bsMicGlow{0%,to{box-shadow:0 0 10px #e88a9a80}50%{box-shadow:0 0 22px #e88a9af2}}.bs-pulse{animation:1.6s ease-in-out infinite bsPulse}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.night-bg{min-height:100dvh;position:relative;overflow:hidden}.night-bg:before{content:"";z-index:0;background:linear-gradient(#070d244d,#070d249e),url(/bg/night.webp) top/cover no-repeat;position:fixed;inset:0}.center-page{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px 16px;display:flex;position:relative}.journal-shell{z-index:2;max-width:480px;margin:0 auto;padding:20px 18px 60px;position:relative}.bg-star{z-index:1;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.moon-circle{background:radial-gradient(circle at 38% 35%, #fff8e1, var(--moon) 55%, #d9c07e);border-radius:50%;margin:0 auto}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);z-index:2;border-radius:18px;padding:22px 20px;position:relative;box-shadow:0 4px 30px #040a1e66}.card-title{color:var(--text-main);letter-spacing:.1em;font-size:1.2rem}.card-text{color:var(--text-dim);font-size:.9rem;line-height:2}.btn{letter-spacing:.12em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:.9rem;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(135deg, var(--sapphire), var(--sapphire-deep));color:#fff;box-shadow:0 4px 18px #2e5cc466}.btn-primary:hover:not(:disabled){opacity:.9}.btn-ghost{border-color:var(--glass-border);color:var(--text-main);background:0 0}.input-label{color:var(--text-dim);letter-spacing:.1em;margin-bottom:10px;font-size:.75rem;display:block}.text-input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0810288c;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.text-input:focus{border-color:var(--sapphire)}.form-message{color:var(--gold);margin-top:12px;font-size:.85rem;line-height:1.9}.form-error{color:var(--rose);margin-top:12px;font-size:.85rem;line-height:1.9}.divider{color:var(--text-dim);align-items:center;gap:12px;margin:16px 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.hero{text-align:center;z-index:2;position:relative}.hero-title{color:var(--gold);letter-spacing:.18em;margin:28px 0 10px;font-size:1.9rem}.hero-catchcopy{font-family:var(--font-mincho), serif;color:var(--text-dim);letter-spacing:.1em;font-size:.85rem;line-height:2}.landing-card{width:100%;max-width:420px}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand{font-family:var(--font-mincho), serif;color:var(--gold);letter-spacing:.14em;font-size:1rem}.logout-btn{border:1px solid var(--glass-border);color:var(--text-dim);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:999px;padding:6px 13px;font-family:inherit;font-size:.72rem}.logout-btn:hover{color:var(--text-main)}.tab-nav{gap:6px;margin-bottom:14px;display:flex}.tab-btn{border:1px solid var(--glass-border);color:var(--text-dim);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:999px;padding:6px 13px;font-family:inherit;font-size:.72rem}.tab-btn.active{color:var(--text-main);background:#5a8fe833;border-color:#5a8fe887}.journal-app{flex-direction:column;display:flex}.sky-area{margin-bottom:16px;padding:0;transition:height .5s;overflow:hidden}.sky-caption{text-align:center;color:var(--text-dim);letter-spacing:.08em;font-size:.72rem;position:absolute;bottom:10px;left:0;right:0}.night-prompt{color:var(--gold);letter-spacing:.08em;margin-bottom:14px;font-size:.78rem;line-height:1.8}.textarea-wrap{position:relative}.report-textarea{border:1px solid var(--glass-border);width:100%;color:var(--text-main);resize:none;background:#0810288c;border-radius:12px;outline:none;padding:12px 14px 44px;font-family:inherit;font-size:.88rem;line-height:1.9;transition:border-color .2s}.report-textarea:focus{border-color:var(--sapphire)}.mic-fab{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#5a8fe82e;border-radius:50%;width:40px;height:40px;font-size:17px;position:absolute;bottom:14px;right:10px}.mic-fab.on{border-color:var(--rose);background:radial-gradient(circle at 35% 30%, var(--rose), #b95468);animation:1.4s ease-in-out infinite bsMicGlow}.status-row{justify-content:space-between;align-items:center;min-height:1.1em;margin-top:6px;display:flex}.voice-live{color:var(--rose);font-size:.69rem}.voice-note,.char-count{color:var(--text-dim);font-size:.69rem}.loading-card{text-align:center;color:var(--text-dim);margin-top:16px;font-size:.82rem}.letter-card{-webkit-backdrop-filter:blur(8px);z-index:2;background:linear-gradient(160deg,#5a8fe824,#e8c96a12);border:1px solid #e8c96a45;border-radius:18px;margin-top:16px;padding:22px;animation:.9s both bsFadeUp;position:relative;box-shadow:0 4px 30px #040a1e66}.letter-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.letter-avatar{background:radial-gradient(circle at 35% 30%, var(--sapphire), var(--sapphire-deep));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;box-shadow:0 0 14px #5a8fe866}.letter-title{font-family:var(--font-mincho), serif;color:var(--text-main);letter-spacing:.1em;font-size:.88rem}.letter-sub{color:var(--text-dim);font-size:.69rem}.letter-body{font-family:var(--font-mincho), serif;color:var(--text-main);white-space:pre-wrap;font-size:.9rem;line-height:2.1}.summary-body{font-size:.85rem;line-height:2.15}.summary-heading{color:var(--gold);letter-spacing:.08em;margin-top:18px;margin-bottom:4px;font-size:.82rem}.summary-heading:first-child{margin-top:0}.entry-list{flex-direction:column;gap:12px;display:flex}.empty-card{text-align:center;color:var(--text-dim);padding:24px;font-size:.82rem;line-height:2}.entry-card{padding:16px 18px}.entry-date{color:var(--gold);margin-bottom:6px;font-size:.72rem}.entry-body{color:var(--text-main);white-space:pre-wrap;margin-bottom:10px;font-size:.85rem;line-height:1.9}.entry-reply{font-family:var(--font-mincho), serif;color:var(--text-dim);white-space:pre-wrap;border-left:2px solid #5a8fe854;padding-left:12px;font-size:.78rem;line-height:1.9}.review-view{flex-direction:column;gap:14px;display:flex}.review-title{font-family:var(--font-mincho), serif;color:var(--text-main);letter-spacing:.1em;margin-bottom:8px;font-size:.95rem}.review-desc{color:var(--text-dim);margin-bottom:16px;font-size:.78rem;line-height:1.9}.review-buttons{gap:10px;display:flex}.review-buttons .btn{flex:1;font-size:.82rem}.review-note{color:var(--gold);margin-top:12px;font-size:.75rem;line-height:1.8}.settings-view{flex-direction:column;gap:14px;display:flex}.delete-btn{width:100%;color:var(--rose);letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #e88a9a66;border-radius:999px;padding:12px 16px;font-family:inherit;font-size:.8rem;transition:background .2s}.delete-btn.armed{border-color:var(--rose);background:#e88a9a29}.delete-btn:disabled{opacity:.5;cursor:default}.legal-links{gap:18px;display:flex}.legal-links a{color:var(--text-dim);font-size:.8rem;text-decoration:underline}.legal-links a:hover{color:var(--text-main)}.legal-card{flex-direction:column;gap:10px;width:100%;max-width:560px;display:flex}.legal-card h2{color:var(--gold);letter-spacing:.06em;margin-top:14px;font-size:.9rem}.legal-card p{color:var(--text-dim);font-size:.82rem;line-height:2}.legal-updated{color:var(--text-dim);font-size:.72rem}.legal-footer{color:var(--text-main);margin-top:14px}.landing-footer{z-index:2;justify-content:center;gap:18px;display:flex;position:relative}.landing-footer a{color:var(--text-dim);letter-spacing:.05em;font-size:.72rem;text-decoration:underline}.landing-footer a:hover{color:var(--text-main)}.shooting-star{z-index:3;pointer-events:none;animation:1.3s ease-out forwards bsShoot;position:absolute;top:14%;right:12%}.shooting-star-tail{background:linear-gradient(90deg, transparent, var(--moon));width:90px;height:2px;box-shadow:0 0 8px var(--moon);border-radius:2px;transform:rotate(-28deg)}