:root{--bg:#f4f0ea;--bg-soft:#fbf9f6;--panel:#ffffff;--surface:#ffffff;--surface-strong:#ffffff;--surface-muted:#efeae2;--border:transparent;--text:#3e322a;--muted:#8b7a6f;--accent:#b8946f;--accent-dark:#806041;--danger:#b65d55;--shadow:0 12px 40px rgba(139, 118, 102, 0.07);--soft-shadow:0 6px 20px rgba(139, 118, 102, 0.04);--radius-lg:24px;--radius-md:16px;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);background:radial-gradient(circle at 9% 8%,rgba(255,255,255,.9),transparent 27%),radial-gradient(circle at 88% 12%,rgba(196,190,207,.36),transparent 31%),radial-gradient(circle at 78% 92%,rgba(184,198,212,.28),transparent 34%),linear-gradient(145deg,#eef0f4 0,#e3e5eb 47%,#d9dce3 100%);background-attachment:fixed}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar-toggle{position:fixed;top:20px;left:20px;z-index:105;width:44px;height:44px;border:none;background:rgba(255,255,255,.92);box-shadow:0 4px 20px rgba(139,118,102,.14);font-size:1.15rem;color:var(--text);backdrop-filter:blur(10px);display:grid;place-items:center;transition:background .18s,transform .18s}.sidebar-toggle:hover{background:#fff;transform:scale(1.05)}.app-shell{display:block;position:relative;max-width:1200px;margin:0 auto;min-height:100vh;background:0 0;border:none;box-shadow:none}.side-nav{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;padding:86px 28px 28px;display:flex;flex-direction:column;background:var(--panel);box-shadow:var(--shadow);transform:translateX(-100%);transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.app-shell:not(.sidebar-collapsed) .side-nav{transform:translateX(0)}.app-shell:not(.sidebar-collapsed) .sidebar-toggle{left:292px;background:var(--bg-soft);box-shadow:none}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:40px}.brand{display:flex;align-items:center;gap:8px;font:500 1.8rem/1 Georgia,"Noto Serif TC",serif}.brand-mark{color:var(--accent);font-size:1rem}.nav-list{display:grid;gap:16px}.nav-item{width:100%;padding:17px 18px;display:flex;align-items:center;gap:14px;border-radius:18px;color:var(--text);background:0 0;text-align:left;transition:background .18s,transform .18s}.nav-item.active,.nav-item:hover{background:var(--bg-soft)}.nav-item:active{transform:translateY(1px)}.nav-item span:first-child{width:20px;text-align:center;color:var(--accent-dark)}.player-card{margin-top:auto;padding:16px;display:flex;gap:12px;align-items:center;border-radius:20px;background:var(--bg-soft)}.player-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent-dark);font-size:.85rem}.player-card strong{display:block;font-size:.88rem}.player-card p{margin:4px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}.view{min-width:0;min-height:0;display:none}.view.active{display:grid}.home-view{padding:80px 40px 48px;max-width:1100px;margin:0 auto;grid-template-columns:300px 1fr;grid-template-rows:1fr;gap:32px;align-items:start}.mobile-topbar{display:none}.home-hero-card{padding:0;background:0 0;box-shadow:none;border:none;display:flex;flex-direction:column;gap:14px;position:sticky;top:80px}.home-hero-card h2{margin:0 0 0 4px;color:var(--muted);font:500 .78rem/1 Georgia,"Noto Serif TC",serif;letter-spacing:.08em;text-transform:uppercase}.hero-placeholder{width:100%;aspect-ratio:3/4;border-radius:26px;background:linear-gradient(180deg,rgba(62,50,42,0) 35%,rgba(62,50,42,.75) 100%),var(--bg-soft);box-shadow:0 20px 50px rgba(139,118,102,.15);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.hero-placeholder>div{padding:28px 22px;color:#fff;background:0 0;width:100%}.hero-placeholder span{display:block;margin-bottom:8px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.hero-placeholder strong{display:block;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 3px 18px rgba(22,25,32,.45)}.hero-placeholder p{margin:6px 0 18px;font-size:.9rem;line-height:1.6;opacity:.85}.home-right{display:flex;flex-direction:column;gap:18px;min-width:0}.token-card{background:var(--panel);border-radius:18px;box-shadow:var(--soft-shadow);padding:14px 20px;z-index:5}.token-card-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:10px;color:var(--muted);font-size:.72rem;letter-spacing:.04em}.token-provider-picker{position:relative;z-index:3}.token-provider-button{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 11px;border:1px solid var(--surface-muted);border-radius:999px;color:var(--text);background:#f3f5f9;font-size:.74rem;font-weight:700}.token-provider-menu{position:absolute;top:calc(100% + 8px);right:0;width:230px;padding:7px;border:1px solid var(--surface-muted);border-radius:16px;box-shadow:var(--shadow);z-index:20}.token-provider-menu[hidden]{display:none}.token-provider-option{width:100%;padding:9px 10px;display:grid;gap:3px;border:0;border-radius:12px;color:var(--text);background:0 0;text-align:left}.token-provider-option.active,.token-provider-option:hover{background:var(--bg-soft)}.token-provider-name{font-size:.8rem;font-weight:700}.token-provider-usage{color:var(--muted);font-size:.66rem}.token-row{display:flex;align-items:center;gap:18px}.token-stat{display:flex;align-items:baseline;gap:5px;flex:1}.token-label{font-size:.72rem;color:var(--muted);white-space:nowrap}.token-value{font:700 1.1rem/1 Inter,sans-serif;color:var(--text);letter-spacing:-.01em}.token-unit{font-size:.68rem;color:var(--muted)}.token-divider{width:1px;height:28px;background:var(--surface-muted);flex-shrink:0}.token-badge{margin-left:auto;padding:4px 10px;border-radius:99px;background:var(--bg-soft);color:var(--muted);font-size:.68rem;font-weight:500;white-space:nowrap;letter-spacing:.02em}.contacts-card{background:var(--panel);border-radius:20px;box-shadow:var(--soft-shadow);padding:18px 20px}.contacts-card h2{margin:0 0 14px;color:var(--muted);font:500 .78rem/1 Georgia,"Noto Serif TC",serif;letter-spacing:.08em;text-transform:uppercase}.contact-scroll-wrap{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.contact-scroll-wrap::-webkit-scrollbar{display:none}.contact-card{flex:0 0 72px;scroll-snap-align:start;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:16px;color:var(--text);background:var(--bg-soft);text-align:center;cursor:pointer;transition:box-shadow .18s,transform .15s}.contact-card:not(.locked):hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(139,118,102,.1)}.contact-card.active{box-shadow:0 0 0 2px var(--accent);background:var(--panel)}.contact-card.locked{opacity:.38;cursor:default}.contact-portrait{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--muted);font-size:.88rem}.contact-card strong{font-size:.72rem;font-weight:600;white-space:nowrap}.home-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px}.app-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:20px;background:var(--panel);box-shadow:var(--soft-shadow);color:var(--text);text-align:center;transition:transform .18s,box-shadow .18s;cursor:pointer}.app-btn:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(139,118,102,.1)}.app-btn:active{transform:translateY(0)}.app-btn-icon{display:grid;place-items:center;background:var(--bg-soft);line-height:1}.app-btn strong{font-weight:600;letter-spacing:.01em}.mobile-only{display:none}.nav-divider{height:1px;background:var(--surface-muted);margin:6px 0}.chat-view{grid-template-columns:1fr;height:100vh;padding-top:80px}body.chat-active .chat-view{padding-top:0;height:100dvh}body.chat-active{background-image:var(--chat-bg,none);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.character-stage{display:none}.chat-panel{min-width:0;display:flex;flex-direction:column;background:var(--surface);box-shadow:-10px 0 30px rgba(0,0,0,.02);z-index:2;border-radius:0}.chat-header{min-height:118px;padding:26px 34px;display:flex;align-items:center;gap:18px}.chat-header h2,.settings-heading h2{margin:0;font:600 1.35rem/1.2 Georgia,"Noto Serif TC",serif}.chat-header p{margin:8px 0 0;color:var(--muted);font-size:.86rem}.room-heading{min-width:0;flex:1;text-align:center}.room-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-meta{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.room-meta label{color:var(--muted)}.inline-select{width:auto;min-width:104px;padding:6px 30px 6px 10px;border:1px solid var(--surface-muted);border-radius:999px;color:var(--text);background:var(--surface);font-size:.82rem}.header-actions{display:flex;align-items:center;gap:12px}.close-button,.ghost-button,.header-button{border:0;color:var(--text);background:var(--bg-soft);border-radius:14px;padding:10px 14px}.mode-switch{display:flex;padding:4px;border-radius:15px;background:var(--bg-soft)}.mode-switch.chat-mode-switch{display:none}.mode-switch button{padding:8px 12px;border:0;border-radius:11px;color:var(--muted);background:0 0;font-size:.8rem;white-space:nowrap}.mode-switch button.active{background:var(--accent)}.close-button{padding:2px 8px;color:var(--muted);font-size:1.7rem;background:0 0}.message-list{flex:1;min-height:0;overflow-y:auto;padding:6px 34px 24px;scrollbar-color:var(--surface-muted) transparent}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;animation:220ms ease-out arrive}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:48px;border-radius:6px;flex-shrink:0;background-size:cover;background-position:top center;display:grid;place-items:center;font-weight:700;font-size:.82rem;color:#fff;background-color:var(--accent-dark);border:1px solid rgba(255,255,255,.55)}.message-bubble{max-width:78%;padding:24px 28px;border-radius:22px;background:var(--bg-soft);box-shadow:var(--soft-shadow)}.message.user .message-bubble{background:var(--surface-muted)}.message-content{line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{margin-top:12px;color:var(--muted);font-size:.75rem}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state strong{color:var(--text);font:500 1.35rem Georgia,"Noto Serif TC",serif}.empty-state p{max-width:360px;margin:10px auto 0;line-height:1.7}.composer{margin:0 34px;padding:10px;display:flex;gap:12px;align-items:stretch;border-radius:24px;background:var(--bg-soft)}.composer-stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.composer textarea,.connection-panel input,.settings-panel input,.settings-panel select,.settings-panel textarea{width:100%;resize:none;border:1px solid var(--surface-muted);border-radius:13px;outline:0;color:var(--text);background:var(--surface)}.composer textarea{min-height:54px;max-height:150px;padding:15px;border:0;line-height:1.6}.composer-toolbar{display:flex;align-items:center;gap:12px}.model-picker{position:relative;flex:1;min-width:0}.model-picker-button{min-width:172px;max-width:min(240px,100%);min-height:42px;padding:8px 36px 8px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--surface-muted);border-radius:15px;color:var(--text);background:var(--surface);font-weight:700;font-size:.86rem;box-shadow:var(--soft-shadow);cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.model-picker-button:hover{transform:translateY(-1px)}.model-picker-button:disabled{opacity:.6;cursor:wait}.model-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-picker-caret{color:#7b808b;font-size:.82rem}.model-picker-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:8;width:min(320px,calc(100vw - 48px));max-height:min(560px,calc(100vh - 140px));overflow-y:auto;padding:7px;display:grid;gap:5px;border:1px solid var(--surface-muted);border-radius:17px;box-shadow:var(--shadow)}.model-picker-menu[hidden]{display:none}.model-provider-group{display:grid;gap:5px}.model-provider-toggle{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:0 0;text-align:left;font-size:.78rem;font-weight:800}.model-provider-toggle:focus,.model-provider-toggle:hover{color:var(--text);border-color:var(--surface-muted);background:#f1f3f8}.model-provider-list{display:grid;gap:4px;padding:0 0 4px 8px}.model-provider-list[hidden]{display:none}.model-favorite-group{padding-bottom:5px;border-bottom:1px solid var(--surface-muted)}.model-favorite-heading{cursor:default;color:var(--accent-dark)}.model-option-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;gap:4px}.model-option{width:100%;padding:9px 12px;border:1px solid transparent;border-radius:12px;color:var(--text);background:0 0;text-align:left;font-weight:700;font-size:.82rem}.model-option span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option-provider{margin-top:3px;color:var(--muted);font-size:.64rem;font-weight:700}.model-favorite-toggle{width:34px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:0 0;font-size:.92rem;line-height:1}.model-favorite-toggle.active,.model-favorite-toggle:focus,.model-favorite-toggle:hover{color:var(--accent-dark);border-color:var(--surface-muted);background:#f1f3f8}.model-option:focus,.model-option:hover{border-color:var(--surface-muted);background:#f1f3f8}.model-option-row.active .model-option{color:var(--accent-dark);border-color:var(--surface-muted);background:#ece8f1}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(184,148,111,.11)}.primary-button{min-width:100px;height:52px;border-radius:999px;color:#fff;background:var(--accent);font-weight:700}.primary-button:hover{background:var(--accent-dark)}.primary-button:disabled{cursor:wait;opacity:.55}.composer-hint{margin:8px 42px 18px;color:var(--muted);text-align:right;font-size:.72rem}.drawer{position:fixed;z-index:100;display:flex;flex-direction:column;background:var(--panel);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.settings-panel{top:0;right:0;bottom:0;width:min(560px,100%);padding:26px;overflow:hidden;border-radius:24px 0 0 24px;transform:translateX(100%)}.settings-panel.open{transform:translateX(0)}.rooms-panel{top:0;bottom:0;left:0;width:min(390px,100%);padding:28px 24px;transform:translateX(-100%)}.rooms-panel.open{transform:translateX(0)}.drawer-backdrop{position:fixed;z-index:90;inset:0;opacity:0;pointer-events:none;transition:opacity .3s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.settings-persona-bar{position:relative;margin-bottom:16px}.active-persona-button{width:100%;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--surface-muted);border-radius:16px;color:var(--text);box-shadow:var(--soft-shadow);text-align:left}.active-persona-copy{min-width:0;display:grid;gap:4px}.active-persona-copy strong{font-size:.92rem;font-weight:600}.active-persona-copy span{color:var(--muted);font-size:.78rem;line-height:1.45}.active-persona-caret{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:var(--accent-dark);background:var(--bg-soft);font-size:.95rem;flex:0 0 auto;transition:transform .18s}.active-persona-button[aria-expanded=true] .active-persona-caret{transform:rotate(180deg)}.persona-dropdown{position:absolute;z-index:2;top:calc(100% + 10px);left:0;width:min(420px,calc(100vw - 72px));padding:16px;border:1px solid var(--surface-muted);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.persona-dropdown-heading{margin-bottom:12px;display:grid;gap:4px}.persona-dropdown-heading strong{font-size:.88rem}.persona-dropdown-heading span{color:var(--muted);font-size:.75rem;line-height:1.5}.settings-workspace{min-height:0;flex:1;display:grid;grid-template-columns:138px minmax(0,1fr);gap:16px}.settings-menu{min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.settings-menu-item{padding:11px 12px;border-radius:12px;color:var(--muted);background:0 0;text-align:left}.settings-menu-item.active{color:var(--text);border-color:var(--surface-muted);background:var(--bg-soft)}.settings-content{min-height:0;overflow:hidden;padding:18px;border:1px solid var(--surface-muted);border-radius:18px;background:var(--surface)}.settings-pane{display:none}.settings-pane.active{display:block;height:100%;overflow-y:auto}.settings-pane[data-settings-pane-content=anniversary].active,.settings-pane[data-settings-pane-content=memory].active{min-height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-section label{display:block;margin:0 0 8px;color:var(--muted);font-size:.84rem}.password-field{margin-bottom:18px}.connection-panel input,.settings-panel input,.settings-panel select,.settings-panel textarea{padding:12px 13px;line-height:1.5}.settings-panel select{color:var(--text)}.settings-section{margin:0;padding-top:0;border-top:0}.settings-section h3{margin:0 0 16px;color:var(--text);font:600 1rem/1.3 Georgia,"Noto Serif TC",serif}.settings-section input,.settings-section select,.settings-section textarea{margin-bottom:14px}.memory-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 0;color:var(--muted);font-size:.74rem}.token-estimate{padding:5px 9px;border-radius:999px;color:var(--accent-dark);background:var(--bg-soft);font-weight:700}#longTermMemory{flex:1;min-height:240px;resize:none}.memory-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.memory-subhead h4{margin:0;font:600 .9rem/1.3 Georgia,"Noto Serif TC",serif}.memory-subhead button{padding:8px 11px;border:1px solid var(--surface-muted);border-radius:999px;color:var(--accent-dark);background:var(--bg-soft);font-size:.78rem}.anniversary-actions{display:inline-flex;align-items:center;gap:8px}.anniversary-list{display:grid;align-content:start;gap:8px;max-height:220px;margin-bottom:0;padding-right:4px;overflow-y:auto}.settings-pane[data-settings-pane-content=anniversary] .anniversary-list{flex:1;min-height:0;max-height:none;margin-bottom:12px}.settings-pane[data-settings-pane-content=anniversary] .memory-meta{margin-top:auto;padding-top:10px;border-top:1px solid var(--surface-muted);background:var(--surface)}.anniversary-row{display:grid;grid-template-columns:minmax(132px,.9fr) minmax(0,1.2fr) auto;gap:8px;align-items:center}.anniversary-row input{margin-bottom:0}.anniversary-summary{grid-column:1/-1;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--surface-muted);border-radius:13px;background:rgba(255,255,255,.48)}.anniversary-summary strong{color:var(--accent-dark);font-size:.82rem;white-space:nowrap}.anniversary-summary span{min-width:0;color:var(--text);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anniversary-delete{padding:10px 11px;border:1px solid rgba(169,95,105,.32);border-radius:11px;color:var(--danger);background:rgba(255,255,255,.34);font-size:.78rem}.anniversary-empty{margin:0;padding:13px;border:1px dashed var(--surface-muted);border-radius:13px;color:var(--muted);text-align:center;font-size:.78rem}.memory-composer{margin:8px 0 18px;padding:16px;border:1px solid var(--surface-muted);border-radius:16px;background:linear-gradient(180deg,rgba(251,249,246,.94),rgba(246,241,235,.94))}.memory-composer[hidden]{display:none}.memory-toggle{margin:0 0 14px;display:inline-flex;align-items:center;gap:8px;color:var(--accent-dark);font-size:.82rem;line-height:1}.memory-toggle input{position:absolute;opacity:0;pointer-events:none}.memory-toggle-ui{width:32px;height:18px;position:relative;display:inline-block;border-radius:999px;background:rgba(184,148,111,.22);transition:background .18s}.memory-toggle-ui::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(62,50,42,.14);transition:transform .18s}.memory-toggle input:checked+.memory-toggle-ui{background:rgba(184,148,111,.9)}.memory-toggle input:checked+.memory-toggle-ui::after{transform:translateX(14px)}.memory-toggle-text{display:inline-flex;align-items:center;height:18px;line-height:18px}.memory-field-label{display:inline-flex;align-items:center;gap:7px;margin:0 0 7px;color:var(--muted);font-size:.82rem}.memory-title-row{margin-bottom:12px}.memory-title-row input{margin-bottom:0}.field-help{position:relative}.field-help-button{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--surface-muted);border-radius:999px;color:var(--accent-dark);background:rgba(255,255,255,.76);font-size:.7rem;line-height:1}.field-help-bubble{position:absolute;top:50%;left:calc(100% + 8px);width:min(240px,calc(100vw - 72px));padding:10px 12px;border:1px solid var(--surface-muted);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.98);box-shadow:var(--soft-shadow);font-size:.73rem;line-height:1.55;transform:translateY(-50%);z-index:3}.field-help-bubble[hidden]{display:none}.memory-editor-actions{display:flex;gap:8px;justify-content:flex-end}.memory-editor-actions button{padding:10px 14px;border:1px solid var(--surface-muted);border-radius:11px;color:var(--accent-dark);background:rgba(255,255,255,.76)}.memory-editor-actions button:first-child{border-color:rgba(184,148,111,.4);background:var(--bg-soft)}.memory-list{display:grid;gap:10px}.memory-empty{margin:0;padding:16px;border:1px dashed var(--surface-muted);border-radius:14px;color:var(--muted);text-align:center;font-size:.8rem}.memory-card{border:1px solid var(--surface-muted);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(249,246,241,.96));overflow:hidden}.memory-card-header{width:100%;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;color:var(--text);background:0 0;text-align:left}.memory-card-header strong{font-size:.86rem;font-weight:600}.memory-card-meta{color:var(--muted);font-size:.72rem}.memory-read-flag{padding:5px 9px;border-radius:999px;color:var(--accent-dark);background:var(--bg-soft);font-size:.7rem;white-space:nowrap}.memory-card-body{padding:0 16px 16px;border-top:1px solid var(--surface-muted)}.memory-card-body[hidden]{display:none}.memory-card-body input,.memory-card-body textarea{margin-bottom:12px}.memory-card-actions{display:flex;justify-content:space-between;gap:8px}.memory-card-actions button{padding:9px 12px;border:1px solid var(--surface-muted);border-radius:10px;background:rgba(255,255,255,.78);color:var(--accent-dark)}.memory-card-actions .text-danger{color:var(--danger);border-color:rgba(169,95,105,.28)}.inline-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-2px 0 16px}.inline-actions button{padding:9px 5px;border:1px solid var(--surface-muted);border-radius:10px;color:var(--accent-dark);font-size:.78rem}.inline-actions .text-danger{color:var(--danger)}.persona-editor[hidden]{display:none}.persona-picker{display:grid;gap:10px;margin:0 0 14px}.persona-choice{width:100%;padding:12px 14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--surface-muted);border-radius:16px;color:var(--text);background:linear-gradient(180deg,rgba(251,249,246,.9),rgba(247,242,236,.92));text-align:left}.persona-choice.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(184,148,111,.12);background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(247,239,230,.98))}.persona-avatar-preview,.persona-choice-avatar{width:48px;aspect-ratio:1;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--accent);background-position:center;background-size:cover;font-weight:700}.persona-choice-body{min-width:0;display:grid;gap:3px}.persona-choice strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.persona-choice small{color:var(--muted);font-size:.72rem;line-height:1.4}.persona-choice-check{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;color:transparent;background:rgba(255,255,255,.6);border:1px solid var(--surface-muted);font-size:.78rem}.persona-choice.active .persona-choice-check{color:var(--accent-dark);background:rgba(255,255,255,.92);border-color:rgba(184,148,111,.45)}.persona-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.persona-avatar-preview{width:68px;border-radius:18px;flex:0 0 auto}.password-field{display:flex;border:1px solid var(--surface-muted);border-radius:13px;background:var(--surface)}.password-field input{min-width:0;margin:0;border:0;background:0 0}.password-field button{border:0;padding:0 12px;color:var(--accent-dark);background:0 0;font-size:.78rem}.field-note{margin:-10px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}.settings-subhead{margin:0 0 10px;font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.bg-upload-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.connection-note{margin:0 0 14px}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:.85rem}.checkbox-field input{margin:0;width:16px;height:16px}.settings-storage-note{margin:0 0 18px}.danger-button{padding:13px 16px;border:1px solid var(--danger);border-radius:13px;color:var(--danger)}.new-room-button{width:100%;padding:13px;border-radius:13px;color:var(--text);background:var(--bg-soft);font-weight:600}.room-list{flex:1;min-height:0;margin:18px -8px;padding:0 8px;overflow-y:auto}.room-card{width:100%;margin-bottom:10px;padding:14px;border-radius:14px;color:var(--text);text-align:left;background:var(--surface);box-shadow:var(--soft-shadow)}.room-card.active{box-shadow:0 0 0 2px var(--accent)}.room-card strong{display:block;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,"Noto Serif TC",serif;font-size:.98rem}.room-card span{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.72rem}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px;border-top:1px solid var(--surface-muted)}.room-actions button{padding:11px 8px;border:1px solid var(--surface-muted);border-radius:10px;color:var(--accent-dark)}.room-actions .text-danger{color:var(--danger)}.placeholder-view{padding:70px 54px;place-items:center}.placeholder-panel{width:min(680px,100%);padding:44px;text-align:center}.placeholder-panel h1{margin:0 0 14px;font:600 2rem Georgia,"Noto Serif TC",serif}.placeholder-panel p{margin:0;color:var(--muted);line-height:1.8}.toast{position:fixed;z-index:1000;left:50%;top:max(22px,env(safe-area-inset-top));transform:translate(-50%,-18px);padding:11px 16px;border-radius:12px;color:var(--text);background:var(--panel);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.settings-context{left:auto;right:calc(min(560px,100vw) - 174px);top:154px;transform:translateY(-12px)}.toast.settings-context.show{transform:translateY(0)}.app-dialog{position:fixed;z-index:1200;top:84px;left:50%;width:min(360px,calc(100vw - 36px));transform:translateX(-50%);pointer-events:none}.app-dialog.settings-context{left:auto;right:72px;transform:none}.app-dialog.rooms-context{left:72px;transform:none}.app-dialog-card{padding:16px;border:1px solid var(--border);border-radius:18px;color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(236,239,245,.88));box-shadow:var(--metal-shadow);pointer-events:auto}.app-dialog-copy{display:grid;gap:6px}.app-dialog-copy strong{font-size:.96rem;font-weight:700}.app-dialog-copy p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.app-dialog-input{width:100%;margin:14px 0 0;padding:12px 13px;border:1px solid var(--surface-muted);border-radius:13px;color:var(--text);background:rgba(255,255,255,.72);outline:0}.app-dialog-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.app-dialog-actions button{padding:9px 13px;border:1px solid var(--surface-muted);border-radius:999px;color:var(--accent-dark);background:rgba(255,255,255,.56)}.app-dialog-actions .danger{color:var(--danger);border-color:rgba(169,95,105,.32)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(7px)}}@media (max-width:900px){.home-view{grid-template-columns:240px 1fr;padding:100px 24px 34px;gap:20px}.home-hero-card{position:static}.hero-placeholder{aspect-ratio:2/3}.chat-view{grid-template-columns:1fr;border-radius:0}.character-stage{display:none}.chat-panel{border-radius:0}}@media (max-width:768px){body{overflow:auto}.app-shell{min-height:100vh;padding-bottom:80px}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-topbar h1{margin:0;font:600 1.35rem Georgia,"Noto Serif TC",serif}.home-view{grid-template-columns:1fr;padding:86px 16px 28px;gap:14px}.home-hero-card{position:static;gap:10px}.hero-placeholder{aspect-ratio:16/9}.hero-placeholder>div{padding:18px}.hero-placeholder strong{font-size:1.7rem}.token-card{padding:12px 16px}.token-card-head{align-items:flex-start}.token-provider-menu{width:min(230px,calc(100vw - 48px))}.token-value{font-size:.98rem}.token-badge{display:none}.contacts-card{padding:14px 16px;border-radius:18px}.contact-card{flex:0 0 64px}.contact-portrait{width:36px;height:36px;font-size:.8rem}.home-actions{grid-template-columns:repeat(4,1fr);gap:10px}.app-btn{padding:13px 6px 11px;border-radius:18px;gap:7px}.app-btn-icon{width:40px;height:40px;border-radius:11px;font-size:1.2rem}.app-btn strong{font-size:.65rem}.mobile-only{display:flex}.chat-view{padding-top:0}.chat-header{min-height:122px;padding:80px 16px 10px;flex-wrap:wrap}body.chat-active .chat-header{padding-top:16px;min-height:0}.room-heading{order:-1;flex-basis:100%;text-align:left}.room-meta{justify-content:flex-start}.header-actions{width:100%;justify-content:space-between}.message-list{padding:12px 14px}.message-bubble{padding:18px;border-radius:18px}.composer{margin:0 12px;gap:8px;border-radius:18px}.composer-toolbar{gap:8px}.model-picker-button{min-width:0;max-width:100%;font-size:.8rem}.model-picker-menu{width:min(300px,calc(100vw - 40px))}.primary-button{min-width:72px}.composer-hint{margin:6px 18px 10px}.settings-panel{top:0;right:0;bottom:0;left:auto;width:min(420px,100%);max-height:none;padding:18px;border-radius:22px 0 0 22px;transform:translateX(100%)}.settings-panel.open{transform:translateX(0)}.settings-workspace{grid-template-columns:112px minmax(0,1fr);gap:10px}.settings-menu-item{padding:10px 8px;font-size:.78rem}.toast.settings-context{right:calc(min(420px,100vw) - 128px);top:142px}.app-dialog.settings-context{right:18px;top:88px}.app-dialog.rooms-context{left:18px;top:88px}.persona-dropdown{left:0;top:calc(100% + 10px);width:min(360px,100%)}.anniversary-row{grid-template-columns:1fr}.anniversary-delete{justify-self:end}.rooms-panel{width:min(360px,92%);transform:translateX(-100%)}.placeholder-view{padding:22px 18px}}@media (min-width:769px){.chat-view .desktop-secondary{display:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;transition-duration:NaNs!important}}:root{color-scheme:light;--bg:#e5e7ec;--bg-soft:rgba(244, 246, 250, 0.72);--panel:rgba(249, 250, 253, 0.78);--surface:rgba(252, 252, 254, 0.93);--surface-strong:#fcfcfe;--surface-muted:rgba(205, 209, 218, 0.56);--border:rgba(255, 255, 255, 0.78);--border-dark:rgba(70, 75, 88, 0.14);--text:#30333b;--muted:#787d89;--accent:#9b8fa2;--accent-light:#c7becd;--accent-dark:#655c6c;--danger:#a95f69;--shadow:0 20px 54px rgba(61, 66, 80, 0.13);--soft-shadow:0 10px 28px rgba(61, 66, 80, 0.08);--metal-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.92),inset 0 -1px 0 rgba(84, 89, 103, 0.06),0 10px 28px rgba(61, 66, 80, 0.08);--radius-lg:26px;--radius-md:17px}html{background:#e3e5ea}body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.22) 45%,transparent 55%),linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:100% 100%,100% 72px;opacity:.55}::selection{color:#fff;background:var(--accent-dark)}.contacts-card,.drawer,.side-nav,.sidebar-toggle,.toast,.token-card{border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(236,239,245,.68));box-shadow:var(--metal-shadow)}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.contacts-card,.drawer,.side-nav,.sidebar-toggle,.toast,.token-card{-webkit-backdrop-filter:blur(14px) saturate(118%);backdrop-filter:blur(14px) saturate(118%)}}.sidebar-toggle{color:var(--accent-dark);border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 10px 26px rgba(61,66,80,.14)}.sidebar-toggle:hover{background:linear-gradient(145deg,#fff,#eceef3);box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(61,66,80,.17)}.app-shell:not(.sidebar-collapsed) .sidebar-toggle{background:rgba(244,246,250,.84);border-color:rgba(255,255,255,.72);box-shadow:var(--soft-shadow)}.side-nav{border-width:0 1px 0 0;border-radius:0 28px 28px 0}.brand{color:#3c3f48;letter-spacing:-.02em}.brand-mark{color:var(--accent-dark);filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.nav-item{border:1px solid transparent}.nav-item.active,.nav-item:hover{border-color:rgba(255,255,255,.72);background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(226,229,236,.65));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(61,66,80,.07)}.nav-item span:first-child,.nav-item.active{color:var(--accent-dark)}.nav-divider{background:linear-gradient(90deg,transparent,rgba(99,103,117,.22),transparent)}.player-card{border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(225,228,235,.57));box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.player-avatar{background:linear-gradient(145deg,#857a8d,#554e5d);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 7px 16px rgba(66,60,72,.2)}.contacts-card h2,.home-hero-card h2{color:#6f7480;letter-spacing:.13em}.hero-placeholder{border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,rgba(28,31,39,.02) 28%,rgba(34,37,46,.78) 100%),radial-gradient(circle at 76% 18%,rgba(255,255,255,.78),transparent 26%),linear-gradient(145deg,#cfd3dc,#aeb4c1 48%,#8e94a2);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 26px 58px rgba(55,60,73,.18)}.hero-placeholder::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 0 32%,rgba(255,255,255,.22) 43%,transparent 55%);opacity:.7}.hero-placeholder>div{position:relative;z-index:1}.hero-placeholder span{color:rgba(255,255,255,.7)}.hero-placeholder .primary-button{border-color:rgba(255,255,255,.36);background:rgba(247,248,251,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 10px 24px rgba(24,27,35,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-placeholder .primary-button:hover{background:rgba(255,255,255,.28)}.token-card{position:relative;overflow:visible}.token-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,rgba(255,255,255,.95),var(--accent),rgba(110,119,132,.35));border-radius:inherit;pointer-events:none}.token-card-head{position:relative;z-index:2}.token-row{position:relative;z-index:1}.token-provider-button{border-color:rgba(255,255,255,.72);background:linear-gradient(145deg,#fff,#e6e9f0);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(61,66,80,.08);transition:transform .16s,box-shadow .16s,background .16s}.token-provider-button:hover{transform:translateY(-1px);background:linear-gradient(145deg,#fff,#eceef4);box-shadow:inset 0 1px 0 #fff,0 10px 20px rgba(61,66,80,.12)}.token-provider-menu{border-color:rgba(255,255,255,.82);background:linear-gradient(145deg,#fdfdff,#e8ebf2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 38px rgba(61,66,80,.16)}.token-provider-option{transition:background .16s,transform .16s}.token-provider-option:hover{transform:translateX(2px)}.token-provider-option.active{background:linear-gradient(145deg,#fff,#e4e0ea);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.token-value{color:#383b44;text-shadow:0 1px 0 rgba(255,255,255,.85)}.token-divider{background:linear-gradient(180deg,transparent,rgba(92,97,111,.2),transparent)}.token-badge{border:1px solid rgba(255,255,255,.7);background:rgba(233,235,241,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.contact-card{border:1px solid rgba(255,255,255,.62);background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(226,229,236,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.contact-card:not(.locked):hover{border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 10px 23px rgba(61,66,80,.12)}.contact-card.active{border-color:rgba(137,125,145,.52);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(222,218,229,.72));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(115,104,122,.22),0 10px 25px rgba(82,72,89,.12)}.contact-portrait{background:linear-gradient(145deg,#a8adb8,#747a87);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 15px rgba(61,66,80,.16)}.contact-card.active .contact-portrait{background:linear-gradient(145deg,#9e91a6,#665d6d)}.app-btn{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(228,231,238,.66));box-shadow:var(--metal-shadow)}.app-btn::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 30%,rgba(255,255,255,.32) 43%,transparent 58%);opacity:.62;transform:translateX(-32%);transition:transform .35s,opacity .2s}.app-btn>*{position:relative;z-index:1}.app-btn:hover{border-color:rgba(255,255,255,.94);box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(61,66,80,.13)}.app-btn:hover::before{opacity:.9;transform:translateX(24%)}.app-btn-icon{border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(210,214,223,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 6px 14px rgba(61,66,80,.09)}.chat-view{gap:1px}.character-stage{border:1px solid rgba(255,255,255,.66);background:radial-gradient(circle at 72% 17%,rgba(255,255,255,.66),transparent 24%),linear-gradient(145deg,#cdd1da,#aeb4c0 52%,#8e95a2);box-shadow:0 24px 56px rgba(55,60,73,.15)}.character-placeholder{background:linear-gradient(180deg,transparent 35%,rgba(34,37,46,.78))}.chat-panel{border:1px solid rgba(255,255,255,.72);background:rgba(248,249,252,.9);box-shadow:inset 1px 0 0 rgba(255,255,255,.78),0 24px 56px rgba(55,60,73,.12)}.chat-header{border-bottom:1px solid rgba(101,106,120,.1);background:linear-gradient(180deg,rgba(255,255,255,.46),transparent)}.ghost-button,.header-button{border:1px solid rgba(255,255,255,.68);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,229,236,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.ghost-button:hover,.header-button:hover{color:var(--accent-dark);border-color:rgba(255,255,255,.95)}.mode-switch{border:1px solid rgba(255,255,255,.66);background:rgba(218,221,229,.55);box-shadow:inset 0 1px 3px rgba(61,66,80,.08)}.mode-switch button.active{color:#fff;background:linear-gradient(145deg,#a99caf,#756b7c);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 13px rgba(75,66,81,.18)}.message-bubble{border:1px solid rgba(255,255,255,.66);background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(232,234,240,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 22px rgba(61,66,80,.065)}.message.user .message-bubble{border-color:rgba(181,173,189,.48);background:linear-gradient(145deg,rgba(232,227,236,.82),rgba(213,209,220,.75))}.composer{border:1px solid rgba(255,255,255,.78);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(223,226,233,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 30px rgba(61,66,80,.1)}.composer textarea,.settings-panel input,.settings-panel select,.settings-panel textarea{border-color:rgba(106,111,124,.16);background:rgba(252,252,254,.78)}input::placeholder,textarea::placeholder{color:#969aa4}input:focus,select:focus,textarea:focus{border-color:rgba(132,119,141,.56);box-shadow:0 0 0 3px rgba(151,137,160,.12)}.primary-button{border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#a99caf,#746a7b);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 9px 21px rgba(76,67,82,.2);text-shadow:0 1px 1px rgba(52,45,57,.2)}.primary-button:hover{background:linear-gradient(145deg,#95889c,#5e5665)}.model-picker-button{border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(226,229,236,.72)),rgba(252,252,254,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 18px rgba(61,66,80,.08)}.model-picker-menu{border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,#fdfdff,#e8ebf2);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 18px 40px rgba(61,66,80,.16)}.model-picker-button:hover{border-color:rgba(255,255,255,.94);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(219,222,230,.76)),rgba(252,252,254,.86)}.model-favorite-toggle:focus,.model-option:focus,.model-picker-button:focus{border-color:rgba(132,119,141,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 0 0 3px rgba(151,137,160,.12),0 9px 22px rgba(61,66,80,.1)}.model-favorite-toggle.active,.model-favorite-toggle:focus,.model-favorite-toggle:hover,.model-option-row.active .model-option,.model-option:focus,.model-option:hover{background:linear-gradient(145deg,#fff,#e4e7ef);border-color:rgba(255,255,255,.86)}.model-provider-toggle:focus,.model-provider-toggle:hover{background:linear-gradient(145deg,#fff,#e8ebf2);border-color:rgba(255,255,255,.78)}.model-favorite-heading,.model-favorite-heading:focus,.model-favorite-heading:hover{background:0 0;border-color:transparent}.drawer{border-color:rgba(255,255,255,.8)}.settings-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 28px 70px rgba(43,47,59,.22)}.drawer-backdrop{background:rgba(45,49,61,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.active-persona-button,.new-room-button,.persona-dropdown,.room-card,.settings-menu-item{border:1px solid rgba(255,255,255,.68);background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(225,228,235,.6));box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.active-persona-button:hover,.new-room-button:hover,.room-card:hover,.settings-menu-item:hover{border-color:rgba(255,255,255,.94);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(219,222,230,.7))}.inline-actions button,.password-field button,.room-actions button,.settings-menu-item.active{color:var(--accent-dark)}.room-actions,.settings-content,.settings-menu-item,.settings-section{border-color:rgba(98,103,117,.14)}.password-field{border-color:rgba(106,111,124,.16);background:rgba(252,252,254,.78)}.danger-button,.inline-actions button,.room-actions button{background:rgba(255,255,255,.34)}.room-card.active{border-color:rgba(132,119,141,.48);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(132,119,141,.2),0 9px 21px rgba(61,66,80,.09)}.placeholder-panel{border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(228,231,238,.62));box-shadow:var(--metal-shadow)}@media (hover:none){.app-btn::before{display:none}}@media (max-width:768px){body{background:radial-gradient(circle at 12% 6%,rgba(255,255,255,.86),transparent 24%),radial-gradient(circle at 88% 15%,rgba(196,190,207,.28),transparent 29%),linear-gradient(150deg,#eceef2,#dde0e7)}body::before{opacity:.28}.contacts-card,.drawer,.drawer-backdrop,.side-nav,.sidebar-toggle,.toast,.token-card{-webkit-backdrop-filter:none;backdrop-filter:none}.app-btn,.contacts-card,.token-card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(229,232,238,.82))}.hero-placeholder .primary-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(245,246,249,.28)}.chat-panel{background:rgba(248,249,252,.97)}}@media (prefers-reduced-transparency:reduce){.app-btn,.chat-panel,.composer,.contacts-card,.drawer,.message-bubble,.side-nav,.sidebar-toggle,.toast,.token-card{background:#f4f5f8;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width:901px) and (min-height:760px){.home-view{min-height:100dvh;padding-top:clamp(80px,12vh,130px);padding-bottom:clamp(48px,8vh,90px);align-content:start}}.character-card-overlay{display:none;position:fixed;inset:0;z-index:200;padding:24px}.character-card-overlay:not([hidden]){display:flex;align-items:center;justify-content:center}.character-card-backdrop{position:absolute;inset:0;background:rgba(25,20,16,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.character-card{position:relative;z-index:1;display:grid;grid-template-columns:2fr 3fr;width:min(900px,100%);height:min(85vh,680px);border-radius:20px;background:var(--panel);overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.4)}.character-card-img-col{overflow:hidden}.character-card-image{width:100%;height:100%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}.character-card-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.character-card-body{position:relative;display:flex;flex-direction:column;overflow:hidden}.character-card-close{position:absolute;top:14px;right:14px;z-index:1;width:34px;height:34px;border:none;border-radius:50%;background:var(--bg-soft);color:var(--text);font-size:1.1rem;display:grid;place-items:center;cursor:pointer;transition:background .15s}.character-card-close:hover{background:var(--surface-muted)}.character-card-step{display:flex;flex-direction:column;height:100%;min-height:0}.character-card-step[hidden]{display:none}.character-card-scroll{flex:1;overflow-y:auto;padding:36px 28px 16px}.character-card-scroll h2{margin:0 0 10px;font-size:1.6rem;padding-right:44px}.character-card-scroll h3{margin:0 0 4px;font-size:1rem;font-weight:600}.character-card-desc{color:var(--muted);line-height:1.7;margin:0 0 16px;white-space:pre-wrap;font-size:.93rem}.character-card-story{color:var(--text);line-height:1.85;font-size:.9rem;white-space:pre-wrap}.character-card-footer{flex-shrink:0;padding:14px 28px 24px;border-top:1px solid var(--surface-muted);display:flex;gap:10px}.character-card-footer .primary-button,.character-card-footer .secondary-button{flex:1}.secondary-button{background:var(--surface-muted);color:var(--text);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s}.secondary-button:hover{background:var(--accent);color:#fff}.backup-actions{display:flex;gap:10px;margin:4px 0 6px}.backup-actions .secondary-button{flex:1;padding:13px 16px;border-radius:13px}.info-modal{position:relative;z-index:1;width:min(520px,100%);max-height:min(85vh,680px);overflow-y:auto;border-radius:20px;background:var(--panel);box-shadow:0 32px 80px rgba(0,0,0,.4);padding:32px}.info-modal h2{margin:0 0 14px;padding-right:34px;font:600 1.4rem Georgia,"Noto Serif TC",serif}.info-modal>p{margin:0 0 16px;color:var(--muted);line-height:1.7}.character-card-back-btn{display:inline-flex;align-items:center;gap:4px;background:0 0;border:none;cursor:pointer;color:var(--muted);font-size:.88rem;padding:0;margin-bottom:16px}.character-card-back-btn:hover{color:var(--text)}.character-events-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.event-radio{display:flex;gap:10px;padding:11px 14px;border-radius:10px;border:1.5px solid var(--surface-muted);background:0 0;cursor:pointer;transition:border-color .15s,background .15s;align-items:flex-start}.event-radio:has(input:checked){border-color:var(--accent);background:var(--bg-soft)}.event-radio input[type=radio]{margin-top:2px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.event-radio-content{flex:1}.event-radio .event-title{font-weight:600;display:block;font-size:.92rem}.event-radio .event-description{color:var(--muted);font-size:.83rem;margin:3px 0 0;display:block}@media (max-width:600px){.character-card-overlay{padding:0}.character-card{grid-template-columns:1fr;grid-template-rows:38vh 1fr;width:100%;height:100dvh;border-radius:0}}:root{--radius-sm:13px}.home-actions{gap:10px}.app-btn{padding:12px 8px 10px;border-radius:var(--radius-sm)}.app-btn-icon{width:40px;height:40px;border-radius:11px;font-size:1.2rem}.app-btn strong{font-size:.68rem}.token-card-compact{padding:10px 14px;border-radius:var(--radius-sm)}.token-card-compact .token-card-head{margin-bottom:6px}.token-card-compact .token-value{font-size:.95rem}@media (max-width:768px){.home-actions{gap:8px}.app-btn{padding:10px 5px 9px;border-radius:12px;gap:6px}.app-btn-icon{width:36px;height:36px;border-radius:10px;font-size:1.05rem}.app-btn strong{font-size:.6rem}}