@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";html{scroll-behavior:smooth;background:#09090b;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#09090b;background:#b77aff}:focus-visible{outline-offset:3px;outline:2px solid #b77aff}:root{color:#f4f1f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#09090b;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#09090b;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}.haven-app{background:radial-gradient(at 20% 40%,#51247a18,#0000 38%),radial-gradient(at 85% 10%,#7a42a510,#0000 30%),#09090b;min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;width:min(1200px,100% - 64px);height:86px;margin:auto;display:flex}.brand{letter-spacing:-2px;font:700 29px Space Grotesk,sans-serif}.brand span,.account-intro h1 span{color:#b77aff}.topbar-right{align-items:center;gap:26px;display:flex}.top-status{color:#93899f;letter-spacing:2px;font-size:9px}.top-status i,.live-dot{background:#b77aff;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #b77aff}.text-button{color:#c6a0ef;background:0 0;border:0;font-size:12px}.account-layout{grid-template-columns:1fr minmax(360px,480px);align-items:center;gap:clamp(45px,8vw,120px);width:min(1100px,100% - 64px);min-height:calc(100vh - 150px);margin:auto;padding:58px 0;display:grid}.account-intro{padding:20px 0;position:relative}.kicker,.panel-kicker{color:#b7a4cc;letter-spacing:2.5px;font-size:9px;font-weight:700}.account-intro h1{letter-spacing:-6px;margin:28px 0 22px;font:600 clamp(62px,7vw,92px)/.98 Space Grotesk,sans-serif}.intro-text{color:#a6a1b0;max-width:365px;font-size:14px;line-height:1.9}.intro-bottom{align-items:center;gap:14px;margin-top:70px;display:flex}.mini-orb{background:radial-gradient(circle at 30% 25%,#dfc0ff,#8e49c4 35%,#1a0d25 75%);border-radius:50%;place-items:center;width:48px;height:48px;font:700 22px Space Grotesk,sans-serif;display:grid;box-shadow:0 0 28px #a45ce433}.intro-bottom strong,.intro-bottom small{display:block}.intro-bottom strong{letter-spacing:1px;font:700 13px Space Grotesk,sans-serif}.intro-bottom small{color:#777080;margin-top:4px;font-size:11px}.decor{color:#b77aff;position:absolute}.decor-a{font-size:28px;top:40px;right:30px}.decor-b{font-size:24px;bottom:55px;right:90px}.panel{background:linear-gradient(145deg,#151219f2,#0e0d11f5);border:1px solid #ffffff1c;border-radius:8px;padding:clamp(25px,4vw,42px);box-shadow:0 24px 90px #00000045}.panel-kicker{margin:0 0 14px;font-size:9px}.panel h2{letter-spacing:-1.5px;margin:0;font:600 34px Space Grotesk,sans-serif}.panel-subtitle{color:#96909e;margin:9px 0 27px;font-size:12px;line-height:1.7}.mode-switch{background:#09090b;border:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:25px;padding:4px;display:grid}.mode-switch button{color:#7f7889;letter-spacing:1.5px;background:0 0;border:0;padding:12px;font-size:10px}.mode-switch button.selected{color:#d8baff;background:#b77aff1c}.account-form{gap:17px;display:grid}.account-form label{color:#bdb5c8;letter-spacing:1.5px;font-size:9px;font-weight:700;display:block}.account-form input,.account-form textarea{color:#f4f1f8;letter-spacing:0;background:#09090b;border:1px solid #ffffff20;border-radius:3px;outline:none;width:100%;margin-top:9px;padding:13px 14px;font-size:12px;transition:border-color .2s;display:block}.account-form input:focus,.account-form textarea:focus{border-color:#b77aff}.account-form input::placeholder,.account-form textarea::placeholder{color:#615b68}.account-form textarea{resize:vertical;min-height:75px;line-height:1.6}.account-form label small{color:#777080;letter-spacing:0;margin-top:7px;font-size:10px;font-weight:400;display:block}.field-note{float:right;color:#756b81;letter-spacing:0;font-weight:400}.privacy-note,.profile-tip{color:#81798c;margin:-3px 0 0;font-size:10px;line-height:1.7}.submit-button{color:#130b1b;letter-spacing:1.2px;background:#b77aff;border:0;border-radius:3px;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding:15px 17px;font-size:10px;font-weight:700;transition:background .2s,transform .2s;display:flex}.submit-button:hover{background:#c99aff;transform:translateY(-1px)}.submit-button span{font-size:16px}.panel-footer{color:#696272;letter-spacing:1.2px;border-top:1px solid #ffffff12;justify-content:space-between;gap:10px;margin-top:28px;padding-top:17px;font-size:8px;display:flex}.notice{border-radius:3px;margin-top:16px;padding:11px 12px;font-size:11px;line-height:1.6}.notice.error{color:#ffb1b1;background:#ff77770c;border:1px solid #ff8a8a45}.notice.success{color:#b6e8c9;background:#7ce6a00c;border:1px solid #a8e6c333}.loading-state{color:#c7b0e1;padding:40px 0;font-size:13px}.loading-state span{animation:1s infinite blink}.profile-preview{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding:15px 0 20px;display:flex}.avatar{color:#170d20;background:linear-gradient(135deg,#d2a9ff,#4b236b);border-radius:50%;place-items:center;width:43px;height:43px;font:700 18px Space Grotesk,sans-serif;display:grid}.profile-heading{flex:1;min-width:0}.profile-heading strong,.profile-heading span{display:block}.profile-heading strong{font-size:13px}.profile-heading span{color:#898194;margin-top:4px;font-size:11px}.profile-badge{color:#c9a7ef;letter-spacing:1px;border:1px solid #b77aff35;padding:6px 8px;font-size:8px}.profile-tip{margin-top:17px}.site-footer{color:#6d6677;letter-spacing:1.5px;border-top:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:15px;width:min(1200px,100% - 64px);min-height:64px;margin:auto;font-size:8px;display:flex}@keyframes blink{50%{opacity:.2}}@media (width<=800px){.topbar,.account-layout,.site-footer{width:calc(100% - 36px)}.account-layout{grid-template-columns:1fr;gap:35px;padding:45px 0}.account-intro h1{letter-spacing:-4px;font-size:clamp(60px,15vw,85px)}.intro-bottom{margin-top:35px}.decor-a{top:15px;right:15px}.decor-b{bottom:25px;right:35px}.panel{padding:25px 21px}.site-footer{flex-wrap:wrap;padding:18px 0}.site-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important}}.chat-section{color:#f3f0f7;background:linear-gradient(145deg,#121115,#0b0a0e);border:1px solid #29252f;border-radius:20px;width:min(1120px,100% - 48px);margin:56px auto;padding:30px}.chat-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.chat-heading h2{margin:8px 0;font-size:clamp(25px,4vw,36px)}.chat-connection,.online-count{color:#a9a3b2;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:inline-flex}.chat-connection i,.online-count i{background:#77717f;border-radius:50%;width:7px;height:7px}.chat-connection.is-connected i,.online-count i{background:#b99bff;box-shadow:0 0 10px #9a6dff66}.chat-layout{background:#0d0c10;border:1px solid #29252f;border-radius:14px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr);min-height:430px;display:grid;overflow:hidden}.room-list{background:#111015;border-right:1px solid #29252f;padding:18px 12px}.room-list-label{color:#817a8d;letter-spacing:1.8px;margin:0 10px 12px;font-size:10px}.room-button{color:#a9a3b2;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;margin:4px 0;padding:12px 10px;display:flex}.room-button:hover,.room-button.active{color:#f3f0f7;background:#21192d;border-color:#342b46}.room-button:disabled{cursor:not-allowed;opacity:.6}.room-hash{color:#b99bff;font-size:19px}.room-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.room-details strong{font-size:12px}.room-details small{color:#817a8d;font-size:10px}.room-arrow{color:#a98ce7}.chat-main{flex-direction:column;min-width:0;display:flex}.chat-room-header{border-bottom:1px solid #29252f;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.chat-room-header strong{font-size:14px}.chat-room-header p{color:#817a8d;margin:5px 0 0 22px;font-size:11px}.chat-room-header .room-hash{margin-right:7px}.chat-messages{flex-direction:column;flex:1;gap:18px;min-height:360px;max-height:620px;padding:20px;display:flex;overflow-y:auto}.chat-empty{color:#8d8598;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-symbol{color:#b99bff;margin-bottom:12px;font-size:30px}.chat-empty strong{color:#e8e2ef;font-size:14px}.chat-empty p{font-size:12px}.chat-message{align-items:flex-start;gap:11px;display:flex}.chat-avatar{color:#d7c5ff;background:#21182e;border:1px solid #443456;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.chat-message-content{flex:1;min-width:0}.chat-message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.chat-message-meta strong{color:#f3f0f7;font-size:12px}.chat-message-meta span,.chat-message-meta time{color:#817a8d;font-size:10px}.chat-message-content p{color:#d0cad8;overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;font-size:13px;line-height:1.55}.chat-compose{border-top:1px solid #29252f;gap:9px;padding:14px;display:flex}.chat-compose input{color:#f3f0f7;background:#151319;border:1px solid #332d3b;border-radius:9px;outline:none;flex:1;width:0;min-width:0;padding:12px 14px}.chat-compose input:focus{border-color:#8d6bc3}.chat-compose button{color:#fff;letter-spacing:1px;cursor:pointer;background:#73509e;border:1px solid #9e7bd9;border-radius:9px;padding:0 16px;font-size:10px}.chat-compose button:disabled{cursor:not-allowed;opacity:.45}.chat-footnote{color:#77717f;margin:0;padding:0 14px 14px;font-size:10px}@media (width<=680px){.chat-section{width:calc(100% - 24px);margin:28px auto;padding:14px}.chat-heading{flex-direction:column}.chat-layout{grid-template-columns:1fr}.room-list{border-bottom:1px solid #29252f;border-right:0}.room-button{vertical-align:top;width:calc(50% - 5px);display:inline-flex}.room-details small,.room-arrow{display:none}.chat-room-header{padding:14px 12px}.chat-messages{padding:14px}.chat-compose{padding:10px}.chat-compose button{padding:0 10px}}.dm-section{color:#f4f1f8;width:min(1100px,100% - 40px);margin:48px auto}.dm-section h2{margin-bottom:20px;font:700 28px Space Grotesk,sans-serif}.dm-layout{background:#101014;border:1px solid #ffffff18;border-radius:16px;grid-template-columns:minmax(200px,.85fr) minmax(0,1.5fr);min-height:520px;display:grid;overflow:hidden}.dm-sidebar{background:#0d0d11;border-right:1px solid #ffffff18;padding:16px}.dm-sidebar form,.dm-compose{gap:8px;display:flex}.dm-sidebar input,.dm-compose input{color:#fff;background:#18181f;border:1px solid #ffffff20;border-radius:9px;outline:none;width:100%;min-width:0;padding:11px 12px}.dm-sidebar input:focus,.dm-compose input:focus{border-color:#a855f7}.dm-sidebar form button,.dm-compose button{color:#fff;background:#9333ea;border:0;border-radius:9px;padding:10px 14px;font-weight:700}.dm-user-list{gap:8px;margin-top:16px;display:grid}.dm-user{color:#fff;text-align:left;background:#17171d;border:1px solid #ffffff12;border-radius:10px;gap:4px;width:100%;padding:16px;display:grid}.dm-user small{color:#aaa3b5}.dm-conversation{flex-direction:column;min-width:0;padding:18px;display:flex}.dm-conversation h3{border-bottom:1px solid #ffffff18;margin:0 0 14px;padding-bottom:14px}.dm-messages{flex-direction:column;flex:1;align-items:flex-start;gap:10px;min-height:320px;max-height:560px;padding:8px 0 18px;display:flex;overflow-y:auto}.dm-message{overflow-wrap:anywhere;background:#24242d;border-radius:14px;max-width:85%;padding:13px 16px}.dm-message.sent{background:#7027b5;align-self:flex-end}.dm-compose{margin-top:16px}.dm-compose input{padding:14px 15px;font-size:14px}.dm-empty,.dm-status{color:#aaa3b5}.dm-status{font-size:13px}@media (width<=650px){.dm-section{width:calc(100% - 24px);margin:30px auto}.dm-layout{grid-template-columns:1fr}.dm-sidebar{border-bottom:1px solid #ffffff18;border-right:0}.dm-messages{min-height:180px}}:root{--haven-violet:#a970f5;--haven-green:#a6ffb5;--haven-border:#a970f526;--haven-surface:#100d15}.haven-app{background:radial-gradient(at 12% 20%,#6e35a51c,#0000 38%),radial-gradient(at 88% 65%,#35205a16,#0000 36%),#09090b}.topbar{height:72px}.brand span{color:var(--haven-green);text-shadow:0 0 16px #a6ffb533}.top-status i,.live-dot{background:var(--haven-green);box-shadow:0 0 10px #a6ffb555}.chat-section,.dm-section{width:min(1160px,100% - 40px);margin:28px auto}.chat-section{border:1px solid var(--haven-border);background:linear-gradient(145deg,#121019f5,#0b0a0f);border-radius:14px;padding:clamp(16px,2.5vw,26px);box-shadow:0 12px 45px #00000025}.chat-heading{align-items:center;margin-bottom:18px}.chat-heading h2,.dm-section h2{letter-spacing:-1px}.chat-layout{border-color:#a970f526;border-radius:11px;grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr);min-height:520px}.room-list,.dm-sidebar{background:#0d0b12}.room-list{padding:14px 10px}.room-button{border-radius:7px;padding:10px}.room-button:hover,.room-button.active{background:linear-gradient(100deg,#a970f51c,#a970f506);border-color:#a970f54a}.room-button.active .room-hash{color:var(--haven-green)}.chat-main,.dm-conversation{background:#0b0a0f}.chat-room-header,.dm-conversation h3{border-color:#a970f51c}.chat-compose,.dm-compose{gap:9px}.chat-compose input,.dm-compose input,.dm-sidebar input{background:#100e15;border-color:#a970f526;border-radius:7px}.chat-compose input:focus,.dm-compose input:focus,.dm-sidebar input:focus{border-color:var(--haven-violet);box-shadow:0 0 0 2px #a970f510}.chat-compose button,.dm-sidebar form button,.dm-compose button{background:var(--haven-violet);border-radius:7px;transition:filter .18s,transform .18s}.chat-compose button:hover,.dm-sidebar form button:hover,.dm-compose button:hover{filter:brightness(1.15)}.dm-layout{border-color:var(--haven-border);background:#0b0a0f;border-radius:12px;grid-template-columns:minmax(205px,.72fr) minmax(0,1.8fr);min-height:390px;box-shadow:0 12px 45px #00000020}.dm-sidebar{border-color:#a970f51c;padding:13px}.dm-user-list{gap:6px;margin-top:12px}.dm-user{background:#121019;border-color:#a970f51c;border-radius:7px;padding:10px;transition:border-color .18s,background .18s}.dm-user:hover{background:#1b1425;border-color:#a970f566}.dm-message{background:#17131e;border:1px solid #a970f51a;border-radius:12px 12px 12px 4px}.dm-message.sent{background:#46266a;border-color:#a970f533;border-radius:12px 12px 4px}.chat-messages,.dm-messages{scrollbar-color:#49335e #0b0a0f;scrollbar-width:thin}@media (width<=650px){.chat-section,.dm-section{width:calc(100% - 24px);margin:18px auto}.chat-section{padding:14px}.chat-heading{flex-wrap:wrap;gap:8px}.chat-layout{grid-template-columns:1fr;min-height:0}.room-list{border-bottom:1px solid #a970f526;border-right:0}.dm-layout{grid-template-columns:1fr}.dm-sidebar{border-bottom:1px solid #a970f526;border-right:0}}.dashboard-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr) minmax(350px,1.15fr);align-items:stretch;gap:16px;width:min(1600px,100% - 36px);margin:26px auto 42px;display:grid}.identity-card{overflow-wrap:anywhere;background:linear-gradient(155deg,#17121d,#0d0c10);border:1px solid #30253b;border-radius:14px;align-self:start;min-width:0;padding:30px 24px}.identity-card .panel-kicker{margin:0 0 24px}.identity-avatar{color:#fff;background:radial-gradient(circle at 30% 20%,#b77aff,#39214d 75%);border:1px solid #b77aff55;border-radius:22px;place-items:center;width:82px;height:82px;font:700 28px Space Grotesk,sans-serif;display:grid;box-shadow:0 0 28px #b77aff18}.identity-card h2{letter-spacing:-.5px;margin:18px 0 6px;font:600 23px Space Grotesk,sans-serif}.identity-handle{color:#a18cae;margin:0;font-size:13px}.identity-divider{background:#ffffff14;height:1px;margin:20px 0}.identity-label{color:#b77aff;letter-spacing:1.5px;margin:17px 0 7px;font-size:9px;font-weight:700}.identity-bio{color:#b8b0c1;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.8}.identity-edit-button{color:#d7b9ff;letter-spacing:1px;background:#b77aff12;border:1px solid #b77aff55;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding:14px 12px;font-size:11px;font-weight:700;display:flex}.identity-edit-button:hover{background:#b77aff22}.identity-edit-form{margin-top:20px}.identity-edit-form label{line-height:1.5}.dashboard-layout>.chat-section,.dashboard-layout>.dm-section{border-radius:14px;align-self:stretch;width:100%;min-width:0;max-width:none;margin:0;padding:24px}.dashboard-layout .dm-layout,.dashboard-layout .dm-sidebar,.dashboard-layout .dm-conversation{min-width:0}.dashboard-layout input,.dashboard-layout textarea{max-width:100%}@media (width<=1250px){.dashboard-layout{grid-template-columns:minmax(210px,.75fr) minmax(0,1.5fr)}.dashboard-layout>.dm-section{grid-column:1/-1}}@media (width>=1251px){.dashboard-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr) minmax(350px,1.15fr)}}@media (width<=760px){.dashboard-layout{grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100% - 24px);margin-top:16px}.identity-card{padding:18px}.identity-avatar{border-radius:17px;width:54px;height:54px}.dashboard-layout>.chat-section,.dashboard-layout>.dm-section{grid-column:1;padding:14px}}.haven-app{background:var(--haven-bg,#09090b);color:var(--haven-text,#f4f1f8);font-size:var(--haven-font-size,14px)}.haven-app .panel,.haven-app .identity-card,.haven-app .chat-card,.haven-app .dm-card,.haven-app .customization-studio{border-radius:var(--haven-radius,12px)}.haven-app .customization-studio{background:var(--haven-panel,#151219);width:min(1180px,100% - 40px);box-shadow:0 0 calc(var(--haven-glow,.35) * 35px) #b77aff24;box-sizing:border-box;border:1px solid #b77aff3d;margin:24px auto;padding:clamp(20px,4vw,36px)}.customization-heading,.customization-footer,.preset-save-row,.preset-row,.customization-tabs,.custom-color-control{align-items:center;gap:12px;display:flex}.customization-heading,.customization-footer{justify-content:space-between}.customization-heading h2{margin:8px 0;font-size:clamp(24px,4vw,34px)}.customization-heading h2 span{color:var(--haven-accent,#b77aff)}.customization-tabs{border-bottom:1px solid #38303e;flex-wrap:wrap;margin:24px 0}.customization-tabs button,.preset-row button{color:inherit;cursor:pointer;background:0 0;border:1px solid #403647;border-radius:9px;padding:10px 14px}.customization-tabs button.selected{color:var(--haven-accent,#b77aff);border-color:var(--haven-accent,#b77aff);background:color-mix(in srgb, var(--haven-accent,#b77aff) 12%, transparent)}.customization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.customization-grid>label{color:#bcb3c6;letter-spacing:.08em;flex-direction:column;gap:10px;font-size:11px;display:flex}.customization-grid input:not([type=color]):not([type=checkbox]),.customization-grid select,.preset-save-row input{box-sizing:border-box;color:#f4f1f8;background:#0f0c12;border:1px solid #403647;border-radius:9px;width:100%;padding:12px}.customization-grid input[type=range]{accent-color:var(--haven-accent,#b77aff)}.custom-color-control{gap:10px}.custom-color-control input[type=color]{cursor:pointer;background:#0f0c12;border:1px solid #403647;border-radius:8px;width:48px;height:38px;padding:3px}.custom-color-control code{color:var(--haven-text,#f4f1f8);font-size:13px}.custom-live-preview,.custom-chat-preview{grid-column:1/-1;margin-top:8px}.custom-live-preview>span,.custom-chat-preview>span{letter-spacing:.15em;color:#bcb3c6;margin-bottom:12px;font-size:10px;display:block}.custom-preview-card{border-radius:var(--haven-radius,12px);background:var(--haven-bg,#09090b);color:var(--haven-text,#f4f1f8);border:1px solid #403647;padding:24px}.custom-preview-orb{background:var(--haven-accent,#b77aff);color:#100b15;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-weight:800;display:grid}.custom-preview-card p{color:#bcb3c6}.custom-preview-card button{color:#100b15;background:var(--haven-accent,#b77aff);border:0;border-radius:8px;padding:10px 14px}.custom-chat-preview p{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.custom-chat-preview p span{background:var(--haven-chat-bubble,#21182e);color:var(--haven-text,#f4f1f8);font-size:var(--haven-chat-font-size,14px);border-radius:12px;padding:12px 15px}.custom-check{align-items:center;letter-spacing:0!important;flex-direction:row!important;font-size:13px!important}.custom-check input{accent-color:var(--haven-accent,#b77aff)}.customization-note{color:#aaa0b4;font-size:12px;line-height:1.6}.customization-presets>p{color:#bcb3c6}.preset-save-row{margin:18px 0}.preset-save-row .submit-button{white-space:nowrap}.preset-row{border-bottom:1px solid #38303e;flex-wrap:wrap;padding:12px 0}.preset-row strong{flex:1}.preset-swatch{border-radius:50%;width:18px;height:18px}.customization-footer{border-top:1px solid #38303e;gap:16px;margin-top:28px;padding-top:20px}.customization-footer [role=status]{color:#bcb3c6;font-size:12px}.haven-app[data-theme=light]{--haven-bg:#f5f0fa;--haven-panel:#fff;--haven-text:#21182a}.haven-app[data-theme=light] .customization-grid input:not([type=color]):not([type=checkbox]),.haven-app[data-theme=light] .customization-grid select,.haven-app[data-theme=light] .preset-save-row input{color:#21182a;background:#fff}@media (width<=650px){.customization-grid{grid-template-columns:1fr}.customization-heading,.customization-footer{flex-direction:column;align-items:flex-start}.preset-save-row{flex-direction:column;align-items:stretch}.haven-app .customization-studio{width:calc(100% - 20px);padding:18px}}.image-upload-control{color:#bcb3c6;letter-spacing:.08em;flex-direction:column;gap:10px;min-width:0;font-size:11px;display:flex}.image-upload-control input[type=file]{box-sizing:border-box;color:#f4f1f8;background:#0f0c12;border:1px solid #403647;border-radius:9px;width:100%;max-width:100%;padding:10px;font-size:12px}.image-upload-preview{object-fit:cover;border:1px solid #403647;border-radius:10px;width:100%;max-height:130px;display:block}.image-upload-preview.avatar-preview{border-radius:50%;width:76px;height:76px}.image-upload-hint{color:#9c91a7;letter-spacing:0;font-size:10px}.haven-app .identity-card{background-color:#0d0c10;background-image:linear-gradient(155deg,#17121d,#0d0c10);background-repeat:no-repeat}.haven-app .identity-card .identity-banner-image{box-sizing:border-box;background-image:linear-gradient(0deg, #100c16dd, #100c1640), var(--haven-profile-banner-image);background-position:50%;background-size:cover;border-bottom:1px solid #ffffff20;border-radius:13px 13px 0 0;align-items:flex-end;min-height:74px;margin:-22px -17px 20px;padding:12px;display:flex}.haven-app .chat-section{background-image:var(--haven-chat-background-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover}.haven-app .chat-messages{background-image:linear-gradient(#09070bbd, #09070bbd), var(--haven-chat-background-image,none);background-position:50%;background-size:cover;background-attachment:local}.dm-typing-indicator{color:#c9a5ff;margin:4px 0 8px;font-size:13px;font-style:italic}.dm-read-receipt{color:#c9a5ff;text-align:right;margin-top:5px;font-size:11px;display:block}.dm-section{width:100%;min-width:0;max-width:none;margin:0}.dm-section>h2{margin-bottom:22px;font-size:30px}.dm-layout{border-radius:16px;grid-template-columns:minmax(280px,.75fr) minmax(0,2fr);height:min(78vh,1000px);min-height:720px}.dm-sidebar{padding:20px;overflow-y:auto}.dm-conversation{min-height:0;padding:24px}.dm-conversation h3{padding-bottom:18px;font-size:20px}.dm-messages{flex:1;gap:14px;min-height:0;max-height:none;padding:14px 8px 20px;overflow-y:auto}.dm-message{max-width:min(75%,700px);padding:14px 18px;font-size:15px;line-height:1.55}.dm-compose{gap:12px;margin-top:18px}.dm-compose input{min-height:52px;padding:14px 16px;font-size:16px}.dm-compose button{min-width:90px}@media (width<=760px){.dm-section{width:100%;margin:0}.dm-layout{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.dm-sidebar{border-bottom:1px solid #a970f526;border-right:0;max-height:320px}.dm-conversation{min-height:65vh;padding:16px}.dm-messages{min-height:40vh}.dm-message{max-width:90%}}@media (width>=1251px){.dashboard-layout{grid-template-columns:minmax(250px,.8fr) minmax(400px,1.25fr) minmax(480px,1.5fr);align-items:stretch;gap:22px;width:min(1900px,100% - 64px)}.dashboard-layout>.identity-card,.dashboard-layout>.chat-section,.dashboard-layout>.dm-section{box-sizing:border-box;width:100%;min-width:0;margin:0}.dashboard-layout>.chat-section,.dashboard-layout>.dm-section{padding:22px}.dashboard-layout .chat-layout{grid-template-columns:minmax(120px,.65fr) minmax(0,2fr)}.dashboard-layout .dm-layout{grid-template-columns:minmax(170px,.8fr) minmax(0,1.7fr);height:720px;min-height:620px}.dashboard-layout .dm-conversation{padding:18px}.dashboard-layout .dm-sidebar{padding:14px}}@media (width>=761px) and (width<=1250px){.dashboard-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:18px;width:calc(100% - 40px)}.dashboard-layout>.dm-section{grid-column:1/-1}.dashboard-layout .dm-layout{height:680px}}button{font:inherit;border-radius:10px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s,opacity .18s}button:focus-visible{outline-offset:3px;outline:2px solid #c99aff}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.submit-button,.chat-compose button,.dm-compose button,.dm-sidebar form button{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid #c99aff66;font-weight:600;box-shadow:0 4px 16px #8b5cf626}.submit-button:hover:not(:disabled),.chat-compose button:hover:not(:disabled),.dm-compose button:hover:not(:disabled),.dm-sidebar form button:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#9333ea);border-color:#d8b4fe;transform:translateY(-2px);box-shadow:0 6px 22px #a855f744}.room-button,.customization-tabs button,.preset-row button{border:1px solid #b77aff24;border-radius:10px;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}.room-button:hover,.customization-tabs button:hover,.preset-row button:hover{border-color:#b77aff88;transform:translateY(-1px);box-shadow:0 3px 14px #a855f71a}.mode-switch button,.customization-tabs button.selected{transition:background .18s,color .18s}@media (prefers-reduced-motion:reduce){button{transition:none}}.haven-app .customization-tabs{gap:10px;padding-bottom:12px}.haven-app .customization-tabs button,.haven-app .preset-row button{color:#c9bfd4;letter-spacing:.02em;background:linear-gradient(145deg,#19131f,#100d15);border:1px solid #493653;border-radius:12px;padding:11px 17px;font-size:13px;font-weight:600;position:relative;box-shadow:inset 0 1px #ffffff08}.haven-app .customization-tabs button:hover,.haven-app .preset-row button:hover{color:#fff;border-color:var(--haven-accent,#b77aff);background:linear-gradient(145deg,#291b35,#17101f);transform:translateY(-2px);box-shadow:0 0 0 1px #b77aff18,0 5px 18px #9b5de51c}.haven-app .customization-tabs button.selected{color:#fff;border-color:var(--haven-accent,#b77aff);background:linear-gradient(135deg, color-mix(in srgb, var(--haven-accent,#b77aff) 24%, #17101f), #191120);box-shadow:0 0 0 1px color-mix(in srgb, var(--haven-accent,#b77aff) 20%, transparent), 0 4px 18px color-mix(in srgb, var(--haven-accent,#b77aff) 18%, transparent), inset 0 1px 0 #ffffff12}.haven-app .customization-tabs button.selected:after{content:"";background:var(--haven-accent,#b77aff);height:2px;box-shadow:0 0 10px var(--haven-accent,#b77aff);border-radius:99px;position:absolute;bottom:-13px;left:25%;right:25%}.haven-app .customization-presets .preset-save-row .submit-button{border-radius:12px;min-height:44px;padding:11px 18px;font-weight:700}.haven-app .preset-row{gap:10px;padding:15px 0}.haven-app .preset-row button{padding:9px 14px;font-size:12px}.haven-app .custom-preview-card button{border:1px solid color-mix(in srgb, var(--haven-accent,#b77aff) 70%, white);box-shadow:0 4px 15px color-mix(in srgb, var(--haven-accent,#b77aff) 20%, transparent);border-radius:10px;padding:11px 17px;font-weight:700}.haven-app .custom-preview-card button:hover{filter:brightness(1.12);box-shadow:0 6px 20px color-mix(in srgb, var(--haven-accent,#b77aff) 32%, transparent);transform:translateY(-2px)}.haven-app .customization-tabs button:focus-visible,.haven-app .preset-row button:focus-visible,.haven-app .custom-preview-card button:focus-visible{outline:2px solid var(--haven-accent,#b77aff);outline-offset:3px}.haven-app .customization-tabs button:active,.haven-app .preset-row button:active,.haven-app .custom-preview-card button:active{transform:scale(.97)}@media (width<=600px){.haven-app .customization-tabs button{flex:auto;padding:10px 12px}.haven-app .preset-save-row{flex-direction:column;align-items:stretch}.haven-app .preset-save-row .submit-button{width:100%}}@media (prefers-reduced-motion:reduce){.haven-app .customization-tabs button,.haven-app .preset-row button,.haven-app .custom-preview-card button{transition:none}}.haven-app input[type=file]{max-width:100%;color:var(--haven-text,#f4f1f8);font:inherit;background:#15101d;border:1px solid #40304f;border-radius:10px;padding:7px}.haven-app input[type=file]::file-selector-button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid #c084fc;border-radius:7px;margin-right:12px;padding:9px 14px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.haven-app input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,#c084fc,#9333ea);transform:translateY(-1px);box-shadow:0 0 14px #a855f766}.haven-app input[type=file]:focus-visible{outline:2px solid var(--haven-accent,#b77aff);outline-offset:3px}