:root{--bg:#0a0d16;--panel:#111726;--panel2:#0d1220;--field:#0b101c;--line:#97a6ca29;--line-strong:#97a6ca4d;--text:#f2f5fa;--muted:#8b95ac;--eyebrow:#7d87a3;--brand:#4c7df0;--brand-hi:#6c96ff;--accent:#8fb4ff;--accent-bg:#4c7df029;--ring:#4c7df061;--ok:#3ecf8e;--ok-line:#3ecf8e66;--danger:#f07589;--danger-bg:#ed5f741f;--danger-line:#ed5f7461;--warn:#f5be58;--warn-line:#f5be585c;--warn-bg:#f5be5814;--shadow-card:0 1px 2px #03071280, 0 10px 28px -20px #030712e6;--shadow-pop:0 4px 12px #03071280, 0 24px 60px -24px #030712f2;--r-sm:8px;--r-md:10px;--r-lg:14px}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Sans,Yu Gothic UI,sans-serif;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.app{flex-direction:column;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d16eb;flex:none;align-items:center;gap:10px;padding:10px 16px;display:flex}.brand{letter-spacing:.06em;font-size:15px;font-weight:700}.brand small{color:var(--muted);letter-spacing:.02em;margin-left:8px;font-size:11px;font-weight:500}.headerchip{border:1px solid var(--line);color:var(--muted);background:var(--field);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:4px 11px;font-size:11px}.stream{-webkit-overflow-scrolling:touch;flex:1;padding:16px 14px;overflow-y:auto}.stream-inner{gap:10px;max-width:820px;margin:0 auto;display:grid}.wm-label{letter-spacing:.14em;color:var(--eyebrow);font-size:10px}.locbadge{color:var(--muted);border:1px solid var(--line);background:var(--field);border-radius:999px;justify-self:start;padding:4px 11px;font-size:11px}.msg{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:13px 15px;font-size:14px;line-height:1.9}.msg.narrator{background:var(--panel);color:#d6def0;white-space:pre-wrap;font-style:italic}.msg.user{background:var(--accent-bg);border-color:#4c7df057;justify-self:end;max-width:85%}.msg.system{color:var(--muted);box-shadow:none;background:0 0;border-style:dashed;padding:8px 12px;font-size:12px}.composer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d16eb;flex:none;padding:8px 12px}.quick{scrollbar-width:none;gap:7px;max-width:820px;margin:0 auto 8px;display:flex;overflow-x:auto}.quick::-webkit-scrollbar{display:none}.quick button{border:1px solid var(--line);background:var(--panel);color:#cfd7e8;border-radius:var(--r-sm);white-space:nowrap;flex:none;padding:10px 18px;font-size:14px;font-weight:600;transition:border-color .12s,background .12s,color .12s}.quick button:hover{border-color:var(--line-strong);color:var(--text)}.quick button.primary{background:var(--brand);color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff24,0 1px 2px #03071266}.quick button:disabled{opacity:.45;cursor:default}.quick button.narrator-btn{border:1px solid var(--line);background:var(--field);color:var(--muted);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 13px;display:inline-flex}.quick button.narrator-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.quick button.narrator-btn small{letter-spacing:.03em;font-size:10px;font-weight:800;line-height:1}.quick button.narrator-btn.grok{color:#ff8fb3;background:#ff6ea01a;border-color:#ff6ea073;box-shadow:0 0 12px #ff6ea038}.quick button.narrator-btn.grok svg{fill:currentColor}.inputbox{background:var(--field);border:1px solid var(--line);border-radius:var(--r-lg);max-width:820px;margin:auto;padding:7px;transition:border-color .12s,box-shadow .12s}.inputbox:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.sequence{flex-wrap:wrap;gap:5px;padding:0 0 7px;display:none}.sequence.has{display:flex}.seq-chip{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 8px 4px 4px;font-size:12px;display:inline-flex}.seq-chip .tag{color:#fff;border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:800}.seq-chip[data-mode=speech] .tag{background:#33529b}.seq-chip[data-mode=action] .tag{background:#1d4a75}.seq-chip[data-mode=thought] .tag{background:#4a3a80}.seq-chip[data-mode=others] .tag{background:#1f5c48}.seq-chip .txt{text-overflow:ellipsis;white-space:nowrap;color:#c9d3e8;overflow:hidden}.seq-chip .del{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:13px}.seq-chip .del:hover{color:var(--danger)}.inputrow{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.modeselect{gap:5px;display:flex}.inputmodes{align-items:center;gap:10px;max-width:820px;margin:0 auto;padding:0 0 6px;display:flex}.inputmodes .modeselect{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--field);gap:0;display:inline-flex;overflow:hidden}.inputmodes .modebtn{border-left:1px solid var(--line);border-radius:0;width:42px;height:32px}.inputmodes .modebtn:first-child{border-left:0}.inputmodes .modebtn:hover{color:var(--text)}.inputmodes .modename{color:var(--muted);font-size:12px}.inputmodes .modename:before{content:"入力: ";opacity:.7}.modebtn{width:34px;height:34px;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.quick .modebtn{border:1px solid var(--line);background:var(--panel2);width:38px;height:auto;color:var(--muted);border-radius:var(--r-sm);align-self:stretch;place-items:center;padding:0;display:grid}.composer .quick button.narrator-btn{margin-left:auto}.modebtn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.composer .quick button.modebtn{padding:0;line-height:0}.modebtn.active[data-mode=speech]{color:#fff;background:#33529b;border-color:#0000}.modebtn.active[data-mode=action]{color:#fff;background:#1d4a75;border-color:#0000}.modebtn.active[data-mode=thought]{color:#fff;background:#4a3a80;border-color:#0000}.modebtn.active[data-mode=others]{color:#fff;background:#1f5c48;border-color:#0000}.nline.u-action{color:#8cb3ff}.nline.u-thought{color:#c9b9ff;font-style:italic}.nline.u-others{color:#a9d8b8}.nline{display:block}.nline.dialogue{color:#edf3ff}.nline.action{color:#8cb3ff}.nline.thought{color:#c9b9ff;font-style:italic}.msg.user.others{color:#a9d8b8}.msg .scene-img{border-radius:var(--r-md);cursor:pointer;max-width:100%;height:auto;display:block}.composer .quick button.paint-btn{color:#fff;border-radius:var(--r-sm);background:linear-gradient(135deg,#3ba7de,#4c7df0);border:0;padding:10px 20px;font-weight:700;box-shadow:inset 0 1px #ffffff2e,0 1px 3px #03071280}.composer .quick button.paint-btn:hover{filter:brightness(1.08)}.composer .quick button.paint-btn:disabled{opacity:.45}.msg .spin{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.msg .spin{animation-duration:2.4s}}.sendcol{align-items:stretch;gap:4px;display:flex}.send-more{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:var(--r-md);cursor:pointer;place-items:center;width:26px;min-height:40px;font-size:10px;display:grid}.send-more:hover{color:var(--text);border-color:var(--line-strong)}.qs-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background:#04060e99;place-items:end center;display:grid;position:fixed;inset:0}.qs-panel{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(480px,94vw);box-shadow:var(--shadow-pop);margin-bottom:90px;padding:18px}.qs-panel h3{margin:0 0 4px;font-size:14px;font-weight:700}.qs-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.qs-row:last-of-type{border-bottom:0}.qs-row .qs-label b{font-size:13px;display:block}.qs-row .qs-label small{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.5;display:block}.qs-toggle{border:1px solid var(--line-strong);background:var(--field);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .15s,border-color .15s;position:relative}.qs-toggle:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.qs-toggle.on:after{background:#fff;transform:translate(20px)}.qs-cancel{border:1px solid var(--line);color:#cfd7e8;border-radius:var(--r-md);cursor:pointer;background:0 0;padding:8px 14px;font-size:13px;transition:border-color .12s,color .12s}.qs-cancel:hover{border-color:var(--line-strong);color:var(--text)}.qs-group{color:var(--muted);letter-spacing:.14em;margin:12px 0 2px;font-size:10.5px;font-weight:700}.qs-group:first-of-type{margin-top:8px}.qs-row-choice{flex-direction:column;align-items:stretch;gap:8px}.qs-seg{border:1px solid var(--line);border-radius:var(--r-md);background:var(--field);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.qs-seg button{border:0;border-left:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;padding:9px 6px;font-size:13px;transition:background .12s,color .12s}.qs-seg button:first-child{border-left:0}.qs-seg button:hover{color:var(--text)}.qs-seg button.active{background:var(--accent-bg);color:var(--accent);font-weight:700}.inputrow textarea{color:var(--text);resize:none;background:0 0;border:0;outline:none;min-height:40px;max-height:min(38vh,260px);padding:10px 8px;font-size:14px;overflow-y:auto}.inputrow textarea::placeholder{color:#5d6780}.send{background:var(--brand);color:#fff;border-radius:var(--r-md);border:0;height:40px;padding:0 16px;font-weight:700;box-shadow:inset 0 1px #ffffff24,0 1px 2px #03071266}.send:disabled{opacity:.5}.mainnav{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom);background:#080a12f0;flex:none;grid-template-columns:repeat(5,1fr);display:grid}.mainnav .navitem{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;gap:3px;padding:9px 4px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:color .12s;display:grid}.mainnav .navitem:hover{color:var(--text)}.mainnav .navitem.active{color:#fff;background:var(--accent-bg);border-radius:var(--r-md);margin:4px;padding:5px 4px 6px}.mainnav .navitem:disabled{opacity:.4;cursor:default}.mainnav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.login-screen{justify-content:center;align-items:center;display:flex}.login-card{border:1px solid var(--line);background:var(--panel);width:min(360px,100vw - 32px);box-shadow:var(--shadow-pop);border-radius:16px;gap:12px;padding:24px;display:grid}.login-lead{color:var(--muted);margin:0;font-size:12px}.login-card label{color:#c2cbe0;gap:5px;font-size:12px;display:grid}.login-card input{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:var(--r-md);outline:none;padding:10px 11px;font-size:14px;transition:border-color .12s,box-shadow .12s}.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.login-error{color:var(--danger);font-size:12px}.page-scroll{padding-bottom:24px}.stream-inner.wide{max-width:1100px}.detail-shell{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:12px;display:grid}.side-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-card);gap:10px;padding:16px;display:grid}.side-card h2{letter-spacing:-.01em;margin:0;font-size:20px}.side-desc{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.infoeyebrow{letter-spacing:.14em;color:var(--eyebrow);text-transform:uppercase;font-size:10px;font-weight:600}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.facts div{background:var(--field);border:1px solid var(--line);border-radius:var(--r-md);padding:10px}.facts b{margin-bottom:3px;font-size:11px;display:block}.facts span{color:var(--muted);font-size:11px}.status-dot{border:1px solid #ffffff40;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.row-left{align-items:center;gap:7px;min-width:0;display:inline-flex}.mode-chips{justify-content:flex-end;gap:6px;padding:10px 12px 0;display:flex}.mode-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600}.mode-chip.active{background:var(--accent-bg);color:var(--text);border-color:#4c7df066}.region-inset{border:1px solid var(--line);border-radius:var(--r-md);background:#0a1626;height:150px;overflow:hidden}.region-inset svg{width:100%;height:100%;display:block}.travel-panel{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel2);gap:4px;padding:12px;display:grid}.travel-panel h3{margin:0 0 4px;font-size:14px}.travel-panel .row{grid-template-columns:80px 1fr;gap:8px;padding:3px 0;font-size:11px;display:grid}.travel-panel .row b{color:var(--muted)}.travel-note.ok{border-color:var(--ok-line);color:var(--ok)}.travel-note.ng{border-color:var(--danger-line);color:var(--danger)}.expbar{background:var(--field);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.expbar-fill{background:linear-gradient(90deg,#4c7df0,#7fb0ff);height:100%}.proposals{gap:6px;width:100%;max-width:820px;margin:0 auto;padding:6px 12px 10px;display:grid}.proposal-row{border:1px solid var(--warn-line);border-radius:var(--r-md);background:var(--warn-bg);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.proposal-row .p-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.proposal-row .p-kind{color:var(--warn);border:1px solid var(--warn-line);border-radius:999px;flex:none;padding:1px 8px;font-size:10px;font-weight:700}.proposal-row .p-note{color:var(--muted);font-size:11px}.proposal-row .p-actions{flex:none;gap:6px;display:inline-flex}.proposal-row .p-actions button{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;padding:3px 10px;font-size:11px}.proposal-row .p-actions button:hover{border-color:var(--line-strong)}.proposal-row .p-actions button.ok{border-color:var(--ok-line);color:var(--ok)}.proposal-row .p-actions button.ng{color:var(--danger)}.people-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.people-head h1{letter-spacing:-.01em;margin:0;font-size:22px}.people-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.categorytabs{gap:8px;margin-bottom:14px;display:flex}.categorytab{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:600;transition:color .12s,border-color .12s}.categorytab:hover{color:var(--text);border-color:var(--line-strong)}.categorytab.active{background:var(--brand);color:#fff;border-color:#0000}.tiersecs,.relgroups{gap:18px;display:grid}.relhead{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.relhead h3{margin:0;font-size:15px}.relhead span{color:var(--muted);font-size:11px}.chargrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.charcard{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--text);font:inherit;box-shadow:var(--shadow-card);border-radius:12px;gap:5px;padding:10px;transition:border-color .12s,transform .12s;display:grid}.charcard:hover{border-color:#4c7df080;transform:translateY(-1px)}.charcard-thumb{object-fit:cover;object-position:top;border-radius:var(--r-sm);border:1px solid var(--line);width:100%;height:150px;display:block}.charcard-thumb-empty{background:var(--field);color:#56618a;place-items:center;font-size:28px;font-weight:700;display:grid}.charname{font-size:14px;font-weight:700}.charrole{color:var(--muted);font-size:11px;line-height:1.5}.charsmall{color:var(--eyebrow);font-size:10px}.relbody{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.relcard{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--text);font:inherit;box-shadow:var(--shadow-card);border-radius:12px;gap:3px;padding:11px 12px;transition:border-color .12s;display:grid;position:relative}.relcard:hover{border-color:#4c7df080}.relname{font-size:13px;font-weight:700}.relname span{color:var(--muted);font-size:11px;font-weight:400}.relexp{color:var(--muted);font-size:11px}.relexp em{color:var(--eyebrow);font-style:normal}.rellvl{color:var(--accent);background:var(--accent-bg);font-variant-numeric:tabular-nums;border:1px solid #4c7df066;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;right:12px}.chardetail-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:760px){.chardetail-grid{grid-template-columns:1fr}.chardetail-grid>div:first-child{max-width:320px}}.timeline{gap:8px;display:grid}.timeline-row{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;display:grid}.timeline-icon{border:1px solid var(--line);background:var(--panel2);border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.timeline-body{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-card);padding:9px 12px}.timeline-head{justify-content:space-between;gap:8px;font-size:12px;display:flex}.timeline-head small{color:var(--muted);font-variant-numeric:tabular-nums}.timeline-body p{color:#c4cee2;margin:3px 0 0;font-size:12px;line-height:1.6}@media (max-width:980px){.detail-shell{grid-template-columns:1fr}}.citymap .cd6-river{opacity:.85;background:linear-gradient(90deg,#123c5a,#1b5b85,#123c5a);width:44px;height:112%;position:absolute;top:-5%;left:52%;transform:rotate(2deg)}.citymap .cd6-wall{border:3px solid #6f8097;border-radius:21% 24% 19% 23%/20% 18% 24% 22%;width:75%;height:72%;position:absolute;top:11%;left:12%}.citymap .cd6-ring{border:2px dashed #8fa9c761;border-radius:50%;width:47%;height:43%;position:absolute;top:24%;left:27%}.citymap .cd6-street{opacity:.68;background:#344b63;position:absolute}.citymap .cd6-street.h1{height:5px;top:50%;left:10%;right:10%}.citymap .cd6-street.h2{height:4px;top:32%;left:17%;right:17%}.citymap .cd6-street.v1{width:5px;top:10%;bottom:10%;left:50%}.citymap .cd6-street.v2{width:4px;top:18%;bottom:16%;left:29%;transform:rotate(-7deg)}.citymap .cd6-street.v3{width:4px;top:17%;bottom:18%;right:25%;transform:rotate(8deg)}.crumbs{color:#bfcbe2;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;display:flex}.crumbs span{opacity:.45}.crumbs button{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.crumbs button:hover{text-decoration:underline}.crumbs b{color:#fff}.pagehead h1{letter-spacing:-.01em;margin:4px 0 2px;font-size:22px}.pagehead p{color:var(--muted);margin:0;font-size:12px}.map-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);background:#0a1626;overflow:hidden}.map-svg{width:100%;height:min(52vh,520px);display:block}.map-svg.tall{height:min(68vh,720px)}.map-help{border-top:1px dashed var(--line);color:var(--muted);padding:8px 12px;font-size:11px}.legend{color:#c4cfe4;flex-wrap:wrap;gap:12px;padding:8px 12px 0;font-size:11px;display:flex}.legend .k{align-items:center;gap:5px;display:inline-flex}.legend i{border:1px solid #ffffff40;border-radius:50%;width:10px;height:10px}.region-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.region-card{text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;gap:3px;padding:11px 12px;transition:border-color .12s;display:grid}.region-card:hover{border-color:var(--line-strong)}.region-card small{color:var(--muted);font-size:11px}.region-card.active{background:var(--accent-bg);border-color:#4c7df066}.list-rows{gap:6px;display:grid}.list-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);color:#d9e2f2;text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;transition:border-color .12s,background .12s;display:flex}button.list-row:hover{border-color:var(--line-strong)}.list-row small{color:var(--muted);white-space:nowrap}.list-row.active{background:var(--accent-bg);border-color:#4c7df066}.citymap{border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(circle at 50% 30%,#30448042,#0000 38%),linear-gradient(#0b1830,#081222);height:340px;position:relative}.place-pill{border:1px solid var(--line-strong);color:#eef2ff;white-space:nowrap;background:#080c18eb;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.place-pill:before{content:"";background:#eef5ff;border-radius:50%;flex:none;width:7px;height:7px}.place-pill.active{background:var(--accent-bg);border-color:var(--brand-hi);box-shadow:0 0 0 1px var(--ring), 0 0 14px #4c7df059}.place-pill.active:before{background:#f3d27a}.place-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-card);padding:14px 15px}.place-card h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;display:flex}.place-card p{color:#c4cee2;margin:0;font-size:13px;line-height:1.8}.pill{border:1px solid var(--line);background:var(--field);color:#d5deef;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}:root{--serif:var(--font-serif), "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}svg text{font-family:var(--serif)}@media (max-width:640px){input,select,textarea{font-size:16px!important}.list-row span,.list-row small,.facts span,.side-desc{overflow-wrap:anywhere}.quick{flex-wrap:wrap;overflow-x:visible}.categorytabs{flex-wrap:wrap}.composer .quick button.primary,.composer .quick button.narrator-btn{margin-left:0}.composer .quick{flex-wrap:nowrap;gap:4px}.composer .quick button{text-align:center;flex:1 1 0;min-width:0;padding:9px 2px;font-size:13px}.composer .quick button.skip-btn{flex:none;padding:9px 8px}.quick button.narrator-btn small{display:none}.quick button.narrator-btn{border-radius:var(--r-sm);justify-content:center;padding:8px 2px}.composer .quick button.paint-btn{padding:9px 2px}.inputmodes .modebtn{width:40px}.cal-rows .list-row{flex-direction:column;align-items:flex-start;gap:5px}.cal-rows .list-row>small{white-space:normal;flex-wrap:wrap;align-items:center;gap:8px;display:flex}}.quick-extra{display:contents}.brand,.pagehead h1,.people-head h1,.side-card h2,.side-card h3,.place-card h3,.relhead h3,.qs-panel h3,.msg.narrator,.msg.user,.quick button,.send,.qs-cancel,.qs-seg button,.categorytab,.mainnav .navitem,.charname,.relname,.headerchip,.locbadge,.place-pill{font-family:var(--serif)}.msg.narrator,.nline.thought,.nline.u-thought{font-style:normal}.quick button.primary{color:#cdd9f7;box-shadow:none;background:#4c7df029;border:1px solid #4c7df06b}.quick button.primary:hover{background:#4c7df042}.send{color:#dbe4fb;box-shadow:none;background:#4c7df033;border:1px solid #4c7df073}.send:hover{background:#4c7df04d}.categorytab.active{color:#dbe4fb;background:#4c7df02e;border:1px solid #4c7df073}.composer .quick button.paint-btn{color:#f0dcae;box-shadow:none;background:#f5be5821;border:1px solid #f5be5866}.composer .quick button.paint-btn:hover{filter:none;background:#f5be5838}.qs-toggle.on{background:#4c7df080;border-color:#4c7df099}.expbar-fill{background:#7a9debcc}.mainnav .navitem.active{background:#4c7df024}