@charset "UTF-8";
:root{color-scheme:dark;--bg:#102349;--text:#f5f8ff;--muted:#bdc9df;--faint:#8e9cb7;--line:#ffffff20;--lime:#f6ca7b;--orange:#ffb965;font:14px/1.5 "Segoe UI",Arial,sans-serif;--bar:48px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffdb95;outline-offset:3px}input:focus-visible,textarea:focus-visible{outline:2px solid #ffdb95;outline-offset:2px}[hidden]{display:none!important}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;vertical-align:middle;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}::selection{background:#82b5ff66;color:#fff}
.sr-only,.skip-link:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;left:8px;background:#ffdb95;color:#15233b;padding:8px 14px;z-index:100}
.desktop-bar{position:fixed;inset:0 0 auto;height:var(--bar);z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;background:linear-gradient(110deg,#112749eb,#0c1932f5);border-bottom:1px solid #9cbdff30;box-shadow:0 5px 22px #040d211f;backdrop-filter:blur(20px)}.wordmark{font-size:22px;font-weight:750;letter-spacing:-1.1px;display:inline-flex;align-items:center;line-height:1;flex-shrink:0}.wordmark span:nth-child(1){color:#ffae54}.wordmark span:nth-child(2){color:#ffe192}.wordmark span:nth-child(3){color:#f5f8ff}.desktop-title{position:absolute;left:50%;transform:translateX(-50%);max-width:35vw;font-size:12px;color:#cedbf1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-controls{display:flex;align-items:center;gap:10px;margin-left:auto}.account-controls time{font-variant-numeric:tabular-nums;color:#b1c1dc;font-size:12px;margin-right:4px}.account-name{max-width:150px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:5px 6px;color:#e9f1ff}.account-name:hover{color:#ffdc94}.header-button{font-size:11px;font-weight:550;padding:6px 12px;border:1px solid #a3bfff35;border-radius:7px;background:#e0ebff0a;transition:background .2s,transform .2s}.header-button:hover{background:#a3c4ff1c;transform:translateY(-1px)}.header-button.primary{color:#14223d;background:linear-gradient(#ffdc99,#f1bc65);border-color:#ffe1a290}.header-button.primary:hover{background:#ffe0a3}
.desktop-canvas{position:fixed;inset:var(--bar) 0 0;overflow:auto;isolation:isolate;background:#163363 url('/assets/wallpaper-blue.svg') center/cover no-repeat;background-attachment:local;scrollbar-width:thin;scrollbar-color:#a8c7ff40 #102345}.desktop-canvas:focus{outline:none}.desktop-items{position:relative;min-height:100%;width:100%}.desktop-item{position:absolute;display:flex;gap:11px;align-items:center;min-height:58px;max-height:66px;padding:8px 10px;text-align:left;border:1px solid transparent;border-radius:10px;background:#183f7517;color:#fff;text-shadow:0 1px 4px #000b;touch-action:none;user-select:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;animation:icon-appear .26s both;animation-delay:calc(var(--i,0)*18ms);cursor:grab;outline-offset:-2px!important}.desktop-item:hover{background:#d8e9ff16;border-color:#d6e8ff32;box-shadow:inset 0 1px #ffffff0d,0 5px 16px #0002;transform:translateY(-2px);backdrop-filter:blur(8px)}.desktop-item:active{transform:scale(.97)}.desktop-item-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#ffffff10;box-shadow:0 2px 9px #0002}.desktop-item-icon .icon{color:#d7e7ff;width:26px;height:26px;filter:drop-shadow(0 1px 2px #0004)}.desktop-item-icon img{max-width:28px;max-height:28px;object-fit:contain;filter:drop-shadow(0 1px 2px #0004);pointer-events:none}.desktop-item-icon:has(img:not([hidden]))>.icon{display:none}.desktop-item-label{font-size:13px;line-height:1.35;font-weight:500;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.folder-item{background:linear-gradient(135deg,#b8d5ff12,#7398ce0b);border-color:#a7c5f31b;box-shadow:inset 0 1px #ffffff09}.folder-item .desktop-item-icon{box-shadow:none;background:none}.folder-item .desktop-item-icon img{max-width:39px;max-height:39px;width:39px;height:39px;filter:drop-shadow(0 3px 4px #04152a70)}.desktop-item.dragging{z-index:10;opacity:.93;transform:scale(1.04) rotate(-1deg);transition:none;cursor:grabbing;background:#203c68d9;border-color:#bddcff66;box-shadow:0 15px 30px #0004;animation:none;backdrop-filter:blur(12px)}.folder-item.drop-target,.back-button.drop-target{border-color:#ffdc96;background:#ffcf6830;box-shadow:0 0 0 3px #ffd48322}
.desktop-tools{position:fixed;right:12px;top:calc(var(--bar) + 18px);z-index:11;display:flex;align-items:center;flex-direction:column;gap:3px;padding:5px;border:1px solid #c5dcff27;border-radius:13px;background:linear-gradient(#112d53b5,#0c204299);backdrop-filter:blur(18px);box-shadow:0 7px 24px #020f2826;max-height:calc(100dvh - var(--bar) - 36px);overflow-y:auto;scrollbar-width:none}.desktop-tools::-webkit-scrollbar{display:none}.tool-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#dbe9ff;border-radius:8px;transition:color .18s,background .18s,transform .18s;flex-shrink:0}.tool-button .icon{width:23px;height:23px;stroke-width:1.6}.tool-button:hover{color:#ffe0a0;background:#c2dcff1b;transform:scale(1.09)}.tool-button:active{transform:scale(.93)}.tools-divider{height:1px;width:23px;background:#bfd8ff26;margin:4px 0}.facebook-symbol{font:600 26px/1 Arial,sans-serif;margin-top:2px}.back-button{position:fixed;left:12px;bottom:18px;z-index:11;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #c9e0ff35;background:#132f54b0;backdrop-filter:blur(16px);box-shadow:0 4px 14px #0002}.back-button .icon{transform:rotate(180deg);width:23px;height:23px}.back-button:hover{background:#315782a6;color:#ffdf9d}.first-link{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);padding:18px 23px;border:1px dashed #d6e7ff5c;border-radius:13px;display:flex;align-items:center;gap:12px;color:#e7f1ff;background:#18325b24;font-size:14px;white-space:nowrap;backdrop-filter:blur(12px)}.first-link:hover{background:#dbeaff18;border-color:#ffdd94;color:#ffdf9d}.loading-state,.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#dbe9ff;font-size:13px;max-width:400px}.empty-state h3{font-size:19px;font-weight:550}.empty-state p{font-size:12px}.loading-state{display:flex;align-items:center;gap:10px}.loader{width:17px;height:17px;border:2px solid #ffffff22;border-top-color:#ffdb95;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-weight:600;font-size:12px;min-height:41px;padding:10px 16px;transition:background .18s,transform .18s;white-space:nowrap}.button .icon{width:17px;height:17px}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.97)}.button-primary{background:linear-gradient(#ffdf9c,#efbc68);color:#19263e;border:1px solid #ffe4b3}.button-primary:hover{background:#ffe2a9}.button-outline{border:1px solid #ffffff30;background:#ffffff04;color:#e2eaf8}.button-outline:hover{background:#ffffff0c}.button-danger{background:#e99d91;color:#291918}.full-width{width:100%}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);flex-shrink:0}.icon-button .icon{width:17px;height:17px}.icon-button:hover{background:#ffffff10;color:var(--text)}.brand-mark{font-size:24px;font-weight:750;color:#ffca7e}.brand-mark>span{color:#edf4ff}.section-eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--faint);font-weight:600}h2{font-size:26px;font-weight:550;letter-spacing:-.7px;margin:8px 0}.noscript{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;padding:20px;background:#102344;border:1px solid #ffd589;border-radius:12px;z-index:100;text-align:center}
@keyframes icon-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.desktop-item:not(.folder-item) .desktop-item-icon:has(img){background:#f5f8ffed;box-shadow:0 2px 8px #0003}
@media(max-width:700px){.desktop-title{max-width:28vw;font-size:11px}.account-controls time{display:none}.desktop-bar{padding:0 12px;gap:10px}.account-controls{gap:6px}.account-name{max-width:95px}.wordmark{font-size:20px}.header-button{padding:5px 9px}}
@media(max-width:540px){:root{--bar:46px}.wordmark{font-size:18px}.desktop-title{display:none}.account-name{max-width:85px;font-size:11px}.header-button{font-size:10px;padding:5px 8px}.desktop-tools{right:5px;top:calc(var(--bar) + 13px);padding:3px;gap:2px;border-radius:11px}.tool-button{width:34px;height:34px}.tool-button .icon{width:21px;height:21px}.desktop-item{gap:8px;padding:7px 8px}.desktop-item-label{font-size:12px}.desktop-item-icon{width:31px;height:31px}.back-button{width:38px;height:38px;left:10px;bottom:12px}.first-link{max-width:calc(100% - 85px);font-size:12px;padding:14px 16px;white-space:normal;left:43%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.desktop-item:hover,.tool-button:hover,.button:hover{transform:none}}

/* Compact desktop: transparent icons, tight labels and the original text bounce. */
:root{--bar:28px;--label-size:13px}
.desktop-bar{padding:2px 12px;gap:12px;border-bottom:0;box-shadow:inset 0 -1px #9cbdff30;backdrop-filter:blur(10px)}
.wordmark{font-size:17px;letter-spacing:normal;line-height:0}.wordmark img{display:block;width:126px;height:24px;pointer-events:none}.desktop-title{font-size:14px;font-weight:600;line-height:20px;color:#eef6ff;padding:1px 8px;border:1px solid #a6ccff30;border-radius:5px;background:#477ab533;backdrop-filter:blur(6px)}
.account-controls{gap:7px}.account-controls time,.account-name{font-size:11px}
.account-name{padding:1px 4px}.header-button{padding:1px 8px;font-size:10px;border-radius:4px}
.desktop-item,.folder-item{gap:6px;min-height:28px;max-height:none;padding:2px 4px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;cursor:pointer;text-shadow:0 1px 2px #000,0 0 4px #000,0 0 9px #000c}
.desktop-item:hover,.desktop-item:active{background:none;border-color:transparent;box-shadow:none;transform:none;backdrop-filter:none}
.desktop-item-icon{width:22px;height:22px;border-radius:0;background:none;box-shadow:none}
.desktop-item-icon .icon{width:18px;height:18px;color:#edf5ff}
.desktop-item-icon img{width:20px;height:20px;max-width:20px;max-height:20px;filter:drop-shadow(0 1px 2px #0008)}
.desktop-item:not(.folder-item) .desktop-item-icon:has(img){background:none;box-shadow:none}
.folder-item .desktop-item-icon img{width:25px;height:25px;max-width:25px;max-height:25px;filter:drop-shadow(0 1px 2px #0008)}
.desktop-item-label{font-size:var(--label-size);line-height:1.15;font-weight:500;padding:0}
.desktop-item:hover .desktop-item-label{animation:label-bounce .65s ease-in-out infinite}
.desktop-item.dragging{cursor:pointer;transform:none;opacity:.9;background:none;box-shadow:none;border:0;backdrop-filter:none}
.desktop-item.dragging .desktop-item-label{animation:none}
.folder-item.drop-target{background:#51a8ff26;outline:1px solid #a9d8ff;outline-offset:2px!important;box-shadow:none;border-radius:4px}
.desktop-tools{opacity:.24;transition:opacity .2s ease;right:8px;top:calc(var(--bar) + 12px);padding:3px;gap:2px;max-height:calc(100dvh - var(--bar) - 24px)}
.desktop-tools:hover,.desktop-tools:has(:focus-visible){opacity:1}
.tool-button{width:34px;height:34px}.tool-button .icon{width:21px;height:21px}
.label-size-button{font:600 17px/1 "Segoe UI",Arial,sans-serif}.label-size-button:disabled{cursor:default;opacity:.35}
.back-button{left:9px;top:calc(var(--bar) + 7px);bottom:auto;width:32px;height:30px;border-radius:5px;border-color:transparent;background:#132f5455;box-shadow:none;backdrop-filter:none;cursor:pointer}
.back-button .icon{width:22px;height:22px}.back-button:hover{background:#132f5488}
@keyframes label-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}}
@media(max-width:540px){:root{--bar:32px}.wordmark{font-size:17px}.desktop-tools{right:4px}.tool-button{width:32px;height:32px}.desktop-item{padding:2px 4px;gap:6px}.desktop-item-label{font-size:var(--label-size)}.desktop-item-icon{width:22px;height:22px}.back-button{left:8px;top:calc(var(--bar) + 7px);bottom:auto;width:32px;height:30px}}
@media(hover:none){.desktop-tools{opacity:.65}}
@media(prefers-reduced-motion:reduce){.desktop-item:hover .desktop-item-label{animation:none}}

/* Desktops are compact folder tabs; ordinary links retain their plain style. */
.desktop-item{min-height:26px;width:max-content;min-width:min-content;overflow:visible}
/* Keep one text node: the browser sizes and wraps it naturally, like the original. */
.desktop-item-label{transform-origin:left center;display:block;white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal;-webkit-line-clamp:unset;padding-block:3px;margin-block:-3px}
.folder-item{isolation:isolate;padding:7px 10px}
.folder-item,.folder-item:hover,.folder-item:active,.folder-item.dragging{border-radius:5px;background:rgba(13,59,112,.52);-webkit-backdrop-filter:blur(9px) saturate(1.08);backdrop-filter:blur(9px) saturate(1.08)}
.folder-item::before{content:"";position:absolute;inset:0;border:1px solid #72b9ffa6;border-radius:5px;background:linear-gradient(100deg,#2876c840,#2876c80d);pointer-events:none;z-index:-1}
.folder-item::after{content:"";position:absolute;left:7px;top:-3px;width:13px;height:3px;border:1px solid #72b9ffa6;border-bottom:0;border-radius:3px 3px 0 0;background:#4e97dfb3;pointer-events:none}
.folder-item .desktop-item-label{color:#fff}
.desktop-item:hover .desktop-item-label,.desktop-item:focus-visible .desktop-item-label{color:#fff4ad}
.folder-item:hover::before{border-color:#a9d8ff;background:#377bd62b}
.folder-item.drop-target::before{border-color:#d5edff;background:#3188df40}
html[data-desktop-motion="on"] .desktop-item:hover .desktop-item-label{animation:label-jiggle .62s ease-in-out infinite!important;will-change:transform}
html[data-desktop-motion="on"] .desktop-item.dragging .desktop-item-label{animation:none!important}
@keyframes label-jiggle{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-3px) rotate(-1.7deg)}40%{transform:translateY(0) rotate(1.4deg)}60%{transform:translateY(-2px) rotate(-1deg)}80%{transform:translateY(0) rotate(.6deg)}}
@keyframes icon-appear{from{opacity:0}to{opacity:1}}