/* Sky Home 3.1.0 — metallic motion and original dimensional SVG icons. */
:root{--prism-surface:#f8faff;--prism-line:#dfe5f0;--prism-ink:#343f59;--prism-hero:#eef2fa;--prism-rim:#fff;--prism-glint:#ffffffb0}
:root[data-theme="dark"]{--bg:#10121a;--surface:#1a1e29;--text:#edf0f8;--muted:#9ba6bb;--line:#2a3040;--accent:#b0c2ff;--accent-soft:#29344c;--prism-surface:#1b202d;--prism-line:#333c50;--prism-ink:#bccbec;--prism-hero:#171c2b;--prism-rim:#c9d6ff22;--prism-glint:#d3e2ff12}
.prism-home .rail{background:color-mix(in srgb,var(--surface) 94%,transparent)}
.prism-home .wordmark-dot{color:#9f99ed}
.prism-home .workspace-header{height:75px}
.prism-home .workspace-intro{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.14fr) 187px;align-items:center;gap:12px;position:relative;min-height:260px;padding:22px 31px 21px;margin:22px 0 26px;border:1px solid var(--prism-line);border-radius:29px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 54% 120%,#8b9bec21,transparent 58%),linear-gradient(120deg,var(--prism-hero),var(--surface));box-shadow:inset 0 1px 0 var(--prism-rim),0 20px 60px #101d3507}
.prism-home .workspace-intro:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--prism-line) 1px,transparent 1px),linear-gradient(90deg,var(--prism-line) 1px,transparent 1px);background-size:46px 46px;opacity:.32;mask-image:linear-gradient(90deg,transparent 20%,#000 65%,transparent);pointer-events:none}
.prism-home .workspace-intro:after{content:"";position:absolute;height:1px;inset:auto 9% 0;background:linear-gradient(90deg,transparent,#9dafee,#c4acef,#8ecfd4,transparent);opacity:.55}
.prism-home .intro-copy{position:relative;z-index:3;min-width:0}
.prism-home .intro-copy .eyebrow{font-size:11px;letter-spacing:.7px;margin-bottom:14px}
.prism-home .intro-copy h1{font-size:clamp(28px,3vw,43px);font-weight:520;letter-spacing:-1.8px;line-height:1.3;white-space:normal}
.prism-home .intro-copy h1 span{display:block;font-weight:430;color:var(--prism-ink);background:linear-gradient(105deg,#7a90c1,#978ac6,#72a8b8,#7a90c1);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:prism-type 12s ease-in-out infinite alternate}
.prism-signature{font-size:8px;letter-spacing:2.5px;color:var(--muted);margin:24px 0 0;display:flex;align-items:center;gap:8px}
.prism-signature:before{content:"";width:18px;height:1px;background:var(--muted);opacity:.65}
.prism-home .context{margin:0;position:relative;z-index:3;display:grid;gap:16px;width:auto;min-width:0;background:none;border:0;border-radius:0;padding:0}
.prism-home .hero-clock{padding:0;border:0;min-width:0;width:100%}
.prism-home .clock-city{font-size:7px;letter-spacing:1.8px}
.prism-home .hero-clock #clock{font-size:43px;letter-spacing:-1.7px;font-weight:350;margin:3px 0}
.prism-home #date{font-size:8px}
.prism-home .weather-widget{width:100%;padding-top:14px;border-top:1px solid var(--prism-line)}
.prism-home .weather-current{margin-top:6px}
.prism-home .weather-top{font-size:9px}
.prism-home .weather-bottom{font-size:7px}
.prism-stage{height:220px;width:100%;position:relative;align-self:center;min-width:0;isolation:isolate;--pointer-x:0px;--pointer-y:0px}
.prism-stage:before{content:"";position:absolute;inset:18% 8% 7%;border-radius:50%;background:radial-gradient(ellipse,#8c9dff24,#ab79ee0c 45%,transparent 72%);filter:blur(11px);transform:translate(var(--pointer-x),var(--pointer-y));pointer-events:none}
.prism-ground{position:absolute;bottom:13%;width:66%;left:17%;height:18%;border:1px solid #9faee52d;border-radius:50%;transform:rotate(-12deg);background:radial-gradient(ellipse,#aabaff16,transparent 70%);box-shadow:0 0 0 15px #9faee506,0 0 0 35px #9faee504;pointer-events:none}
#prism-object{position:absolute;inset:-8% -4%;width:108%;height:112%;display:block;z-index:2;outline-offset:-24px;touch-action:pan-y;cursor:grab}
.prism-stage.is-dragging #prism-object{cursor:grabbing;touch-action:none}
.prism-fallback{position:absolute;left:18%;top:8%;width:64%;height:78%;z-index:1;filter:drop-shadow(0 14px 17px #5b6a9e22);animation:prism-float 7s ease-in-out infinite alternate}
.prism-stage.chrome-ready .prism-fallback{visibility:hidden}
.prism-stage[data-renderer="fallback"] #prism-object{display:none}
.prism-coordinate{position:absolute;left:3px;top:19px;font:7px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--muted);opacity:.6;pointer-events:none}
.prism-coordinate:before{content:"+";display:block;font-size:14px;margin-bottom:7px;opacity:.55}
.prism-caption{position:absolute;left:0;bottom:0;right:0;display:flex;justify-content:center;gap:12px;align-items:center;color:var(--muted);font-size:8px;letter-spacing:.6px;z-index:3}
.prism-caption:before{content:"";height:1px;width:20px;background:var(--line-strong);opacity:.6}
#prism-reset{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--prism-line);width:22px;height:22px;border-radius:50%;padding:0;color:var(--muted);transition:color .2s,background .2s}
#prism-reset:hover{color:var(--text);background:var(--accent-soft)}#prism-reset svg{width:11px;height:11px}
.prism-home #cards{gap:13px}
.prism-home #cards .app-tile{--prism-hue:134,169,233;height:164px;border-radius:24px;--tile-text:var(--text);--muted:#8c9bb5}
.prism-home #cards [data-tone="mint"]{--prism-hue:111,208,173}.prism-home #cards [data-tone="lavender"]{--prism-hue:173,153,234}.prism-home #cards [data-tone="rose"]{--prism-hue:229,136,161}.prism-home #cards [data-tone="aqua"]{--prism-hue:117,190,213}.prism-home #cards [data-tone="sand"]{--prism-hue:196,166,127}.prism-home #cards [data-tone="orange"]{--prism-hue:239,167,94}
.prism-home #cards .app-link{align-items:center;justify-content:center;gap:15px;padding:23px 15px 18px;background:radial-gradient(ellipse at 50% -30%,rgba(var(--prism-hue),.11),transparent 77%),linear-gradient(155deg,var(--prism-surface),var(--surface));color:var(--text);border:1px solid var(--prism-line);box-shadow:inset 0 1px 0 var(--prism-rim),0 5px 12px #0a173504;overflow:hidden}
.prism-home #cards .app-link:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),var(--prism-glint),transparent 68%);opacity:.4;pointer-events:none;transition:opacity .4s}
.prism-home #cards .app-icon{position:relative;inset:auto;width:77px;height:77px;flex:none;rotate:0deg;transform:translate(var(--tx,0px),var(--ty,0px));filter:drop-shadow(0 8px 6px rgba(var(--prism-hue),.11));transition:transform .5s var(--spring),filter .4s}
.prism-home #cards .app-icon img{width:100%;height:100%;filter:none;object-fit:contain}
.prism-home #cards .app-name{position:relative;font-size:13px;font-weight:500;letter-spacing:-.2px;text-align:center;white-space:normal;text-wrap:balance}
.prism-home #cards .service-dot{--good:#78b69a;--warn:#d8aa67;--bad:#df979d;top:auto;left:auto;bottom:17px;right:16px;transform:none;width:4px;height:4px;opacity:.75}
.prism-home #cards .pin{top:10px;right:10px;color:var(--muted)}
.prism-home #cards .tile-art{opacity:1}
.prism-home #cards .tile-art:before{width:60%;height:50%;left:20%;top:auto;right:auto;bottom:-55%;rotate:0deg;transform:none;border:0;border-radius:50%;box-shadow:0 0 50px 18px rgba(var(--prism-hue),.12);background:rgba(var(--prism-hue),.08)}
.prism-home #cards .is-featured{height:218px}
.prism-home #cards .is-featured .app-link{gap:18px;padding:25px 22px 22px;background:radial-gradient(ellipse at 50% 0%,rgba(var(--prism-hue),.18),transparent 80%),linear-gradient(150deg,var(--prism-surface),var(--surface))}
.prism-home #cards .is-featured .app-icon{width:112px;height:112px;inset:auto;rotate:0deg;transform:translate(var(--tx,0px),var(--ty,0px));filter:drop-shadow(0 12px 10px rgba(var(--prism-hue),.17))}
.prism-home #cards .is-featured .app-name{font-size:21px;letter-spacing:-.6px}
.prism-home #cards .is-featured .service-dot{width:5px;height:5px;bottom:20px;right:19px}
.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-icon{position:relative;inset:auto;width:77px;height:77px}
.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-link{justify-content:center;padding:23px 15px 18px}
.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-name{font-size:13px}
.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .service-dot{top:auto;left:auto;bottom:17px;right:16px}
.prism-home .bookmarks a{background:linear-gradient(145deg,var(--prism-surface),var(--surface));border-color:var(--prism-line);box-shadow:inset 0 1px 0 var(--prism-rim);transition:transform .35s var(--spring),border-color .3s}
.prism-home .bookmarks img{width:41px;height:41px;filter:drop-shadow(0 3px 3px #0d18371c)}
.prism-home .rail-brand{filter:drop-shadow(0 3px 5px #2746a41a)}
.prism-home .telemetry{border-color:var(--prism-line);background:linear-gradient(150deg,var(--prism-surface),var(--surface));box-shadow:inset 0 1px 0 var(--prism-rim)}
@keyframes prism-float{from{transform:translateY(-5px) rotate(-13deg)}to{transform:translateY(7px) rotate(13deg)}}
@keyframes prism-type{from{background-position:0 50%}to{background-position:100% 50%}}
@media(hover:hover) and (pointer:fine){.prism-home #cards .app-tile:hover .app-link{background:radial-gradient(ellipse at 50% 0%,rgba(var(--prism-hue),.2),transparent 90%),linear-gradient(150deg,var(--prism-surface),var(--surface));border-color:color-mix(in srgb,var(--prism-line),rgb(var(--prism-hue)) 35%);box-shadow:inset 0 1px 0 var(--prism-rim),0 16px 36px #07142c22}.prism-home #cards .app-tile:hover .app-icon{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 4px)) rotate(-3deg) scale(1.065);filter:drop-shadow(0 13px 9px rgba(var(--prism-hue),.22))}.prism-home #cards .app-tile:hover .app-link:after{opacity:1}.prism-home .bookmarks a:hover{transform:translateY(-3px);border-color:var(--line-strong)}}
@media(min-width:1700px){.prism-home .workspace-intro{grid-template-columns:minmax(300px,1fr) minmax(380px,1.3fr) 230px;min-height:350px;padding:34px 42px}.prism-stage{height:290px}.prism-home .intro-copy h1{font-size:52px}.prism-home #cards .app-tile{height:180px}.prism-home #cards .app-icon{width:88px;height:88px}.prism-home #cards .is-featured{height:245px}.prism-home #cards .is-featured .app-icon{width:130px;height:130px}.prism-home #cards .is-featured .app-name{font-size:24px}}
@media(max-width:1100px){.prism-home .workspace-intro{grid-template-columns:minmax(185px,1fr) minmax(205px,1.1fr) 156px;min-height:270px;padding:24px 23px;gap:8px}.prism-stage{height:228px}.prism-home .intro-copy h1{font-size:32px}.prism-home .hero-clock #clock{font-size:36px}.prism-home #cards .app-tile{height:153px}.prism-home #cards .is-featured{height:205px}.prism-home #cards .app-icon{height:70px;width:70px}.prism-home #cards .is-featured .app-icon{height:101px;width:101px}.prism-home #cards .is-featured .app-name{font-size:20px}}
@media(max-width:900px){.prism-home .workspace-intro{grid-template-columns:minmax(185px,1fr) minmax(220px,1.05fr);padding:25px 25px 21px;gap:12px}.prism-home .context{grid-column:1/-1;display:flex;gap:26px;align-items:center;justify-content:space-between;border-top:1px solid var(--prism-line);padding:17px 0 0;width:100%}.prism-home .hero-clock{width:43%;padding-right:20px;border-right:1px solid var(--prism-line)}.prism-home .weather-widget{width:48%;padding:0;border:0}.prism-home .hero-clock #clock{font-size:34px}.prism-stage{height:210px}.prism-home .intro-copy h1{font-size:35px}.prism-home .intro-copy .eyebrow{font-size:10px}.prism-signature{font-size:7px;margin-top:19px}.prism-home #cards .app-tile{height:155px}.prism-home #cards .is-featured{height:205px}.prism-home #cards .app-name{font-size:12px}}
@media(max-width:600px){.prism-home .workspace-intro{grid-template-columns:minmax(140px,1fr) minmax(130px,1fr);min-height:0;margin:18px 0 25px;padding:18px 18px 17px;gap:0 4px;border-radius:24px}.prism-home .intro-copy{min-width:0;flex-basis:auto}.prism-home .intro-copy h1{font-size:27px;letter-spacing:-1.1px;line-height:1.4}.prism-home .intro-copy .eyebrow{font-size:9px;letter-spacing:0;margin:0 0 9px}.prism-signature{font-size:5px;letter-spacing:1.4px;margin-top:17px;gap:5px}.prism-signature:before{width:9px}.prism-stage{height:187px;width:calc(100% + 15px);margin-left:-7px}.prism-coordinate{display:none}.prism-caption{font-size:6px;gap:6px;bottom:6px;letter-spacing:0}.prism-caption:before{display:none}#prism-reset{width:18px;height:18px}#prism-reset svg{height:9px;width:9px}.prism-home .context{gap:17px;padding-top:15px}.prism-home .hero-clock{padding-right:13px;width:44%}.prism-home .hero-clock #clock{font-size:31px}.prism-home #date{font-size:6px}.prism-home .clock-city{font-size:6px;letter-spacing:.8px}.prism-home .clock-city>span{font-size:5px}.prism-home .weather-top{font-size:8px}.prism-home .weather-current{margin-top:2px}.prism-home .weather-bottom{font-size:6px}.prism-home #cards{gap:11px}.prism-home #cards .app-tile{height:146px;border-radius:21px}.prism-home #cards .app-icon{width:72px;height:72px}.prism-home #cards .app-link{padding:17px 12px 14px;gap:11px}.prism-home #cards .app-name{font-size:13px}.prism-home #cards .is-featured{height:183px}.prism-home #cards .is-featured .app-icon{width:91px;height:91px}.prism-home #cards .is-featured .app-link{padding:19px 14px 15px;gap:13px}.prism-home #cards .is-featured .app-name{font-size:19px}.prism-home #cards .feature-1{height:186px}.prism-home #cards .feature-1 .app-icon{width:101px;height:101px}.prism-home #cards .feature-1 .app-name{font-size:22px}.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child{height:146px}.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-icon{width:72px;height:72px}.prism-home #cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-name{font-size:13px}.prism-home #cards .service-dot{right:13px;bottom:14px}.prism-home #cards .pin{right:7px;top:7px}.prism-home .bookmarks img{height:38px;width:38px}}
@media(max-width:370px){.prism-home .workspace-intro{padding:16px 13px;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr)}.prism-home .intro-copy h1{font-size:24px}.prism-stage{height:173px}.prism-home #cards .app-name{font-size:12px}}
.workspace-intro[data-in-view="false"] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.prism-fallback,.prism-home .intro-copy h1 span{animation:none!important}.prism-home #cards .app-icon{transform:none!important}}