:root{color-scheme:dark;--base:#070808;--panel:rgba(16,18,18,.88);--panel2:rgba(27,29,29,.73);--line:rgba(222,231,224,.13);--line2:rgba(222,231,224,.075);--text:#f2f2ec;--muted:#8b8e88;--yellow:#f8d800;--silver:#c7c9c3;--shadow:0 35px 110px rgba(0,0,0,.7);--glass:blur(24px) saturate(115%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--base);color:var(--text)}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#525650;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.is-hidden{display:none!important}.yellow-dot,.accent{color:var(--yellow)}
.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;text-transform:uppercase}.system{height:100dvh;min-height:590px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 57% 44%,#222823 0%,#0e100f 52%,#050606 95%)}.system::after{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(transparent,black 25%,black 75%,transparent)}.ambient-orb{position:absolute;z-index:-1;pointer-events:none;filter:blur(12px);border-radius:50%}.orb-a{width:650px;height:650px;background:radial-gradient(circle at 40% 40%,rgba(160,170,161,.12),rgba(64,75,69,.07) 40%,transparent 70%);left:39%;top:14%}.orb-b{width:500px;height:500px;background:radial-gradient(circle,rgba(248,216,0,.035),transparent 65%);right:-230px;bottom:-250px}.screen-grain{position:absolute;inset:0;pointer-events:none;z-index:20;opacity:.11;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".12"/%3E%3C/svg%3E')}
.menubar{height:55px;position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,7,7,.56);backdrop-filter:var(--glass);padding:0 30px;z-index:8}.menubar-group{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.15em;font-weight:700}.brand img{width:27px;height:27px;object-fit:contain}.brand span{font-size:19px;font-weight:790;letter-spacing:-.045em}.brand i{height:20px;width:1px;background:#50544d;margin:0 2px}.brand strong{font-size:9px;color:#999d97;white-space:nowrap}.menubar-center{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;color:#8c918b;letter-spacing:.16em;white-space:nowrap;font-weight:600}.separator{color:#535850;margin:0 10px}.top-right{color:#c6cbc3}.status-dot,.footer-led,.signal span{width:6px;height:6px;display:inline-block;background:#a0d59f;border-radius:50%;box-shadow:0 0 10px rgba(151,240,134,.4)}.clock{margin-left:15px;color:#fff;font-variant-numeric:tabular-nums}.desktop-watermark{position:absolute;left:17%;top:17%;font-size:clamp(30px,4vw,72px);letter-spacing:-.06em;font-weight:800;line-height:.98;color:rgba(230,236,229,.035);white-space:nowrap;pointer-events:none}.desktop-icons{display:flex;flex-direction:column;position:absolute;left:23px;top:90px;gap:17px;z-index:2}.desktop-shortcut{border:1px solid transparent;color:#e9ece6;display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px 5px;background:transparent;cursor:pointer;width:82px;font-size:10px;letter-spacing:.02em}.desktop-shortcut:hover,.desktop-shortcut:focus-visible{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.12);border-radius:7px}.shortcut-icon{border:1px solid rgba(230,230,230,.19);border-radius:13px;width:47px;height:47px;display:grid;place-items:center;background:linear-gradient(135deg,#414541,#121413);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 18px rgba(0,0,0,.2);font-size:24px}.icon-files{color:var(--yellow)}
.workspace{position:absolute;inset:65px 0 80px;pointer-events:none}.window{pointer-events:auto;background:linear-gradient(150deg,rgba(28,31,29,.89),rgba(10,12,11,.95) 78%);border:1px solid rgba(227,235,224,.19);border-radius:12px;backdrop-filter:var(--glass);box-shadow:0 0 0 1px rgba(0,0,0,.5),var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;position:absolute;left:calc(50% + 38px);top:calc(47% - 3px);transform:translate(-50%,-50%);transition:box-shadow .2s,opacity .16s;will-change:transform}.window.focused{box-shadow:0 0 0 1px rgba(248,216,0,.15),var(--shadow),inset 0 1px 0 rgba(255,255,255,.11)}.window.maximized{inset:10px 20px 5px!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;height:auto!important}.files-window{width:min(1080px,calc(100vw - 205px));height:min(700px,calc(100dvh - 180px));min-height:430px;z-index:5}.window-titlebar{height:45px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.048),transparent);cursor:grab;user-select:none;position:relative}.window-titlebar:active{cursor:grabbing}.window-controls{display:flex;align-items:center;gap:8px;margin-left:17px;position:relative;z-index:1}.window-controls .dot{border:1px solid rgba(255,255,255,.12);border-radius:50%;width:11px;height:11px;cursor:pointer;padding:0;background:#62655f}.window-controls .dot.close{background:#8c8f88}.window-controls .dot.minimize{background:#696d66}.window-controls .dot.enlarge{background:var(--yellow)}.window-controls .dot:hover{filter:brightness(1.35)}.titlebar-label{font-size:9px;position:absolute;left:0;right:0;text-align:center;letter-spacing:.16em;font-weight:700;color:#cbd0c8;pointer-events:none}.titlebar-glyph{color:var(--yellow);font-size:17px;vertical-align:middle}.titlebar-division{color:#5b6159;margin:0 8px}.window-titlebar-right{margin-left:auto;margin-right:16px;font-size:8px;color:#777d75;letter-spacing:.13em}.files-toolbar{height:60px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.15)}.toolbar-left{display:flex;align-items:center;gap:9px;min-width:0}.tool-btn{border:1px solid rgba(255,255,255,.11);color:#c7cbc4;background:rgba(255,255,255,.05);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px}.tool-btn:hover{background:#393c37}.breadcrumb{color:#979b95;font-size:10px;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb strong{color:#e8ebe5;font-weight:600}.search{display:flex;align-items:center;gap:7px;background:rgba(2,3,2,.46);border:1px solid rgba(255,255,255,.11);padding:8px 10px;border-radius:6px;min-width:240px;max-width:310px;flex:1;color:#a1a79e}.search span{font-size:19px;line-height:10px}.search input{border:0;background:transparent;outline:0;min-width:0;color:#fafcf7;font:inherit;font-size:10px;width:100%;letter-spacing:.02em}.search input::placeholder{color:#797e77}.search kbd{border:1px solid #3b403b;padding:1px 5px;border-radius:3px;font-size:10px;color:#919790}
.explorer-layout{display:flex;height:calc(100% - 137px);overflow:hidden}.file-sidebar{width:177px;flex:none;padding:25px 9px 14px 12px;background:linear-gradient(120deg,rgba(34,36,34,.45),rgba(11,12,11,.38));border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-section-label{font-size:9px;letter-spacing:.16em;color:#6c726b;font-weight:700;padding:0 12px 16px}.side-item{width:100%;display:flex;align-items:center;text-align:left;gap:10px;color:#aeb3ad;border:1px solid transparent;padding:11px 11px;background:transparent;border-radius:5px;font-size:11px;cursor:pointer}.side-item .side-icon{font-size:16px;width:17px;text-align:center;color:#969c94}.side-item.selected{background:rgba(248,216,0,.085);border-color:rgba(248,216,0,.18);color:#f5f4e7}.side-item.selected .side-icon{color:var(--yellow)}.side-item:hover{background:rgba(255,255,255,.05)}.sidebar-spacer{flex:1}.sidebar-footer{color:#656a63;font-size:8px;letter-spacing:.12em;line-height:2.4;padding:12px}.signal{color:#abb0a7}.signal span{margin-right:5px;width:5px;height:5px}
.files-main{flex:1;min-width:0;overflow:auto;padding:27px 28px 22px}.directory-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.directory-header h1{font-size:32px;letter-spacing:-.055em;margin:5px 0 2px;font-weight:740}.directory-header p{font-size:11px;line-height:1.6;color:#868c84;margin:0}.view-switch{font-size:9px;color:#767d76;display:flex;gap:17px;align-items:center;white-space:nowrap;letter-spacing:.13em}.view-dot{font-size:18px;color:#e1e6de}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.folder-tile{border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;text-align:left;background:linear-gradient(135deg,rgba(118,126,118,.09),rgba(7,8,8,.45));color:var(--text);padding:15px;min-height:103px;transition:transform .16s,border-color .16s,background .16s;display:flex;flex-direction:column;justify-content:space-between}.folder-tile:hover{border-color:rgba(248,216,0,.42);background:rgba(248,216,0,.055);transform:translateY(-2px)}.folder-symbol{height:31px;width:38px;border:1px solid rgba(211,214,206,.34);border-radius:5px 5px 6px 6px;background:linear-gradient(155deg,#4f554f 0,#252925 60%,#161916);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.folder-symbol::before{content:"";position:absolute;top:-6px;left:0;width:19px;height:6px;background:#4a5049;border:1px solid rgba(211,214,206,.24);border-bottom:0;border-radius:3px 4px 0 0}.folder-tile:hover .folder-symbol{border-color:var(--yellow)}.folder-label{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;font-weight:650}.folder-label .arrow{font-size:15px;color:#8e938b}.folder-meta{color:#757b74;font-size:9px;letter-spacing:.06em;margin-top:3px}.section-heading{display:flex;gap:11px;align-items:center;font-size:9px;letter-spacing:.16em;font-weight:700;color:#aeb4aa;margin:28px 0 14px}.heading-rule{height:1px;background:var(--line);flex:1}.section-heading span:last-child{color:#666f68}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card{background:rgba(6,7,7,.42);border:1px solid rgba(255,255,255,.11);border-radius:8px;text-align:left;padding:0;color:inherit;cursor:pointer;overflow:hidden;transition:transform .15s,border-color .15s}.project-card:hover,.project-card.selected{border-color:rgba(248,216,0,.49);transform:translateY(-1px)}.project-thumb{height:102px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 40%,#353a35,#121412 70%)}.project-thumb::after{content:"";inset:10px;position:absolute;border:1px solid rgba(255,255,255,.12);pointer-events:none}.project-thumb span{font-size:25px;letter-spacing:-.08em;font-weight:770;color:#cfd2c9}.project-thumb.kind-web span{color:var(--yellow)}.project-thumb.kind-audio{background:linear-gradient(125deg,#191b19,#363631 55%,#11120e)}.project-thumb.kind-audio span{letter-spacing:-.04em;font-size:21px}.project-thumb.kind-creative{background:linear-gradient(130deg,#363931,#171a18)}.project-card-data{padding:12px 14px 13px}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card-top strong{font-size:11px;line-height:1.5;font-weight:680}.project-card-top span{font-size:14px;color:#757b75}.project-card-data p{margin:3px 0 0;color:#808880;font-size:9px;letter-spacing:.035em}.empty-state{border:1px dashed #484c45;border-radius:7px;padding:42px 20px;text-align:center;color:#868d83;font-size:12px;grid-column:1/-1}
.inspector{width:228px;flex:none;border-left:1px solid var(--line);background:rgba(4,5,4,.28);display:flex;flex-direction:column}.inspector-heading{font-size:9px;letter-spacing:.15em;color:#acb1a8;padding:18px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:750}.inspector-heading button{border:none;background:transparent;color:#9ca199;font-size:18px;cursor:pointer}.inspector-content{overflow:auto;padding:17px 15px}.inspector-preview{height:126px;display:grid;place-items:center;background:radial-gradient(circle at 45% 40%,#3b413a,#0b0d0b 75%);border:1px solid var(--line);border-radius:6px;font-weight:750;letter-spacing:-.05em;font-size:19px;color:var(--yellow);text-align:center;padding:10px}.inspector h3{font-size:20px;letter-spacing:-.055em;line-height:1.1;margin:16px 0 7px}.inspector p{font-size:10px;color:#9aa197;line-height:1.65}.property{display:flex;flex-direction:column;gap:4px;padding:9px 0;border-top:1px solid var(--line2)}.property .property-key{font-size:8px;color:#686f69;letter-spacing:.13em;font-weight:740}.property .property-value{font-size:10px;color:#d1d5cb;line-height:1.5}.inspector-link{margin-top:13px;display:block;text-align:center;background:var(--yellow);color:#17170f;text-decoration:none;border-radius:5px;padding:11px;font-size:9px;font-weight:820;letter-spacing:.09em}.inspector-link:hover{filter:brightness(1.08)}.inspector-hint{font-size:9px;color:#777e75;line-height:1.6}.window-footer{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line);font-size:8px;font-weight:620;letter-spacing:.11em;color:#8c9289}.footer-led{height:5px;width:5px;margin-right:6px}.footer-sep{margin:0 8px;color:#4c554c}.mobile-folders{display:none}
.small-window{width:min(460px,calc(100vw - 100px));height:430px;left:55%;top:43%;z-index:6}.app-pane{padding:29px 33px 32px;height:calc(100% - 45px);overflow:auto}.app-pane h2{font-size:39px;letter-spacing:-.065em;margin:10px 0;line-height:.97}.app-pane p{font-size:12px;color:#989e95;line-height:1.75}.radio-pane{text-align:center}.radio-art{width:118px;height:118px;display:grid;place-items:center;margin:24px auto 8px;background:radial-gradient(circle at 45% 25%,#42473f,#10120f 70%);border:1px solid rgba(255,255,255,.19);border-radius:18px;box-shadow:0 15px 25px rgba(0,0,0,.5);position:relative}.radio-art img{width:65px;height:65px;object-fit:contain;position:relative;z-index:1}.radio-orbit{position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(248,216,0,.15)}.fake-equalizer{height:37px;display:flex;align-items:center;justify-content:center;gap:4px;margin:13px auto}.fake-equalizer span{height:18px;background:var(--yellow);width:3px;opacity:.67;border-radius:3px}.fake-equalizer span:nth-child(3n){height:32px}.fake-equalizer span:nth-child(4n){height:10px}.coming-soon{font-size:9px;letter-spacing:.17em;color:var(--yellow);padding:12px;border:1px solid rgba(248,216,0,.2);border-radius:5px}.app-pane .disclaimer{font-size:10px;color:#777d73}.about-pane .large-copy{color:#dddcd4;font-weight:740;letter-spacing:-.04em;line-height:1.16;font-size:22px;margin:15px 0 22px}.about-table div{padding:12px 0;border-top:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}.about-table span{font-size:9px;color:#7f877c;letter-spacing:.07em;width:100px;flex:none}.about-table strong{font-size:11px;font-weight:520;line-height:1.5}.about-table a{text-decoration:none;color:var(--yellow)}.contact-pane h2{font-size:44px}.contact-pane p{max-width:315px}.primary-action{display:flex;align-items:center;justify-content:space-between;background:var(--yellow);color:#10120d;text-decoration:none;padding:16px 17px;border-radius:6px;font-size:11px;font-weight:850;letter-spacing:.09em;margin:27px 0 14px}
.system-bottom{position:absolute;bottom:0;left:0;right:0;height:83px;display:flex;justify-content:space-between;align-items:end;padding:0 28px 21px;pointer-events:none;z-index:9}.bottom-left,.bottom-right{font-size:9px;letter-spacing:.12em;font-weight:650;color:#92988f;display:flex;align-items:center;gap:10px}.yellow-tick{display:inline-block;width:6px;height:6px;background:var(--yellow)}.dock{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;background:rgba(31,34,31,.82);border:1px solid rgba(255,255,255,.18);border-radius:15px;display:flex;gap:6px;padding:8px 11px;box-shadow:0 10px 30px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:var(--glass);pointer-events:auto}.dock-btn{width:59px;height:51px;border:0;border-radius:9px;background:transparent;color:#cfd2c8;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;gap:2px}.dock-btn span{font-size:23px;line-height:27px}.dock-btn small{font-size:8px;letter-spacing:.08em}.dock-btn:hover,.dock-btn.active{background:rgba(255,255,255,.12)}.dock-btn.active span{color:var(--yellow)}
.boot{position:fixed;inset:0;background:radial-gradient(ellipse at center,#1d201b,#070808 65%);z-index:50;display:grid;place-items:center}.boot-center{text-align:center;width:320px;max-width:86vw}.boot-emblem{height:86px;width:86px;border-radius:50%;border:1px solid #4b5148;display:grid;place-items:center;margin:0 auto 25px;background:radial-gradient(circle,#2b3027,#090a09)}.boot-emblem img{width:55px;height:55px;object-fit:contain}.boot-name{font-size:59px;font-weight:780;letter-spacing:-.08em;line-height:1.2}.boot-name span{color:var(--yellow)}.boot-progress{height:3px;background:#333830;margin:30px auto 13px;max-width:258px;overflow:hidden}.boot-progress-inner{width:0;height:100%;background:var(--yellow);transition:width .1s linear}.boot-center p{font-size:9px;letter-spacing:.1em;color:#858b82;display:flex;justify-content:space-between;margin:0 30px}.boot-center b{font-weight:550;color:#c9cec4;margin-left:8px}.boot-corner{position:absolute;right:24px;bottom:24px;color:#5e675e;font-size:9px;letter-spacing:.1em}
@media(max-width:1200px){.inspector{width:205px}.files-window{width:calc(100vw - 155px)}.menubar-center{display:none}.bottom-left{display:none}}
@media(max-width:920px){.desktop-icons{left:8px}.files-window{width:calc(100vw - 110px);left:calc(50% + 42px)}.inspector{display:none}.inspector.open{display:block;position:absolute;right:0;top:105px;bottom:32px;width:min(270px,65vw);z-index:4;background:rgba(13,16,13,.98);box-shadow:-10px 0 45px rgba(0,0,0,.5)}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-right{display:none}}
@media(max-width:650px){.system{min-height:0}.menubar{height:54px;padding:0 14px}.brand strong,.brand i{display:none}.brand span{font-size:18px}.top-right{font-size:8px;gap:8px}.clock{margin-left:5px}.desktop-watermark,.desktop-icons{display:none}.workspace{inset:64px 0 85px}.window,.files-window,.small-window,.window.maximized{position:absolute!important;left:8px!important;right:8px!important;top:0!important;bottom:0!important;width:auto!important;height:auto!important;min-height:0!important;transform:none!important;border-radius:9px}.window-titlebar{height:41px;cursor:auto}.titlebar-label{font-size:8px}.window-titlebar-right{display:none}.files-toolbar{height:54px;padding:0 10px}.breadcrumb{font-size:9px;max-width:90px}.toolbar-left{gap:4px}.search{min-width:0;max-width:none;padding:7px 8px}.search input{font-size:9px}.search kbd{display:none}.file-sidebar{display:none}.explorer-layout{height:calc(100% - 127px)}.files-main{padding:18px 15px}.directory-header{margin-bottom:17px}.directory-header h1{font-size:26px}.directory-header p{font-size:10px}.view-switch{font-size:8px;gap:6px}.view-dot{display:none}.mobile-folders{display:flex;gap:7px;overflow:auto;margin:0 -15px 16px;padding:0 15px 8px}.mobile-folders button{flex:none;background:#1e221e;border:1px solid #3f453d;color:#b3baaf;font-size:9px;padding:9px 10px;border-radius:6px}.mobile-folders button.selected{border-color:rgba(248,216,0,.55);color:var(--yellow)}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.folder-tile{min-height:92px;padding:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-thumb{height:89px}.project-card-data{padding:9px}.project-card-top strong{font-size:10px}.project-card-data p{font-size:8px}.window-footer{height:32px;padding:0 10px;font-size:7px}.window-footer>div:last-child{display:none}.system-bottom{height:80px;padding:0}.dock{bottom:12px}.inspector.open{top:95px;bottom:32px;left:0;width:100%;max-width:none;box-shadow:0 0 35px black}.inspector-content{display:grid;grid-template-columns:120px 1fr;gap:0 13px}.inspector-preview{grid-row:span 3;height:115px;font-size:13px}.inspector h3{font-size:17px;margin:0}.inspector p{grid-column:2;font-size:10px}.inspector .property,.inspector .inspector-link,.inspector .inspector-hint{grid-column:1/-1}.app-pane{padding:26px}.small-window{height:auto!important}.app-pane h2{font-size:35px}}
@media(max-height:710px) and (min-width:651px){.files-window{height:calc(100dvh - 155px)}.workspace{inset:55px 0 74px}.file-sidebar{padding-top:12px}.files-main{padding-top:15px}.directory-header{margin-bottom:12px}.section-heading{margin:15px 0 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* flyOS 0.2 — mobile-first interaction layer. Desktop rules above are intentionally retained. */
.mobile-quick-label,.mobile-sheet-grabber,.mobile-top-home,.inspector-scrim{display:none}
@media (max-width:650px){
  html,body{height:100%;overflow:hidden}
  .system{height:100dvh;min-height:0;background:radial-gradient(ellipse 115% 75% at 65% 28%,#272d28,#111513 56%,#050606 100%)}
  .screen-grain{opacity:.075}
  .orb-a{width:330px;height:480px;left:12%;top:8%;opacity:.65}
  .orb-b{width:250px;height:300px;bottom:0;right:-100px}
  .menubar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;align-items:center;background:rgba(6,8,7,.86);border-bottom-color:rgba(255,255,255,.1)}
  .menubar-group.brand{gap:9px;position:relative}
  .brand img{width:29px;height:29px}
  .brand span{font-size:22px;letter-spacing:-.06em;line-height:1}
  .menubar .brand::after{content:'CREATIVE PORTFOLIO';position:absolute;left:38px;top:25px;color:#777f76;font-size:7px;font-weight:750;white-space:nowrap;letter-spacing:.19em}
  .top-right{font-size:9px;gap:7px;letter-spacing:.13em}
  .top-right .status-dot{width:5px;height:5px}
  .clock{font-size:11px;margin-left:5px}
  .workspace{inset:calc(73px + env(safe-area-inset-top)) 0 calc(94px + env(safe-area-inset-bottom))}
  .window,.files-window,.small-window,.window.maximized{left:10px!important;right:10px!important;top:0!important;bottom:0!important;min-height:0!important;max-height:none!important;border-radius:14px!important;background:linear-gradient(153deg,rgba(31,35,32,.97),rgba(10,12,11,.985) 75%);border-color:rgba(227,235,224,.22);box-shadow:0 16px 60px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(15px) saturate(110%)}
  .window:not(.mobile-active){display:none!important}
  .window-titlebar{height:49px;border-bottom-color:rgba(255,255,255,.11);cursor:default;padding:0 16px;display:flex;align-items:center}
  .window-controls{display:none}
  .titlebar-label{position:static;left:auto;right:auto;text-align:left;font-size:10px;letter-spacing:.14em;flex:1;white-space:nowrap}
  .titlebar-glyph{font-size:18px;margin-right:6px}
  .titlebar-division{margin:0 5px}
  .mobile-top-home{display:flex;align-items:center;gap:4px;flex:none;min-height:44px;padding:0 13px 0 0;margin-right:11px;border:0;border-right:1px solid rgba(255,255,255,.1);color:var(--yellow);background:transparent;font-weight:720;font-size:10px;letter-spacing:.1em;cursor:pointer}
  .mobile-top-home span{font-size:27px;font-weight:450;line-height:20px}
  .files-toolbar{height:108px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;padding:9px 12px 10px;background:rgba(6,8,7,.31)}
  .toolbar-left{height:41px;gap:8px;width:100%}
  .tool-btn{width:42px;height:42px;flex:none;border-radius:10px;font-size:22px;color:#e8ebe4;background:rgba(255,255,255,.055)}
  .breadcrumb{flex:1;max-width:none;font-size:11px;line-height:1.4;letter-spacing:0}
  .breadcrumb .separator{margin:0 6px}
  .search{flex:none;width:100%;height:43px;max-width:none;min-width:0;padding:0 13px;gap:10px;border-color:rgba(255,255,255,.16);border-radius:10px;background:rgba(1,3,2,.55)}
  .search span{font-size:23px}
  .search input{font-size:16px;line-height:1.25;letter-spacing:0;flex:1;min-width:0}
  .search input::placeholder{color:#9fa49c;opacity:1}
  .search:focus-within{border-color:rgba(248,216,0,.65);box-shadow:0 0 0 2px rgba(248,216,0,.09)}
  .explorer-layout{height:calc(100% - 157px);position:relative;overflow:hidden}
  .file-sidebar{display:none}
  .files-main{padding:21px 14px 32px;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .directory-header{align-items:flex-end;gap:10px;margin-bottom:16px}
  .directory-header h1{font-size:32px;letter-spacing:-.065em;margin:6px 0 5px;line-height:1.05}
  .directory-header p{font-size:12px;line-height:1.55;color:#9aa199}
  .directory-header .eyebrow{font-size:9px;letter-spacing:.18em}
  .view-switch{font-size:9px;line-height:1.3;letter-spacing:.08em;text-align:right;margin-bottom:3px;color:#9da59a}
  .mobile-folders{display:flex;gap:8px;margin:0 -14px 16px;padding:0 14px 5px;overflow:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .mobile-folders::-webkit-scrollbar{display:none}
  .mobile-folders button{flex:none;min-height:43px;padding:11px 15px;border-radius:11px;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2;background:linear-gradient(125deg,rgba(56,61,56,.55),rgba(26,28,26,.6));border-color:rgba(255,255,255,.16);color:#c5cbc2}
  .mobile-folders button.selected{color:var(--yellow);background:rgba(248,216,0,.065);border-color:rgba(248,216,0,.55)}
  .mobile-quick-label{display:flex;align-items:center;justify-content:space-between;margin:3px 0 8px;color:#a5aba2;font-size:9px;font-weight:750;letter-spacing:.15em}
  .mobile-quick-label span:last-child{font-size:8px;color:#6e776e;letter-spacing:.07em}
  #folder-grid[style*="display: none"]{display:none!important}
  .folder-grid{display:flex!important;gap:10px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 14px 14px;margin:0 -14px}
  .folder-grid::-webkit-scrollbar{display:none}
  .folder-tile{flex:0 0 136px;scroll-snap-align:start;min-height:113px;padding:13px;border-radius:12px;gap:11px;background:linear-gradient(145deg,rgba(104,114,103,.13),rgba(7,9,8,.57));border-color:rgba(255,255,255,.18)}
  .folder-symbol{height:33px;width:42px}
  .folder-label{font-size:12px;font-weight:650;gap:5px}
  .folder-meta{font-size:9px;margin-top:5px}
  .section-heading{font-size:10px;letter-spacing:.13em;gap:8px;margin:19px 0 13px}
  .project-grid{grid-template-columns:1fr;gap:13px}
  .project-card{border-radius:12px;background:rgba(8,10,9,.7);border-color:rgba(255,255,255,.17)}
  .project-card.selected{border-color:rgba(248,216,0,.34)}
  .project-card:active{transform:scale(.992)}
  .project-thumb{height:clamp(142px,42vw,210px)}
  .project-thumb span{font-size:35px}
  .project-thumb.kind-audio span{font-size:30px}
  .project-thumb::after{inset:12px}
  .project-card-data{padding:13px 15px 16px}
  .project-card-top strong{font-size:15px;font-weight:690}
  .project-card-top span{color:var(--yellow);font-size:18px}
  .project-card-data p{font-size:10px;line-height:1.5;letter-spacing:.04em;margin-top:5px;color:#919b91}
  .empty-state{font-size:12px;line-height:1.8;padding:30px 18px}
  .window-footer{display:none}
  .inspector-scrim:not(.is-hidden){display:block;position:absolute;inset:0;z-index:11;border:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);cursor:pointer}
  .inspector.open{display:flex;flex-direction:column;left:0;right:0;top:auto;bottom:0;width:100%;max-width:none;height:min(95%,670px);z-index:12;border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:19px 19px 0 0;background:linear-gradient(159deg,rgba(39,44,39,.99),#101311 55%,#080a09);box-shadow:0 -18px 80px rgba(0,0,0,.85);overflow:hidden}
  .mobile-sheet-grabber{display:flex;align-items:center;justify-content:center;height:29px;flex:none;touch-action:none;cursor:grab}
  .mobile-sheet-grabber span{height:4px;width:43px;background:#636d62;border-radius:10px}
  .inspector-heading{padding:4px 20px 14px;font-size:10px;letter-spacing:.15em;flex:none}
  .inspector-heading button{width:43px;height:43px;display:grid;place-items:center;font-size:28px;border:1px solid rgba(255,255,255,.17);border-radius:11px;color:#d0d5cb;background:rgba(255,255,255,.065)}
  .inspector-content{display:block;flex:1;min-height:0;overflow:auto;padding:18px 20px 26px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .inspector-preview{height:175px;margin:0 0 18px;font-size:28px;border-radius:12px}
  .inspector h3{font-size:29px;letter-spacing:-.055em;margin:0 0 9px}
  .inspector p{font-size:12px;line-height:1.6;color:#abb4aa;grid-column:auto}
  .inspector .property{display:grid;grid-template-columns:111px 1fr;column-gap:12px;align-items:baseline;padding:12px 0;grid-column:auto}
  .property .property-key{font-size:9px;color:#8a9589;line-height:1.6}
  .property .property-value{font-size:12px;line-height:1.55}
  .inspector-link{display:grid;place-items:center;min-height:48px;font-size:11px;border-radius:9px;grid-column:auto;margin-top:16px}
  .inspector-hint{grid-column:auto;font-size:10px!important}
  .system-bottom{height:calc(89px + env(safe-area-inset-bottom));padding:0;pointer-events:none}
  .dock{left:12px;right:12px;bottom:calc(11px + env(safe-area-inset-bottom));width:auto;transform:none;justify-content:space-between;gap:3px;padding:7px 8px;border-radius:19px;background:rgba(31,36,32,.92);border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(22px) saturate(120%);box-shadow:0 9px 35px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.13)}
  .dock-btn{height:55px;flex:1;min-width:0;width:auto;border-radius:12px;gap:3px}
  .dock-btn span{font-size:24px;line-height:26px}
  .dock-btn small{font-size:9px;letter-spacing:.08em}
  .dock-btn:active{transform:scale(.97)}
  .app-pane{height:calc(100% - 49px);padding:32px 25px 28px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .app-pane h2{font-size:42px}
  .app-pane p{font-size:13px;line-height:1.75}
  .radio-art{width:152px;height:152px;margin:34px auto 18px;border-radius:22px}
  .radio-art img{width:85px;height:85px}
  .about-pane .large-copy{font-size:27px}
  .about-table div{gap:9px}
  .about-table span{width:99px;font-size:10px}
  .about-table strong{font-size:12px}
  .primary-action{min-height:52px;font-size:12px}
  body.keyboard-open .system-bottom{display:none}
  body.keyboard-open .workspace{bottom:calc(9px + env(safe-area-inset-bottom))}
}
@media (max-width:355px){
  .menubar{padding-left:12px;padding-right:12px}
  .brand span{font-size:19px}
  .top-right{font-size:8px;gap:5px}
  .files-main{padding-left:11px;padding-right:11px}
  .directory-header h1{font-size:29px}
  .folder-tile{flex-basis:125px}
  .mobile-folders{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}
  .folder-grid{margin-left:-11px;margin-right:-11px}
  .project-thumb{height:140px}
}
@media (max-width:650px) and (max-height:650px){
  .menubar{height:calc(56px + env(safe-area-inset-top))}
  .workspace{top:calc(62px + env(safe-area-inset-top));bottom:calc(80px + env(safe-area-inset-bottom))}
  .system-bottom{height:calc(77px + env(safe-area-inset-bottom))}
  .dock{bottom:calc(6px + env(safe-area-inset-bottom));padding:4px 7px}
  .dock-btn{height:50px}
  .files-main{padding-top:14px}
}
/* Keep the mobile-only directory label out of the unchanged desktop view. */
.mobile-quick-label{display:none!important}
@media(max-width:650px){
  .mobile-quick-label{display:flex!important}
  #mobile-quick-label[style*="display: none"]{display:none!important}
}
/* Compact-height phones: prioritize real projects above redundant folder tiles. */
@media(max-width:650px) and (max-height:720px){
  .mobile-quick-label,#folder-grid{display:none!important}
  .section-heading{margin-top:10px}
}
/* 009 Radio: curated beats and verified production-credit sections */
#window-radio{width:min(525px,calc(100vw - 100px));height:min(635px,calc(100dvh - 145px));top:50%;}
.radio-pane .radio-art{margin:12px auto 10px;width:86px;height:86px;border-radius:16px}
.radio-pane .radio-art img{width:55px;height:55px}
.radio-pane h2{font-size:33px}
.radio-pane>p{margin:5px 0 10px}
.radio-tabs{display:grid;grid-template-columns:1fr 1.35fr;gap:6px;padding:4px;margin:18px 0 16px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(0,0,0,.25)}
.radio-tab{font:inherit;font-size:10px;line-height:1.3;letter-spacing:.04em;font-weight:700;padding:12px 7px;min-height:42px;border-radius:6px;border:1px solid transparent;background:transparent;color:#9ba39b;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.radio-tab:hover,.radio-tab:focus-visible{color:#fff;border-color:rgba(255,255,255,.2)}
.radio-tab.is-active{color:#14160d;background:#f8d800;border-color:#f8d800}
.radio-category{text-align:left;min-height:185px}
.radio-category[hidden]{display:none!important}
.radio-category-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.12);color:#dbe0d7;font-size:9px;font-weight:700;letter-spacing:.13em}
.radio-status{color:#f8d800;font-size:8px;white-space:nowrap}
.radio-empty-state{border-radius:9px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(0,0,0,.21));padding:24px 21px 19px;text-align:center}
.radio-music-icon{display:block;color:#f8d800;font-size:36px;line-height:1;margin-bottom:12px}
.radio-empty-state strong{display:block;font-size:13px;color:#e5e9e2;letter-spacing:-.015em}
.radio-pane .radio-empty-state p,.radio-pane .radio-note{font-size:11px;line-height:1.7;color:#a3a99f}
.radio-pane .radio-empty-state p{margin:9px 0 16px}
.radio-placeholder-lines{display:flex;gap:4px;justify-content:center;align-items:center;height:24px}
.radio-placeholder-lines i{width:3px;height:8px;background:#f8d800;opacity:.65;border-radius:3px}
.radio-placeholder-lines i:nth-child(2n){height:16px}.radio-placeholder-lines i:nth-child(3n){height:22px}
.radio-pane .radio-note{margin:0 0 12px}
.radio-spotify{display:block;border:0;border-radius:12px;background:#111;min-height:352px}
.radio-external{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding:12px 0;color:#f8d800;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.07em}
.radio-external:hover{text-decoration:underline}
.radio-pane .radio-footnote{font-size:8px;letter-spacing:.13em;color:#6f786d;margin:20px 0 0}
@media(max-width:650px){#window-radio{width:auto!important;height:auto!important;top:0!important}.radio-pane .radio-art{width:90px;height:90px;margin:10px auto}.radio-pane .radio-art img{width:58px;height:58px}.radio-tabs{grid-template-columns:1fr 1.4fr}.radio-tab{font-size:9px;padding:11px 5px}.radio-empty-state{padding:20px 12px}.radio-spotify{min-height:352px}}

/* flyOS public music catalog / source-attributed radio cards */
.radio-credits-summary{display:flex;align-items:center;gap:13px;padding:12px;background:rgba(248,216,0,.055);border:1px solid rgba(248,216,0,.23);border-radius:8px;margin:8px 0 18px;text-align:left}
.radio-credits-summary strong{font-size:26px;color:#f8d800;line-height:1}
.radio-credits-summary span{font-size:10px;color:#c6ccc1;flex:1}
.radio-credits-summary a{font-size:8px;line-height:1.5;letter-spacing:.06em;color:#f8d800;text-decoration:none;max-width:95px;text-align:right}
.radio-subheading{display:flex;justify-content:space-between;font-size:9px;color:#f1f1e8;font-weight:750;letter-spacing:.14em;text-align:left;margin:19px 0 10px}
.radio-subheading span{color:#f8d800}
.radio-release-card{display:flex;align-items:center;gap:12px;text-align:left;text-decoration:none;color:#fff;background:linear-gradient(105deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);padding:11px 12px;border-radius:8px;margin:6px 0;transition:border-color .18s,background .18s}
.radio-release-card:hover,.radio-release-card:focus-visible{border-color:rgba(248,216,0,.65);background:rgba(248,216,0,.05)}
.radio-record-icon{flex:0 0 37px;height:37px;border-radius:6px;display:grid;place-items:center;color:#f8d800;background:rgba(0,0,0,.45);border:1px solid rgba(248,216,0,.22);font-size:21px}
.radio-release-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.radio-release-meta strong{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radio-release-meta small{color:#b1b7ae;font-size:10px}
.radio-release-meta em{color:#f8d800;font-size:9px;font-style:normal}
.radio-release-arrow{color:#f8d800;font-size:13px}
.radio-pane .radio-credit-disclaimer{font-size:10px;line-height:1.6;color:#838c80;margin:0 0 11px}
@media(max-width:650px){.radio-credits-summary{gap:8px}.radio-credits-summary a{font-size:7px}.radio-release-card{padding:10px 9px}.radio-record-icon{flex-basis:32px;height:32px}}