:root{--c-bg: #fffdf9;--c-bg-deep: #fdf6ea;--c-surface: #ffffff;--c-surface-warm: #fff8ec;--c-primary: #f6a544;--c-primary-strong: #ef8f1f;--c-primary-soft: #fdeed6;--c-yellow-soft: #fff3cd;--c-accent: #e97c2e;--c-text: #4d4034;--c-text-sub: #a2917d;--c-text-faint: #c4b6a4;--c-border: #f1e5d3;--c-border-strong: #e6d5bc;--c-danger: #d95f52;--c-danger-soft: #fdeae7;--c-ok: #7fae6a;--shadow-sm: 0 1px 3px rgba(160, 120, 60, .08);--shadow-md: 0 4px 16px rgba(160, 120, 60, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--stagger: 24px;--chat-pad-x: 14px;--avatar-size: 38px;--av-gap: 8px;--side-w: 46px;--side-gap: 6px;--msg-gap: 14px;--bubble-pad-y: 10px;--bubble-pad-x: 14px;--bubble-font: 15px;--bubble-lh: 1.85;--act-scale: .92;--narr-font: 14px;--narr-lh: 1.95;--font-body: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "BIZ UDGothic", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--c-accent);text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:linear-gradient(180deg,#fff6e6,#fffdf9);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:20}.topbar .brand{font-weight:700;font-size:17px;color:var(--c-primary-strong);letter-spacing:.02em}.topbar nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto}.topbar nav a{padding:7px 12px;border-radius:999px;color:var(--c-text-sub);font-size:13px;white-space:nowrap;transition:background .15s}.topbar nav a.active,.topbar nav a:hover{background:var(--c-primary-soft);color:var(--c-primary-strong)}.page{flex:1;width:100%;max-width:860px;margin:0 auto;padding:20px 16px 60px}.page-title{font-size:20px;font-weight:700;margin:4px 0 16px;display:flex;align-items:center;gap:10px}.section-title{font-size:14px;font-weight:700;color:var(--c-text-sub);margin:24px 0 8px;display:flex;align-items:center;gap:8px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-sm)}.card+.card{margin-top:10px}.card.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.card.clickable:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-title{font-weight:700;font-size:15px}.card-sub{color:var(--c-text-sub);font-size:12.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.grid-2{grid-template-columns:1fr}}.field{margin-bottom:12px}.field>label{display:block;font-size:12.5px;font-weight:700;color:var(--c-text-sub);margin-bottom:5px}.input,.textarea,.select{width:100%;border:1.5px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #f6a5442e}.textarea{resize:vertical;min-height:76px;line-height:1.7}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input{accent-color:var(--c-primary);width:17px;height:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;background:var(--c-primary-soft);color:var(--c-primary-strong);transition:background .15s,transform .1s;white-space:nowrap}.btn:hover{background:var(--c-yellow-soft)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:#fff;box-shadow:0 2px 8px #e97c2e4d}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;color:var(--c-text-sub)}.btn.ghost:hover{background:var(--c-bg-deep)}.btn.danger{background:var(--c-danger-soft);color:var(--c-danger)}.btn.small{padding:5px 12px;font-size:12.5px}.btn.icon{padding:7px 10px;border-radius:12px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--c-surface-warm);border:1px solid var(--c-border);color:var(--c-text-sub);border-radius:999px;padding:3px 10px;font-size:12px}.chip.on{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary-strong)}.badge-warn{background:var(--c-danger-soft);color:var(--c-danger);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;cursor:pointer}.chat-shell{display:flex;flex-direction:column;height:100dvh}.state-bar{display:flex;align-items:center;gap:8px;padding:8px var(--chat-pad-x);background:var(--c-surface-warm);border-bottom:1px solid var(--c-border);font-size:13px;color:var(--c-text);cursor:pointer;min-height:38px}.state-bar:hover{background:var(--c-yellow-soft)}.state-bar .loc{font-weight:700}.chat-scroll{flex:1;overflow-y:auto;padding:16px var(--chat-pad-x) 8px;display:flex;flex-direction:column;gap:var(--msg-gap);overscroll-behavior:contain}.msg-row{display:flex;gap:var(--av-gap);max-width:100%}.msg-row.right{flex-direction:row-reverse;padding-left:var(--stagger)}.msg-row.left{padding-right:var(--stagger)}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background:var(--c-primary-soft);border:1.5px solid var(--c-border-strong);display:flex;align-items:center;justify-content:center;font-size:calc(var(--avatar-size) * .55);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.bubble-col{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:calc(100% - var(--avatar-size) - var(--av-gap))}.speaker-name{font-size:11.5px;color:var(--c-text-sub);padding:0 6px}.bubble{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);border-top-left-radius:6px;padding:var(--bubble-pad-y) var(--bubble-pad-x);font-size:var(--bubble-font);line-height:var(--bubble-lh);white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow-sm)}.msg-row.right .bubble{background:linear-gradient(135deg,#ffedcb,#ffe3b8);border-color:#f5d9a8;border-top-left-radius:var(--radius-lg);border-top-right-radius:6px}.narrator-line{font-size:var(--narr-font);line-height:var(--narr-lh);color:var(--c-text-sub);padding:2px calc(var(--chat-pad-x) + 4px);white-space:pre-wrap;word-break:break-word}.msg-tools{display:flex;align-items:center;gap:4px;padding:0 6px;min-height:20px}.msg-tools button{border:none;background:none;color:var(--c-text-faint);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:8px;font-family:inherit}.msg-tools button:hover{background:var(--c-bg-deep);color:var(--c-text-sub)}.variant-nav{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-sub)}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px var(--chat-pad-x);padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-border)}.composer textarea{flex:1;border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);padding:10px 14px;font-size:15px;font-family:inherit;line-height:1.6;resize:none;max-height:40dvh;outline:none;background:var(--c-bg)}.composer textarea:focus{border-color:var(--c-primary)}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:#fff;font-size:18px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e97c2e59}.send-btn:disabled{opacity:.4}.send-btn.stop{background:var(--c-danger)}.typing-dots:after{content:"…";animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.3}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#503c2859;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--c-surface);border-radius:var(--radius-lg);padding:20px;max-width:640px;width:100%;max-height:86dvh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal h3{margin:0 0 14px;font-size:16px}.toast-holder{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;width:min(92vw,480px)}.toast{background:#56483a;color:#fff8ec;border-radius:var(--radius-md);padding:10px 16px;font-size:13.5px;box-shadow:var(--shadow-md);animation:rise .25s ease-out}.toast.warn{background:var(--c-danger)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,#fff3cd 0%,transparent 45%),radial-gradient(circle at 85% 85%,#fdeed6 0%,transparent 50%),var(--c-bg);padding:20px}.login-card{width:min(92vw,380px);background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-md);padding:32px 28px;text-align:center}.login-card h1{font-size:20px;color:var(--c-primary-strong);margin:0 0 20px}.empty-note{color:var(--c-text-faint);font-size:13.5px;text-align:center;padding:28px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pre-block{background:var(--c-bg-deep);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 12px;white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.7;max-height:320px;overflow-y:auto}.divider{border:none;border-top:1px dashed var(--c-border-strong);margin:18px 0}