@charset "UTF-8";
:root{--canvas:#f6f5f1;--surface:#fff;--ink:#292735;--muted:#89858f;--line:#eeecf0;--purple:#8570b8;--lavender:#ece5f7;--lime:#dce8b7;--sidebar:#262331;--sidebar-muted:#a09baa;--shadow:0 8px 32px rgba(49,38,69,.035);--radius:20px;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #a390c8}input:focus,textarea:focus,select:focus{outline:0;border-color:#aa96ce;box-shadow:0 0 0 3px #ece5f7}button{border:0}button svg{pointer-events:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650}h1{font-size:28px;letter-spacing:-.8px;line-height:1.35}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:17px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:middle}.fish-logo{width:42px;height:42px;fill:currentColor;flex:0 0 auto}.muted{color:var(--muted)}.eyebrow{display:block;font-size:9px;letter-spacing:1.9px;font-weight:700;color:var(--muted);line-height:1.5}.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}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:10px;font-size:12px;font-weight:600;transition:background .18s,transform .18s;white-space:nowrap}.button .icon{width:17px;height:17px}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--sidebar);color:#fff}.button-primary:hover:not(:disabled){background:#45404f}.button-secondary{background:#fff;border:1px solid #e6e3ea;color:#615a6e}.button-secondary:hover:not(:disabled){background:#f3eff8}.button-full{width:100%;justify-content:space-between}.text-button{display:inline-flex;align-items:center;gap:4px;background:none;color:#847398;font-size:11px;font-weight:600;padding:8px 0}.text-button .icon{width:15px;height:15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:transparent;color:#8c849a}.icon-button:hover{background:#f3eff8}.pill{display:inline-flex;align-items:center;padding:4px 9px;min-height:24px;border-radius:7px;font-size:10px;line-height:1.3;white-space:nowrap;font-weight:500}.pill-neutral{background:#f1f0f3;color:#8b8592}.pill-lilac{background:#f1ebf9;color:#8a70ad}.pill-green{background:#edf4e4;color:#6d8d47}.pill-amber{background:#faf0de;color:#ab8747}.pill-red{background:#faeae8;color:#ba655c}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a19aa9;flex:0 0 auto}.status-dot.connected{background:#9eb66d;box-shadow:0 0 0 3px rgba(158,182,109,.12)}.status-dot.error{background:#d28479}.form-error{font-size:12px;color:#b45c58;line-height:1.6;padding:9px 0}.inline-alert{margin-top:18px;border:1px solid #efdfd7;background:#fcf4ef;color:#9b6f56;padding:13px 16px;border-radius:11px;font-size:12px}.small-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f7f5fa;border-radius:10px;color:#958a9d;font-size:10px;line-height:1.75}.small-note .icon{width:14px;height:14px;margin-top:2px}.boot-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#9a85b6;font-size:13px}.boot-screen .fish-logo{animation:bob 2s ease-in-out infinite}
/* Login */
.login-screen{min-height:100vh;padding:34px 6vw;background:radial-gradient(ellipse at 15% 60%,#e7def0 0,transparent 42%),#f6f4f0;display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:10px;max-width:1030px;width:100%;margin:0 auto 36px;font-weight:700;font-size:21px;line-height:1.2}.login-brand>.fish-logo{color:#8b76b2;width:38px;height:38px}.login-brand small{font-size:9px;letter-spacing:2px;font-weight:500;margin-left:9px;color:#958b9d}.login-shell{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:80px;align-items:center;max-width:1030px;margin:0 auto;width:100%}.login-visual{min-height:540px;position:relative;padding:20px 0}.login-visual .eyebrow{color:#a48eae;letter-spacing:2px;font-size:9px}.login-visual h1{font-size:49px;letter-spacing:-2px;line-height:1.35;margin-top:17px;position:relative;z-index:1}.login-visual>p{margin-top:20px;line-height:2;color:#8c8194;font-size:13px}.fish-orbit{position:absolute;right:0;bottom:25px;width:300px;height:250px}.orbit-ring{position:absolute;border:1px solid rgba(163,140,185,.25);border-radius:50%;transform:rotate(-28deg)}.orbit-ring-one{width:290px;height:180px;top:35px;left:0}.orbit-ring-two{width:230px;height:230px;top:10px;left:25px;border-style:dashed;transform:rotate(25deg)}.hero-fish{position:absolute;left:85px;top:80px;width:143px;height:143px;color:#a28cc1;transform:rotate(-13deg);filter:drop-shadow(0 18px 18px #b3a0c438)}.orbit-dot{position:absolute;border-radius:50%}.dot-one{width:18px;height:18px;background:#d6dfb9;left:18px;top:110px}.dot-two{width:9px;height:9px;background:#bda4d2;right:28px;top:55px}.orbit-star{position:absolute;font-size:47px;color:#9b82b8;right:5px;bottom:25px}.orbit-caption{position:absolute;font-size:8px;letter-spacing:2px;left:56px;bottom:0;color:#ac9bb8}.login-footnote{font-size:10px;color:#af9db5;position:absolute;bottom:0;left:0;letter-spacing:.7px}.login-form-card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.8);padding:42px 35px;border-radius:26px;box-shadow:0 20px 80px #57436609}.login-lock{display:inline-flex;background:#f1eaf8;color:#9b81bb;border-radius:15px;padding:13px;margin-bottom:28px}.login-lock .icon{width:23px;height:23px}.login-form-card .eyebrow{font-size:9px;color:#b09bbd;letter-spacing:1.7px}.login-form-card h2{font-size:23px;margin:8px 0 10px}.login-form-card>.muted{font-size:12px}.login-form-card form{margin-top:31px}.login-form-card input{height:47px;background:#fff}.login-form-card .button{margin-top:22px;min-height:46px}.login-note{display:flex;gap:8px;font-size:10px;color:#a69aa9;margin-top:27px;line-height:1.8}.login-note .icon{width:14px;height:14px;margin-top:2px}.login-bottom{text-align:center;font-size:10px;letter-spacing:.5px;color:#b3a7b8;margin:36px 0 0}
/* Shell */
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;background:var(--sidebar);color:#eeeaf5;padding:31px 21px 23px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 7px;font-size:23px;font-weight:650;line-height:1.2}.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:42px;color:#cebce8}.brand .fish-logo{width:40px;height:40px}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:2.1px;color:#9c91ad;margin-top:7px}.sidebar-label{margin:52px 14px 15px;font-size:10px;letter-spacing:.5px;color:#c4bdcf}.sidebar-label span{display:block;color:#655e73;font-size:7px;letter-spacing:1.4px;margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;padding:13px 14px;text-align:left;background:transparent;color:#a19aaf;border-radius:10px;font-size:12px;transition:background .15s,color .15s}.nav-item .icon{width:17px;height:17px;stroke-width:1.6}.nav-item:hover{background:#332f40;color:#e2d9ef}.nav-item.active{background:#d3c3e9;color:#40344f;box-shadow:0 4px 12px #14111d22}.nav-item.active .icon{stroke-width:1.8}.nav-index{font-size:8px;margin-left:auto;opacity:.38}.sidebar-persona{margin:36px 10px 20px;padding:21px 15px 18px;border:1px solid #443c52;border-radius:13px;position:relative;color:#c7bbd8}.sidebar-persona:after{content:"";position:absolute;background:var(--sidebar);width:18px;height:9px;bottom:-5px;left:22px;border-right:1px solid #443c52;transform:skew(35deg);border-bottom:1px solid #443c52}.tiny-star{position:absolute;right:13px;top:9px;font-size:20px;color:#857196}.sidebar-persona p{font-size:12px;line-height:1.9}.sidebar-persona small{font-size:8px;display:block;color:#776b88;margin-top:10px}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3c3549;padding:21px 6px 0;margin-top:auto;gap:4px}.sidebar-status{display:flex;align-items:center;gap:9px;min-width:0;font-size:10px;color:#bbb1c9}.sidebar-status small{display:block;color:#776c88;font-size:8px;margin-top:3px}.sidebar-status>div{min-width:0}.sidebar-status div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:130px}.logout-button{width:30px;height:30px;background:transparent;color:#80728f;border-radius:7px;flex:0 0 auto}.logout-button:hover{background:#373040;color:#c9bcda}.logout-button .icon{width:17px;height:17px}.main-area{min-width:0}.topbar{height:79px;border-bottom:1px solid #eae7ed;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fbfaf7;gap:15px}.topbar-start,.topbar-end{display:flex;align-items:center;gap:19px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#aaa3af;font-size:10px}.breadcrumb strong{color:#6b6375;font-weight:500}.breadcrumb .icon{width:10px;height:10px;color:#c4bdcb}.connection-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#8f8698}.admin-avatar{width:31px;height:31px;border-radius:50%;background:#e8e1ef;color:#9c88b0;border:3px solid #f5f2f7;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.mobile-menu{display:none}.main-content{padding:35px 38px 24px;max-width:1410px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.9px;color:#a799b4;margin-bottom:6px}.page-heading p{color:#a098a8;font-size:11px;margin-top:8px}.page-heading>.button{flex:0 0 auto}.heading-star{display:inline-block;color:#b9a4ce;font-weight:400;font-size:24px;margin-left:14px;vertical-align:top}.hero-banner{background:#e9e0f2;min-height:248px;border-radius:22px;position:relative;overflow:hidden;display:flex;align-items:center;padding:28px 35px}.hero-copy{position:relative;z-index:2}.hero-tag{font-size:8px;letter-spacing:.9px;padding:5px 9px;background:#f4eef9;border-radius:5px;color:#a08ab6}.hero-copy h2{font-size:29px;line-height:1.45;letter-spacing:-1.3px;margin-top:11px;color:#574366}.hero-copy p{font-size:10px;line-height:1.8;color:#a08caf;margin-top:10px}.hero-decoration{position:absolute;right:45px;top:20px;width:370px;height:220px}.hero-circle{position:absolute;left:65px;top:5px;width:210px;height:210px;background:rgba(250,246,255,.5);border-radius:50%}.hero-decoration>svg{position:absolute;width:193px;height:193px;top:15px;left:96px;color:#a58abd;transform:rotate(-12deg);filter:drop-shadow(0 15px 5px #aa8fc01a)}.decor-star{position:absolute;line-height:1;color:#b69ecb;font-size:42px}.decor-star-a{top:14px;left:38px;font-size:35px}.decor-star-b{right:16px;bottom:30px;font-size:51px;color:#b9a8cb}.decor-bubble{position:absolute;top:10px;right:0;background:#fbf8ffdd;border-radius:11px 11px 11px 0;color:#a28bb4;font-size:9px;padding:9px 12px;transform:rotate(5deg);z-index:2}.hero-watermark{position:absolute;right:19px;bottom:-22px;font-size:70px;letter-spacing:10px;color:#dfd2e9;font-weight:700;line-height:1.3;z-index:0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0}.stat-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #efedf1;border-radius:15px;box-shadow:var(--shadow);padding:19px 20px}.stat-card>div{display:flex;flex-direction:column}.stat-label{font-size:11px;color:#8a8294}.stat-card strong{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.3;margin-top:6px}.stat-card small{color:#b4acbb;font-size:8px;margin-top:4px}.stat-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;align-self:flex-start;margin-top:3px}.stat-icon .icon{width:20px;height:20px}.stat-lilac{background:#f0eafa;color:#a18cbe}.stat-green{background:#eef4e2;color:#9caf75}.stat-yellow{background:#fcf3dc;color:#c8ae6a}.overview-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(270px,1fr);gap:19px;align-items:stretch}.card{padding:23px;border:1px solid #eeebf1;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.card-heading h2{font-size:14px;display:flex;align-items:center;gap:7px}.card-heading h2>.icon{width:17px;height:17px;color:#a58dbd}.card-heading .eyebrow{font-size:7px;letter-spacing:1.6px;color:#b5a4c3;margin-bottom:5px}.connection-card{display:flex;flex-direction:column}.connection-body{display:flex;align-items:center;gap:23px;margin-top:4px}.qr-box{width:162px;height:162px;border:1px dashed #d8cfe3;border-radius:15px;background:#fcfafe;padding:9px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;color:#b2a0c2;gap:6px}.qr-placeholder .fish-logo{width:46px;height:46px;margin-bottom:4px;color:#c6b8d7}.qr-placeholder span{font-size:10px}.qr-placeholder small{font-size:7px;color:#b9acc5;text-align:center;line-height:1.8}.qr-box img{width:100%;height:100%;object-fit:contain;border-radius:6px;background:#fff}.connection-instructions{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.connection-step{display:flex;gap:9px}.connection-step>span{font-size:8px;width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f2edf7;color:#a58cba;flex:0 0 auto;margin-top:1px}.connection-step strong{font-size:10px;font-weight:600;color:#7c7089;display:block;line-height:1.5}.connection-step p{font-size:8px;line-height:1.7;color:#b0a5b9;margin-top:3px}.connection-message{font-size:9px;color:#a496af;background:#faf8fc;padding:9px 11px;margin-top:17px;border-radius:8px;line-height:1.8;min-height:34px;overflow-wrap:anywhere}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.card-actions .button{min-height:37px;font-size:10px;padding:9px 13px}.card-actions .text-button{font-size:9px}.overview-side{display:flex;flex-direction:column;gap:17px}.reply-card{padding:21px 23px}.reply-card>.card-heading{margin-bottom:12px}.reply-card>.card-heading>.icon{width:16px;height:16px}.reply-switch-row{display:flex;align-items:center;gap:15px;justify-content:space-between}.reply-switch-row strong{font-size:11px;font-weight:500;color:#82768e}.reply-switch-row p{font-size:9px;color:#b2a6bc;line-height:1.7;margin-top:4px}.reply-card .small-note{margin-top:15px;font-size:8px;padding:9px}.reply-card .small-note .icon{width:12px;height:12px}.switch{display:block;position:relative;width:38px;height:23px;flex:0 0 auto}.switch input{position:absolute;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:2}.switch>span{display:block;width:100%;height:100%;border-radius:20px;background:#e7e2ec;transition:background .2s}.switch>span:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #73647f17;transition:transform .2s}.switch input:checked+span{background:#9a82b8}.switch input:checked+span:after{transform:translateX(15px)}.switch input:focus-visible+span{outline:3px solid #c8b8dd;outline-offset:4px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+span{opacity:.6}.persona-preview-card{flex:1;padding:20px 23px}.persona-preview-card .card-heading{margin-bottom:12px}.persona-identity{display:flex;align-items:center;gap:10px}.persona-avatar{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:#eee6f5;color:#a28aba;border-radius:12px;flex:0 0 auto}.persona-avatar .fish-logo{width:29px;height:29px}.persona-identity strong{display:block;font-size:12px;font-weight:600}.persona-identity div>span{display:block;color:#aea3b8;font-size:8px;margin-top:3px}.persona-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.persona-tags span{background:#f6f3f9;color:#a18db2;border-radius:5px;padding:3px 7px;font-size:8px}.persona-summary{font-size:9px;line-height:1.9;color:#aea1b8;margin-top:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.page-footer{display:flex;justify-content:space-between;gap:10px;margin:27px 0 0;color:#b5acbc;font-size:8px;letter-spacing:.1px}
/* Settings */
.settings-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:21px;align-items:start}.settings-side{display:flex;flex-direction:column;gap:20px}.settings-side .card{padding:23px}.persona-editor-card .card-heading{margin-bottom:9px}.field-label{display:block;font-size:11px;color:#7d7088;margin:0 0 8px;font-weight:500}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #e4dfeb;border-radius:9px;color:#62566f;background:#fdfcfe;font-size:12px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#c0b5cb}select{height:42px}textarea{resize:vertical;line-height:1.9}.field-help{color:#b0a1bc;font-size:9px;line-height:1.9;margin:8px 0 17px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.label-row .field-label{margin-bottom:8px}.credential-state{font-size:8px;padding-bottom:8px;color:#b7a8c2}.credential-state.configured{color:#94a276}.persona-input{min-height:610px;margin-top:9px;resize:vertical;background:#fcfbfd;font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:11px;line-height:2.1;border-radius:12px;padding:17px}.editor-footer{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#b1a4bb;padding:12px 2px 0}.gateway-settings-card .small-note{margin-top:16px;font-size:9px}
/* Playground */
.playground-card{padding:0;max-width:950px;margin:0 auto;overflow:hidden}.playground-top{display:flex;align-items:center;gap:11px;padding:18px 25px;border-bottom:1px solid var(--line)}.playground-top strong{font-size:12px;font-weight:600}.playground-top small{display:block;font-size:9px;color:#b3a5bf;margin-top:3px}.playground-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#a18cb4;margin-left:auto}.playground-label .icon{width:14px;height:14px}.playground-messages{padding:25px;min-height:370px;max-height:calc(100vh - 385px);overflow-y:auto;background:linear-gradient(180deg,#fff,#fcfafc);display:flex;flex-direction:column;gap:20px;scroll-behavior:smooth}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 20px;text-align:center;color:#a08fad;width:100%;min-height:270px}.empty-illustration{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:21px;background:#f3edf9;color:#b8a0ce;margin-bottom:19px;transform:rotate(-5deg)}.empty-illustration>.icon{width:27px;height:27px;transform:rotate(5deg)}.empty-illustration>.fish-logo{width:42px;height:42px}.empty-state h3{font-size:15px;font-weight:500;color:#9782aa;letter-spacing:-.2px}.empty-state p{font-size:10px;line-height:1.9;color:#bbadc6;margin-top:9px}.playground-empty{min-height:320px;padding-top:25px}.starter-prompts{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}.starter-prompts button{font-size:9px;color:#a18bb6;background:#fff;border:1px solid #eee7f5;border-radius:7px;padding:7px 9px}.starter-prompts button:hover{background:#f4edf9}.message-row{display:flex;align-items:flex-start;gap:9px;max-width:84%;align-self:flex-start}.message-row.outgoing{align-self:flex-end;flex-direction:row-reverse}.message-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#eee5f7;color:#a38bbd;flex:0 0 auto;font-size:9px}.message-avatar .fish-logo{width:23px;height:23px}.outgoing .message-avatar{background:#eff1e6;color:#a6ae8e}.message-content{min-width:0}.message-meta{font-size:8px;color:#b7aac3;margin-bottom:5px}.outgoing .message-meta{text-align:right}.message-bubble{background:#f4eff9;border:1px solid #f0eaf5;color:#89709d;padding:11px 14px;border-radius:0 12px 12px 12px;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.outgoing .message-bubble{border-radius:12px 0 12px 12px;background:#f0f2e8;border-color:#edf0e1;color:#828b69}.message-bubble.pending{color:#b6a4c5}.message-bubble.failed{background:#faf3f0;border-color:#efdfd7;color:#b38c7d}.playground-compose{border-top:1px solid var(--line);padding:17px 25px 15px;background:#fff}.playground-compose textarea{border:0;box-shadow:none;background:transparent;padding:0;font-size:12px;min-height:50px;max-height:150px;resize:vertical;color:#806b92}.playground-compose textarea:focus{box-shadow:none}.compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:10px}.compose-bottom>span{font-size:8px;color:#bcb1c7}.compose-bottom .button{min-height:35px;font-size:10px;padding:8px 15px}.compose-bottom .button .icon{width:14px;height:14px}.playground-compose .form-error{font-size:10px;padding-bottom:0}
/* Conversations and events */
.conversations-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:570px;padding:0;overflow:hidden}.conversation-sidebar{border-right:1px solid var(--line);min-width:0;background:#fefdfd}.conversation-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid var(--line)}.conversation-sidebar-title strong{font-size:11px;font-weight:500;color:#8a759d}.conversation-sidebar-title .pill{font-size:8px;min-height:20px;padding:3px 7px}.conversation-list{max-height:620px;overflow-y:auto;padding:9px}.conversation-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 11px;border-radius:10px;background:transparent;margin-bottom:3px}.conversation-item:hover{background:#f9f6fc}.conversation-item.active{background:#f0eaf7}.contact-avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;background:#eee8f5;font-size:13px;color:#b19ac3;flex:0 0 auto}.conversation-item-copy{min-width:0;flex:1}.conversation-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.conversation-item strong{font-size:10px;color:#8c759f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.conversation-item time{font-size:7px;color:#b6a5c4;flex:0 0 auto}.conversation-item p{font-size:9px;color:#b6a4c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-empty{text-align:center;font-size:10px;color:#baaac8;padding:32px 17px;line-height:1.8}.conversation-detail{min-width:0;display:flex;flex-direction:column}.conversation-detail-heading{padding:19px 24px;border-bottom:1px solid var(--line);min-height:73px}.conversation-detail-heading strong{display:block;font-size:11px;color:#8e789f;font-weight:500}.conversation-detail-heading span{display:block;font-size:8px;color:#bdaeca;margin-top:4px}.conversation-messages{flex:1;display:flex;flex-direction:column;gap:18px;padding:24px;background:#fefcfe;max-height:620px;overflow-y:auto;min-height:450px}.conversation-messages>.empty-state{flex:1}.events-card{padding:0;overflow:hidden}.events-table-heading,.event-row{display:grid;grid-template-columns:160px 75px minmax(0,1fr);gap:20px;padding:17px 24px;align-items:start}.events-table-heading{background:#f9f7fc;font-size:10px;color:#a28eb6;border-bottom:1px solid #eee8f4}.event-row{border-bottom:1px solid #f2edf6;font-size:10px;color:#9e87b0;line-height:1.9}.event-row:last-child{border-bottom:0}.event-row time{color:#b3a0c2;font-size:9px}.event-row>p{white-space:pre-wrap;overflow-wrap:anywhere}.event-row .pill{font-size:8px;min-height:22px;padding:4px 7px;justify-self:start}.toast-region{position:fixed;right:25px;bottom:25px;display:flex;flex-direction:column;gap:10px;z-index:100;pointer-events:none;max-width:min(400px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:9px;background:#322b3f;color:#e9dff4;padding:13px 18px;border:1px solid #57465f;border-radius:11px;font-size:11px;line-height:1.8;box-shadow:0 8px 25px #30223b1a;animation:toast-in .2s ease-out;overflow-wrap:anywhere}.toast.error{background:#654b50;color:#f5e3e7;border-color:#805c63}.toast .icon{width:15px;height:15px;margin-top:2px;color:#c9b4e0}.nav-scrim{position:fixed;inset:0;background:#20192955;z-index:25}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(min-width:1600px){.main-content{padding-top:42px}.hero-banner{min-height:270px}.hero-copy h2{font-size:34px}.hero-decoration{right:100px}.card{padding:27px}.connection-body{gap:32px}.qr-box{width:180px;height:180px}.connection-step strong{font-size:11px}.connection-step p{font-size:10px}.connection-instructions{gap:19px}.stats-grid{gap:22px}.stat-card{padding:23px}.stat-card strong{font-size:32px}.stat-label{font-size:12px}.stat-card small{font-size:9px}.connection-message{font-size:10px}.card-actions .button{font-size:11px}.reply-switch-row strong{font-size:12px}.reply-switch-row p{font-size:10px}.persona-summary{font-size:10px}.persona-tags span{font-size:9px}.page-footer{font-size:9px}}
@media(max-width:1200px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 15px 20px}.brand{font-size:21px}.main-content{padding:28px 25px 22px}.topbar{padding:0 25px}.hero-decoration{right:10px;width:320px}.hero-copy h2{font-size:27px}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(245px,1fr);gap:15px}.card{padding:19px}.connection-body{gap:16px;align-items:flex-start}.qr-box{width:130px;height:145px}.connection-instructions{gap:11px}.connection-step p{font-size:8px}.connection-step strong{font-size:9px}.connection-step>span{width:15px;height:15px;font-size:7px}.connection-step{gap:6px}.stat-card{padding:17px 16px}.stat-icon{width:34px;height:34px;border-radius:11px}.stat-card strong{font-size:26px}.stat-card small{font-size:7px}.stat-label{font-size:10px}.reply-card,.persona-preview-card{padding:19px}.card-actions{flex-wrap:wrap}.settings-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}.conversations-layout{grid-template-columns:245px minmax(0,1fr)}.hero-watermark{font-size:60px}}
@media(max-width:1000px){.hero-decoration{right:-35px;opacity:.85}.hero-copy h2{font-size:26px}.overview-grid{grid-template-columns:1fr}.connection-body{align-items:center;gap:28px}.qr-box{width:170px;height:170px}.connection-instructions{gap:17px}.connection-step strong{font-size:11px}.connection-step p{font-size:10px}.connection-step>span{width:18px;height:18px;font-size:8px}.overview-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.reply-card .small-note{font-size:9px}.persona-summary{font-size:10px}.page-footer{flex-direction:column;gap:4px}.settings-layout{grid-template-columns:1fr}.persona-input{min-height:480px}.settings-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.settings-side .card{height:100%}.page-heading h1{font-size:25px}.heading-star{font-size:21px}.stats-grid{gap:12px}.stat-card{padding:15px 13px}.stat-card small{font-size:7px}.stat-icon{width:30px;height:30px}.stat-icon .icon{width:16px;height:16px}.stat-label{font-size:9px}.stat-card strong{font-size:25px}.conversations-layout{grid-template-columns:210px minmax(0,1fr)}.conversation-sidebar-title{padding:20px 15px}.conversation-item{padding:12px 7px}.contact-avatar{width:30px;height:30px;font-size:11px}.conversation-item time{display:none}.conversation-detail-heading{padding:19px}.conversation-messages{padding:18px}.events-table-heading,.event-row{grid-template-columns:130px 55px minmax(0,1fr);gap:15px;padding-left:19px;padding-right:19px}.login-shell{gap:30px;grid-template-columns:minmax(0,1fr) 370px}.login-visual h1{font-size:43px}.login-form-card{padding:35px 29px}.fish-orbit{right:-20px;transform:scale(.87);transform-origin:bottom right}.login-footnote{font-size:8px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:224px;height:100dvh;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-content{padding:23px 20px}.topbar{height:65px;padding:0 20px}.mobile-menu{display:inline-flex;margin-left:-6px}.topbar-start{gap:9px}.topbar-end{gap:12px}.breadcrumb{font-size:9px;gap:8px}.topbar-state{font-size:9px}.topbar .connection-badge{font-size:9px}.page-heading{margin-bottom:20px;gap:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:340px;line-height:1.8}.page-heading>.button{padding:9px 11px;min-height:36px;font-size:10px}.page-heading>.button .icon{width:14px;height:14px}.page-heading .eyebrow{font-size:7px}.hero-banner{min-height:226px;padding:25px}.hero-copy h2{font-size:27px}.hero-decoration{right:0;top:15px;width:290px;height:210px}.hero-circle{width:180px;height:180px;left:65px;top:5px}.hero-decoration>svg{width:163px;height:163px;left:87px;top:15px}.decor-bubble{font-size:8px;top:17px;right:2px;padding:7px 9px}.decor-star-a{font-size:27px;top:9px;left:43px}.decor-star-b{font-size:37px;right:2px;bottom:29px}.hero-watermark{font-size:56px;letter-spacing:8px;bottom:-17px}.stats-grid{gap:12px;margin:17px 0}.stat-card{padding:15px 13px}.stat-card small{font-size:7px}.stat-label{font-size:10px}.stat-icon{display:none}.stat-card strong{font-size:27px}.card{padding:21px}.qr-box{width:170px;height:170px}.overview-grid{gap:17px}.connection-step strong{font-size:11px}.connection-step p{font-size:9px}.connection-body{gap:24px}.connection-message{font-size:9px}.card-actions .button{font-size:10px}.overview-side{gap:15px}.reply-card,.persona-preview-card{padding:20px}.reply-card .small-note{font-size:8px}.persona-summary{font-size:9px}.settings-side{gap:17px}.settings-side .card{padding:20px}.playground-top{padding:17px 20px}.playground-messages{min-height:360px;max-height:calc(100dvh - 345px);padding:20px}.playground-compose{padding:16px 20px}.message-row{max-width:91%}.conversations-layout{padding:0;grid-template-columns:190px minmax(0,1fr)}.conversation-list{padding:6px}.contact-avatar{width:27px;height:27px;font-size:10px;border-radius:8px}.conversation-item{gap:7px}.conversation-item strong{font-size:9px}.conversation-item p{font-size:8px}.conversation-messages{padding:15px}.conversation-messages .message-row{max-width:100%}.conversation-messages .message-avatar{display:none}.conversation-detail-heading{padding:20px 15px}.conversation-sidebar-title{padding:20px 12px}.events-card{padding:0}.events-table-heading,.event-row{grid-template-columns:115px 45px minmax(0,1fr);gap:10px;padding-left:15px;padding-right:15px}.event-row{font-size:9px}.event-row time{font-size:8px}.login-screen{padding:26px}.login-brand{max-width:430px;margin-bottom:28px;font-size:22px}.login-shell{display:flex;flex-direction:column;max-width:430px;gap:0}.login-visual{width:100%;min-height:220px;padding-top:0}.login-visual h1{font-size:34px;letter-spacing:-1px;position:relative;z-index:1}.login-visual>p{font-size:11px;margin-top:12px;position:relative;z-index:1}.login-visual .eyebrow{font-size:7px;letter-spacing:1.6px}.login-footnote{display:none}.fish-orbit{right:-10px;bottom:5px;width:240px;height:210px;transform:scale(.65);transform-origin:bottom right;opacity:.7;z-index:0}.login-form-card{width:100%;padding:28px;border-radius:22px}.login-lock{margin-bottom:17px;padding:10px;border-radius:12px}.login-form-card h2{font-size:22px}.login-form-card form{margin-top:24px}.login-bottom{font-size:9px;margin-top:24px}.login-note{margin-top:22px;font-size:9px}.login-brand small{font-size:8px}.toast-region{right:15px;bottom:15px}}
@media(max-width:480px){.main-content{padding:21px 15px}.topbar{padding:0 15px}.topbar-end{gap:9px}.admin-avatar{width:27px;height:27px;font-size:9px}.connection-badge{gap:5px}.page-heading h1{font-size:22px}.heading-star{font-size:19px;margin-left:8px}.page-heading>.button{padding:9px 10px;font-size:9px}.page-heading>.button .icon{width:13px;height:13px}.page-heading p{font-size:9px;max-width:260px}.hero-banner{padding:23px;min-height:216px}.hero-copy h2{font-size:25px}.hero-copy p{font-size:9px}.hero-tag{font-size:7px;padding:4px 7px}.hero-decoration{right:-57px;top:23px;transform:scale(.86);transform-origin:center}.hero-watermark{font-size:43px;letter-spacing:5px;bottom:-10px}.hero-copy{max-width:61%}.decor-bubble{display:none}.stats-grid{gap:8px}.stat-card{padding:13px 10px;border-radius:12px}.stat-label{font-size:9px}.stat-card strong{font-size:24px;margin-top:7px}.stat-card small{font-size:6px;letter-spacing:-.1px}.card{border-radius:16px;padding:18px}.card-heading h2{font-size:13px}.card-heading .eyebrow{font-size:6px}.card-heading .pill{font-size:8px;min-height:21px;padding:4px 6px}.connection-body{gap:17px}.qr-box{width:130px;height:150px;border-radius:11px}.qr-placeholder span{font-size:9px}.qr-placeholder small{font-size:6px}.connection-step{gap:7px}.connection-step strong{font-size:9px}.connection-step p{font-size:8px}.connection-instructions{gap:13px}.connection-step>span{width:16px;height:16px;font-size:7px}.connection-message{font-size:8px}.card-actions .button{font-size:9px;min-height:35px;padding:8px 11px}.card-actions .text-button{font-size:8px}.overview-side{grid-template-columns:1fr;gap:16px}.reply-card .small-note{font-size:9px}.reply-switch-row strong{font-size:12px}.reply-switch-row p{font-size:9px}.persona-identity strong{font-size:12px}.persona-identity div>span{font-size:9px}.persona-tags span{font-size:9px}.persona-summary{font-size:10px}.page-footer{font-size:7px;margin-top:22px}.settings-side{grid-template-columns:1fr}.persona-input{min-height:470px;font-size:10px;line-height:2;padding:13px}.field-help{font-size:9px}.editor-footer{font-size:7px}.label-row .field-label{font-size:10px}.playground-card{padding:0}.playground-top{padding:15px}.playground-top .persona-avatar{width:34px;height:34px;border-radius:10px}.playground-top .persona-avatar .fish-logo{width:26px;height:26px}.playground-top strong{font-size:11px}.playground-top small{font-size:8px}.playground-label{font-size:8px}.playground-label .icon{width:12px;height:12px}.playground-messages{padding:16px;max-height:calc(100dvh - 360px);min-height:330px;gap:18px}.playground-empty{min-height:320px;padding:26px 4px}.empty-state h3{font-size:13px}.empty-state p{font-size:9px}.starter-prompts{gap:6px;margin-top:20px}.starter-prompts button{font-size:8px;padding:7px}.playground-compose{padding:14px 16px}.playground-compose textarea{font-size:11px}.compose-bottom>span{font-size:7px}.message-row{gap:6px;max-width:94%}.message-avatar{width:25px;height:25px;border-radius:8px}.message-avatar .fish-logo{width:20px;height:20px}.message-bubble{padding:10px 11px;font-size:10px}.message-meta{font-size:7px}.conversations-layout{display:flex;flex-direction:column;padding:0;min-height:650px}.conversation-sidebar{border-right:0;border-bottom:1px solid var(--line)}.conversation-sidebar-title{padding:15px}.conversation-list{max-height:170px;padding:6px;display:flex;overflow:auto;gap:3px;flex-direction:column}.conversation-item{padding:8px;gap:8px;margin:0}.contact-avatar{width:29px;height:29px}.conversation-item-top{margin-bottom:1px}.conversation-item strong{font-size:10px}.conversation-item time{display:block;font-size:7px}.conversation-item p{font-size:8px}.conversation-detail{flex:1}.conversation-detail-heading{padding:15px}.conversation-messages{min-height:330px;max-height:480px}.conversation-messages .message-avatar{display:flex}.events-card{padding:0}.events-table-heading,.event-row{grid-template-columns:82px 43px minmax(0,1fr);gap:8px;padding:13px 12px}.events-table-heading{font-size:8px}.event-row time{font-size:7px;line-height:1.9}.event-row{font-size:8px}.event-row .pill{font-size:7px;padding:3px 5px;min-height:19px}.login-screen{padding:22px}.login-visual{min-height:210px}.login-visual h1{font-size:32px}.login-form-card{padding:25px}.login-note{margin-top:20px}.login-form-card h2{font-size:21px}.login-form-card>.muted{font-size:11px}.login-visual>p{font-size:10px}.fish-orbit{right:-25px;opacity:.55}.toast{font-size:10px;padding:12px 14px}}
.trigger-rule{background:#f7f3fb;border:1px solid #eee6f5;border-radius:10px;padding:12px;margin:2px 0 18px}.trigger-rule>.pill{font-size:8px;min-height:20px;padding:3px 6px}.trigger-rule p{font-size:10px;line-height:1.9;color:#9d86b0;margin-top:7px}.trigger-rule strong{font-weight:600;color:#9276aa}.trigger-rule small{display:block;color:#b8a5c7;font-size:8px;margin-top:3px}.private-reply-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.private-reply-row .field-label{margin-bottom:3px}.private-reply-row p{font-size:9px;color:#b2a0c0}.reply-scope-card>textarea{font-size:11px;line-height:1.8}.reply-scope-card>.field-help:last-child{margin-bottom:0}.settings-side .reply-scope-card{grid-column:1/-1;height:auto}
/* Conversation behavior and original-message memory search. */
.behavior-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.behavior-setting>div{min-width:0}.behavior-setting .field-label{margin:0 0 4px}.behavior-setting p{font-size:10px;color:#a18eae;line-height:1.8}.behavior-setting .switch{flex:0 0 auto}.reply-parts-setting>input{width:65px;flex:0 0 65px;min-height:38px;text-align:center;padding:8px}.sticker-preview-heading{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;color:#a18eae}.sticker-preview-heading strong{font-weight:500;color:#8a729f}.sticker-preview-heading span{font-size:9px}.sticker-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}.sticker-previews figure{margin:0;min-width:0;text-align:center;padding:7px 3px;border:1px solid #f0eaf5;background:#fcf9fe;border-radius:10px}.sticker-previews img{display:block;width:100%;max-width:80px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto}.sticker-previews figcaption{font-size:9px;color:#a18eae;margin-top:4px}.message-sticker{display:block;object-fit:contain;width:144px;height:auto;max-width:100%;aspect-ratio:1;margin-top:9px}.message-bubble.sticker-only{padding:5px;background:transparent;border-color:transparent}.message-bubble.sticker-only .message-sticker{margin-top:0}.memory-tools{padding:16px 24px;border-bottom:1px solid var(--line);background:#fff}.memory-tools>.field-label{font-size:10px;margin:0 0 8px;color:#8a729f}.memory-search-row{display:flex;gap:8px;align-items:center}.memory-search-row>input{min-width:0;flex:1;font-size:11px;min-height:36px}.memory-search-row>.button{font-size:10px;min-height:36px;padding:7px 12px}.memory-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:5px}.memory-actions .text-button{font-size:10px;padding:7px 0}.memory-status{font-size:9px;line-height:1.8;color:#ac9ab8;margin-top:3px;overflow-wrap:anywhere}.conversation-messages .message-meta{white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.memory-tools{padding:14px 15px}.behavior-setting p{font-size:10px}.sticker-previews{gap:5px}.memory-search-row{gap:6px}.memory-search-row>.button{padding:7px 9px;font-size:9px}.memory-search-row>input{font-size:10px}.memory-status{font-size:9px}}
@media(max-width:480px){.behavior-setting .field-label{font-size:11px}.sticker-previews figcaption{font-size:9px}.memory-search-row>.button{font-size:10px}.memory-search-row>input{font-size:11px}.memory-status{font-size:10px}.message-sticker{width:132px}.conversation-messages .message-meta{font-size:8px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Account favorites are served by the authenticated backend. */
.favorite-stickers-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.favorite-stickers-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.favorite-stickers-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.favorite-stickers-heading strong{font-size:11px;font-weight:500;color:#8a729f}.favorite-stickers-heading .pill{font-size:9px;min-height:22px;padding:3px 7px}.favorite-stickers-heading>.button{font-size:10px;min-height:34px;padding:7px 10px;flex:0 0 auto}.favorite-stickers-section>.field-help{margin:10px 0 7px}.favorite-sticker-status{font-size:10px;color:#a18eae;line-height:1.8;overflow-wrap:anywhere;margin:0 0 12px}.favorite-sticker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;max-height:355px;overflow:auto;overscroll-behavior:contain}.favorite-sticker{position:relative;min-width:0;margin:0;border:1px solid #eee7f4;border-radius:10px;padding:7px;background:#fcf9fe}.favorite-sticker img{display:block;width:100%;height:90px;object-fit:contain}.favorite-sticker figcaption{font-size:9px;line-height:1.7;color:#9a84ac;margin-top:5px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.favorite-animated-badge{position:absolute;top:6px;right:6px;font-size:7px;border-radius:4px;background:#f4eef9e6;color:#9478aa;padding:2px 4px}.favorite-sticker.image-unavailable::before{content:'暂时无法预览';display:flex;align-items:center;justify-content:center;min-height:90px;color:#b5a2c5;font-size:9px}.favorite-sticker-overflow{grid-column:1/-1;font-size:9px;color:#ad99bd;padding:4px}.favorite-sticker-list:empty{display:none}
@media(max-width:480px){.favorite-stickers-heading strong{font-size:12px}.favorite-stickers-heading>.button{min-height:38px}.favorite-sticker-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}.favorite-sticker-status{font-size:10px}.favorite-sticker figcaption{font-size:10px}.favorite-sticker img{height:85px}}

/* Keep long account names and narrow-screen QR codes readable. */
.reply-delay-setting{display:block}.reply-delay-setting strong.field-label{display:block;font-weight:500}.reply-delay-inputs{display:flex;align-items:center;gap:12px;margin-top:12px}.reply-delay-inputs>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#9a84ac;min-width:0}.reply-delay-inputs input{width:60px;min-height:38px;padding:8px 5px;text-align:center}.reply-delay-separator{color:#b8a5c7;font-size:11px}.reply-delay-setting .reply-delay-note{font-size:9px;margin-top:10px;color:#ae9cba;line-height:1.8}@media(max-width:480px){.reply-delay-inputs{gap:9px}.reply-delay-inputs>label{font-size:10px;gap:5px}.reply-delay-inputs input{width:56px}.reply-delay-setting .reply-delay-note{font-size:10px}}
.topbar-start,.topbar-end{min-width:0}.topbar-end{max-width:60%}.connection-badge{min-width:0}.connection-badge>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-avatar{flex:0 0 auto}.inline-alert,.connection-message{overflow-wrap:anywhere}.qr-box>img{object-fit:contain;image-rendering:pixelated}.reply-switch-row>div{min-width:0}.reply-switch-row .switch{flex:0 0 auto}
.connection-progress{font-size:10px;color:#95869f;margin:8px 2px 0;overflow-wrap:anywhere}.login-recovery{display:flex;align-items:flex-start;gap:12px;flex-direction:column;padding:14px;margin-top:13px;border:1px solid #e7dceb;border-radius:11px;background:#fbf8fd}.login-recovery p{font-size:11px;line-height:1.85;color:#8d799d;overflow-wrap:anywhere}.login-recovery .button{white-space:normal;text-align:center;max-width:100%;min-width:0}.connection-card .card-actions{flex-wrap:wrap}.connection-card .card-actions .button{max-width:100%;white-space:normal;text-align:center}.connection-card .button:disabled{opacity:.66}
@media(max-width:480px){.topbar{gap:8px}.topbar-end{max-width:51%}.breadcrumb{gap:5px;white-space:nowrap}.connection-body{flex-direction:column;align-items:center;gap:20px}.qr-box{width:192px;height:192px;flex:0 0 192px}.connection-instructions{align-self:stretch}.connection-step strong{font-size:11px}.connection-step p{font-size:10px}.qr-placeholder span{font-size:11px}.qr-placeholder small{font-size:9px}.connection-message{font-size:10px}.card-actions{gap:9px}.card-actions .button{font-size:10px;min-height:40px}.card-actions .text-button{font-size:10px;min-height:40px}.connection-card .card-heading{gap:8px}.connection-card .card-heading h2{font-size:12px}.connection-card .card-heading .pill{white-space:normal;text-align:center;max-width:78px;flex:0 0 auto}.stat-card small{font-size:8px}.field-help,.private-reply-row p{font-size:10px}}