:root{--paper:#e4d6b8;--paper-warm:#dbcca6;--paper-hi:#eee2c4;--ink:#1f1b16;--ink-mid:#4a423a;--ink-soft:#7d7368;--vermilion:#a8472d;--aged:#c8a951;--moss:#7a8267;--desk:#c8b896;--desk-line:#a89870;--desk-inner:#b8a88c;--ink-line:#c8bca0;--font-cn-display:"Songti SC", "STSong", "SimSun", "华文宋体", "宋体", "Source Han Serif SC", serif;--font-cn-body:"Songti SC", "STSong", "SimSun", "华文宋体", "宋体", "Source Han Serif SC", serif;--font-cn-meta:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", sans-serif;--font-en-display:"Georgia", "Cambria", "Times New Roman", serif;--font-en-body:"Georgia", "Cambria", "Times New Roman", serif;--font-hand:"Caveat", "Kalam", cursive;--font-mono:"Space Mono", "IBM Plex Mono", monospace;--bg-far:var(--paper);--bg-mid:var(--paper-hi);--bg-near:var(--paper-warm);--bg-surface:var(--paper-warm);--bg-recessed:var(--paper-warm);--ink-darkest:var(--ink);--ink-dark:var(--ink);--ink-light:var(--ink-soft);--ink-faint:var(--ink-soft);--signal-orange:var(--vermilion);--signal-orange-soft:#a8472d14;--signal-orange-glow:#a8472d26;--signal-orange-hover:#c05535;--signal-teal:var(--moss);--signal-teal-soft:#7a826714;--signal-burgundy:var(--vermilion);--signal-gold:var(--aged);--border-hairline:#4a423a26;--border-visible:#4a423a40;--border-strong:var(--ink-mid);--vinyl-black:var(--ink);--vinyl-groove:#1f1b1608;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-orange:none;--radius-xs:2px;--radius-sm:2px;--radius-md:2px;--radius-lg:2px;--radius-xl:2px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out-expo);--transition-normal:.3s var(--ease-out-expo);--font-display:var(--font-cn-display);--font-body:var(--font-cn-body);--font-label:var(--font-mono);--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-cn-body);background:var(--desk);color:var(--ink);-webkit-font-smoothing:antialiased;justify-content:center;align-items:stretch;height:100dvh;line-height:1.7;display:flex;overflow:hidden}body:before{content:"";background:var(--grain);pointer-events:none;z-index:9999;opacity:.5;position:fixed;inset:0}#root{flex:100%;justify-content:center;align-items:stretch;width:100%;min-width:0;height:100dvh;display:flex}.app-shell{background:var(--paper);outline:1px solid var(--desk-line);width:100%;max-width:1360px;height:100dvh;box-shadow:0 0 0 5px var(--desk), 0 0 0 6px var(--desk-inner);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=899px){body{background:var(--paper)}#root{justify-content:stretch}.app-shell{box-shadow:none;outline:none;max-width:100%}}@media (width<=1439px){.chat-header,.msg-stream,.chat-input-bar{max-width:840px}.msg-body{max-width:660px}}@media (width<=1199px){.chat-header,.msg-stream,.chat-input-bar{max-width:720px}.msg-body{max-width:600px}}@media (width<=899px){.chat-main{padding:0 20px}.chat-header,.msg-stream,.chat-input-bar{max-width:100%}.msg-body{max-width:78%}.msg-portrait{width:36px;height:36px}.chat-title{font-size:22px}.msg-content{font-size:14px}}@media (width<=639px){.chat-main{padding:0 16px}.msg-portrait{width:32px;height:32px}.msg-body{max-width:86%}.msg-content{font-size:14px}.chat-header{padding:12px 0}.input-hint{display:none}}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}a{color:var(--vermilion);text-decoration:none}.hand-sig{font-family:var(--font-hand);color:var(--ink-mid);font-size:1.1em;display:inline-block;transform:rotate(-1deg)}.pen-line{background:var(--ink-mid);opacity:.4;height:1px;margin:1.5rem 0 .8rem}.footer-issue{font-family:var(--font-mono);color:var(--aged);letter-spacing:.15em;pointer-events:none;z-index:5;font-size:.75rem;position:fixed;bottom:1rem;right:1.5rem}.red-seal{opacity:.85;width:36px;height:36px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--signal-orange);outline-offset:3px}.loading-page{color:var(--ink-light);font-family:var(--font-display);flex:1;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.btn-primary{background:var(--signal-orange);color:#fff;border-radius:var(--radius-sm);transition:all .2s var(--ease-out-expo);border:none;padding:.55rem 1.4rem;font-size:.85rem;font-weight:600}.btn-primary:hover{background:var(--signal-orange-hover);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-lg{padding:.85rem 2.2rem;font-size:.95rem}.btn-danger{background:var(--signal-burgundy);color:#fff;border-radius:var(--radius-sm);padding:.55rem 1.4rem;font-size:.85rem;transition:all .2s}.btn-danger:hover{border:1px solid var(--ink-mid)}.btn-text-danger{color:var(--signal-burgundy);opacity:.6;padding:.8rem 1rem;font-size:.8rem;transition:opacity .15s}.btn-text-danger:hover{opacity:1}.login-page{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-page:before{display:none}.login-card{text-align:center;background:var(--bg-mid);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);width:100%;max-width:420px;padding:3.5rem 3rem;position:relative}.login-card:before{content:"";background:var(--signal-orange);border-radius:0 0 2px 2px;height:3px;position:absolute;top:0;left:24px;right:24px}.login-logo{margin-bottom:1.2rem;font-size:3.5rem}.login-title{font-family:var(--font-display);color:var(--ink-darkest);margin-bottom:.4rem;font-size:2.6rem;font-weight:400}.login-subtitle{color:var(--ink-mid);font-size:.88rem;font-style:italic;font-family:var(--font-display);margin-bottom:2.5rem}.login-btn{background:var(--paper);color:var(--vermilion);border:2px solid var(--vermilion);transition:all .2s var(--ease-out-expo);border-radius:2px;padding:.9rem 2.4rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.login-btn:hover{background:var(--vermilion);color:var(--paper);transform:translateY(-1px)}.login-hint{font-size:.72rem;font-family:var(--font-label);color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em;margin-top:2rem}.login-quote{border-left:3px solid var(--signal-orange);background:var(--signal-orange-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left;opacity:0;flex-direction:column;justify-content:center;min-height:5.5rem;margin:1.8rem 0 2.2rem;padding:1.2rem 1rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(4px)}.login-quote.visible{opacity:1;transform:translateY(0)}.login-quote-text{font-family:var(--font-display);color:var(--ink-mid);font-size:1rem;font-style:italic;line-height:1.7}.login-quote-author{font-family:var(--font-label);color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.68rem}.home-layout{flex:1;min-height:0;display:flex;overflow:hidden}.home-sidebar{background:var(--bg-near);border-right:1px solid var(--border-hairline);flex-direction:column;width:280px;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-hairline);padding:1.8rem 1.4rem .8rem}.sidebar-title{font-family:var(--font-display);color:var(--ink-darkest);font-size:1.6rem;font-weight:400;display:inline-block;position:relative}.sidebar-title:after{content:"";background:url("data:image/svg+xml,%3Csvg width='56' height='6' viewBox='0 0 56 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3C9.33 0.5 18.67 5.5 28 3C37.33 0.5 46.67 5.5 56 3' stroke='%23c2410c' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:56px;height:6px;position:absolute;bottom:-4px;left:0}.sidebar-subtitle{font-size:.7rem;font-family:var(--font-label);color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem}.sidebar-tabs{gap:.3rem;padding:.7rem .8rem;display:flex}.sidebar-tab{border-radius:var(--radius-sm);color:var(--ink-mid);transition:all .15s var(--ease-out-expo);flex:1;padding:.45rem;font-size:.82rem}.sidebar-tab:hover{background:var(--bg-recessed);color:var(--ink-dark)}.sidebar-tab.active{background:var(--signal-orange-soft);color:var(--signal-orange)}.sidebar-list{flex:1;padding:.4rem .6rem;overflow-y:auto}.sidebar-empty{color:var(--ink-light);text-align:center;padding:1.5rem;font-size:.78rem;font-style:italic}.sidebar-item{border-radius:var(--radius-sm);text-align:left;width:100%;transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex;position:relative}.sidebar-item:hover{background:var(--bg-recessed);border-color:var(--border-hairline)}.sidebar-item.active{background:var(--signal-orange-soft);border-color:#0000;border-left:3px solid var(--signal-orange)}.sidebar-item.active:after{content:"";background:var(--signal-orange);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sidebar-item-avatar{flex-shrink:0;font-size:1.3rem}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-name{color:var(--ink-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.sidebar-item-meta{color:var(--ink-light);margin-top:.1rem;font-size:.68rem;display:block}.sidebar-item-delete{color:var(--ink-light);border-radius:var(--radius-xs);opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.88rem;transition:all .15s;display:flex}.sidebar-item:hover .sidebar-item-delete{opacity:1}.sidebar-item-delete:hover{color:var(--signal-burgundy);background:#88133714}.sidebar-new-btn{border:1px dashed var(--border-visible);border-radius:var(--radius-sm);width:calc(100% - 1rem);color:var(--ink-mid);text-align:center;transition:all .2s var(--ease-out-expo);background:0 0;margin:.3rem .5rem;padding:.55rem;font-size:.82rem;display:block}.sidebar-new-btn:hover{border-color:var(--signal-orange);color:var(--signal-orange);background:var(--signal-orange-soft);border-style:solid}.sidebar-back{color:var(--ink-mid);text-align:left;padding:.8rem 1.2rem;font-size:.82rem;transition:color .15s}.sidebar-back:hover{color:var(--signal-orange)}.home-main{background:var(--bg-far);flex:1;min-height:0;padding:2.4rem;position:relative;overflow-y:auto}.home-main:before{content:"";background:repeating-radial-gradient(circle at center, transparent 0px, transparent 12px, var(--vinyl-groove) 12px, var(--vinyl-groove) 13px);pointer-events:none;opacity:.5;border-radius:50%;width:680px;height:680px;animation:90s linear infinite spin-vinyl;position:fixed;top:-280px;right:-280px}.home-content{z-index:1;width:min(100%,1480px);margin:0 auto;position:relative}.home-top-bar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.home-heading{min-width:0}.home-top-bar h2{font-family:var(--font-cn-display);color:var(--ink);font-size:2rem;font-weight:700}.home-top-bar .home-subtitle{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem;font-size:.75rem}.home-heading p{color:var(--ink-mid);margin-top:.22rem;font-size:.82rem}.home-top-actions{align-items:center;gap:.8rem;display:flex}.agent-toolbar{align-items:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.agent-search{flex:0 0 300px;position:relative}.agent-search:before{content:"";border:1.5px solid var(--ink-light);pointer-events:none;border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:50%;left:.85rem;transform:translateY(-58%)}.agent-search:after{content:"";background:var(--ink-light);transform-origin:0;pointer-events:none;width:.34rem;height:1.5px;position:absolute;top:55%;left:1.33rem;transform:rotate(45deg)}.agent-search input{background:var(--bg-mid);border:1px solid var(--border-visible);border-radius:var(--radius-sm);width:100%;height:42px;color:var(--ink-dark);font:inherit;padding:0 .9rem 0 2.35rem;font-size:.86rem;transition:border-color .2s,box-shadow .2s}.agent-search input:focus{border-color:var(--signal-orange);box-shadow:0 0 0 3px var(--signal-orange-glow);outline:none}.agent-search input::placeholder{color:var(--ink-light)}.agent-filter-tabs{align-items:center;gap:.45rem;min-width:0;padding-bottom:.15rem;display:flex;overflow-x:auto}.agent-filter-tab{border:1px solid var(--border-visible);border-radius:var(--radius-full);min-height:42px;color:var(--ink-mid);background:var(--bg-mid);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;flex:none;align-items:center;gap:.42rem;padding:.48rem .72rem;font-size:.72rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.agent-filter-tab:hover{border-color:color-mix(in srgb, var(--group-color,var(--signal-orange)) 50%, var(--border-visible));color:var(--ink-dark)}.agent-filter-tab.active{border-color:var(--signal-orange);background:var(--signal-orange-soft);color:var(--signal-orange)}.agent-filter-count{border-radius:var(--radius-full);background:var(--bg-recessed);min-width:1.25rem;height:1.25rem;color:var(--ink-mid);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.68rem;display:inline-flex}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:1rem;display:grid}.agent-card{background:var(--bg-mid);border:1px solid var(--border-hairline);text-align:center;min-height:278px;transition:transform .22s var(--ease-out-expo), border-color .22s ease;animation:card-flip-in .6s var(--ease-out-back) both;border-radius:2px;padding:0;display:block;position:relative;overflow:hidden}.agent-card:first-child{animation-delay:0s}.agent-card:nth-child(2){animation-delay:40ms}.agent-card:nth-child(3){animation-delay:80ms}.agent-card:nth-child(4){animation-delay:.12s}.agent-card:nth-child(5){animation-delay:.16s}.agent-card:nth-child(6){animation-delay:.2s}.agent-card:nth-child(7){animation-delay:.24s}.agent-card:nth-child(8){animation-delay:.28s}.agent-card:nth-child(n+9){animation-delay:.32s}.agent-card:before{content:"";background:var(--vinyl-black);height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.agent-card:hover{border-color:var(--ink-mid);transform:translateY(-3px)rotate(0)}.agent-card:hover:before{background:var(--signal-orange)}.agent-card:nth-child(8n+1){transform:rotate(-.5deg)}.agent-card:nth-child(8n+2){transform:rotate(.3deg)}.agent-card:nth-child(8n+3){transform:rotate(-.2deg)}.agent-card:nth-child(8n+4){transform:rotate(.5deg)}.agent-card:nth-child(8n+5){transform:rotate(-.4deg)}.agent-card:nth-child(8n+6){transform:rotate(.7deg)}.agent-card:nth-child(8n+7){transform:rotate(.1deg)}.agent-card:nth-child(8n){transform:rotate(-.3deg)}.agent-card:active{transition-duration:.18s;transform:translateY(-2px)rotate(0)}.agent-card:focus-within{border-color:var(--signal-orange)}.agent-card:focus-within:before{background:var(--signal-orange)}.agent-card-main{z-index:1;width:100%;min-height:inherit;text-align:center;flex-direction:column;align-items:center;padding:1.35rem 1.1rem 1rem;display:flex;position:relative}.agent-card-info{z-index:5;border:1px solid var(--border-visible);background:var(--bg-mid);width:1.7rem;height:1.7rem;color:var(--ink-mid);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;top:.62rem;right:.62rem}.agent-card-info:hover,.agent-card-info:focus-visible{background:var(--signal-orange-soft);border-color:var(--signal-orange);color:var(--signal-orange)}.agent-card-avatar{transition:transform .22s var(--ease-out-expo);margin-bottom:.8rem;font-size:2.8rem;display:inline-block}.agent-card:hover .agent-card-avatar{transform:scale(1.06)translateZ(0)}.agent-card-name{font-family:var(--font-display);color:var(--ink-darkest);margin-bottom:.4rem;font-size:1.1rem;font-weight:400;transition:color .15s}.agent-card:hover .agent-card-name{color:var(--signal-orange)}.agent-card-persona{color:var(--ink-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.agent-card-intro-teaser{width:100%;color:var(--ink-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.65rem;font-size:.72rem;line-height:1.55;display:-webkit-box;overflow:hidden}.agent-card-footer{justify-content:space-between;align-items:center;gap:.65rem;width:100%;margin-top:auto;padding-top:.9rem;display:flex}.agent-card-category{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;color:var(--bg-mid);background:var(--vinyl-black);border-radius:var(--radius-xs);text-align:left;padding:2px 6px;font-size:.58rem;transition:all .2s;transform:rotate(-2deg)}.agent-card:hover .agent-card-category{background:var(--signal-orange);transform:rotate(0)}.agent-card-action{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;color:var(--signal-orange);opacity:0;white-space:nowrap;font-size:.6rem;transition:opacity .2s,transform .2s;transform:translate(-4px)}.agent-card:hover .agent-card-action,.agent-card:focus-within .agent-card-action{opacity:1;transform:translate(0)}.agent-card-intro-panel{z-index:4;text-align:left;background:var(--bg-mid);border-top:3px solid var(--signal-orange);opacity:0;pointer-events:none;flex-direction:column;height:100%;padding:1.2rem 3.15rem 1.05rem 1rem;transition:opacity .24s,transform .24s;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(100%)}.agent-card.intro-open .agent-card-intro-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.agent-card-intro-title{color:var(--signal-orange);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.62rem;font-weight:700}.agent-card-intro-panel p{min-height:0;color:var(--ink-mid);flex:1;padding-right:.15rem;font-size:.78rem;line-height:1.62;display:block;overflow-y:auto}.agent-card-intro-panel p::-webkit-scrollbar{width:4px}.agent-card-intro-panel p::-webkit-scrollbar-thumb{background:var(--signal-orange);border-radius:2px}.agent-card-intro-start{border-radius:var(--radius-sm);border:1px solid var(--border-visible);background:var(--bg-surface);width:100%;min-height:2.25rem;color:var(--ink-darkest);margin-top:.85rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.agent-card-intro-start:hover,.agent-card-intro-start:focus-visible{border-color:var(--signal-orange);background:var(--signal-orange-soft);transform:translateY(-1px)}.agent-empty{border:1px dashed var(--border-visible);border-radius:var(--radius-md);color:var(--ink-mid);text-align:center;background:var(--bg-mid);padding:2rem}.agent-empty h3{color:var(--ink-darkest);font-family:var(--font-display);font-size:1.2rem;font-weight:400}.agent-empty p{color:var(--ink-light);margin-top:.35rem;font-size:.84rem}.user-menu-wrap{position:relative}.user-avatar-btn{background:var(--bg-surface);border:1px solid var(--border-visible);width:34px;height:34px;color:var(--ink-mid);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.user-avatar-btn:hover{border-color:var(--signal-orange);color:var(--signal-orange)}.user-dropdown{background:var(--bg-mid);border:1px solid var(--border-hairline);border-radius:var(--radius-md);z-index:100;min-width:150px;padding:.5rem;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-name{color:var(--ink-mid);border-bottom:1px solid var(--border-hairline);margin-bottom:.3rem;padding:.5rem .7rem;font-size:.82rem}.user-dropdown-item{text-align:left;border-radius:var(--radius-xs);width:100%;color:var(--ink-mid);padding:.45rem .7rem;font-size:.82rem;transition:background .15s;display:block}.user-dropdown-item:hover{background:var(--bg-recessed);color:var(--ink-darkest)}.user-dropdown-logout{text-align:left;border-radius:var(--radius-xs);width:100%;color:var(--signal-burgundy);padding:.45rem .7rem;font-size:.82rem;transition:background .15s;display:block}.user-dropdown-logout:hover{background:#8813370f}.chat-layout{flex:1;min-height:0;display:flex;overflow:hidden}.chat-sidebar{background:var(--bg-near);border-right:1px solid var(--border-hairline);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-agent-info{border-bottom:1px solid var(--border-hairline);align-items:center;gap:.7rem;padding:1rem 1.2rem;display:flex}.sidebar-agent-avatar{font-size:1.5rem}.sidebar-agent-name{font-family:var(--font-display);color:var(--ink-darkest);font-size:1rem;font-weight:400}.sidebar-turntable{border:1px solid var(--border-visible);background:conic-gradient(from 0deg, var(--ink-faint) 0%, var(--bg-near) 12%, var(--ink-faint) 25%, var(--bg-near) 37%, var(--ink-faint) 50%, var(--bg-near) 62%, var(--ink-faint) 75%, var(--bg-near) 87%, var(--ink-faint) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:auto auto 1.2rem;animation:12s linear infinite spin-slow;display:flex}.sidebar-turntable:after{content:"";background:var(--signal-orange);border-radius:50%;width:12px;height:12px}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resize-handle{cursor:col-resize;background:var(--border-hairline);flex-shrink:0;width:4px;transition:background .15s;position:relative}.resize-handle:after{content:"";background:var(--border-visible);border-radius:2px;width:3px;height:24px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover,.resize-handle:focus-visible{background:var(--signal-orange-soft)}.resize-handle:hover:after{background:var(--signal-orange)}.resize-handle:active{background:var(--signal-orange-soft)}.resize-handle:active:after{background:var(--signal-orange);width:4px}.chat-main{background:var(--bg-far);flex-direction:column;flex:1;min-width:0;min-height:0;padding:0 32px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--ink-line);background:var(--paper);flex-shrink:0;width:100%;max-width:920px;margin:0 auto;padding:20px 0 16px;position:relative}.chat-header-avatar{font-size:1.6rem}.chat-header>div{min-width:0}.chat-header-name{font-family:var(--font-cn-display);color:var(--ink);font-size:1.15rem;font-weight:700}.chat-header-persona{font-family:var(--font-label);color:var(--ink-light);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.chat-share-btn{color:var(--ink-light);border-radius:var(--radius-sm);margin-left:auto;padding:.4rem .7rem;font-size:.82rem;transition:all .15s}.chat-share-btn:hover{color:var(--signal-orange);background:var(--signal-orange-soft)}.chat-mobile-back,.chat-mobile-history,.chat-sidebar-overlay{display:none}.chat-messages{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:720px;min-height:0;margin:0 auto;padding:1.8rem 1.5rem;animation:.3s ease-out .12s both chat-enter-messages;display:flex;overflow-y:auto}.chat-empty{color:var(--ink-mid);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:480px;margin:0 auto;padding:2rem;display:flex;position:relative}.chat-empty:before{content:"";background:repeating-radial-gradient(circle at center, transparent 0px, transparent 4px, var(--vinyl-groove) 4px, var(--vinyl-groove) 5px);opacity:.4;z-index:0;border-radius:50%;width:100px;height:100px;animation:5s linear infinite spin-vinyl;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-empty-avatar{opacity:.92;z-index:1;margin-bottom:1.2rem;font-size:4rem;position:relative}.chat-empty h3{font-family:var(--font-display);color:var(--ink-darkest);z-index:1;margin-bottom:.4rem;font-size:1.4rem;font-weight:400;position:relative}.chat-empty p{z-index:1;position:relative}.chat-empty-hint{color:var(--ink-light);margin-top:.8rem;font-size:.82rem;font-style:italic}.chat-msg{gap:.7rem;max-width:80%;animation:.36s cubic-bezier(.2,.8,.2,1) msg-in;display:flex}.chat-msg--user{flex-direction:row-reverse;margin-left:auto}.chat-msg--assistant{margin-right:auto}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-msg-avatar{border:1px solid var(--border-visible);background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;display:flex}.chat-bubble{border-radius:var(--radius-lg);word-break:break-word;padding:.8rem 1rem;font-size:.88rem;line-height:1.75}.chat-bubble--user{border:none;border-left:2px solid var(--ink-mid);color:var(--ink);background:0 0;border-radius:0;padding-left:1.5rem}.chat-bubble--assistant{border:none;border-left:2px solid var(--ink-mid);background:0 0;border-radius:0;padding-left:1.5rem;position:relative}.chat-bubble.streaming{opacity:.85;padding-left:calc(1rem + 3px);border-left:none!important}.chat-bubble.streaming:before{content:"";background:repeating-linear-gradient(to bottom, var(--signal-teal) 0px, var(--signal-teal) 6px, transparent 6px, transparent 12px);background-size:3px 24px;border-radius:2px;width:3px;animation:2s linear infinite border-flow;position:absolute;top:4px;bottom:4px;left:0}.chat-bubble p{margin:0 0 .5rem}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble code{background:var(--signal-orange-soft);color:var(--signal-orange);font-size:.84em;font-family:var(--font-label);border-radius:3px;padding:.1rem .35rem}.chat-bubble pre{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-hairline);margin:.5rem 0;padding:.9rem;overflow-x:auto}.chat-bubble pre code{color:var(--ink-dark);background:0 0;padding:0}.chat-bubble ul,.chat-bubble ol{margin:.3rem 0;padding-left:1.2rem}.chat-bubble blockquote{border-left:2px solid var(--signal-orange);color:var(--ink-mid);margin:.5rem 0;padding-left:.8rem;font-style:italic}.chat-status{color:var(--ink-light);font-size:.78rem;font-style:italic}.chat-typing{align-items:flex-end;gap:.25rem;padding:.3rem 0;display:flex}.chat-typing span{background:var(--signal-orange);border-radius:1.5px;width:3px;animation:1.2s infinite waveform}.chat-typing span:first-child{height:7px}.chat-typing span:nth-child(2){height:14px;animation-delay:.15s}.chat-typing span:nth-child(3){height:10px;animation-delay:.3s}.chat-input-bar{border-top:1px solid var(--ink-line);align-items:center;gap:12px;width:100%;max-width:920px;margin:0 auto;padding:14px 0;display:flex}.chat-input{resize:none;font-family:var(--font-en-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-height:28px;max-height:120px;padding:4px 0;font-size:15px;line-height:1.6}.chat-input::placeholder{font-family:var(--font-hand);color:var(--ink-soft)}.chat-input:focus{outline:none}.input-hint{font-family:var(--font-mono);letter-spacing:1px;color:var(--ink-soft);text-transform:uppercase;white-space:nowrap;font-size:10px}.chat-send{background:var(--vermilion);cursor:pointer;clip-path:polygon(0 0,100% 50%,0 100%);border:none;flex-shrink:0;width:24px;height:24px}.chat-send:disabled{opacity:.3;cursor:not-allowed}.chat-send--stop{background:var(--vermilion);clip-path:none;color:#fff;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.msg-stream{flex-direction:column;flex:1;gap:22px;width:100%;max-width:920px;min-height:0;margin:0 auto;padding:24px 0;display:flex;overflow-y:auto}.time-marker{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--ink-soft);text-transform:uppercase;align-self:center;align-items:center;gap:12px;margin:8px 0;font-size:10px;display:flex}.time-marker:before,.time-marker:after{content:"";background:var(--ink-line);width:40px;height:1px}.msg{gap:12px;width:100%;display:flex}.msg--assistant{justify-content:flex-start}.msg--user{flex-direction:row-reverse;justify-content:flex-end}.msg-portrait{border:2px solid var(--ink-line);background:var(--paper);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.msg-portrait img{object-fit:cover;width:100%;height:100%}.pencil-mark{flex-shrink:0}.msg-body{flex-direction:column;width:fit-content;max-width:700px;display:flex}.msg--user .msg-body{text-align:right;align-items:flex-end;margin-left:auto}.msg--assistant .msg-body{align-items:flex-start}.msg-meta{align-items:baseline;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.msg--user .msg-meta{justify-content:flex-end}.msg-name{font-family:var(--font-en-body);font-size:15px}.msg--assistant .msg-name{font-weight:600}.msg-time{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}.msg-content{font-family:var(--font-en-body);word-break:break-word;overflow-wrap:anywhere;font-size:15px;line-height:1.65}.msg-content p{margin:0 0 .5rem}.msg-content p:last-child{margin-bottom:0}.msg-content code{background:var(--signal-orange-soft);color:var(--vermilion);font-size:.84em;font-family:var(--font-mono);border-radius:2px;padding:.1rem .35rem}.msg-content pre{background:var(--paper-warm);border:1px solid var(--border-hairline);text-align:left;border-radius:2px;margin:.5rem 0;padding:.9rem;overflow-x:auto}.msg-content pre code{color:var(--ink);background:0 0;padding:0}.msg-content ul,.msg-content ol{text-align:left;margin:.3rem 0;padding-left:1.2rem}.msg-content blockquote{border-left:2px solid var(--vermilion);color:var(--ink-mid);text-align:left;margin:.5rem 0;padding-left:.8rem;font-style:italic}.msg.typing .msg-body{padding-top:2px}.typing-hint{font-family:var(--font-hand);color:var(--ink-soft);font-size:15px}.typing-dots{gap:4px;margin-top:6px;display:inline-flex}.typing-dots span{background:var(--vermilion);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-eyebrow{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;font-size:10px}.chat-title-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.chat-title{font-family:var(--font-en-display);margin:0;font-size:26px;font-weight:600}.chat-persona{font-family:var(--font-hand);color:var(--ink-soft);font-size:15px}.chat-persona .dot{color:var(--ink-line);margin:0 6px}.chat-back{font-family:var(--font-en-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-size:13px}.chat-back:hover{color:var(--ink)}.room-turn{border-bottom:1px solid var(--ink-soft);padding:1.5rem 0}.room-turn-portrait{border:1px solid var(--ink-mid);border-radius:2px;width:48px;height:48px}.room-turn-name{font-family:var(--font-cn-display);margin-top:.5rem;font-weight:700}.room-turn-content{font-family:var(--font-cn-body);border-left:2px solid var(--moss);margin-top:.5rem;padding-left:1rem;line-height:1.7}.room-turn-content p{margin:0 0 .5rem}.room-turn-content p:last-child{margin-bottom:0}.editor-note{font-family:var(--font-en-display);color:var(--ink-mid);border-bottom:1px solid var(--ink-soft);padding:1rem 1.5rem;font-size:.88rem;font-style:italic}.btn-stop-stream{font-size:.75rem;font-family:var(--font-label);text-transform:uppercase;background:var(--signal-burgundy);border-radius:var(--radius-full);color:#fff;cursor:pointer;border:none;margin:8px auto;padding:6px 14px;transition:background .15s,transform .15s;display:block}.btn-stop-stream:hover{background:#a3163c;transform:scale(1.04)}.room-layout{flex:1;min-height:0;display:flex;overflow:hidden}.room-sidebar{background:var(--bg-near);border-right:1px solid var(--border-hairline);flex-direction:column;width:280px;padding-bottom:1rem;display:flex;overflow-y:auto}.room-sidebar-info{border-bottom:1px solid var(--border-hairline);padding:1rem 1.2rem}.room-sidebar-info h3{font-family:var(--font-display);color:var(--ink-darkest);font-size:1.05rem;font-weight:400}.room-sidebar-topic{color:var(--ink-light);margin-top:.3rem;font-size:.78rem;font-style:italic}.room-sidebar-section{padding:.8rem 1.2rem}.room-sidebar-section h4{font-size:.65rem;font-family:var(--font-label);color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.room-participants{flex-direction:column;gap:.3rem;display:flex}.room-participant{border-radius:var(--radius-sm);border-left:2px solid var(--p-color);align-items:center;gap:.5rem;padding:.5rem .6rem;transition:all .15s;display:flex}.room-participant:hover{background:var(--bg-surface)}.room-participant:disabled{opacity:.4}.room-participant-avatar{font-size:1.1rem}.room-participant-name{color:var(--ink-dark);font-size:.82rem}.room-controls,.room-auto-controls{flex-direction:column;gap:.5rem;display:flex}.room-rounds-input{align-items:center;gap:.5rem;display:flex}.room-rounds-input label{color:var(--ink-light);font-size:.78rem}.room-rounds-input input{background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-xs);width:50px;color:var(--ink-dark);text-align:center;font-family:var(--font-body);padding:.35rem}.room-main{background:var(--bg-far);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.room-system-msg{text-align:center;font-family:var(--font-label);color:var(--ink-light);border:1px dashed var(--border-visible);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;background:0 0;align-self:center;margin:.5rem 0;padding:.5rem 1.2rem;font-size:.68rem}.room-msg-sender{font-size:.7rem;font-weight:600;font-family:var(--font-display);color:var(--ink-darkest);margin-bottom:.2rem}.room-create-layout{background:var(--bg-far);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.room-create-panel{background:var(--bg-mid);border:1px solid var(--border-hairline);border-radius:2px;width:100%;max-width:700px;padding:2.5rem}.room-create-panel h2{font-family:var(--font-display);color:var(--ink-darkest);margin:.8rem 0 1.8rem;font-size:1.5rem;font-weight:400}.room-create-field{margin-bottom:1.8rem}.room-create-field label{font-family:var(--font-label);color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.72rem;display:block}.room-create-field textarea{background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-sm);width:100%;color:var(--ink-dark);font:inherit;resize:vertical;padding:.75rem;transition:border-color .2s}.room-create-field textarea:focus{border-color:var(--signal-orange);box-shadow:0 0 0 3px var(--signal-orange-glow);outline:none}.room-agent-picker{flex-wrap:wrap;gap:.5rem;display:flex}.room-agent-chip{border:1px solid var(--border-visible);border-radius:var(--radius-full);color:var(--ink-mid);align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.8rem;transition:all .2s;display:flex}.room-agent-chip:hover{border-color:var(--chip-color)}.room-agent-chip.selected{background:color-mix(in srgb, var(--chip-color) 10%, transparent);border-color:var(--chip-color);color:var(--ink-darkest)}.room-mode-switch{gap:.5rem;display:flex}.room-mode-switch button{border:1px solid var(--border-visible);border-radius:var(--radius-sm);color:var(--ink-mid);padding:.45rem 1.1rem;font-size:.82rem;transition:all .2s}.room-mode-switch button.active{background:var(--signal-orange);border-color:var(--signal-orange);color:#fff;font-weight:600}.room-mode-switch button small{color:var(--ink-light);margin-top:2px;font-size:.7rem;display:block}.room-mode-switch button.active small{color:#fffc}.btn-share-room{background:var(--signal-orange);color:#fff;border-radius:var(--radius-sm);width:100%;transition:all .2s var(--ease-out-expo);border:none;margin-top:auto;padding:.55rem 1.4rem;font-size:.85rem;font-weight:600}.btn-share-room:hover{background:var(--signal-orange-hover);transform:translateY(-1px)}.room-mode-toggle{background:var(--bg-surface);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.room-mode-toggle button{border-radius:var(--radius-sm);color:var(--ink-mid);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 12px;font-size:.8rem;transition:all .2s}.room-mode-toggle button.active{background:var(--signal-orange-soft);color:var(--signal-orange)}.room-director-msg{text-align:center;max-width:80%;color:var(--ink-light);border:1px dashed var(--border-visible);border-radius:var(--radius-sm);margin:12px auto;padding:8px 16px;font-size:.85rem;font-style:italic}.share-view{background:var(--bg-far);flex:1;max-width:780px;margin:0 auto;padding:3rem 1.5rem}.share-header{border-bottom:1px solid var(--border-hairline);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.share-header h2{font-family:var(--font-display);color:var(--ink-darkest);font-size:1.6rem;font-weight:400}.share-subtitle{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);font-size:.7rem}.share-messages{max-width:100%;padding:0}.share-cta{text-align:center;border-top:1px solid var(--border-hairline);margin-top:3rem;padding-top:2rem}.share-error{text-align:center;padding:4rem 1rem}.share-error h2{margin-bottom:1rem;font-size:3rem}.share-error p{color:var(--ink-mid);margin-bottom:1.5rem}.agent-portrait{object-fit:cover;background:var(--bg-surface);border:1px solid var(--ink-mid);transition:transform .2s,border-color .2s}.agent-card-avatar.agent-portrait{border:1px solid var(--ink-mid);border-radius:2px;width:88px;height:88px}.agent-card:hover .agent-card-avatar.agent-portrait{border-color:var(--vermilion);transform:scale(1.03)}.sidebar-agent-avatar.agent-portrait,.sidebar-item-avatar.agent-portrait,.room-participant-avatar.agent-portrait,.chat-msg-avatar.agent-portrait,.chat-header-avatar.agent-portrait{border-radius:50%;width:40px;height:40px}.chat-empty-avatar.agent-portrait{border-radius:50%;width:100px;height:100px}@keyframes spin-vinyl{to{transform:rotate(360deg)}}@keyframes card-flip-in{0%{opacity:0;transform:translateY(20px)rotate(-.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes waveform{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.5;transform:translateY(-50%)scale(.7)}}@keyframes border-flow{to{background-position:0 24px}}@keyframes chat-enter-header{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-enter-messages{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-enter-input{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-visible);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-light)}@media (width<=980px){.agent-toolbar{flex-direction:column;align-items:stretch}.agent-search{flex-basis:auto;width:100%}}@media (width<=768px){.resize-handle,.home-sidebar,.room-sidebar{display:none}.home-layout{flex:1}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.home-main{padding:1.25rem}.home-main:before{display:none}.home-top-bar{flex-direction:column;align-items:stretch;margin-bottom:1.1rem}.home-top-bar h2{font-size:1.42rem}.home-top-actions{justify-content:space-between;gap:.5rem}.user-avatar-btn{width:32px;height:32px;font-size:.78rem}.user-dropdown{right:-.5rem}.agent-card{min-height:272px}.agent-card-main{padding:1.15rem .9rem .9rem}.agent-card-intro-panel{padding:1rem 2.95rem .95rem .9rem}.agent-card-action{opacity:1;transform:none}.agent-filter-tabs{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .8rem calc(100% - .8rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 .8rem calc(100% - .8rem),#0000 100%)}.chat-layout{height:100dvh}.chat-sidebar{z-index:200;max-width:88vw;transition:transform .3s var(--ease-out-expo);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important;display:flex!important}.chat-sidebar.mobile-open{transform:translate(0)}.chat-main{transition:transform .3s var(--ease-out-expo), filter .3s ease}.chat-sidebar.mobile-open~.chat-main{filter:brightness(.97);transform:scale(.985)}.chat-sidebar-overlay.visible{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199;background:#1c191740;transition:opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:block;position:fixed;inset:0}.chat-header{gap:.5rem;padding:.7rem .8rem}.chat-header-persona{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-mobile-back,.chat-mobile-history{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-visible);width:44px;height:44px;color:var(--ink-mid);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex}.chat-mobile-back:hover,.chat-mobile-history:hover{border-color:var(--signal-orange);color:var(--signal-orange)}.chat-mobile-back:active,.chat-mobile-history:active{transition-duration:80ms;transform:scale(.9)}.chat-mobile-history{margin-left:auto}.chat-messages{gap:1rem;max-width:100%;padding:1.2rem .85rem}.chat-msg{max-width:92%}.chat-input-bar{gap:.4rem;padding:.6rem .8rem}.chat-input{min-height:44px;font-size:16px}.chat-send{width:44px;height:44px}.sidebar-turntable{display:none}}@media (width<=460px){.agent-grid{grid-template-columns:1fr 1fr}.agent-filter-tabs{margin-right:-1.25rem;padding-right:1.25rem}.btn-primary{padding-inline:1rem}.agent-card-category,.agent-card-action{font-size:.56rem}.agent-card{min-height:260px}.agent-card-name{font-size:.95rem}.agent-card-avatar.agent-portrait{width:64px;height:64px}.agent-card-intro-teaser,.agent-card-intro-panel p{font-size:.7rem}.login-page:before{display:none}.login-card{padding:2.5rem 1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}