:root{--text:#ffffffed;--muted:#ffffffb3;--glass-border:#ffffff4d;--shadow:0 26px 80px #0000006b;--shadow-soft:0 14px 40px #0000003d;--radius-xl:clamp(20px, 2.5vw, 30px);--radius-lg:20px;--dock-size:clamp(48px, 5vw, 62px);--dock-bottom:max(14px, env(safe-area-inset-bottom));--dock-height:clamp(74px, 9vw, 92px);--menu-height:38px;--ease:cubic-bezier(.2, .8, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:#05060d}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #98ddffe6}code{color:#d6f7ff;background:#00000047;border-radius:8px;padding:2px 7px}.desktop{background-image:linear-gradient(140deg,#05081238,#04050e80),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=3840&q=90);background-position:50%;background-size:cover;width:100dvw;min-width:320px;height:100dvh;position:relative;overflow:hidden}.desktop:after{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 30% 8%,#ffffff38,#0000 26%),linear-gradient(#ffffff14,#0000 22%,#00000061);position:absolute;inset:0}.noise{z-index:1;pointer-events:none;opacity:.075;background-image:radial-gradient(#ffffff8c 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.aurora{z-index:0;filter:blur(54px);opacity:.42;width:42vw;min-width:360px;height:42vw;min-height:360px;animation:floaty 16s var(--ease) infinite alternate;border-radius:999px;position:absolute}.aurora-a{background:radial-gradient(circle,#58c4ffbf,#0000 68%);top:-14%;left:6%}.aurora-b{background:radial-gradient(circle,#c76fffb3,#0000 65%);animation-delay:-5s;bottom:-18%;right:-12%}@keyframes floaty{0%{transform:translate(-2%,1%)scale(1)}to{transform:translate(7%,-3%)scale(1.08)}}.glass,.glass-window{border:1px solid var(--glass-border);box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #ffffff14;-webkit-backdrop-filter:blur(34px)saturate(175%);background:linear-gradient(135deg,#ffffff40,#ffffff14),#ffffff1a}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass,.glass-window{background:#161c2ceb}}.menu-bar{z-index:90;top:max(10px, env(safe-area-inset-top));height:var(--menu-height);border-radius:999px;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:absolute;left:12px;right:12px}.menu-left,.menu-right{align-items:center;gap:8px;min-width:0;display:flex}.menu-logo{color:#fff;background:#ffffff29;border-radius:999px;flex:none;width:26px;height:26px;box-shadow:inset 0 1px #ffffff59}.menu-item,.pill{color:#ffffffd6;white-space:nowrap;font-size:13px}.strong{color:#fff;text-overflow:ellipsis;font-weight:700;overflow:hidden}.pill{background:#ffffff1a;border:1px solid #ffffff21;border-radius:999px;padding:5px 10px}.desktop-welcome{z-index:2;top:calc(max(10px, env(safe-area-inset-top)) + 76px);border-radius:var(--radius-xl);grid-template-columns:110px 1fr;align-items:center;gap:18px;width:min(520px,100vw - 28px);min-height:182px;padding:clamp(16px,2vw,22px);display:grid;position:absolute;left:clamp(14px,3vw,36px)}.desktop-welcome h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:clamp(26px,4vw,42px);line-height:.96}.desktop-welcome p{color:var(--muted);margin:0;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#dcf5ffe6!important}.finder-mascot{border-radius:25px;width:100px;height:100px;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 18px 42px #00000052,inset 0 1px #ffffffb3}.finder-face{position:absolute;inset:0}.finder-left{clip-path:polygon(0 0,58% 0,45% 100%,0 100%);background:linear-gradient(135deg,#9be7ff,#3d8cff)}.finder-right{clip-path:polygon(56% 0,100% 0,100% 100%,43% 100%);background:linear-gradient(135deg,#eff9ff,#b8cdf7)}.finder-eye{background:#101426;border-radius:10px;width:8px;height:16px;position:absolute;top:34px}.eye-a{left:28px}.eye-b{right:27px}.finder-smile{border-bottom:4px solid #101426;border-radius:0 0 40px 40px;height:19px;position:absolute;bottom:29px;left:25px;right:25px}.window-layer{z-index:10;pointer-events:none;position:absolute;inset:0}.app-window{width:min(760px,100vw - 24px);min-width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);height:min(500px,100dvh - 120px);min-height:min(280px,100dvh - 120px);max-height:calc(100dvh - var(--dock-height) - 72px);border-radius:var(--radius-xl);pointer-events:auto;box-shadow:var(--shadow), inset 0 1px 0 #ffffff52;transform-origin:bottom;resize:both;will-change:transform, opacity, width, height, left, top;touch-action:auto;position:absolute;overflow:hidden}.app-window.focused{outline:1px solid #ffffff59;box-shadow:0 34px 100px #0000007a,inset 0 1px #ffffff5c}.app-window.maximized{resize:none;border-radius:24px}.window-titlebar{cursor:grab;touch-action:none;background:linear-gradient(#ffffff26,#ffffff0d);border-bottom:1px solid #ffffff29;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;height:47px;padding:0 14px;display:grid}.window-titlebar:active{cursor:grabbing}.traffic-lights{align-items:center;gap:8px;display:flex}.traffic{border-radius:999px;width:13px;height:13px;box-shadow:inset 0 -1px 1px #00000042,inset 0 1px 1px #ffffff73}.traffic:hover{filter:brightness(1.12);transform:scale(1.08)}.close{background:#ff5f57}.minimize{background:#ffbd2e}.maximize{background:#28c840}.window-title{text-align:center;color:#ffffffd6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.window-content{height:calc(100% - 47px);overflow:hidden}.minimizing{pointer-events:none;animation:.52s cubic-bezier(.18,.85,.24,1) forwards genie}.restoring{animation:.44s cubic-bezier(.18,.85,.24,1) both genieReverse}@keyframes genie{0%{opacity:1;filter:blur();transform:translate(0,0)scale(1)skew(0deg)}55%{opacity:.86;transform:translate3d(calc(var(--genie-x,0px) * .45), calc(var(--genie-y,0px) * .45), 0) scale(.62, .28) skew(-10deg);filter:blur(1px);border-radius:42px}to{opacity:0;transform:translate3d(var(--genie-x,0px), var(--genie-y,0px), 0) scale(.08, .035) skew(-22deg);filter:blur(6px);border-radius:80px}}@keyframes genieReverse{0%{opacity:0;transform:translate3d(var(--genie-x,0px), var(--genie-y,0px),0) scale(.08, .035) skew(-22deg);filter:blur(6px)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)skew(0deg)}}.dock{z-index:100;left:50%;bottom:var(--dock-bottom);min-height:var(--dock-height);border-radius:clamp(22px,3vw,30px);align-items:end;gap:clamp(5px,.75vw,9px);max-width:calc(100vw - 18px);padding:10px clamp(9px,1.3vw,14px) 14px;display:flex;position:absolute;overflow:visible;transform:translate(-50%)}.dock:before{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#ffffff0a);border-radius:25px;position:absolute;inset:7px}.dock-item{z-index:1;width:var(--dock-size);height:var(--dock-size);transform:translateY(var(--dock-y,0)) scale(var(--dock-scale,1));transform-origin:bottom;background:#ffffff2e;border-radius:18px;place-items:center;transition:transform .12s linear,filter .2s;display:grid;position:relative;box-shadow:0 14px 30px #0000004d,inset 0 1px #ffffff52}.dock-item:after{content:"";width:5px;height:5px;opacity:var(--running,0);background:#ffffffdb;border-radius:99px;position:absolute;bottom:-10px}.icon{width:calc(var(--dock-size) - 14px);height:calc(var(--dock-size) - 14px);color:#fff;text-shadow:0 1px 9px #0006;border-radius:14px;place-items:center;font-size:clamp(17px,2vw,21px);font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff5c}.terminal-icon{color:#89ffba;background:linear-gradient(135deg,#1b1e26,#050608);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.browser-icon{background:conic-gradient(from 20deg,#0fd8ff,#1978ff,#954cff,#0fd8ff)}.youtube-icon{background:linear-gradient(135deg,#f03,#b70022)}.spotify-icon{background:linear-gradient(135deg,#1ed760,#0c7d36)}.zoom-icon{background:linear-gradient(135deg,#30a5ff,#075bff)}.notes-icon{color:#4b3512;background:linear-gradient(135deg,#fff27b,#ffab2e)}.terminal{color:#e7fbff;background:#02040ac7;grid-template-rows:minmax(0,1fr) auto;height:100%;font:clamp(12px,1.3vw,14px)/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;display:grid}.terminal-output{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 20px 10px;overflow:auto}.terminal-line{margin:0 0 5px}.prompt-row{border-top:1px solid #ffffff14;grid-template-columns:auto minmax(70px,1fr);align-items:center;gap:8px;padding:10px 20px 18px;display:grid}.prompt{color:#8affc1;white-space:nowrap;font-weight:800}.terminal-input{color:#fff;caret-color:#8affc1;width:100%;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none}.browser{background:#ffffff0f;grid-template-rows:auto auto minmax(0,1fr);height:100%;display:grid}.browser-tabs{scrollbar-width:none;gap:8px;padding:10px 12px 0;display:flex;overflow-x:auto}.browser-tabs::-webkit-scrollbar{display:none}.tab{color:#ffffffb8;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:15px 15px 6px 6px;flex:none;padding:9px 16px}.tab.active{color:#fff;background:#ffffff38}.address-bar{grid-template-columns:auto minmax(90px,1fr) auto;gap:9px;padding:10px 12px 12px;display:grid}.address-bar button,.media-bar button,.zoom-controls button,.notes-actions button,.open-external{color:#fff;background:#ffffff29;border:1px solid #ffffff29;border-radius:13px;justify-content:center;align-items:center;padding:9px 13px;text-decoration:none;display:inline-flex}.address-bar input,.media-bar input,textarea{color:#fff;-webkit-user-select:text;user-select:text;background:#00000038;border:1px solid #ffffff26;border-radius:14px;outline:none;min-width:0;padding:10px 13px}.browser-stage,.media-stage{height:100%;min-height:0;position:relative;overflow:hidden}.browser-frame,.media-frame{background:#fffffff5;border:0;width:100%;height:100%;display:block}.browser-help,.safe-preview{color:#ffffffdb;-webkit-backdrop-filter:blur(24px);background:#080a1299;border:1px solid #ffffff29;border-radius:20px;max-width:min(380px,100% - 36px);padding:14px 16px;position:absolute;inset:auto 18px 18px auto}.safe-preview{text-align:center;place-items:center;max-width:none;display:grid;inset:18px}.safe-preview-card{max-width:560px}.safe-preview h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,4vw,48px)}.safe-preview p{color:#ffffffb3;line-height:1.55}.media-app{background:#03050c80;grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.media-bar{grid-template-columns:minmax(120px,1fr) auto;gap:10px;padding:14px;display:grid}.media-placeholder{color:#ffffffd6;text-align:center;place-items:center;height:100%;padding:30px;display:grid}.media-placeholder h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,6vw,70px)}.media-placeholder p{color:#ffffffad;max-width:580px;line-height:1.55}.error-box{text-align:center;color:#ffffffe0;place-items:center;height:100%;padding:24px;display:grid}.zoom-app{background:#10131c;grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.zoom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:18px;display:grid}.zoom-tile{background:linear-gradient(135deg,#ffffff29,#ffffff0d);border:1px solid #ffffff21;border-radius:24px;place-items:center;min-height:130px;display:grid;position:relative;overflow:hidden}.avatar{background:linear-gradient(135deg,#52a9ffe6,#9a53ffe6);border-radius:999px;place-items:center;width:clamp(68px,9vw,92px);height:clamp(68px,9vw,92px);font-size:clamp(25px,3vw,34px);font-weight:900;display:grid;box-shadow:inset 0 1px #fff6,0 18px 38px #00000054}.zoom-name{background:#00000052;border-radius:99px;padding:6px 10px;font-size:13px;position:absolute;bottom:12px;left:14px}.zoom-controls{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:10px;padding:13px;display:flex}.zoom-controls .danger{background:#ff4949b8}.zoom-controls .off{color:#ffffff8c;background:#ffffff14}.notes-app{background:#fff4ab24;grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.notes-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.notes-body{resize:none;color:#fff8d8;width:calc(100% - 28px);height:calc(100% - 14px);margin:0 14px 14px;line-height:1.55}@media (width>=1500px){.desktop-welcome{width:600px}.app-window{max-width:min(1320px,100vw - 24px)}}@media (width<=760px){.desktop-welcome{grid-template-columns:1fr;width:auto;min-height:auto;top:62px;left:12px;right:12px}.finder-mascot,.menu-item:not(.strong),.menu-right .pill:first-child,.menu-right .pill:nth-child(2){display:none}.menu-left{max-width:calc(100vw - 105px)}.app-window{resize:none;border-radius:22px;min-width:0;width:calc(100vw - 16px)!important;height:calc(100dvh - var(--dock-height) - 72px)!important;top:56px!important;left:8px!important}.window-titlebar{grid-template-columns:78px minmax(0,1fr) 40px;padding-inline:10px}.traffic{width:12px;height:12px}.prompt-row{grid-template-columns:1fr;gap:4px}.zoom-grid{grid-template-columns:1fr;overflow:auto}.media-bar,.address-bar{grid-template-columns:1fr}.address-bar button,.media-bar button{width:100%}}@media (height<=620px){.desktop-welcome{display:none}.app-window{max-height:calc(100dvh - var(--dock-height) - 62px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.browser-viewport{height:100%;min-height:0;position:relative;overflow:hidden}.google-home,.google-results{color:#202124;-webkit-user-select:text;user-select:text;background:radial-gradient(circle at 18% 10%,#4285f41f,#0000 28%),radial-gradient(circle at 82% 5%,#ea43351a,#0000 26%),linear-gradient(#fff,#eef3ff);height:100%;overflow:auto}.google-home{place-items:center;padding:clamp(20px,4vw,52px);display:grid}.google-card{-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #3c40431a;border-radius:32px;justify-items:center;gap:22px;width:min(760px,100%);padding:clamp(20px,4vw,42px);display:grid;box-shadow:0 26px 70px #3c404329}.google-logo,.mini-google{letter-spacing:-.06em;font-family:Arial,Helvetica,sans-serif;font-weight:700}.google-logo{font-size:clamp(54px,9vw,92px);line-height:.95}.google-logo span:first-child,.mini-google{color:#4285f4}.google-logo span:nth-child(2),.google-logo span:nth-child(6){color:#ea4335}.google-logo span:nth-child(3){color:#fbbc05}.google-logo span:nth-child(4){color:#4285f4}.google-logo span:nth-child(5){color:#34a853}.google-search,.google-results-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:min(640px,100%);display:grid}.google-search input,.google-results-bar input{color:#202124;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #dadce0;border-radius:999px;outline:none;width:100%;min-width:0;padding:14px 18px;box-shadow:0 2px 10px #3c40431a}.google-search input:focus,.google-results-bar input:focus{border-color:#8ab4f8;box-shadow:0 2px 14px #4285f42e}.google-search button,.google-results-bar button,.quick-links button{color:#202124;background:#f8fafd;border:1px solid #dadce0;border-radius:999px;padding:12px 18px;box-shadow:0 1px 2px #3c404314}.google-note{color:#5f6368;text-align:center;max-width:640px;margin:0;line-height:1.5}.quick-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.google-results{padding:18px clamp(16px,3vw,42px) 42px}.google-results-bar{grid-template-columns:auto minmax(0,1fr) auto;width:min(980px,100%);margin-bottom:18px}.mini-google{letter-spacing:-.04em;font-size:25px}.results-info{color:#5f6368;margin:8px 0 12px}.real-google{margin-bottom:18px;color:#174ea6!important;background:#e8f0fe!important;border-color:#d2e3fc!important}.result-list{gap:14px;width:min(820px,100%);display:grid}.result-card{background:#fff;border:1px solid #e0e3eb;border-radius:20px;padding:18px;box-shadow:0 12px 30px #3c404314}.result-card a{color:#1a0dab;font-size:20px;text-decoration:none}.result-card a:hover{text-decoration:underline}.result-card span{color:#188038;margin-top:4px;font-size:13px;display:block}.result-card p{color:#4d5156;margin:9px 0 0;line-height:1.5}.safe-preview .open-external+.open-external{margin-top:10px;margin-left:10px}@media (width<=760px){.google-results-bar,.google-search{grid-template-columns:1fr}.mini-google{text-align:center}.safe-preview .open-external+.open-external{margin-left:0}}.code-icon{letter-spacing:-.08em;color:#0b1020;background:linear-gradient(135deg,#ffe46b,#3fb6ff 55%,#2555d9);font-size:16px;font-weight:900}.youtube-app,.code-app{background:#03050ca8;height:100%;min-height:0;display:grid}.youtube-app{grid-template-rows:auto minmax(0,1fr)}.youtube-searchbar{border-bottom:1px solid #ffffff1f;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:10px;padding:13px;display:grid}.yt-logo{color:#fff;white-space:nowrap;align-items:center;gap:9px;font-weight:900;display:inline-flex}.yt-logo span{background:linear-gradient(135deg,#f03,#ff5d77);border-radius:11px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 10px 24px #ff003347}.youtube-searchbar input,.code-toolbar select,.code-editor{color:#fff;-webkit-user-select:text;user-select:text;background:#00000047;border:1px solid #ffffff26;border-radius:14px;outline:none;min-width:0;padding:10px 13px}.youtube-searchbar button,.code-toolbar button{color:#fff;background:#ffffff29;border:1px solid #ffffff29;border-radius:14px;padding:10px 14px}.youtube-searchbar button:hover,.code-toolbar button:hover,.yt-result:hover,.yt-result:focus-visible{background:#ffffff38}.youtube-body{grid-template-columns:minmax(320px,1fr) minmax(280px,360px);min-height:0;display:grid}.youtube-player{min-height:0;padding:14px;display:grid}.youtube-player .media-stage{background:#05070e;border:1px solid #ffffff24;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 20px 50px #00000038}.youtube-results{border-left:1px solid #ffffff1a;min-height:0;padding:14px;overflow:auto}.yt-results-head{color:#ffffffdb;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.yt-results-head span{text-overflow:ellipsis;white-space:nowrap;color:#ffffff8a;max-width:210px;font-size:12px;overflow:hidden}.yt-result-list{gap:10px;display:grid}.yt-result{cursor:pointer;width:100%;transition:background .18s var(--ease), transform .18s var(--ease);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:116px minmax(0,1fr);gap:11px;padding:10px;display:grid}.yt-result:active{transform:scale(.985)}.yt-result img{aspect-ratio:16/9;object-fit:cover;background:#ffffff14;border-radius:12px;width:116px}.yt-result h3{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.yt-result p,.yt-result span,.yt-message{color:#ffffff9e;margin:0;font-size:12px;line-height:1.35}.yt-result span{color:#ffffff75;margin-top:4px;display:block}.yt-message{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:18px;padding:14px}.yt-message.warning{background:#ffb44d2e}.code-app{grid-template-rows:auto minmax(0,1fr)}.code-toolbar{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:10px;padding:13px;display:flex}.code-toolbar span{color:#ffffffa8;margin-left:auto;font-size:13px}.code-toolbar select{padding:10px 12px}.code-grid{grid-template-columns:minmax(280px,1fr) minmax(260px,.82fr);gap:12px;min-height:0;padding:14px;display:grid}.code-editor,.code-output{resize:none;border-radius:22px;width:100%;height:100%;min-height:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55}.code-editor{border-color:#69d6ff38;box-shadow:inset 0 1px #ffffff1a}.code-output{white-space:pre-wrap;color:#dfffe8;-webkit-user-select:text;user-select:text;background:#0000006b;border:1px solid #7cffa829;padding:14px;overflow:auto}@media (width<=900px){.youtube-body,.code-grid{grid-template-columns:1fr}.youtube-results{border-top:1px solid #ffffff1a;border-left:0}.youtube-player{min-height:280px}.code-grid{grid-template-rows:minmax(260px,1fr) minmax(180px,.7fr)}}@media (width<=760px){.youtube-searchbar{grid-template-columns:1fr}.yt-logo{justify-content:center}.code-toolbar span{width:100%;margin-left:0}}
