:root{--cl-bg:#06101b;--cl-panel:rgba(10,25,41,.7);--cl-text:#eef8ff;--cl-muted:#8ca4b8;--cl-faint:#587086;--cl-blue:#69c9ff;--cl-cyan:#5ff0e5;--cl-line:rgba(183,224,255,.12);--cl-font:"DM Sans",system-ui,sans-serif;--cl-display:"Sora","DM Sans",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.cloud-body{min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));font-family:var(--cl-font);color:var(--cl-text);background:var(--cl-bg);-webkit-font-smoothing:antialiased}
.cloud-atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 70% 45% at 85% 0%,rgba(42,133,255,.18),transparent 60%),radial-gradient(ellipse 55% 40% at -5% 55%,rgba(44,232,218,.1),transparent 60%),linear-gradient(180deg,#06101b,#07131f 50%,#050c14)}
.cloud-atmosphere::after{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(rgba(153,216,255,.24) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.cloud-atmosphere span{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(70px);opacity:.12;background:var(--cl-blue);animation:cloud-float 16s ease-in-out infinite alternate}.cloud-atmosphere span:first-child{top:10%;right:-140px}.cloud-atmosphere span:last-child{bottom:10%;left:-160px;background:var(--cl-cyan);animation-delay:-7s}@keyframes cloud-float{to{transform:translate3d(30px,40px,0) scale(1.15)}}
.cloud-loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:15px;background:#06101b;transition:opacity .4s,visibility .4s}.cloud-loader.hidden{opacity:0;visibility:hidden}.cloud-loader-core{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;font-size:25px;color:var(--cl-cyan);background:rgba(95,240,229,.08);border:1px solid rgba(95,240,229,.25);box-shadow:0 0 45px rgba(95,240,229,.15);animation:loader-breathe 1.2s ease-in-out infinite alternate}.cloud-loader p{margin:0;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--cl-muted)}@keyframes loader-breathe{to{transform:scale(1.06);box-shadow:0 0 65px rgba(95,240,229,.25)}}
.cloud-chrome{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:11px;padding:max(10px,env(safe-area-inset-top,0px)) 14px 10px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),rgba(5,15,25,.66);border-bottom:1px solid var(--cl-line);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}
.cloud-back,.cloud-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid var(--cl-line);color:var(--cl-muted)}.cloud-brand{flex:1;display:flex;flex-direction:column}.cloud-brand span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--cl-cyan)}.cloud-brand strong{font:700 17px var(--cl-display);letter-spacing:-.03em}.cloud-avatar{font:700 14px var(--cl-display);color:#062231;background:linear-gradient(145deg,#b7e7ff,var(--cl-blue));box-shadow:0 7px 20px rgba(105,201,255,.2)}
.cloud-profile-menu{position:absolute;right:14px;top:62px;width:220px;display:none;padding:14px;border-radius:17px;background:rgba(9,22,36,.9);border:1px solid var(--cl-line);box-shadow:0 20px 50px rgba(0,0,0,.5);backdrop-filter:blur(24px)}.cloud-profile-menu.active{display:block;animation:pop .2s ease}.cloud-profile-menu strong,.cloud-profile-menu span{display:block;overflow:hidden;text-overflow:ellipsis}.cloud-profile-menu strong{font-size:13px}.cloud-profile-menu span{margin-top:2px;font-size:10.5px;color:var(--cl-muted)}.cloud-profile-menu button{width:100%;margin-top:12px;padding:10px;border-radius:11px;background:rgba(255,255,255,.06);color:#ff9b9b;font-size:11px;text-align:left}@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.cloud-stage{width:min(720px,100%);margin:0 auto;padding:22px 14px 34px;display:flex;flex-direction:column;gap:26px}
.cloud-hero{min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;position:relative;animation:rise .55s cubic-bezier(.22,1,.36,1) both}.cloud-hero-copy{position:relative;z-index:2;width:100%;max-width:none}.cloud-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--cl-cyan)}.cloud-kicker i{font-size:5px;filter:drop-shadow(0 0 5px var(--cl-cyan))}.cloud-hero h1{margin:0;max-width:11ch;font:700 clamp(30px,8.5vw,48px)/1.02 var(--cl-display);letter-spacing:-.055em}.cloud-hero h1 em{font-style:normal;background:linear-gradient(110deg,var(--cl-blue),var(--cl-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.cloud-hero p{margin:12px 0 0;max-width:33ch;font-size:13px;line-height:1.55;color:var(--cl-muted)}
.cloud-orbit{position:relative;align-self:center;width:118px;height:118px;opacity:.68;contain:layout paint}.cloud-orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(105,201,255,.18);box-shadow:inset 0 0 28px rgba(105,201,255,.06)}.cloud-orbit-ring::after{content:"";position:absolute;inset:17px;border-radius:50%;border:1px dashed rgba(95,240,229,.22)}.cloud-orbit-core{position:absolute;inset:38px;display:grid;place-items:center;border-radius:50%;color:var(--cl-cyan);background:rgba(95,240,229,.08);border:1px solid rgba(95,240,229,.22);box-shadow:0 0 28px rgba(95,240,229,.13)}.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cl-blue);box-shadow:0 0 10px var(--cl-blue)}.orbit-node.one{top:8px;left:55px}.orbit-node.two{bottom:19px;right:11px;background:var(--cl-cyan)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cloud-meter{position:relative;padding:20px;border-radius:25px;background:linear-gradient(150deg,rgba(105,201,255,.13),rgba(255,255,255,.025) 48%),var(--cl-panel);border:1px solid rgba(147,215,255,.18);box-shadow:0 22px 52px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(24px) saturate(155%);animation:rise .6s .05s cubic-bezier(.22,1,.36,1) both}.cloud-meter-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.cloud-label,.cloud-section-head>div>span{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--cl-cyan)}.cloud-meter h2{margin:5px 0 0;font:700 23px var(--cl-display);letter-spacing:-.04em}.cloud-meter h2 small{font:500 11px var(--cl-font);color:var(--cl-muted)}.cloud-percent{text-align:right}.cloud-percent strong{display:block;font:700 20px var(--cl-display);color:var(--cl-blue)}.cloud-percent span{font-size:10px;color:var(--cl-faint)}
.cloud-meter-track{height:10px;margin:17px 0 16px;padding:2px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);overflow:hidden}.cloud-meter-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cl-blue),var(--cl-cyan));box-shadow:0 0 14px rgba(95,240,229,.45);transition:width .55s cubic-bezier(.22,1,.36,1)}.cloud-meter-track span.warning{background:linear-gradient(90deg,#ffc35b,#ff9567)}.cloud-meter-track span.danger{background:linear-gradient(90deg,#ff7f8d,#ff5252)}
.cloud-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cloud-stats>div{min-width:0;padding:9px 7px;border-radius:12px;background:rgba(255,255,255,.035);text-align:center}.cloud-stats>div:last-child{grid-column:1/-1}.cloud-stats i{display:block;margin-bottom:5px;font-size:12px;color:var(--cl-blue)}.cloud-stats span{font-size:9.5px;color:var(--cl-muted)}.cloud-stats strong{color:var(--cl-text)}
.cloud-upload-section,.cloud-library{animation:rise .65s .1s cubic-bezier(.22,1,.36,1) both;content-visibility:auto;contain-intrinsic-size:auto 420px}.cloud-library{animation-delay:.15s}.cloud-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:11px;padding-inline:2px}.cloud-section-head h2{margin:3px 0 0;font:700 17px var(--cl-display);letter-spacing:-.03em}.cloud-format-pill{padding:6px 9px;border-radius:999px;background:rgba(105,201,255,.08);border:1px solid rgba(105,201,255,.17);font-size:9px;color:var(--cl-muted)}
.upload-zone{position:relative;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;border-radius:24px;overflow:hidden;cursor:pointer;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(7,20,33,.72);border:1px dashed rgba(105,201,255,.3);transition:.24s ease;outline:none}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.dragover{transform:translateY(-2px);border-color:var(--cl-cyan);background:rgba(16,47,65,.72);box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 0 4px rgba(95,240,229,.06)}.upload-beam{position:absolute;width:180px;height:180px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(105,201,255,.22),transparent 68%);transition:.3s}.upload-zone:hover .upload-beam{transform:translateY(20px) scale(1.15)}.upload-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:14px;border-radius:18px;color:#042332;background:linear-gradient(145deg,#c6eeff,var(--cl-blue));box-shadow:0 12px 28px rgba(105,201,255,.25)}.upload-zone strong{font:700 15px var(--cl-display)}.upload-zone>span:not(.upload-beam){margin-top:4px;font-size:12px;color:var(--cl-muted)}.upload-zone small{margin-top:13px;font-size:8.5px;letter-spacing:.06em;color:var(--cl-faint)}
.upload-progress{display:none;margin-top:10px;padding:13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--cl-line)}.upload-progress.active{display:block}.upload-progress-top{display:flex;justify-content:space-between;font-size:10.5px}.upload-progress-top span{color:var(--cl-muted)}.upload-progress-top strong{color:var(--cl-cyan)}.upload-progress-track{height:5px;margin-top:9px;border-radius:99px;background:rgba(0,0,0,.3);overflow:hidden}.upload-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cl-blue),var(--cl-cyan));transition:width .15s}
.library-head{align-items:center}.cloud-refresh{width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--cl-line);color:var(--cl-muted)}.cloud-refresh.is-loading i{animation:spin .8s linear infinite}
.cloud-empty{padding:34px 22px;text-align:center;border-radius:24px;background:rgba(10,25,41,.48);border:1px solid var(--cl-line)}.empty-visual{position:relative;width:70px;height:70px;margin:0 auto 15px;display:grid;place-items:center;border-radius:23px;font-size:23px;color:var(--cl-blue);background:rgba(105,201,255,.08);border:1px solid rgba(105,201,255,.18)}.empty-visual span{position:absolute;right:-4px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--cl-cyan);box-shadow:0 0 14px var(--cl-cyan)}.cloud-empty h3{margin:0;font:700 16px var(--cl-display)}.cloud-empty p{max-width:38ch;margin:7px auto 16px;font-size:12px;line-height:1.5;color:var(--cl-muted)}.cloud-empty button{padding:11px 14px;border-radius:13px;color:#05222e;background:linear-gradient(135deg,#bfeeff,var(--cl-blue));font-size:11px;font-weight:700}
.media-grid{display:grid;grid-template-columns:1fr;gap:12px}.media-grid[hidden]{display:none}.media-card{position:relative;display:grid;grid-template-columns:104px 1fr;min-height:104px;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(8,21,34,.7);border:1px solid var(--cl-line);box-shadow:0 12px 32px rgba(0,0,0,.25);animation:card-in .35s ease both;transition:.22s ease}.media-card:hover{transform:translateY(-2px);border-color:rgba(105,201,255,.27)}@keyframes card-in{from{opacity:0;transform:translateY(8px)}}
.media-preview{position:relative;min-height:104px;background:#0a1928;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover}.video-preview{height:100%;display:grid;place-items:center;font-size:25px;color:var(--cl-cyan);background:radial-gradient(circle,rgba(95,240,229,.12),transparent 65%)}.media-type{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:7px;background:rgba(3,10,16,.7);font-size:8px;text-transform:uppercase;letter-spacing:.07em;backdrop-filter:blur(8px)}
.media-content{min-width:0;padding:12px;display:flex;flex-direction:column}.media-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700}.media-meta{margin-top:4px;font-size:9.5px;color:var(--cl-faint)}.media-actions{display:flex;gap:7px;margin-top:auto;padding-top:10px}.media-actions button{min-height:32px;padding:7px 9px;border-radius:10px;font-size:9.5px;font-weight:700}.copy-btn{flex:1;color:var(--cl-cyan);background:rgba(95,240,229,.08);border:1px solid rgba(95,240,229,.13)}.delete-btn{width:34px;color:#ff9199;background:rgba(255,100,110,.07);border:1px solid rgba(255,100,110,.11)}
.cloud-foot{text-align:center;font-size:9.5px;color:var(--cl-faint)}
.cloud-confirm{position:fixed;inset:0;z-index:90;display:grid;align-items:end}.cloud-confirm[hidden]{display:none}.cloud-confirm-scrim{position:absolute;inset:0;background:rgba(1,6,10,.68);backdrop-filter:blur(7px)}.cloud-confirm-card{position:relative;margin:12px;padding:22px;border-radius:25px;background:rgba(11,27,43,.94);border:1px solid var(--cl-line);box-shadow:0 25px 60px rgba(0,0,0,.55);text-align:center;animation:sheet-up .3s cubic-bezier(.22,1,.36,1)}@keyframes sheet-up{from{transform:translateY(25px);opacity:0}}.confirm-icon{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:16px;color:#ff8791;background:rgba(255,90,105,.1)}.cloud-confirm-card h2{margin:0;font:700 17px var(--cl-display)}.cloud-confirm-card p{margin:7px auto 18px;max-width:35ch;font-size:11.5px;line-height:1.5;color:var(--cl-muted)}.cloud-confirm-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cloud-confirm-card button{min-height:45px;border-radius:13px;background:rgba(255,255,255,.06);font-size:11px;font-weight:700}.cloud-confirm-card #confirmDelete{background:#ff6e7a;color:#21070a}
.cloud-toasts{position:fixed;top:70px;left:14px;right:14px;z-index:110;display:grid;gap:8px;pointer-events:none}.cloud-toast{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:14px;background:rgba(10,25,40,.92);border:1px solid var(--cl-line);box-shadow:0 14px 35px rgba(0,0,0,.4);backdrop-filter:blur(18px);font-size:11px;animation:toast-in .25s ease}.cloud-toast.success i{color:var(--cl-cyan)}.cloud-toast.error i{color:#ff8791}@keyframes toast-in{from{opacity:0;transform:translateY(-7px)}}
.mob-dock{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;transform:translateX(-50%);width:min(360px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(14,30,43,.54);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.mob-dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border-radius:999px;color:rgba(168,190,207,.9);font-size:9.5px;font-weight:650;transition:.18s}.mob-dock-item i{font-size:16px}.mob-dock-item.is-active,.mob-dock-item:hover{color:#dffbff;background:rgba(95,240,229,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
@media(max-width:639px){
  .cloud-atmosphere{position:absolute}.cloud-atmosphere span{display:none}
  .cloud-chrome{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
  .cloud-meter{backdrop-filter:none;-webkit-backdrop-filter:none}
  .mob-dock{backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
}
@media(min-width:420px){.cloud-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-stats>div:last-child{grid-column:auto}}
@media(min-width:640px){.media-grid{grid-template-columns:1fr 1fr}.media-card{grid-template-columns:1fr;min-height:260px}.media-preview{height:150px}.cloud-hero{min-height:200px;flex-direction:row;align-items:center;gap:0}.cloud-hero-copy{max-width:390px}.cloud-orbit{position:absolute;align-self:auto;right:15px;top:15px;width:170px;height:170px;opacity:.82}.cloud-orbit-ring{animation:spin 18s linear infinite}.cloud-orbit-core{inset:55px}.orbit-node.one{top:11px;left:80px}.orbit-node.two{bottom:27px;right:16px}}
@media(min-width:901px){.cloud-body{padding-bottom:28px}.mob-dock{display:none!important}.cloud-stage{width:min(880px,100%);padding:38px 24px 52px;gap:32px}.cloud-hero{min-height:220px}.cloud-hero-copy{max-width:500px}.cloud-orbit{right:70px;top:20px}.cloud-meter{padding:25px}.cloud-confirm{align-items:center;justify-items:center}.cloud-confirm-card{width:380px}.cloud-toasts{left:auto;right:22px;width:340px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(hover:none){.upload-zone:hover,.media-card:hover{transform:none}}