:root{--bg:#101827;--bg-elevated:#1b2233d9;--bg-elevated-fallback:#1b2233f5;--bg-soft:#ffffff0a;--line:#f4ead71f;--text:#f4ead7;--text-muted:#b9b2a6;--gold:#caa86a;--rose:#b67f8f;--danger:#c88484;--shadow:0 24px 60px #0207126b;--text-secondary:#e7ded1;--info-bg:#7c98c729;--info-text:#dce4f4;--error-text:#ffd7d7;--success-text:#d7f4df;--success-bg:#72b58724;--avatar-placeholder:#1b2233;--body-start:#172033;--body-mid:#111827;--body-end:#0d1422;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-hero:clamp(36px, 7vw, 52px);--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.7;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--font-body:"Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:Georgia, "Times New Roman", "Songti SC", serif}*{box-sizing:border-box}html{background:var(--body-end);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0%, #caa86a38, transparent 28%), radial-gradient(circle at 90% 10%, #b67f8f24, transparent 24%), linear-gradient(180deg, var(--body-start) 0%, var(--body-mid) 56%, var(--body-end) 100%);font-family:var(--font-body), "Segoe UI", sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.app-shell{width:min(100%,540px);padding:var(--space-lg) var(--space-base) var(--space-2xl);margin:0 auto}.stack{gap:var(--space-md);flex-direction:column;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.panel{background:var(--bg-elevated-fallback)}}.hero{top:var(--space-sm);z-index:2;gap:var(--space-base);padding:var(--space-base);margin-bottom:var(--space-md);flex-direction:column;display:flex;position:sticky}.hero__copy{gap:var(--space-sm);flex-direction:column;display:flex}.hero__eyebrow,.section-label{color:var(--gold);font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase}.secret-eyebrow{color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hero__title{font-family:var(--font-display), Georgia, serif;font-size:var(--text-hero);font-weight:600;line-height:var(--leading-tight);margin:0}.hero__subtitle,.detail-copy,.text-muted,.empty-state p,.memory-card p{color:var(--text-muted);line-height:var(--leading-normal)}.hero__actions,.hero__session{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.button-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0 18px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.98)}.button:disabled{opacity:.6;cursor:default;transform:none}.button-primary{background:linear-gradient(135deg, var(--gold), var(--rose));color:#111827;font-weight:700}.button-primary:active{box-shadow:0 0 0 3px #caa86a33}.button-secondary{color:var(--text);background:#ffffff08;border-color:#f4ead71f}.button-secondary:active{box-shadow:0 0 0 3px #ffffff14}.button-danger{color:var(--error-text);background:#c884841f;border-color:#c8848459}.button-danger:active{box-shadow:0 0 0 3px #c8848426}.button-block{width:100%}.section-card,.form-card{padding:var(--space-base)}.section-card__header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.section-title{margin:var(--space-xs) 0 0;font-size:var(--text-lg)}.role-card{gap:var(--space-sm);padding:var(--space-base);display:flex}.role-card__media{flex:0 0 88px}.role-card__avatar,.detail-hero__avatar,.avatar-upload__preview{aspect-ratio:4/5;object-fit:cover;background:var(--avatar-placeholder);border-radius:20px;width:100%}.role-card__body,.detail-hero__body{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.role-card__topline,.memory-card__topline{justify-content:space-between;align-items:start;gap:10px;display:flex}.role-card__name{font-size:var(--text-xl);margin:0}.role-card__preview{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.role-card__meta{gap:var(--space-xs) var(--space-sm);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.role-card .button-row{gap:var(--space-xs);flex-direction:column}.role-card .button{min-height:38px;font-size:var(--text-sm);width:100%;padding:0 14px}.status-pill{background:var(--info-bg);color:var(--info-text);font-size:var(--text-xs);border-radius:999px;align-items:center;padding:6px 12px;display:inline-flex}.status-pill--archived{color:var(--error-text);background:#c8848424}.empty-state{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-sm);text-align:center;background:#ffffff05;border:1px solid #f4ead714}.empty-state strong{margin-bottom:var(--space-xs);font-size:var(--text-base);color:var(--text);display:block}.field{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.field:last-child{margin-bottom:0}.field__header{justify-content:space-between;align-items:center;display:flex}.field__label{font-size:var(--text-base);font-weight:700}.char-count{font-size:var(--text-xs);color:var(--text-muted)}.char-count--warning{color:var(--danger)}.field__error,.banner-error{color:var(--error-text)}.banner-success{color:var(--success-text);padding:var(--space-base) var(--space-lg);background:var(--success-bg);border-radius:var(--radius-md)}.banner-error{padding:var(--space-base) var(--space-lg);border-radius:var(--radius-md);background:#c884841f}.input,.textarea{width:100%;padding:14px var(--space-base);border-radius:var(--radius-md);background:var(--bg-soft);color:var(--text);border:1px solid #f4ead71a;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #caa86a26}.textarea{resize:vertical;min-height:160px}.toggle-row{flex-wrap:wrap;gap:10px;display:flex}.toggle-chip{min-height:44px;padding:0 var(--space-base);background:var(--bg-soft);color:var(--text-muted);cursor:pointer;border:1px solid #f4ead71a;border-radius:999px;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-chip--active{color:var(--text);background:linear-gradient(135deg,#caa86a3d,#b67f8f2e);border-color:#caa86a59;transform:scale(1.02)}.avatar-upload{gap:var(--space-base);grid-template-columns:116px 1fr;align-items:center;display:grid}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail-hero{gap:var(--space-lg);padding:var(--space-lg);grid-template-columns:132px 1fr;display:grid}.stat-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat-card{gap:var(--space-xs);padding:var(--space-base);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;display:flex}.stat-card strong{font-size:var(--text-2xl)}.memory-card{padding:var(--space-base);border-radius:var(--radius-sm);background:#ffffff08}.message-list{gap:var(--space-sm);flex-direction:column;display:flex}.message-card{padding:var(--space-base);border-radius:var(--radius-sm);background:#ffffff0a}.message-card--role{border-left:3px solid var(--gold);background:#caa86a0f}.message-card--user{background:#7c98c70a;border-left:3px solid #7c98c766}.message-card__meta{justify-content:space-between;gap:var(--space-sm);color:var(--text-muted);font-size:var(--text-sm);margin-bottom:10px;display:flex}.message-card p,.meta-note p{color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.admin-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.checkbox-card{min-height:52px;padding:14px var(--space-base);border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #f4ead71a;align-items:center;gap:10px;display:flex}.meta-note{padding:var(--space-base);border-radius:var(--radius-sm);background:#ffffff08}.meta-note strong{margin-bottom:var(--space-xs);display:block}.text-center{text-align:center}input[type=date]{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b9b2a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:40px;height:100%;position:absolute;right:0}.breadcrumbs{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-base);display:flex}.breadcrumb-separator{opacity:.5}.network-status{padding:var(--space-sm) var(--space-base);color:#0d1422;text-align:center;font-size:var(--text-sm);z-index:100;justify-content:center;align-items:center;gap:var(--space-xs);background:#c88484f2;display:flex;position:fixed;top:0;left:0;right:0}@media (max-width:480px){.detail-hero,.avatar-upload{flex-direction:column;grid-template-columns:1fr;display:flex}.admin-grid{grid-template-columns:1fr}}@media (max-width:420px){.role-card{flex-direction:column}.role-card__media{flex-basis:auto;max-width:120px}.role-card__name{font-size:var(--text-lg)}}