:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24222a;background:#f2f0f5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 18% 8%,#e5d9f2 0,transparent 32%),radial-gradient(ellipse at 78% 16%,#f5e7ca 0,transparent 28%),#f2f0f5}
button,input{font:inherit}.app-shell{width:min(1440px,100%);min-height:100vh;margin:auto;padding:34px 42px 42px;display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:auto auto 1fr;gap:26px 28px}
.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;background:#25232b;color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.brand b{display:block;font-size:18px;letter-spacing:-.4px}.brand small{display:block;color:#88838f;margin-top:2px}.icon-btn,.soft-btn,.dock-tool,.close-btn{border:0;cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:50%;background:#ffffffa8;font-size:22px}
.featured{grid-column:1;min-width:0}.section-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section-heading h1{font-size:25px;margin:0;letter-spacing:-.8px}.muted{font-size:12px;color:#89838e}.featured-grid{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.featured-card{width:112px;border:0;background:transparent;cursor:pointer;text-align:center;color:inherit;padding:0}.app-icon{width:88px;height:88px;border-radius:25px;display:grid;place-items:center;margin:0 auto 9px;color:white;font-size:37px;font-weight:700;box-shadow:0 9px 24px #29233316;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}.featured-card:hover .app-icon{transform:translateY(-5px) scale(1.06);box-shadow:0 14px 28px #29233325}.featured-card b{font-size:13px;font-weight:600}.app-symbol{font-size:37px;line-height:1}
.workspace{grid-column:1;grid-row:3;min-height:490px;border:1px solid #ffffffb8;border-radius:28px;background:#ffffff8c;box-shadow:0 20px 70px #34283b0b;backdrop-filter:blur(18px);padding:26px;overflow:hidden}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#958d9c;font-weight:750}.workspace h2{font-size:24px;letter-spacing:-.8px;margin:5px 0 0}.soft-btn{background:#f0edf3;border-radius:999px;padding:10px 15px;color:#514b57;font-size:12px}.view-content{min-height:390px}.welcome-card{min-height:300px;border-radius:22px;background:linear-gradient(120deg,#282530,#484153 68%,#695b77);color:#fff;padding:34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome-copy{position:relative;z-index:1}.welcome-kicker{font-size:10px;letter-spacing:2px;color:#c9bdd5}.welcome-card h3{font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-2px;margin:17px 0}.welcome-card p{color:#d3ccd9;max-width:330px;line-height:1.5;font-size:14px}.welcome-orbit{width:210px;height:210px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center;font-size:54px;position:relative;color:#fff9;margin-right:5%}.welcome-orbit:before,.welcome-orbit:after{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;inset:20px}.welcome-orbit:after{inset:-22px}.welcome-orbit i,.welcome-orbit b{position:absolute;font-style:normal;font-size:24px}.welcome-orbit i{top:5px;right:12px}.welcome-orbit b{bottom:5px;left:15px}.feed-title{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 0}.feed-title h3{margin:0 0 5px;font-size:16px}.feed-title p{margin:0;color:#89838e;font-size:12px}.live-dot{font-size:10px;color:#7a9a80}
.dock{grid-column:2;grid-row:2/4;align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 8px;border:1px solid #ffffffc9;border-radius:28px;background:#ffffffa8;backdrop-filter:blur(24px);box-shadow:0 15px 45px #34283b12;z-index:4}.dock-tool{width:48px;height:48px;background:transparent;border-radius:16px;position:relative;color:#4a4550;display:grid;place-items:center;transition:background .18s,transform .18s}.dock-tool:hover{background:#eeeaf2;transform:scale(1.08)}.tool-glyph{font-size:30px;line-height:1}.dock-tool em{position:absolute;right:60px;white-space:nowrap;background:#292630;color:#fff;padding:7px 10px;border-radius:8px;font-style:normal;font-size:11px;opacity:0;transform:translateX(5px);pointer-events:none;transition:.18s}.dock-tool:hover em{opacity:1;transform:translateX(0)}.dock-divider{width:30px;height:1px;background:#ded9e2;margin:2px 0}.dock-apps{display:flex;flex-direction:column;align-items:center;gap:8px}.dock-item{width:48px;height:48px;border:0;background:transparent;border-radius:15px;display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),margin .18s}.dock-item .app-symbol{font-size:23px}.dock-item:hover{transform:scale(1.32);margin:5px 0}.dock-item em{position:absolute;right:59px;white-space:nowrap;background:#292630;color:white;padding:7px 10px;border-radius:8px;font-size:11px;font-style:normal;opacity:0;transform:translateX(5px);pointer-events:none;transition:.18s}.dock-item:hover em{opacity:1;transform:translateX(0)}
.modal{border:1px solid #ffffff;border-radius:24px;padding:24px;width:min(480px,calc(100% - 28px));background:#faf9fc;color:#25222b;box-shadow:0 30px 100px #17121f40}.modal::backdrop{background:#1b172266;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:5px 0 0;font-size:23px}.close-btn{width:32px;height:32px;border-radius:50%;background:#eeeaf2;font-size:22px}.search-input,.add-form input{width:100%;border:1px solid #e2dde7;border-radius:13px;background:white;padding:13px 14px;outline:none}.search-input:focus,.add-form input:focus{border-color:#9483a7}.catalog-list{display:grid;gap:7px;max-height:48vh;overflow:auto;margin-top:14px}.catalog-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:#f1eef4}.catalog-row .app-icon{width:42px;height:42px;border-radius:12px;margin:0;font-size:20px;box-shadow:none}.catalog-row div:nth-child(2){flex:1}.catalog-row b{font-size:13px}.catalog-row small{display:block;color:#8a8490;font-size:10px;margin-top:2px}.catalog-row button{border:0;border-radius:10px;padding:8px 11px;background:#292630;color:white;font-size:11px;cursor:pointer}.add-form{display:grid;gap:14px}.add-form label{font-size:12px;font-weight:650;display:grid;gap:7px}.hint{font-size:11px;color:#827b88;line-height:1.5;margin:0}.primary-btn{border:0;border-radius:13px;background:#292630;color:white;padding:13px;cursor:pointer}
body.dark{background:radial-gradient(ellipse at 15% 8%,#3c3149 0,transparent 32%),#17161c;color:#f4f0f6}body.dark .workspace,body.dark .dock{background:#292630bd;border-color:#ffffff20}body.dark .section-heading h1,body.dark .workspace h2{color:#f4f0f6}body.dark .muted,body.dark .brand small{color:#aaa2b0}body.dark .featured-card{color:#f4f0f6}body.dark .soft-btn,body.dark .icon-btn{background:#393541;color:#f4f0f6}body.dark .feed-title p{color:#aaa2b0}
@media(max-width:700px){.app-shell{padding:22px 12px 24px;grid-template-columns:minmax(0,1fr) 58px;grid-template-rows:auto auto 1fr;gap:17px 9px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand b{font-size:16px}.brand small{font-size:10px}.section-heading{display:block;margin-bottom:12px}.section-heading h1{font-size:21px}.section-heading .muted{display:none}.featured-grid{gap:9px;justify-content:space-between;flex-wrap:nowrap}.featured-card{width:calc((100% - 18px)/3);min-width:0}.app-icon{width:min(19vw,70px);height:min(19vw,70px);border-radius:19px;font-size:29px}.featured-card b{font-size:11px}.workspace{padding:15px;border-radius:21px;min-height:65vh}.workspace-head{margin-bottom:14px}.workspace h2{font-size:19px}.workspace-head .eyebrow{font-size:8px}.soft-btn{padding:8px 10px;font-size:10px}.view-content{min-height:55vh}.welcome-card{min-height:48vh;padding:20px;align-items:flex-end}.welcome-card h3{font-size:34px}.welcome-card p{font-size:12px}.welcome-orbit{position:absolute;width:120px;height:120px;right:0;top:20px;opacity:.55;font-size:32px}.welcome-orbit:before{inset:12px}.welcome-orbit:after{inset:-12px}.feed-title{display:block}.live-dot{display:inline-block;margin-top:12px}.dock{grid-column:2;grid-row:2/4;top:12px;padding:8px 4px;border-radius:22px;gap:7px}.dock-tool,.dock-item{width:42px;height:42px}.dock-item .app-symbol{font-size:20px}.dock-tool em,.dock-item em{right:49px;font-size:10px}.dock-apps{gap:6px}.dock-divider{width:24px}}
@media(min-width:701px){.featured-grid{gap:22px}.workspace{min-height:560px}}