@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap");:root{--app-background:#070710;--panel-background:16,16,27;--panel-opacity:0.76;--panel-blur:24px;--panel-border:rgba(255,255,255,0.095);--panel-radius:20px;--primary-text:#f4f2fb;--secondary-text:#9995a8;--accent:#9f7aea;--accent-hover:#b698ef;--message-hover:rgba(255,255,255,0.035);--message-spacing:16px;--font-size:14px;--wallpaper:none;--app-blur:0px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#050508;font-family:DM Sans,sans-serif;font-size:var(--font-size)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input[hidden]{display:none!important}input,select,textarea{color:var(--primary-text);background:rgba(0,0,0,.28);border:1px solid var(--panel-border);outline:none}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}svg{width:18px;height:18px}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:16px;gap:16px;background:radial-gradient(circle at 50% 20%,#29205d,transparent 40%),#08080f}.loading-screen p{color:var(--secondary-text)}.brand-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#b89bf4,#6942cf);box-shadow:0 12px 34px #7c3aed66;font:700 27px Space Grotesk;border:0}.brand-mark.small{width:46px;height:46px;border-radius:15px;font-size:19px;flex:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:#1e1f22}.auth-aurora{display:none}.auth-card{width:min(480px,100%);position:relative;padding:32px;border-radius:5px;background:#313338;border:0;box-shadow:0 8px 24px rgba(0,0,0,.32)}.auth-brand{display:flex;align-items:center;gap:13px}.auth-brand .brand-mark{width:40px;height:40px;border-radius:50%;font-size:17px;background:#5865f2;box-shadow:none}.auth-brand small,.auth-brand strong{display:block}.auth-brand strong{font:700 17px Space Grotesk}.auth-brand small{color:var(--secondary-text);margin-top:2px}.auth-copy{margin:28px 0 22px}.auth-copy>span{display:none}.auth-copy>span svg{width:14px}.auth-copy h1{font:600 24px/1.2 DM Sans;margin:0 0 8px}.auth-copy p{color:#b5bac1;line-height:1.45;margin:0;font-size:14px}.auth-card label,.settings-section label{display:block;font-size:12px;font-weight:600;color:#d5d1df}.auth-input{margin-top:8px;height:44px;display:flex;align-items:center;gap:10px;background:#1e1f22;border:0;border-radius:3px;padding:0 12px}.auth-input:focus-within{box-shadow:0 0 0 1px #5865f2}.auth-input svg{color:#aaa5b7}.auth-input input{flex:1 1;border:0;background:none;padding:0;box-shadow:none;min-width:0}.primary-button,.secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:1px solid transparent;padding:0 16px;font-weight:650}.primary-button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#2e1660));color:white;box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 25%,transparent)}.primary-button:hover{filter:brightness(1.12)}.secondary-button{background:rgba(255,255,255,.07);border-color:var(--panel-border)}.secondary-button:hover{background:rgba(255,255,255,.11)}.primary-button svg,.secondary-button svg{width:16px}.auth-card form>.primary-button{width:100%;margin-top:20px;height:44px;border-radius:3px;background:#5865f2;box-shadow:none}.auth-card form>.primary-button svg{margin-left:auto}.auth-switch{width:100%;margin:14px 0 0;border:0;background:none;color:#00a8fc;text-align:left;padding:0;font-size:13px}.auth-switch:hover{text-decoration:underline}.auth-note{display:flex;gap:8px;align-items:flex-start;margin:22px 0 0;padding-top:16px;border-top:1px solid #3f4147;color:#949ba4;font-size:11px;line-height:1.45}.auth-note svg{width:14px;color:#949ba4;flex:none}.form-error{color:#ff959d!important;font-size:12px}.app{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 10%,#2a205e,transparent 33%),radial-gradient(circle at 82% 90%,#163a46,transparent 34%),var(--app-background)}.app.oled{--app-background:#000;--panel-background:0,0,0}.wallpaper{position:fixed;inset:calc(-1 * var(--app-blur));background-image:var(--app-bg,var(--wallpaper));background-size:cover;background-position:50%;filter:blur(var(--app-blur));transform:scale(1.03)}.backdrop{position:fixed;inset:0;background:radial-gradient(circle at 15% 0,rgba(89,52,177,.28),transparent 35%),linear-gradient(#05050942,#05050978)}.glass{background:rgba(var(--panel-background),var(--panel-opacity));-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));border:1px solid var(--panel-border);box-shadow:0 22px 60px rgba(0,0,0,.26)}.workspace{position:relative;z-index:1;display:grid;grid-template-columns:68px 256px minmax(0,1fr);grid-gap:9px;gap:9px;height:100vh;padding:var(--app-margin,10px)}.nav-rail{border-radius:var(--app-radius,var(--panel-radius));padding:11px 8px;display:flex;align-items:center;flex-direction:column;gap:10px}.nav-rule{width:30px;height:1px;background:var(--panel-border)}.nav-orb{position:relative;width:44px;height:44px;flex:none;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid transparent;display:grid;place-items:center;transition:.18s ease;overflow:visible}.nav-orb.active,.nav-orb:hover{background:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.07));border-color:color-mix(in srgb,var(--accent) 38%,transparent);border-radius:13px}.nav-orb.active:before{content:"";position:absolute;left:-9px;width:3px;height:22px;border-radius:4px;background:var(--accent)}.nav-orb .user-avatar{width:42px;height:42px;border-radius:14px}.nav-orb.add{border-style:dashed;border-color:rgba(255,255,255,.16)}.nav-orb.bottom{margin-top:auto}.people-panel{border-radius:var(--app-radius,var(--panel-radius));display:flex;flex-direction:column;overflow:hidden;background:var(
    --sidebar-color,rgba(var(--panel-background),var(--panel-opacity))
  )}.panel-search{height:48px;margin:12px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:11px;background:rgba(0,0,0,.25);color:var(--secondary-text)}.panel-search svg{width:15px}.people-panel nav{display:grid;grid-gap:3px;gap:3px;padding:0 8px 10px;border-bottom:1px solid var(--panel-border)}.people-panel nav button{height:40px;border:0;background:none;border-radius:10px;display:flex;align-items:center;gap:11px;color:var(--secondary-text);text-align:left;padding:0 12px}.people-panel nav button.active,.people-panel nav button:hover{color:white;background:rgba(255,255,255,.075)}.request-count{margin-left:auto;min-width:19px;height:19px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#ed4245;color:white;font-size:10px}.people-panel nav svg{width:17px}.people-panel>header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#817d90;font-size:10px;font-weight:700;letter-spacing:.1em}.people-panel>header button{border:0;background:none;color:#aaa5b6;padding:4px}.people-panel>header svg{width:14px}.friend-list{flex:1 1;overflow:auto;padding:0 7px}.friend{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:none;padding:8px;text-align:left;color:var(--secondary-text)}.friend.active,.friend:hover{background:var(--card-color-hover,rgba(255,255,255,.075));color:white}.friend span,.people-panel footer span{min-width:0;flex:1 1}.friend small,.friend strong,.people-panel footer small,.people-panel footer strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend strong,.people-panel footer strong{font-size:12px}.friend small,.people-panel footer small{color:var(--secondary-text);font-size:10px;margin-top:2px}.sidebar-empty{min-height:180px;display:grid;place-content:center;justify-items:center;text-align:center;color:#777384;padding:20px}.sidebar-empty svg{width:25px;height:25px}.sidebar-empty p{font-size:11px;line-height:1.45}.people-panel footer{height:62px;flex:none;border-top:1px solid var(--panel-border);display:flex;align-items:center;gap:9px;padding:9px}.people-panel footer button{border:0;background:none;padding:7px;border-radius:8px}.people-panel footer button:hover{background:rgba(255,255,255,.08)}.people-panel footer svg{width:16px}.user-avatar{width:35px;height:35px;flex:none;border-radius:12px;display:grid;place-items:center;color:#121018;font-weight:800;position:relative;overflow:visible}.user-avatar.large{width:76px;height:76px;border-radius:24px;font-size:24px}.user-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.user-avatar i{position:absolute;width:9px;height:9px;border-radius:50%;background:#80848e;right:-1px;bottom:-1px;border:2px solid rgb(var(--panel-background))}.user-avatar[data-status=online] i{background:#23a55a}.user-avatar[data-status=idle] i{background:#f0b232}.user-avatar[data-status=idle] i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:rgb(var(--panel-background));top:-2px;right:-2px}.user-avatar[data-status=offline] i{background:#80848e}.user-avatar[data-status=offline] i:after{content:"";position:absolute;inset:2px;border-radius:50%;background:rgb(var(--panel-background))}.content-panel{border-radius:var(--app-radius,var(--panel-radius));min-width:0;overflow:hidden;background:var(
    --main-content-color,rgba(var(--panel-background),var(--panel-opacity))
  )}.friends-view,.messages-view{height:100%;display:flex;flex-direction:column}.friends-scroll{flex:1 1;min-height:0;overflow-y:auto}.content-header{height:66px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid var(--panel-border)}.content-header>div{display:flex;align-items:center;gap:11px}.content-header span{color:var(--secondary-text);font-size:11px}.content-header small,.content-header strong{display:block}.content-header small{color:var(--secondary-text);font-size:10px;margin-top:2px}.content-header svg{color:#aaa5b8}.add-friend-card{margin:22px 24px 12px;padding:22px;border:1px solid var(--panel-border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),rgba(255,255,255,.025));border-radius:18px}.add-friend-card>span,.friends-section header span,.request-section>header span,.urgent-card>div>span{color:#8b8798;font-size:10px;letter-spacing:.1em;font-weight:700}.add-friend-card h1{font:700 22px Space Grotesk;margin:8px 0 4px}.add-friend-card p{color:var(--secondary-text);margin:0;font-size:12px}.add-friend-card form{margin-top:17px;display:flex;gap:9px}.add-friend-card input{flex:1 1;min-width:0;height:43px;border-radius:11px;padding:0 13px}.add-friend-card form button,.friend-row button{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:11px;padding:0 15px;display:flex;gap:7px;align-items:center}.add-friend-card form button:hover,.friend-row button:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)}.add-friend-card form svg,.friend-row button svg{width:15px}.friends-section{padding:14px 24px}.friends-section>header{padding-bottom:10px;border-bottom:1px solid var(--panel-border)}.friend-row{min-height:64px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;padding:8px 5px}.friend-row>div:nth-child(2){flex:1 1}.friend-row small,.friend-row strong{display:block}.friend-row small{color:var(--secondary-text);margin-top:3px;font-size:11px}.friend-row button{height:34px;font-size:11px}.request-section{margin:12px 24px 0;padding:14px 16px 4px;border:1px solid var(--panel-border);border-radius:15px;background:rgba(0,0,0,.14)}.request-section>header{padding-bottom:8px;border-bottom:1px solid var(--panel-border)}.request-row:last-child{border-bottom:0}.request-actions{flex:none!important;display:flex;align-items:center;gap:7px}.request-actions button.accept{border-color:#23a55a66;background:#23a55a22;color:#8ee7ac}.request-actions button.accept:hover{background:#23a55a38}.request-actions button.decline{border-color:#ed424550;background:#ed424516;color:#ff9da0}.request-actions button.decline:hover{background:#ed42452a}.message-request-row{margin:12px 0;padding:14px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.request-author{display:flex;align-items:center;gap:10px}.request-author span{min-width:0}.request-author small,.request-author strong{display:block}.request-author small{color:var(--secondary-text);font-size:10px;margin-top:2px}.message-request-row>p{margin:12px 0;color:#ddd9e5;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.message-request-row .request-actions{margin-top:12px}.message-request-row .request-actions button{min-height:34px;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:6px}.message-request-row .request-actions svg{width:14px}.urgent-card{margin:10px 24px 20px;padding:20px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);grid-gap:22px;gap:22px;border:1px solid #f0b23240;background:linear-gradient(135deg,#f0b23212,rgba(255,255,255,.02));border-radius:17px}.urgent-card h2{font:700 17px Space Grotesk;margin:7px 0 5px}.urgent-card p{color:var(--secondary-text);font-size:11px;line-height:1.5;margin:0}.urgent-card form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.urgent-card input,.urgent-card textarea{min-width:0;border-radius:10px;padding:10px 12px}.urgent-card input{height:39px}.urgent-card textarea{grid-column:1/-1;min-height:72px;resize:vertical}.urgent-card button{grid-column:2;height:36px;border:1px solid #f0b23260;border-radius:10px;background:#f0b23220;display:flex;align-items:center;gap:7px;padding:0 12px}.urgent-card button svg{width:14px}.empty-state{display:grid;place-content:center;justify-items:center;min-height:280px;text-align:center;color:var(--secondary-text);padding:25px}.empty-state.full{height:100%}.empty-state>div{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#c9b9ed;background:color-mix(in srgb,var(--accent) 16%,transparent)}.empty-state>div svg{width:25px;height:25px}.empty-state h2{color:white;font:700 20px Space Grotesk;margin:14px 0 5px}.empty-state p{max-width:420px;font-size:12px;line-height:1.5;margin:0}.identity-note{margin:0 24px 20px;display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;background:rgba(0,0,0,.2);border:1px solid var(--panel-border)}.identity-note svg{color:#73ddc0}.identity-note small,.identity-note strong{display:block}.identity-note small{color:var(--secondary-text);margin-top:3px;font-size:10px}.encryption-label{display:inline-flex!important;align-items:center;gap:6px;color:#72dabc!important}.encryption-label svg{width:13px}.message-history{flex:1 1;min-height:0;overflow-y:auto;padding:22px 24px}.conversation-start{padding:30px 8px 22px}.conversation-start h2{font:700 23px Space Grotesk;margin:14px 0 4px}.conversation-start p{margin:0;color:var(--secondary-text);font-size:12px}.message{display:flex;gap:11px;padding:var(--message-padding-top,var(--message-spacing)) var(--message-padding-side,9px);border-radius:var(--message-radius,12px)}.message-body{min-width:0}.message p{margin:0 0 4px}.message p strong{font-size:12px}.message time{color:var(--secondary-text);font-size:9px;margin-left:8px}.message>div>span{line-height:1.5;color:#d5d1dd;overflow-wrap:anywhere}.message.mine .user-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.message-composer{height:68px;flex:none;border-top:1px solid var(--panel-border);display:flex;align-items:center;gap:8px;padding:11px 17px}.message-composer input{flex:1 1;height:44px;border-radius:var(--textarea-radius,13px);padding:0 14px;background:rgba(var(--textarea-color,0,0,0),var(--textarea-alpha,.28))}.message-composer button{width:40px;height:40px;border:0;border-radius:var(--button-radius,11px);display:grid;place-items:center;background:rgba(255,255,255,.06)}.message-composer button:last-child{background:color-mix(in srgb,var(--accent) 25%,transparent)}.server-orb{color:#fff;font:700 11px Space Grotesk;overflow:hidden}.server-icon-upload img,.server-mini img,.server-orb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.server-sidebar-head{min-height:68px;display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--panel-border)}.server-sidebar-head>span{min-width:0}.server-sidebar-head small,.server-sidebar-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-sidebar-head small{color:var(--secondary-text);font-size:9px;margin-top:3px;text-transform:capitalize}.server-mini{width:39px;height:39px;border-radius:12px;flex:none;display:grid;place-items:center;font-weight:800}.channel-list{flex:1 1;overflow-y:auto;padding:0 8px}.channel-row{width:100%;height:37px;border:0;border-radius:9px;background:none;display:flex;align-items:center;gap:8px;color:var(--secondary-text);padding:0 10px;text-align:left}.channel-row.active,.channel-row:hover{color:white;background:rgba(255,255,255,.075)}.channel-row.active{box-shadow:inset 2px 0 var(--accent)}.channel-row svg{width:15px}.invite-card{margin:10px;padding:12px;border-radius:12px;border:1px solid var(--panel-border);background:rgba(0,0,0,.2)}.invite-card code,.invite-card strong{display:block}.invite-card strong{font-size:10px}.invite-card code{color:#cbb8f0;margin:5px 0 9px;font-size:11px;letter-spacing:.08em}.invite-card button{width:100%;height:29px;border:0;border-radius:8px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.invite-card svg{width:13px}.channel-hero{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,transparent);color:#cdbbf1}.channel-hero svg{width:25px;height:25px}.composer-wrap{flex:none;border-top:1px solid var(--panel-border)}.composer-wrap .message-composer{border-top:0}.pending-media{padding:10px 16px 0;display:flex;gap:8px;overflow-x:auto}.pending-media>div{height:48px;min-width:150px;max-width:220px;border:1px solid var(--panel-border);border-radius:10px;background:rgba(0,0,0,.25);display:flex;align-items:center;gap:8px;padding:5px}.pending-media img{width:38px;height:38px;border-radius:7px;object-fit:cover}.pending-media>div>svg{width:24px;color:#bca7e8}.pending-media span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.pending-media button{width:25px;height:25px;border:0;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.06)}.pending-media button svg{width:13px}.attachment-grid{margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,240px));grid-gap:7px;gap:7px}.attachment-grid>a{min-width:0;border:1px solid var(--panel-border);background:rgba(0,0,0,.22);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none}.attachment-grid>a:not(.file-attachment) img{display:block;width:100%;max-height:230px;object-fit:cover}.attachment-grid>a:not(.file-attachment) small{display:block;padding:6px 8px;color:var(--secondary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment{min-height:60px;display:flex;align-items:center;gap:9px;padding:10px}.file-attachment>svg{color:#bda8e9;flex:none}.file-attachment span{flex:1 1;min-width:0}.file-attachment small,.file-attachment strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment small{color:var(--secondary-text);margin-top:3px;font-size:9px}.media-library,.server-maker{width:min(620px,96vw);max-height:90vh;border-radius:var(--popout-radius,24px);overflow:hidden;background:var(
    --popout-color,rgba(var(--panel-background),var(--panel-opacity))
  )}.media-library>header,.server-maker>header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--panel-border)}.media-library>header>div,.server-maker>header>div{display:flex;align-items:center;gap:10px}.media-library>header small,.media-library>header strong,.server-maker>header small,.server-maker>header strong{display:block}.media-library>header small,.server-maker>header small{color:var(--secondary-text);font-size:10px;margin-top:2px}.media-library>header button,.server-maker>header button{border:0;background:rgba(255,255,255,.05);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.maker-tabs{display:grid;grid-template-columns:1fr 1fr;padding:12px 20px 0;grid-gap:7px;gap:7px}.maker-tabs button{height:38px;border:1px solid var(--panel-border);border-radius:10px;background:rgba(255,255,255,.035);color:var(--secondary-text)}.maker-tabs button.active{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:white}.server-maker form{padding:18px 20px 22px;max-height:calc(90vh - 125px);overflow-y:auto}.server-maker label{display:block;margin:13px 0;font-size:11px;font-weight:600}.server-maker input,.server-maker textarea{display:block;width:100%;margin-top:7px;border-radius:11px;padding:0 12px}.server-maker input{height:42px}.server-maker textarea{min-height:74px;padding-top:10px;resize:vertical}.server-icon-upload{width:76px;height:76px;margin:4px auto 12px;border:1px dashed rgba(255,255,255,.3);border-radius:24px;display:grid;place-items:center;overflow:hidden}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:8px}.template-grid button{height:48px;border:1px solid var(--panel-border);border-radius:10px;background:rgba(255,255,255,.035);color:var(--secondary-text);display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px}.template-grid button.active{color:white;background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.template-grid svg{width:14px}.server-maker form>.primary-button{width:100%;margin-top:10px}.media-library{width:min(880px,96vw)}.media-actions{height:62px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--panel-border)}.media-actions span{color:var(--secondary-text);font-size:11px}.media-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px;max-height:calc(90vh - 130px);overflow-y:auto}.media-grid article{border:1px solid var(--panel-border);background:rgba(0,0,0,.22);border-radius:14px;overflow:hidden;padding:0}.media-file,.media-grid article>img{width:100%;height:135px;object-fit:cover}.media-file{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:#cbb7ef}.media-file svg{width:35px;height:35px}.media-grid article>div:nth-child(2){padding:9px 10px}.media-grid article small,.media-grid article strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-grid article strong{font-size:10px}.media-grid article small{color:var(--secondary-text);font-size:8px;margin-top:3px}.media-grid nav{display:flex;gap:5px;padding:0 8px 9px}.media-grid nav button{min-width:31px;height:28px;border:1px solid var(--panel-border);border-radius:8px;background:rgba(255,255,255,.05);padding:0 8px;font-size:9px}.media-grid nav button.favorite{color:#f6cf69;background:#f6cf6914}.media-grid nav button:last-child{margin-left:auto;background:color-mix(in srgb,var(--accent) 20%,transparent)}.media-grid nav svg{width:13px}.modal-scrim{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px}.login-key-card{width:min(470px,100%);background:#11111b;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px;box-shadow:0 30px 100px #000;text-align:center}.security-icon{width:60px;height:60px;margin:auto;border-radius:18px;background:#72dabc18;color:#72dabc;display:grid;place-items:center}.security-icon svg{width:26px;height:26px}.login-key-card h2{font:700 25px Space Grotesk;margin:16px 0 7px}.login-key-card>p{color:var(--secondary-text);line-height:1.5;margin:0 auto 20px;max-width:390px}.key-field{height:54px;display:flex;align-items:center;gap:8px;background:#050509;border:1px solid #ffffff13;border-radius:12px;padding:0 8px 0 14px;text-align:left}.key-field code{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4c2f6;font-size:11px}.key-field button{width:38px;height:38px;border:0;border-radius:9px;background:#ffffff0c}.login-key-card>button{width:100%;margin-top:10px}.settings-overlay{position:fixed;z-index:40;inset:0;padding:10px;display:grid;grid-template-columns:275px minmax(0,1fr);grid-gap:9px;gap:9px;background:rgba(3,3,7,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-content,.settings-nav{border-radius:var(--panel-radius);overflow:hidden}.settings-nav{padding:18px 12px 12px;display:flex;flex-direction:column}.settings-user{display:flex;align-items:center;gap:10px;padding:0 7px 16px}.settings-user span{min-width:0}.settings-user small,.settings-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-user small{color:var(--secondary-text);font-size:10px;margin-top:2px}.settings-search{height:39px;border-radius:11px;background:rgba(0,0,0,.27);border:1px solid var(--panel-border);display:flex;align-items:center;gap:8px;padding:0 10px}.settings-search svg{width:15px;color:#9995a8}.settings-search input{border:0;background:none;padding:0;min-width:0;flex:1 1;box-shadow:none}.settings-nav nav{overflow-y:auto;padding-top:8px}.settings-nav nav p{color:#767282;font-size:9px;letter-spacing:.11em;text-transform:uppercase;margin:13px 9px 5px;font-weight:700}.logout-button,.settings-nav nav button{width:100%;height:39px;border:0;border-radius:9px;background:none;display:flex;align-items:center;gap:10px;padding:0 10px;color:#aaa6b4;text-align:left}.settings-nav nav button.active,.settings-nav nav button:hover{color:white;background:rgba(255,255,255,.075)}.settings-nav nav button.active{box-shadow:inset 2px 0 var(--accent)}.logout-button svg,.settings-nav nav svg{width:16px}.logout-button{margin-top:auto;color:#ff8d96}.logout-button:hover{background:#ff5c6617}.settings-content{display:flex;flex-direction:column;min-width:0}.settings-content>header{height:78px;flex:none;border-bottom:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.settings-content>header small{color:#777384;font-size:9px;letter-spacing:.12em;font-weight:700}.settings-content>header h1{font:700 22px Space Grotesk;margin:4px 0 0;text-transform:capitalize}.close-settings{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--panel-border);border-radius:50%;background:rgba(255,255,255,.04)}.settings-scroll{flex:1 1;overflow-y:auto;padding:10px 34px 60px}.settings-section{max-width:820px;padding:28px 0;border-bottom:1px solid var(--panel-border)}.settings-section:last-child{border-bottom:0}.section-title{margin-bottom:20px}.section-title h2{font:700 18px Space Grotesk;margin:0}.section-title p{color:var(--secondary-text);margin:5px 0 0;line-height:1.5;font-size:11px}.profile-editor{display:flex;align-items:center;gap:18px;padding:17px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--panel-border);margin-bottom:18px}.profile-editor>div:last-child{display:grid;justify-items:start;grid-gap:7px;gap:7px}.profile-editor small{color:var(--secondary-text);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.settings-section label{margin:14px 0}.settings-section label>svg{vertical-align:middle;width:15px;margin-right:5px}.settings-section input:not([type=range]):not([type=color]),.settings-section select,.settings-section textarea{display:block;width:100%;margin-top:7px;border-radius:11px;padding:0 12px}.settings-section input:not([type=range]):not([type=color]),.settings-section select{height:42px}.settings-section textarea{min-height:100px;padding-top:11px;resize:vertical}.settings-section input[type=color]{display:block;width:100%;height:42px;margin-top:7px;padding:4px;border-radius:11px}.settings-section input[type=range]{display:block;width:100%;margin-top:12px;accent-color:var(--accent)}.settings-section output{float:right;color:#b9a2e7}.setting-toggle{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:none;text-align:left;padding:10px 0}.setting-toggle span small,.setting-toggle span strong{display:block}.setting-toggle span small{color:var(--secondary-text);margin-top:4px;font-weight:400;font-size:10px}.setting-toggle>i{width:40px;height:23px;flex:none;border-radius:14px;background:#ffffff1c;position:relative;transition:.2s}.setting-toggle>i b{position:absolute;width:17px;height:17px;border-radius:50%;background:#a8a4af;left:3px;top:3px;transition:.2s}.setting-toggle>i.on{background:var(--accent)}.setting-toggle>i.on b{left:20px;background:white}.info-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:14px;background:#72dabc0c;border:1px solid #72dabc25}.info-card>svg{color:#72dabc;flex:none}.info-card strong{font-size:12px}.info-card p{color:var(--secondary-text);font-size:10px;line-height:1.5;margin:5px 0 0}.wallpaper-preview{min-height:175px;border-radius:16px;border:1px solid var(--panel-border);display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#3b2a78,transparent 40%),#090912;background-size:cover;background-position:50%;overflow:hidden}.editor-toolbar{height:42px;background:#0a0a10;border:1px solid var(--panel-border);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.editor-toolbar button,.editor-toolbar span{display:flex;align-items:center;gap:7px;font-size:11px}.editor-toolbar button{border:0;background:none;color:#bdaae4}.editor-toolbar svg{width:14px}.css-editor{display:block;width:100%;min-height:390px!important;margin:0!important;border-radius:0 0 12px 12px!important;background:#07070c!important;color:#c9c1dc!important;font:12px/1.6 Consolas,SFMono-Regular,monospace!important;-moz-tab-size:2;tab-size:2}.data-summary{margin-top:18px;border:1px solid var(--panel-border);border-radius:13px;overflow:hidden}.data-summary div{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.data-summary div:last-child{border-bottom:0}.data-summary span{color:var(--secondary-text)}.danger-card{border:1px solid #ff5f6c43;border-radius:14px;background:#ff5f6c0b;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px}.danger-card strong{color:#ff9ca4}.danger-card p{margin:4px 0 0;color:var(--secondary-text);font-size:10px}.danger-card button{border:1px solid #ff5f6c5c;background:#ff5f6c18;color:#ff9ca4;height:36px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:7px;white-space:nowrap}.danger-card svg{width:15px}.settings-save{height:66px;flex:none;border-top:1px solid var(--panel-border);background:rgba(5,5,9,.35);display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0 24px}.settings-save>span{margin-right:auto}.compact .workspace{grid-template-columns:58px 225px minmax(0,1fr)}.compact .nav-orb{width:38px;height:38px;border-radius:12px}.compact .friend{padding:5px 8px}.compact .content-header{height:56px}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes aurora{to{transform:rotate(25deg) scale(1.08)}}@media (max-width:900px){.workspace{grid-template-columns:62px 225px minmax(0,1fr)}.settings-overlay{grid-template-columns:230px minmax(0,1fr)}.settings-scroll{padding-left:24px;padding-right:24px}}@media (max-width:680px){.workspace{grid-template-columns:58px minmax(0,1fr);padding:6px;gap:6px}.people-panel{display:none}.content-panel,.nav-rail{border-radius:15px}.add-friend-card{margin:15px}.friends-section{padding:12px 15px}.identity-note{margin:0 15px 15px}.request-section,.urgent-card{margin-left:15px;margin-right:15px}.settings-overlay,.urgent-card{grid-template-columns:1fr}.settings-overlay{padding:0}.settings-nav{display:none}.settings-content{border-radius:0}.settings-scroll{padding:5px 18px 70px}.form-grid{grid-template-columns:1fr;gap:0}.danger-card{align-items:flex-start;flex-direction:column}}.update-banner{position:fixed;z-index:80;top:16px;left:50%;transform:translateX(-50%);width:min(720px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(20,20,30,.92);box-shadow:0 18px 60px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff}.update-banner-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:13px;background:var(--accent,#7c6cff)}.update-banner-icon svg{width:19px}.update-banner>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.update-banner strong{font-size:14px}.update-banner small{color:var(--text-muted,#a9a9b6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-banner a{flex:0 0 auto;padding:9px 13px;border-radius:11px;background:#fff;color:#111;text-decoration:none;font-size:12px;font-weight:800}.update-banner button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#aaa;cursor:pointer}.update-banner button:hover{background:rgba(255,255,255,.1);color:#fff}.update-banner button svg{width:17px}@media (max-width:700px){.update-banner small{display:none}.update-banner a{padding:8px 10px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--app-background:#313338;--panel-background:49,51,56;--panel-opacity:1;--panel-blur:0px;--panel-border:rgba(0,0,0,0.2);--panel-radius:0px;--primary-text:var(--text-primary,#f2f3f5);--secondary-text:var(--text-muted,#b5bac1);--text-primary:#f2f3f5;--text-secondary:#dbdee1;--text-default:#dbdee1;--text-muted:#b5bac1;--interactive-normal:#b5bac1;--interactive-hover:#dbdee1;--interactive-active:#fff;--background-modifier-hover:rgba(78,80,88,0.4);--background-modifier-selected:rgba(78,80,88,0.6);--accent:#5865f2;--accent-hover:#4752c4;--message-hover:rgba(2,2,2,0.06);--app-margin:0px;--app-radius:0px}body,html{background:#1e1f22;color:var(--primary-text);font-family:gg sans,Noto Sans,Helvetica Neue,Arial,sans-serif}.user-theme{--accent-hsl:var(--accent-hue,235) var(--accent-saturation,86%) var(--accent-lightness,65%);--primary-text:var(--text-primary,#f2f3f5);--secondary-text:var(--text-muted,#b5bac1)}.app{background:var(--app-background,#313338)}.wallpaper{background-color:var(--app-background,#313338)}.backdrop{background:rgba(0,0,0,0)}.workspace{grid-template-columns:72px 240px minmax(0,1fr);gap:0;padding:var(--app-margin,0);border-radius:var(--app-radius,0);overflow:hidden}.glass{border:0;box-shadow:none;-webkit-backdrop-filter:blur(var(--panel-blur,0));backdrop-filter:blur(var(--panel-blur,0))}.nav-rail{border-radius:var(--app-radius,0);padding:12px;gap:8px;background:#1e1f22}.brand-mark,.brand-mark.small{width:48px;height:48px;border-radius:50%;background:var(--accent);box-shadow:none;font:700 20px/1 gg sans,Noto Sans,sans-serif}.nav-rule{width:32px;background:#35363c}.nav-orb{width:48px;height:48px;border:0;border-radius:50%;background:#313338;transition:border-radius .16s ease,background .16s ease,color .16s ease}.nav-orb.active,.nav-orb:hover{border:0;border-radius:16px;background:var(--accent)}.nav-orb.active:before{left:-12px;width:4px;height:40px;background:#fff}.nav-orb.add{border:0;color:#23a55a}.nav-orb.add:hover{color:#fff;background:#23a55a}.people-panel{border-radius:var(--app-radius,0);background:var(--sidebar-color,#2b2d31)}.panel-search{height:28px;margin:10px;padding:0 8px;border-radius:4px;background:#1e1f22;box-shadow:0 1px 0 rgba(0,0,0,.25);font-size:12px}.people-panel nav{border-bottom:0;padding:8px}.channel-row,.friend,.people-panel nav button{border-radius:4px}.channel-row.active,.channel-row:hover,.people-panel nav button.active,.people-panel nav button:hover{background:var(--background-modifier-selected)}.channel-row.active{box-shadow:none}.people-panel>header{height:36px;color:var(--interactive-normal);letter-spacing:.02em}.friend-list{padding:0 8px}.friend{min-height:42px;padding:6px 8px}.friend.active,.friend:hover{background:var(--card-color-hover,var(--background-modifier-selected))}.people-panel footer{height:52px;padding:0 8px;border:0;background:#232428}.user-avatar,.user-avatar.large{border-radius:50%}.user-avatar{width:32px;height:32px}.user-avatar.large{width:80px;height:80px}.content-panel{border-radius:var(--app-radius,0);background:var(--main-content-color,#313338)}.content-header{height:48px;padding:0 16px;border-color:rgba(0,0,0,.22);box-shadow:0 1px 0 rgba(0,0,0,.18)}.message-history{padding:16px 0}.conversation-start{padding:32px 16px 18px}.message{gap:16px;padding:var(--message-padding-top,2px) var(--message-padding-side,16px);border-radius:var(--message-radius,0);background:var(--message-color,transparent)}.message:hover{background:var(--message-color-hover,var(--message-hover))}.message .user-avatar{width:40px;height:40px}.message p{margin-bottom:2px}.message p strong{font-size:14px}.message time{color:#949ba4;font-size:10px}.message>div>span{color:var(--text-default,#dbdee1);line-height:1.375rem}.composer-wrap{border:0;padding:0 16px 24px}.message-composer{height:44px;padding:0 8px;gap:4px;border:0;border-radius:var(--textarea-radius,8px);background:rgba(var(--textarea-color,56,58,64),var(--textarea-alpha,1))}.message-composer input{height:42px;padding:0 8px;border:0;border-radius:0;background:transparent;color:var(--textarea-text-color,var(--primary-text));box-shadow:none}.message-composer:focus-within{background:rgba(var(--textarea-color,56,58,64),var(--textarea-alpha-focus,var(--textarea-alpha,1)))}.message-composer button{width:32px;height:32px;border-radius:var(--button-radius,4px);background:transparent;color:var(--interactive-normal)}.message-composer button:hover{color:var(--interactive-hover);background:var(--background-modifier-hover)}.message-composer button:last-child{background:transparent}.pending-media{margin:0;padding:10px 8px;background:#2b2d31}.server-sidebar-head{min-height:48px;padding:0 12px;box-shadow:0 1px 0 rgba(0,0,0,.25)}.server-mini{width:32px;height:32px;border-radius:50%}.channel-list{padding:8px}.identity-note,.invite-card,.message-request-row,.request-section{border-color:rgba(0,0,0,.22);background:#2b2d31}.add-friend-card,.urgent-card{border-radius:8px;background:#2b2d31}.primary-button{border-radius:var(--button-radius,3px);background:var(--accent);box-shadow:none}.primary-button:hover{background:var(--accent-hover);filter:none}.secondary-button{border-radius:var(--button-radius,3px);background:#4e5058;border:0}.media-library,.server-maker{background:var(--popout-color,#313338);box-shadow:var(--popout-shadow,0 20px 60px rgba(0,0,0,.55));-webkit-backdrop-filter:blur(var(--popout-blur,0));backdrop-filter:blur(var(--popout-blur,0))}.settings-overlay{padding:0;grid-template-columns:minmax(230px,34%) minmax(0,66%);gap:0;background:#313338;-webkit-backdrop-filter:none;backdrop-filter:none}.settings-content,.settings-nav{border-radius:0;box-shadow:none}.settings-nav{align-items:flex-end;padding:32px 12px 24px;background:#2b2d31}.settings-nav>*{width:min(218px,100%)}.settings-search{height:32px;border:0;border-radius:4px;background:#1e1f22}.logout-button,.settings-nav nav button{height:32px;border-radius:4px;color:var(--interactive-normal)}.settings-nav nav button.active,.settings-nav nav button:hover{color:var(--interactive-active);background:var(--background-modifier-selected)}.settings-nav nav button.active{box-shadow:none}.settings-content{background:#313338}.settings-content>header{height:80px;max-width:820px;border:0;padding:0 40px}.add-friend-card h1,.conversation-start h2,.empty-state h2,.section-title h2,.settings-content>header h1{font-family:gg sans,Noto Sans,Helvetica Neue,Arial,sans-serif}.settings-scroll{padding:0 40px 80px}.settings-section{max-width:740px;padding:24px 0;border-color:#3f4147}.settings-section input:not([type=range]):not([type=color]),.settings-section select,.settings-section textarea{border:0;border-radius:3px;background:#1e1f22}.danger-card,.data-summary,.info-card,.profile-editor{border-radius:var(--card-radius,8px);background:var(--card-color,#2b2d31)}.editor-toolbar{background:#1e1f22;border-color:#111214;border-radius:4px 4px 0 0}.css-editor{border-radius:0 0 4px 4px!important;background:#111214!important;color:#dbdee1!important}.quickcss-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.quickcss-presets button{min-height:68px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #3f4147;border-radius:var(--card-radius,8px);background:var(--card-color,#2b2d31);text-align:left}.quickcss-presets button:hover{background:var(--card-color-hover,#35373c);border-color:var(--accent)}.quickcss-presets button>svg{color:var(--accent);flex:none}.quickcss-presets small,.quickcss-presets span,.quickcss-presets strong{display:block}.quickcss-presets small{margin-top:4px;color:var(--secondary-text);font-size:10px}.settings-save{height:64px;background:#313338;border-color:#3f4147}@media (max-width:900px){.workspace{grid-template-columns:72px 220px minmax(0,1fr)}.settings-overlay{grid-template-columns:220px minmax(0,1fr)}}.workspace{grid-template-columns:72px clamp(210px,var(--sidebar-width,240px),360px) minmax(0,1fr)}.panel-search{width:calc(100% - 20px);border:0;cursor:text;text-align:left}.panel-search span{flex:1 1}.command-palette kbd,.panel-search kbd{border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(0,0,0,.22);color:var(--text-muted,#949ba4);padding:2px 5px;font:600 9px/1.2 DM Sans,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.message-body{width:min(100%,var(--message-width,860px))}.message{position:relative}.message-actions{position:absolute;top:-18px;right:14px;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:color-mix(in srgb,var(--popout-color,#1e1f22) 94%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.32);opacity:0;transform:translateY(4px) scale(.98);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.message:focus-within .message-actions,.message:hover .message-actions{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.message-actions button{width:30px;height:28px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;font-size:14px}.message-actions button.active,.message-actions button:hover{color:color-mix(in srgb,var(--accent) 70%,white);background:rgba(255,255,255,.08)}.message-actions svg{width:15px;height:15px}.message-reply{max-width:620px;display:flex;align-items:center;gap:6px;margin:0 0 5px;color:var(--text-muted,#949ba4);font-size:10px}.message-reply svg{width:12px;height:12px}.message-reply strong{flex:none;color:var(--text-secondary,#b5bac1)}.message-reply span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.message-reactions button{min-width:38px;height:25px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.045)}.message-reactions button.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.message-reactions b{color:var(--text-muted,#949ba4);font-size:10px}.edited-label{margin-left:5px;color:var(--text-muted,#949ba4);font-size:9px;font-weight:400}.composer-reply{min-height:45px;display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--accent) 9%,#232428);border-bottom:1px solid rgba(255,255,255,.06)}.composer-reply>svg{width:16px;color:var(--accent)}.composer-reply span{flex:1 1;min-width:0}.composer-reply small,.composer-reply strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply small{color:var(--text-muted,#949ba4);font-size:9px}.composer-reply strong{margin-top:2px;font-size:11px}.composer-reply button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent}.command-scrim{z-index:120;align-items:start;padding-top:min(15vh,140px);background:rgba(8,9,12,.66);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);animation:command-fade .14s ease-out}.command-palette{width:min(680px,calc(100vw - 32px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:max(12px,var(--app-radius,12px));background:color-mix(in srgb,var(--popout-color,#18191d) 88%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(28px) saturate(130%);backdrop-filter:blur(28px) saturate(130%);animation:command-enter .22s cubic-bezier(.2,.8,.2,1)}.command-input{height:62px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.08)}.command-input>svg{color:var(--accent)}.command-input input{flex:1 1;height:100%;min-width:0;border:0;background:transparent;box-shadow:none;font-size:16px}.command-results{max-height:min(54vh,460px);overflow-y:auto;padding:8px}.command-item{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;background:transparent;padding:8px 10px;text-align:left;transition:transform .16s ease,background-color .16s ease}.command-item.selected,.command-item:hover{background:color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.055))}.command-item:hover{transform:translateX(2px)}.command-item>i{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px;color:color-mix(in srgb,var(--accent) 72%,white);background:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.04))}.command-item>i svg{width:18px}.command-item>span{flex:1 1;min-width:0}.command-item small,.command-item strong{display:block}.command-item strong{font-size:13px}.command-item small{margin-top:3px;color:var(--text-muted,#949ba4);font-size:11px}.command-item em{color:var(--text-muted,#949ba4);font-size:10px;font-style:normal}.command-empty{min-height:190px;display:grid;place-content:center;justify-items:center;grid-gap:7px;gap:7px;color:var(--text-muted,#949ba4)}.command-empty svg{width:25px;height:25px}.command-empty strong{color:var(--text-primary,#f2f3f5)}.command-palette>footer{height:38px;display:flex;align-items:center;gap:14px;padding:0 13px;border-top:1px solid rgba(255,255,255,.07);color:var(--text-muted,#949ba4);font-size:10px}.command-palette>footer strong{margin-left:auto;color:color-mix(in srgb,var(--accent) 70%,white);font-size:10px}@keyframes command-enter{0%{opacity:0;transform:translateY(-12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes command-fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.workspace{grid-template-columns:72px clamp(210px,var(--sidebar-width,220px),280px) minmax(0,1fr)}}@media (max-width:680px){.workspace{grid-template-columns:64px minmax(0,1fr)}.command-scrim{padding:12px}.command-palette{width:100%}.command-item em,.command-item>kbd{display:none}.workspace{grid-template-columns:64px minmax(0,1fr);padding:0;gap:0}.content-panel,.nav-rail{border-radius:0}.composer-wrap{padding:0 8px 12px}.quickcss-presets{grid-template-columns:1fr}}