*{box-sizing:border-box}:root{--bg:#f4f6f4;--card:#ffffff;--text:#33413a;--sub:#5f6d65;--accent:#3f7a62;--accent-soft:#e3efe9;--user-bubble:#d9ead3;--ai-bubble:#ffffff;--safety-bg:#eef3fa;--safety-border:#8aa8cc;--special-border:#d98d66;--special-bg:#fdf3ec}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;line-height:1.7}.container{max-width:640px;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column;position:relative}.chat-watermark{position:fixed;right:max(8px,calc(50vw - 340px));bottom:70px;width:min(45vw,240px);opacity:.08;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.chat-area,.disclaimer,.footer-windows,.input-row{position:relative;z-index:1}.ai-row{display:flex;align-items:flex-end;gap:8px;max-width:90%;align-self:flex-start}.ai-row .bubble.ai{max-width:100%}.chat-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0;background:var(--accent-soft);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.chat-avatar-fallback{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:1rem}.nickname-ask{display:flex;align-items:flex-end;gap:8px}.nickname-ask .bubble.ai{box-shadow:none;background:var(--accent-soft)}.nickname-ask small{color:var(--sub);font-size:.78rem}.nickname-input{border:1px solid #cdd8d1;border-radius:12px;padding:10px 14px;font:inherit;font-size:1rem;text-align:center;background:#fff;width:min(100%,260px)}.nickname-input:focus{outline:2px solid var(--accent);border-color:transparent}.login-box{margin-top:14px;font-size:.88rem;text-align:center}.login-box summary{cursor:pointer;color:var(--sub);display:inline-flex;align-items:center;min-height:36px;padding:2px 0}.login-row{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:center}.login-ok{color:var(--accent);font-weight:700}.login-error{color:#b3564e;font-size:.82rem}.register-box{text-align:center;font-size:.9rem}.register-box .btn{margin:4px}.register-merits{text-align:left;font-size:.84rem;color:var(--sub);margin:8px auto 12px;padding-left:1.4em;max-width:420px}.register-merits li{margin-bottom:4px}.issued-code{font-size:1.3rem;font-weight:700;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border-radius:10px;padding:10px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.issued-note{font-size:.8rem}.issued-note,.register-clarify{color:var(--sub);text-align:left}.register-clarify{max-width:420px;margin:0 auto 10px}.register-note-details{text-align:left;max-width:420px;margin:0 auto 12px;border:1px solid var(--accent-soft);border-radius:10px;padding:8px 12px}.register-note-details summary{cursor:pointer;color:var(--sub);font-size:.82rem;min-height:32px;display:flex;align-items:center}.register-note-details[open] summary{margin-bottom:6px}.char-hero-traits{display:flex;flex-wrap:wrap;gap:6px}.trait-chip{font-size:.72rem;padding:2px 10px;border-radius:999px;background:var(--char-soft,var(--accent-soft));color:var(--text);white-space:nowrap}.header{text-align:center;padding:8px 0 4px}.header h1{font-size:1.15rem;margin:0;color:var(--accent)}.header p{margin:2px 0 0;font-size:.8rem;color:var(--sub)}.card{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.card,.select-screen{margin:12px 0}.select-lead{text-align:center;font-size:1rem;color:var(--text);margin:8px 0 6px}.select-note{text-align:center;font-size:.78rem;color:var(--sub);margin:0 auto 14px;max-width:420px}.char-hero-list{display:flex;flex-direction:column;gap:16px}.char-hero{display:flex;align-items:stretch;gap:0;width:100%;min-height:200px;padding:0;border:2px solid transparent;border-radius:20px;background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,.07);cursor:pointer;font:inherit;text-align:left;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.char-hero:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1)}.char-hero:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.char-hero.mirror{flex-direction:row-reverse}.char-hero-visual{flex:0 0 42%;display:flex;align-items:center;justify-content:center;padding:12px 8px}.char-hero-img{width:100%;max-height:300px;object-fit:contain;object-position:center;display:block}.char-hero-fallback{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;margin-bottom:24px}.char-hero-body{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 18px 16px}.char-hero-name{font-size:1.3rem;font-weight:700;line-height:1.3}.char-hero-bubble{position:relative;font-size:.88rem;padding:8px 12px;border-radius:12px;border-bottom-left-radius:4px;line-height:1.5}.char-hero-intro{font-size:.85rem;color:var(--sub);line-height:1.6}.char-hero-cta{margin-top:auto;align-self:flex-end;color:#fff;border-radius:999px;padding:8px 20px;font-size:.92rem;font-weight:700}.char-delta{--char-accent:#a94d7d;--char-soft:#f9edf3}.char-hiyori{--char-accent:#3f7a62;--char-soft:#e3efe9}.char-hero .char-hero-visual{background:var(--char-soft)}.char-hero:hover{border-color:var(--char-accent)}.char-hero .char-hero-name{color:var(--char-accent)}.char-hero .char-hero-bubble{background:var(--char-soft);color:var(--text)}.char-hero .char-hero-cta{background:var(--char-accent)}.char-hero .char-hero-fallback{background:var(--char-soft);color:var(--char-accent)}@media (prefers-reduced-motion:reduce){.char-hero{transition:none}.char-hero:hover{transform:none}}@media (max-width:420px){.char-hero{min-height:170px}.char-hero-visual{flex-basis:38%}.char-hero-img{max-height:190px}.char-hero-body{padding:14px 14px 12px}}.consent-notes{font-size:.88rem;padding-left:1.2em}.consent-notes li{margin-bottom:6px}.btn{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:10px 24px;min-height:44px;font-size:.95rem;cursor:pointer;font-family:inherit}.btn:disabled{opacity:.5;cursor:default}.btn-sub{background:transparent;color:var(--sub);border:1px solid var(--sub)}.chat-area{flex:1 1;display:flex;flex-direction:column;gap:10px;padding:8px 0}.bubble{max-width:85%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;font-size:.95rem}.bubble.user{align-self:flex-end;background:var(--user-bubble);border-bottom-right-radius:4px}.bubble.ai{align-self:flex-start;background:var(--ai-bubble);border-bottom-left-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.bubble.safety{align-self:stretch;max-width:100%;background:var(--safety-bg);border-left:4px solid var(--safety-border)}.bubble.safety.special{background:var(--special-bg);border-left-color:var(--special-border)}.safety-label{display:block;font-size:.75rem;font-weight:700;color:var(--safety-border);margin-bottom:4px}.bubble.safety.special .safety-label{color:var(--special-border)}.windows-list{margin:8px 0 0;padding:0;list-style:none}.windows-list li{background:#fff;border-radius:10px;padding:8px 12px;margin-top:6px;font-size:.85rem}.windows-list .w-name{font-weight:700;display:block}.windows-list .w-note{color:var(--sub);font-size:.78rem}.windows-list a{color:var(--accent);font-weight:700;text-decoration:none}.typing{align-self:flex-start;color:var(--sub);font-size:.85rem;padding:4px 8px}.rest-chip{color:var(--accent);border-radius:999px;padding:6px 16px}.rest-chip,.wait-chip{align-self:center;background:var(--accent-soft);font-size:.85rem}.wait-chip{width:min(100%,420px);color:var(--text);border-radius:14px;padding:10px 14px;text-align:center}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-left:8px;padding:2px 8px;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.mood-box{text-align:center;font-size:.9rem}.feedback-note{width:100%;border:1px solid #cdd8d1;border-radius:12px;padding:10px 12px;font:inherit;font-size:.9rem;resize:none;background:#fff;margin-top:6px}.feedback-note:focus{outline:2px solid var(--accent);border-color:transparent}.feedback-disclaimer{font-size:.74rem;color:var(--sub);margin:6px 0 8px}.mood-box .btn{margin:4px;background:var(--accent-soft);color:var(--text)}.input-row{display:flex;gap:8px;padding:10px 0 4px;position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg)}.input-row textarea{flex:1 1;border:1px solid #cdd8d1;border-radius:12px;padding:10px 12px;font:inherit;font-size:.95rem;resize:none;background:#fff}.input-row textarea:focus{outline:2px solid var(--accent);border-color:transparent}.footer-windows{margin-top:8px;font-size:.85rem}.footer-windows summary{cursor:pointer;color:var(--accent);font-weight:700;display:inline-flex;align-items:center;min-height:36px;padding:2px 0}.disclaimer{font-size:.72rem;color:var(--sub);text-align:center;padding:8px 0 4px}.avatar-button{border:none;padding:0;background:none;cursor:pointer;border-radius:50%;flex-shrink:0;line-height:0}.char-lightbox{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(30,30,40,.55);cursor:pointer}.char-lightbox-img{max-width:min(86vw,420px);max-height:68vh;object-fit:contain;border-radius:14px;background:#fff;padding:12px;box-shadow:0 8px 30px rgba(0,0,0,.3)}.login-form .nickname-input{display:block;width:min(320px,100%);margin:8px auto 0}