:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202b24;background:#f8f9f6;font-synthesis:none;font-size:14px;font-weight:400;--ink:#202b24;--muted:#7f877e;--line:#e6e9e1;--green:#253d2a;--lime:#dbedb9;--paper:#f8f9f6;--sidebar:244px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{border:0;background:none}input,textarea,select{color:var(--ink)}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #95b378;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:0;border-color:#6f8d5b!important;box-shadow:0 0 0 3px #c4dfb244}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:580}h1{font-size:32px;letter-spacing:-1.25px;line-height:1.2}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px;line-height:1.4}p{line-height:1.75}small{font-size:11px}hr{height:1px;background:var(--line);border:0;margin:7px 0}input:not([type=range]):not([type=checkbox]),textarea,select{border:1px solid #dfe4d9;background:#fff;border-radius:10px;padding:12px 13px;min-height:44px;width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#a0a699}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}input[type=range]{accent-color:#48653b;width:100%}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:550;min-height:42px;line-height:1.3;white-space:nowrap;transition:background .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.button.primary,.button.dark{background:#283d2c;color:#fff}.button.primary:hover:not(:disabled),.button.dark:hover{background:#3a543b}.button.secondary{background:#fff;border-color:#dee4d7}.button.secondary:hover{background:#f3f6ee}.button.ghost{background:transparent}.button.small{min-height:34px;padding:9px 12px;font-size:11px}.button.full,.full{width:100%}.button.danger-ghost,.danger-text{color:#ad5648!important}.button.danger-ghost:hover{background:#fff0ea}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:8px;padding:0;flex-shrink:0;color:#7e897b}.icon-button:hover{background:#e9eee3;color:#283d2c}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:#40593a;padding:3px 0}.text-button:hover{text-decoration:underline}.muted{color:var(--muted);font-size:12px;line-height:1.7}.small-text{font-size:11px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;display:flex;align-items:center;gap:7px;color:#687861}.tiny-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.brand{font-size:31px;font-weight:680;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:9px;line-height:1}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;background:#2c442e;color:#e3f3c6;font-size:28px;font-weight:800;letter-spacing:-3px;font-style:italic;border-radius:9px;padding-right:4px;line-height:1}.brand-dot{font-size:9px;font-weight:500;align-self:flex-start;margin-top:2px;margin-left:-6px;letter-spacing:0}.brand.light{color:#f1f5e8}.brand.light .brand-symbol{background:#ddebba;color:#203a27}.status-pill{border:1px solid #e1e7d9;border-radius:100px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:500;white-space:nowrap;background:#fff;color:#62735a;width:fit-content}.status-dot{width:6px;height:6px;background:#7c9d5e;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 3px #8caa6c13}.status-dot.off{background:#ba9275;box-shadow:none}.status-pill.warning{background:#fff7e9;color:#9d7947;border-color:#efdfc6}.status-pill.warning .status-dot{background:#bc9250}.badge{font-size:9px;padding:5px 8px;border-radius:5px;background:#edf0e7;color:#7c846f;display:inline-flex;align-items:center;gap:4px;line-height:1.1;white-space:nowrap}.badge.green{background:#eef5e7;color:#66824e}.badge.mini{font-size:7px;padding:4px 5px;letter-spacing:.4px}.avatar{display:flex;align-items:center;justify-content:center;background:#e0e7d6;color:#536746;font-size:11px;font-weight:600;border-radius:50%;width:32px;height:32px;flex-shrink:0}.avatar.large{width:54px;height:54px;font-size:18px}.avatar.huge{width:56px;height:56px;font-size:21px;border-radius:17px}.progress-track{height:4px;border-radius:5px;background:#e5eade;overflow:hidden;width:100%}.progress-track>span{display:block;min-width:0;height:100%;background:#7c9963;border-radius:inherit;transition:width .2s}.segmented{display:inline-flex;align-items:center;background:#e9ede4;padding:4px;border-radius:9px;gap:2px}.segmented>button{padding:8px 13px;color:#849079;border-radius:6px;white-space:nowrap;font-size:11px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1}.segmented>button.active{background:#fff;color:#3e5434;box-shadow:0 1px 4px #253b2010}.segmented>button:hover{color:#334e2d}.segmented.full{display:flex}.inline-message{padding:11px 13px;border-radius:9px;background:#f0f4e9;color:#657653;font-size:12px;margin-top:14px}.error-message{font-size:12px;color:#a45a43;background:#fff1e9;border:1px solid #efd4c5;padding:12px 14px;border-radius:9px;overflow-wrap:anywhere;line-height:1.65}.code-box{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;background:#f0f2ec;border:1px solid #e6e9df;padding:12px 13px;border-radius:8px;overflow-wrap:anywhere}.spinner{width:20px;height:20px;border:2px solid #dbe5ce;border-top-color:#698256;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:230px;display:flex;align-items:center;justify-content:center;gap:13px;color:#849278;font-size:12px}.boot-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#f4f7ee}.boot-screen .brand{margin-bottom:12px}.boot-screen p{color:#85917a;font-size:12px}.fatal{padding:15vh 10%;max-width:700px}.fatal h1{margin:40px 0 20px}.fatal p{margin-bottom:25px;color:var(--muted)}.app-shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;left:0;top:0;border-right:1px solid var(--line);background:#f3f5ef;padding:31px 17px 0;z-index:30;display:flex;flex-direction:column}.brand-link{margin:0 13px 21px;display:block;width:fit-content}.workspace-label{margin:0 13px 28px;font-size:7px;font-weight:600;letter-spacing:1.2px;display:flex;align-items:center;gap:6px;color:#8b9581}.workspace-label .badge{margin-left:auto}.workspace-orb{height:7px;width:7px;border:1px solid #9aab8a;border-radius:50%}.sidebar nav{overflow-y:auto;scrollbar-width:thin;padding-bottom:15px}.nav-section{margin-bottom:23px}.nav-label{font-size:8px;letter-spacing:1.2px;color:#9aa38e;font-weight:600;padding:0 13px;margin-bottom:9px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;text-align:left;border-radius:9px;font-size:12px;color:#7b8772;padding:11px 13px;line-height:1.4;margin:2px 0}.nav-item>span:first-of-type{flex:1}.nav-item:hover{background:#e9eee0;color:#3a5131}.nav-item.active{background:#e4ecd7;color:#36512e;font-weight:550}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:24px;background:#7f9c64;border-radius:0 2px 2px 0}.nav-count{font-size:9px;color:#879377}.sidebar-bottom{margin-top:auto}.server-mini{padding:12px 10px;display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid #e3e8da;border-radius:11px;background:#fafbf7;margin-top:5px}.server-mini>div{flex:1;min-width:0}.server-mini strong{display:block;font-size:11px;font-weight:550;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-mini div>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#8c987e;margin-top:6px}.server-mini .status-dot{width:4px;height:4px;box-shadow:none}.mini-machine{width:29px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#edf1e4;color:#859771}.storage-mini{padding:19px 9px 17px}.storage-mini>div:first-child{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#7f8b73;margin-bottom:9px}.storage-mini small{font-size:8px;color:#a0a990;display:block;margin-top:8px}.storage-mini .progress-track{height:3px}.profile-button{border-top:1px solid var(--line);padding:17px 8px;display:flex;align-items:center;gap:9px;width:100%;text-align:left}.profile-button>div{flex:1;min-width:0}.profile-button strong{display:block;font-weight:550;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.profile-button small{display:block;font-size:8px;color:#9aa58d;margin-top:4px}.profile-button>svg{color:#9aa48e}.workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 37px;background:#f8f9f6ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-crumb{display:flex;align-items:center;gap:10px;font-size:10px;color:#9ba48e;white-space:nowrap}.topbar-crumb strong{font-weight:500;color:#64725c;max-width:135px;text-overflow:ellipsis;overflow:hidden}.topbar-actions{gap:12px}.global-search{height:37px;border:1px solid #e5e9de;background:#f1f4eb;display:flex;align-items:center;border-radius:9px;gap:8px;padding:0 9px 0 12px;width:270px;color:#98a28c}.global-search input:not([type=range]){background:none;border:0;border-radius:0;padding:0;min-height:28px;box-shadow:none;font-size:10px;flex:1;width:0}.global-search input::placeholder{color:#9ca58f}.search-hint{font-size:16px;color:#a2ad96;margin-right:6px}.search-ai{display:flex;align-items:center;justify-content:center;padding:3px;color:#a0aa93;min-width:24px;height:25px;border-radius:5px}.search-ai.active{color:#567b35;background:#dfebcb}.transfer-trigger{position:relative}.transfer-trigger.has-transfers{color:#52723d;background:#eaf1df}.transfer-trigger>span{position:absolute;top:-3px;right:-3px;background:#78925b;color:#fff;font-size:8px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--paper)}.upload-wrapper{position:relative}.upload-button{min-height:36px;padding:8px 14px;font-size:11px;border-radius:9px}.mobile-menu{display:none}.main-content{padding:30px 38px 20px;max-width:1620px;margin:0 auto;min-height:calc(100dvh - 79px);position:relative}.welcome-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#66755b;margin-bottom:21px}.welcome-line>span:last-child{font-size:9px;color:#9aa38e;text-transform:capitalize}.wave{color:#8ca56a;font-size:15px;margin-left:4px}.home-hero{height:287px;border-radius:17px;background:#e9eedf;position:relative;overflow:hidden;display:flex;padding:30px 36px;isolation:isolate}.hero-copy{position:relative;z-index:2;width:58%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:15px;color:#7c8b6b}.hero-copy h1{font-size:43px;letter-spacing:-1.9px;line-height:1.04;color:#34472e;font-weight:520}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.6px}.hero-copy p{font-size:10px;line-height:1.7;color:#7f8b70;margin:13px 0 17px}.hero-copy .button{font-size:9px;padding:10px 13px;min-height:33px;background:#344b31;border-radius:7px;gap:15px}.hero-index{position:absolute;bottom:16px;right:22px;font-size:6px;letter-spacing:1.5px;color:#96a189;z-index:3}.hero-art{position:absolute;right:0;top:0;width:49%;height:100%}.hero-orbit{position:absolute;width:345px;height:345px;border-radius:50%;border:1px solid #cbd7b87a;right:-34px;top:-47px}.hero-orbit.orbit-two{width:225px;height:225px;top:13px;right:26px;background:#dde6ce80}.hero-photo{width:176px;height:208px;position:absolute;top:23px;right:97px;border:7px solid #fcfcf5;border-bottom-width:32px;border-radius:9px;box-shadow:0 13px 24px #52643720;transform:rotate(-10deg);overflow:hidden;background:#afbda8}.photo-sky{position:absolute;inset:0;background:linear-gradient(#9baea5,#e1d1a4)}.photo-land{position:absolute;border-radius:50% 45% 0 0;transform:rotate(-15deg);width:270px;height:170px;top:76px;left:-60px;background:#8b987a}.photo-land.land-front{top:130px;left:-10px;background:#4d6f56;transform:rotate(23deg)}.photo-sun{width:29px;height:29px;border-radius:50%;background:#eddfb7;position:absolute;top:26px;right:27px;box-shadow:0 0 25px #f3e5bc77}.hero-photo>span{position:absolute;bottom:-26px;white-space:nowrap;font-size:7px;left:7px;color:#738261}.hero-photo{overflow:visible}.hero-photo>div{overflow:hidden}.hero-file{position:absolute;right:24px;top:86px;width:126px;height:153px;background:#fafbf6;border-radius:9px;padding:15px;transform:rotate(10deg);box-shadow:0 12px 24px #4d603126;border:1px solid #ffffffd9}.hero-file>span{display:flex;align-items:center;justify-content:center;color:#94a77f;background:#edf2e4;width:35px;height:40px;border-radius:6px;margin-bottom:12px}.hero-file strong{display:block;font-size:10px;font-weight:550;color:#758368;margin-bottom:9px}.hero-file i{display:block;width:85%;height:3px;border-radius:2px;background:#e2e8d9;margin:5px 0}.hero-file i:nth-of-type(2){width:62%}.hero-file i:nth-of-type(3){width:73%}.hero-file small{font-size:4.5px;letter-spacing:1px;color:#a0aa95;display:block;margin-top:9px}.hero-lock{position:absolute;left:7px;bottom:30px;background:#f9fbf1ed;box-shadow:0 5px 15px #7c8a6620;border:1px solid #fff;border-radius:20px;padding:9px 12px;font-size:8px;display:flex;align-items:center;gap:6px;color:#789363;transform:rotate(-5deg)}.hero-spark{position:absolute;right:50px;top:28px;color:#718a55;font-size:28px}.type-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 32px}.type-summary-card{border:1px solid var(--line);background:#fcfdf9;border-radius:11px;padding:15px 13px;display:flex;align-items:center;gap:11px;min-width:0;text-align:left;transition:border-color .2s,transform .2s}.type-summary-card:hover{border-color:#b9c8a4;transform:translateY(-2px)}.type-summary-icon{width:38px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sage{background:#e9f0de;color:#8da56e}.sand{background:#f1ecdb;color:#bba870}.lavender{background:#eeecf3;color:#aa9fbd}.peach{background:#f6e9dd;color:#bf9875}.type-summary-card>div{flex:1;min-width:0}.type-summary-card strong{display:block;font-size:10px;font-weight:550;color:#6c785f;white-space:nowrap}.type-summary-card small{display:block;margin-top:6px;font-size:8px;color:#a5ad98;white-space:nowrap}.type-summary-card small>span{padding-left:3px}.type-summary-card>svg{color:#a2ad94;width:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 18px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:16px;letter-spacing:-.4px}.count-badge{font-size:8px;background:#e9eee1;color:#8b9a79;padding:4px 6px;border-radius:5px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;letter-spacing:0}.library-controls{display:flex;align-items:center;gap:16px}.layout-toggle{padding:3px;border-radius:7px;background:#e9ede3}.layout-toggle>button{padding:5px 7px;border-radius:5px}.library-heading .text-button{font-size:9px;color:#82956e}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(182px,1fr));gap:16px}.entry-card{background:#fff;border:1px solid #e3e7db;border-radius:11px;overflow:hidden;position:relative;cursor:pointer;transition:box-shadow .2s,border-color .15s,transform .2s;min-width:0}.entry-card:hover{box-shadow:0 5px 20px #485b2c0c;border-color:#bdcaaa;transform:translateY(-2px)}.entry-card.selected{border-color:#87a564;box-shadow:0 0 0 2px #b9cd9a44}.entry-visual{height:135px;position:relative;overflow:hidden;background:#f0f2eb;margin:7px 7px 0;border-radius:6px;display:flex;align-items:center;justify-content:center}.entry-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.entry-card:hover .entry-visual>img{transform:scale(1.04)}.file-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#92a082}.file-art>span{font-size:8px;font-weight:600;letter-spacing:.9px;color:#99a78a}.file-art.folder{color:#a6b780;filter:drop-shadow(0 5px 4px #89946c15)}.file-art.document{color:#a5b0bd}.entry-card.document .entry-visual{background:#eef1f2}.entry-card.audio .entry-visual{background:#f4ede4}.file-art.audio{color:#c4a07a}.entry-card.archive .entry-visual{background:#eeedf2}.file-art.archive{color:#aaa1b8}.entry-card.folder .entry-visual{background:#f1f4e9;height:95px}.entry-info{padding:13px 12px;display:flex;align-items:center;gap:5px}.entry-info>div{flex:1;min-width:0}.entry-info h3{font-size:10px;font-weight:500;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#627156}.entry-info div>span{font-size:8px;color:#a4ac97;display:block;margin-top:3px;white-space:nowrap}.entry-info i{font-style:normal;margin:0 5px}.entry-menu{width:21px;height:26px;color:#a0aa92}.entry-check{position:absolute;top:14px;left:14px;z-index:4;opacity:0;transition:opacity .15s}.entry-card:hover .entry-check,.entry-card.selected .entry-check{opacity:1}.select-check{width:20px;height:20px;border-radius:6px;border:1px solid #c7d1bb;background:#fffffff2;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.select-check.checked{background:#78985d;border-color:#78985d}.favorite-mark{position:absolute;bottom:8px;right:8px;border-radius:50%;width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:#a5ac73}.favorite-mark path{fill:#b9c88f}.video-duration{display:flex;align-items:center;gap:5px;position:absolute;bottom:8px;left:8px;border-radius:5px;padding:4px 6px;background:#1e2c21a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:8px}.entry-list{display:flex;flex-direction:column}.entry-list .entry-card{display:flex;align-items:center;margin-bottom:5px;border-radius:9px;border-color:transparent;background:transparent;height:60px;transform:none;padding:0 14px 0 10px}.entry-list .entry-card:hover{background:#fff;box-shadow:none;border-color:#e4e9dc}.entry-list .entry-card.selected{background:#eef4e4;border-color:#b6c7a0;box-shadow:none}.entry-list .entry-visual{width:37px;height:39px;flex-shrink:0;margin:0 12px 0 0;background:#edf1e7;border-radius:6px}.entry-list .entry-card .file-art svg{height:22px;width:22px}.entry-list .entry-visual .file-art>span,.entry-list .favorite-mark,.entry-list .video-duration{display:none}.entry-list .entry-info{padding:0;flex:1;min-width:0;margin-right:15px}.entry-list .entry-info h3{font-size:11px}.entry-list .entry-info div>span{display:none}.entry-list .entry-menu{margin-left:5px}.entry-list .entry-check{position:static;opacity:1;margin-right:12px}.entry-list .select-check{width:16px;height:16px;border-radius:4px;background:transparent;border-color:#d3dbc7}.entry-list .select-check.checked{background:#76955c}.entry-list .entry-size{width:72px;text-align:right}.entry-list .entry-type{width:105px}.entry-list .entry-date{width:122px}.entry-list .entry-type,.entry-list .entry-size,.entry-list .entry-date{font-size:9px;color:#98a38a}.list-head{display:flex;padding:12px 14px 15px 12px;font-size:8px;color:#9ba58e;letter-spacing:.3px;border-bottom:1px solid var(--line);margin-bottom:6px}.list-head>span:first-child{flex:1}.list-head>span:nth-child(2){width:105px}.list-head>span:nth-child(3){width:122px}.list-head>span:last-child{width:72px;text-align:right}.home-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:17px;display:flex;align-items:center;gap:7px;font-size:8px;color:#a2ae94}.home-footer>span:last-child{margin-left:auto;letter-spacing:1.3px;font-size:6px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 30px}.page-title .eyebrow{font-size:8px;margin-bottom:13px}.page-title h1{font-size:30px;line-height:1.2;font-weight:530;letter-spacing:-1.1px;overflow-wrap:anywhere}.page-title p{font-size:11px;color:#939f85;margin-top:10px}.page-title>.button{font-size:10px;min-height:38px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px 0 21px}.filter-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.filter-chips button{border:1px solid #e6eadf;background:#fcfdf9;border-radius:20px;padding:7px 12px;font-size:9px;color:#93a082;white-space:nowrap}.filter-chips button.active{background:#e8efdc;border-color:#d8e4c5;color:#60774c}.sort-select{border:none!important;background:none!important;width:auto;max-width:180px;min-height:28px!important;font-size:9px;color:#8a987a;padding:3px 12px!important}.back-link{font-size:9px;display:flex;align-items:center;gap:6px;color:#8a9c74;padding:0;margin-bottom:22px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:5px;color:#9eaa90;font-size:9px;margin-top:10px}.breadcrumbs>span{display:inline-flex;align-items:center;gap:5px}.breadcrumbs button{padding:0;font-size:9px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}.photo-tile{border:0;border-radius:9px;background:#e9eee1;aspect-ratio:1.1;margin:0}.photo-tile .entry-visual{height:100%;width:100%;margin:0;border-radius:9px}.photo-tile .entry-info{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#152113b5);padding:25px 10px 10px;opacity:0;transition:opacity .15s;color:#fff}.photo-tile .entry-info h3,.photo-tile .entry-info span,.photo-tile .entry-info .entry-menu{color:#fff}.photo-tile:hover .entry-info,.photo-tile.selected .entry-info{opacity:1}.photo-tile .favorite-mark{top:9px;right:9px;bottom:auto}.timeline-label{display:flex;gap:10px;align-items:center;margin:23px 0 13px}.timeline-label h3{text-transform:capitalize;font-size:12px;color:#6a7f57}.timeline-label>span{font-size:8px;color:#a0ad91}.timeline>section:first-child .timeline-label{margin-top:0}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:25px 20px}.album-card{text-align:left;min-width:0}.album-cover{aspect-ratio:1.15;border-radius:16px;background:#e6edde;color:#a9b792;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:5px -5px 0 -1px #d5dfca,10px -10px 0 -2px #e7ecdf;margin:10px 10px 0 0}.album-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.album-cover>span{position:absolute;left:12px;bottom:12px;background:#ffffffd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:7px;padding:6px;color:#5b7446}.album-card h3{font-size:13px;margin-top:17px;color:#61764f}.album-card p{font-size:10px;color:#9ba88d;margin-top:4px}.empty{padding:35px 15px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:300px}.empty-art{position:relative;width:150px;height:110px;margin-bottom:20px}.empty-sheet{position:absolute;width:72px;height:92px;border-radius:9px;border:1px solid #d9e3cc;background:#f1f5eb;left:35px;top:10px;transform:rotate(-15deg)}.empty-sheet.back{background:#e5edd9;left:29px;top:13px;transform:rotate(-20deg)}.empty-sheet.front{transform:rotate(8deg);background:#fcfdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a7b891;box-shadow:0 8px 20px #85976d10}.empty-sheet.front>span{width:35px;height:3px;background:#e7eddc;border-radius:2px}.empty-sheet.front>span:last-child{width:22px;align-self:flex-start;margin-left:18px}.empty-orbit{position:absolute;right:18px;top:8px;color:#aebf94;font-size:25px}.empty h3{font-size:17px;letter-spacing:-.35px;color:#607650}.empty p{max-width:345px;color:#a1ac95;font-size:11px;line-height:1.85;margin-top:10px}.empty .button{margin-top:22px;font-size:10px;min-height:35px;padding:9px 13px}.load-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 20px;text-align:center;color:#8c9b79}.load-error h3{color:#607653}.load-error p{max-width:470px;font-size:12px}.load-more{text-align:center;padding:25px}.skeleton{height:190px;background:linear-gradient(110deg,#edf1e6 30%,#f5f7f0,#edf1e6 66%);background-size:220% 100%;border-radius:12px;animation:shimmer 1.7s linear infinite}.offline-banner,.owner-banner{padding:12px 37px;display:flex;align-items:center;gap:10px;font-size:10px;background:#fff4e1;color:#a18551;border-bottom:1px solid #efdfbd}.offline-banner>span,.owner-banner>span:first-of-type{flex:1}.offline-banner button,.owner-banner button{display:flex;align-items:center;gap:6px;font-size:10px}.owner-banner{background:#ebf1e2;color:#7c9168;border-bottom-color:#dce7cd}.owner-banner .admin-access-label{font-size:8px;color:#a0ad91;margin-left:auto}.drop-zone{position:fixed;inset:95px 20px 20px calc(var(--sidebar) + 20px);z-index:45;border:2px dashed #8fab70;border-radius:18px;background:#eff6e9ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;text-align:center;color:#77935c;pointer-events:none}.drop-zone h2{font-size:30px;margin:20px 0 10px}.drop-zone p{font-size:12px}.dropdown{position:absolute;background:#fff;border:1px solid #e0e7d6;box-shadow:0 12px 40px #23391717;border-radius:11px;padding:7px;z-index:80;min-width:226px}.dropdown>button,.dropdown>a{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px 9px;text-align:left;width:100%;border-radius:6px;color:#74856a;line-height:1.3}.dropdown>button:hover,.dropdown>a:hover{background:#eff4e7;color:#3e5d30}.dropdown>button>span{margin-left:auto;color:#b1bba3;font-size:10px}.new-menu{right:0;top:46px;min-width:255px}.context-menu{position:fixed;max-width:230px}.context-menu button{font-size:10px;padding:9px}.selection-bar{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:calc(50% + var(--sidebar)/2);transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:15px;background:#2d422b;box-shadow:0 12px 35px #263c2730;color:#e4edda;border:1px solid #4f6244;border-radius:14px;padding:10px 15px;font-size:10px;white-space:nowrap}.selection-bar .icon-button{color:#cfddbf;width:24px;height:24px}.selection-bar strong{font-size:11px;font-weight:500}.selection-divider{width:1px;height:22px;background:#72856677}.selection-bar>button:not(.icon-button){display:flex;align-items:center;gap:7px;padding:5px 0;color:#e3edda;font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;background:#18291466;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:475px;max-width:100%;max-height:90dvh;overflow:auto;background:#fbfcf8;border:1px solid #ffffffd9;box-shadow:0 30px 80px #17240c2b;border-radius:18px;padding:24px;scrollbar-width:thin;animation:appear .18s ease-out}.modal.wide{width:1120px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.modal-head h2{font-size:20px;line-height:1.35;min-width:0;overflow-wrap:anywhere;letter-spacing:-.6px}.modal>.muted{margin:-5px 0 21px}.modal .form-stack{margin-top:19px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{font-size:11px;font-weight:500;color:#748567;display:flex;flex-direction:column;gap:8px}.form-stack input,.form-stack select,.form-stack textarea{font-size:12px}.form-stack>.button{margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{flex-direction:row!important;align-items:center;gap:9px!important;font-weight:400!important}.setting-icon{width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#edf3e3;color:#91a879;flex-shrink:0}.inline-title{display:flex;align-items:center;gap:12px;margin:7px 0 14px}.inline-title h3{font-size:16px}.inline-title p{font-size:10px;color:#99a68a;margin-top:3px}.wake-panel>.muted{margin-bottom:20px}.wake-panel .button-row{margin-top:20px}.wake-panel code{font-size:10px;overflow-wrap:anywhere}.toast{position:fixed;left:calc(50% + var(--sidebar)/2);bottom:25px;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:10px;max-width:min(560px,90vw);background:#30472e;color:#eff6e6;border:1px solid #647c4f;padding:13px 16px;border-radius:11px;box-shadow:0 8px 30px #22321925;font-size:11px;line-height:1.6;animation:appear .18s ease-out}.toast>span{flex:1}.toast.error{background:#805644;border-color:#a7816b;color:#fff5ee}.toast>button{margin-left:9px;padding:0;color:inherit;display:flex}.transfer-panel{position:fixed;right:27px;bottom:23px;z-index:60;width:350px;max-width:calc(100vw - 24px);border:1px solid #dce4cf;border-radius:14px;background:#fcfdf8;box-shadow:0 15px 60px #344a251f;overflow:hidden;animation:appear .18s ease-out}.transfer-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.transfer-panel>header>div{display:flex;align-items:center;gap:9px;color:#71865f;font-size:11px}.transfer-panel header strong{font-weight:550}.transfer-items{max-height:350px;overflow-y:auto}.transfer-item{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #edf0e7;min-width:0}.transfer-item>div{flex:1;min-width:0}.transfer-icon{color:#98a989;background:#edf3e5;padding:8px;border-radius:7px;display:flex}.transfer-item.done .transfer-icon{color:#75955d}.transfer-item.error .transfer-icon{color:#b18461;background:#faf0e5}.transfer-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;color:#6b8157}.transfer-item small{display:block;font-size:8px;color:#a0ae90;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.transfer-item .progress-track{height:3px;margin-top:8px}.transfer-panel>footer{display:flex;align-items:flex-start;gap:6px;font-size:8px;padding:12px 15px;color:#a6b296;background:#f5f8ef;line-height:1.5}.transfer-empty{padding:35px;text-align:center}.info-grid{display:flex;flex-direction:column;gap:12px}.info-grid>.file-art{background:#eef3e5;border-radius:12px;padding:25px;margin-bottom:10px}.info-grid>h3{overflow-wrap:anywhere;margin-bottom:8px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e9eedf;padding:10px 0;font-size:11px}.info-row>span{color:#9cab8b;flex-shrink:0}.info-row>strong{font-weight:450;overflow-wrap:anywhere;text-align:right;font-size:10px}.share-file{display:flex;align-items:center;gap:12px;padding:16px;background:#f0f5e7;border-radius:10px;color:#81996a}.share-file>div{min-width:0}.share-file strong,.share-row strong{display:block;font-weight:500;overflow-wrap:anywhere;font-size:12px}.share-file small,.share-row small{display:block;color:#9eac8e;font-size:9px;margin-top:5px}.share-list{display:flex;flex-direction:column;gap:7px}.share-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.share-row>div{flex:1;min-width:0}.share-row .text-button{font-size:10px}.profile-summary{display:flex;gap:15px;align-items:center;margin:26px 0}.profile-summary h3{font-size:19px}.profile-summary p{font-size:11px;color:#99a68c;margin:5px 0 7px}.settings-section{margin:30px 0}.settings-section>h3{margin-bottom:13px}.session-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:14px 0;color:#849d6a}.session-row>div{flex:1}.session-row strong{display:block;font-size:11px;font-weight:500}.session-row small{display:block;font-size:9px;color:#a6b299;margin-top:5px}.install-guide h3{margin:23px 0 8px}.install-guide p{font-size:12px;color:#9ba990}.install-guide .code-box{margin:25px 0 12px}.install-visual{border-radius:13px;background:#e7efdb;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin-top:25px}.install-visual>span{font-size:9px;letter-spacing:1.5px;color:#8a9c75}.note{display:flex;gap:10px;border-radius:10px;background:#f2f6e9;color:#91a578;padding:14px;margin-top:23px;align-items:flex-start}.note p{font-size:11px}.note>svg{margin-top:3px}@keyframes appear{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}.preview-modal{padding:0;overflow:hidden;display:flex;flex-direction:column}.preview-modal .modal-head{padding:16px 21px;margin:0;border-bottom:1px solid var(--line)}.preview-modal .modal-head h2{font-size:15px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.preview-toolbar .segmented{background:#eff3e8;overflow-x:auto}.preview-toolbar .segmented>button{font-size:10px;padding:7px 10px}.preview-modal>.error-message{border-radius:0;border:0;padding:8px 20px;flex-shrink:0}.preview-content{height:60dvh;min-height:250px;overflow:auto;background:#f3f6ed;display:flex;align-items:center;justify-content:center}.preview-content.dark{background:#19241b}.preview-image{display:block;max-height:100%;max-width:100%;object-fit:contain}.preview-content>video{display:block;max-height:100%;max-width:100%;outline:0}.preview-content>iframe{width:100%;height:100%;border:0}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 20px;border-top:1px solid var(--line);flex-shrink:0;font-size:9px;color:#9bab89}.preview-footer>div:first-child{display:flex;align-items:center;gap:6px}.file-kind-dot{width:5px;height:5px;background:#b7c7a0;border-radius:50%;display:inline-block}.preview-footer .button-row{gap:12px}.preview-footer .icon-button{width:27px;height:27px}.unsupported{text-align:center;padding:40px 25px;max-width:390px}.unsupported .file-art{margin-bottom:25px}.unsupported h3{font-size:18px;overflow-wrap:anywhere}.unsupported p{color:#a0ae90;font-size:12px;margin:15px 0 25px}.text-preview{width:100%;height:100%;margin:0;padding:25px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.8;font-size:12px;color:#778967;tab-size:4}.text-editor{width:100%;height:100%;display:flex;flex-direction:column}.editor-label{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#eff4e7;color:#98ab82;font-size:9px;gap:12px}.text-editor textarea{width:100%;height:100%;border:none!important;border-radius:0;resize:none;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.8;background:#fcfdf9;padding:25px;color:#607650;outline:none;box-shadow:none}.version-list{width:100%;align-self:flex-start;padding:22px;overflow:auto}.version-list>.muted{margin-bottom:20px}.version-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5edda;padding:17px 0}.version-number{display:flex;align-items:center;justify-content:center;font-size:13px;width:38px;height:38px;border-radius:8px;background:#e5eed7;color:#8fae73}.version-row>div{flex:1}.version-row strong{display:block;font-size:12px;font-weight:500}.version-row small{display:block;font-size:10px;color:#a1af91;margin-top:5px}.audio-preview{display:flex;flex-direction:column;align-items:center;gap:25px;max-width:90%}.audio-cover{display:flex;align-items:center;justify-content:center;background:#e5e5d4;color:#adad80;width:150px;height:150px;border-radius:25px;box-shadow:0 25px 35px #87936722}.audio-preview h3{overflow-wrap:anywhere;text-align:center;font-size:14px;color:#889f70}.audio-preview audio{max-width:100%}.photo-editor{display:flex;width:100%;height:100%;min-width:0}.photo-canvas{background:#202b20;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:20px}.photo-canvas>canvas{max-width:100%;max-height:100%;object-fit:contain}.photo-editor>aside{background:#f4f7ed;width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:15px;padding:23px;overflow:auto}.photo-editor aside h3{font-size:19px}.photo-editor aside p{font-size:10px;color:#9caf88;line-height:1.8}.photo-editor aside .button{font-size:9px;min-height:33px;padding:9px}.photo-editor aside label{font-size:10px;color:#92a67d;display:block;margin-top:5px}.photo-editor aside label>span{float:right;font-size:9px}.photo-editor aside input{margin-top:11px}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 35px}.admin-metrics>div{border:1px solid var(--line);border-radius:12px;background:#fcfdf9;padding:18px 22px;display:grid;grid-template-columns:35px 1fr;column-gap:13px;row-gap:8px;align-items:center}.metric-icon{grid-row:span 2;width:35px;height:40px;background:#edf3e4;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#9cb382}.admin-metrics>div>span:not(.metric-icon){font-size:9px;color:#a0ae91}.admin-metrics strong{font-size:24px;letter-spacing:-.8px;font-weight:500;color:#687e52;line-height:1.1}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:19px}.account-card{background:#fdfefa;border:1px solid var(--line);border-radius:14px;padding:23px}.account-card>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.color-0{background:#e6eddb;color:#89a269}.color-1{background:#ece8da;color:#b5a570}.color-2{background:#ebe7f0;color:#a59ab7}.color-3{background:#f0e8df;color:#b59e7f}.account-card h3{font-size:18px;letter-spacing:-.5px}.account-card>p{font-size:10px;color:#9aa88b;margin-top:6px;overflow-wrap:anywhere}.account-role{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b9f77;margin:14px 0 21px}.account-storage>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#9cab8d;margin-bottom:9px}.account-storage small{font-size:8px;color:#acb89f;display:block;margin-top:10px}.account-card>footer{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.server-tabs{margin:0 0 25px}.server-hero{display:flex;align-items:center;gap:30px;border:1px solid #dfe8d1;background:linear-gradient(110deg,#eef3e7,#e3ecd5);border-radius:16px;padding:30px;margin-bottom:23px}.server-machine{width:125px;position:relative;flex-shrink:0;padding-bottom:10px}.machine-screen{height:80px;width:107px;background:#3c4d37;border:5px solid #b8c7a4;border-radius:7px 7px 4px 4px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto;box-shadow:0 10px 20px #86987322}.machine-screen .brand-symbol{width:24px;height:24px;font-size:23px;background:#3c4d37;color:#cfdfa8}.machine-base{height:7px;background:#adbd96;width:125px;border-radius:2px 2px 10px 10px;margin-top:2px}.machine-led{position:absolute;width:3px;height:3px;background:#a8d173;border-radius:50%;bottom:7px;right:7px}.server-hero h2{font-size:25px;letter-spacing:-1px;font-weight:500;color:#607b4b;margin:10px 0 8px}.server-hero .eyebrow{font-size:7px;letter-spacing:1.5px;color:#92a77b}.server-hero p{font-size:10px;color:#9bae89;margin-bottom:11px}.server-hero-number{margin-left:auto;text-align:right;white-space:nowrap}.server-hero-number strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:450;color:#79965f}.server-hero-number span{display:block;font-size:9px;color:#9daf8c;margin-top:6px}.server-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fdfefa;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.panel-title{display:flex;align-items:center;gap:11px;margin-bottom:23px}.panel-title h3{font-size:13px;font-weight:550;line-height:1.5}.panel>.muted,.panel>p{font-size:11px;color:#9aab87;line-height:1.8}.panel>.button-row{margin-top:20px}.panel h2{font-size:27px;letter-spacing:-1px;color:#718b58;font-weight:450;margin:15px 0 12px}.disk-amount{display:flex;flex-direction:column;gap:7px;margin:25px 0 22px}.disk-amount strong{font-size:32px;font-weight:450;letter-spacing:-1.3px;color:#789462}.disk-amount>span{font-size:9px;color:#acb79e}.progress-track.disk{height:9px;background:#e7efda;margin-bottom:19px}.progress-track.disk>span{background:#a9bd8e}.disk-legend{display:flex;flex-direction:column;gap:11px;font-size:9px;color:#a0b28d;margin-bottom:25px}.disk-legend>span{display:flex;align-items:center;gap:7px}.disk-legend i{width:6px;height:6px;border-radius:2px;background:#a9bd8e}.disk-legend>span:last-child i{background:#d7e5c3}.ai-panel>p{margin-bottom:20px}.ai-panel .badge{font-size:8px;letter-spacing:.5px}.ai-progress{margin-bottom:17px}.ai-progress strong{font-size:13px;font-weight:500;color:#89a36f;display:block;margin-bottom:10px}.ai-progress strong>span{font-size:9px;font-weight:400;color:#a7b698}.ai-panel>.muted{display:block;font-size:9px}.ai-panel>.code-box{margin-top:14px}.processing-counts{display:flex;gap:28px;margin:30px 0}.processing-counts>div{display:flex;flex-direction:column;gap:8px}.processing-counts strong{font-size:26px;color:#8ba870;font-weight:450}.processing-counts span{font-size:9px;color:#a9b99a}.panel .form-stack{margin-bottom:25px}.panel .form-stack>button{align-self:flex-start}.data-location{border-top:1px solid var(--line);padding-top:15px}.data-location small{display:block;color:#a6b598;font-size:8px;margin-bottom:8px}.data-location code{font-size:9px;color:#99ad84;overflow-wrap:anywhere}.wide-panel{grid-column:1/-1}.simple-steps{padding-left:20px;color:#91a87b;font-size:11px;margin:20px 0}.simple-steps li{padding-left:5px;margin:13px 0}.simple-steps strong{font-size:11px;font-weight:550}.simple-steps p{font-size:10px;color:#a3b592;margin-top:6px}.panel>h3{margin-top:24px}.activity-row{display:flex;align-items:flex-start;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.activity-dot{width:7px;height:7px;border-radius:50%;background:#bed09f;flex-shrink:0;margin-top:5px}.activity-row>div{flex:1;min-width:0}.activity-row strong{display:block;font-size:11px;color:#849b6b;font-weight:500}.activity-row span:not(.activity-dot){display:block;font-size:9px;color:#a8b898;margin-top:7px;overflow-wrap:anywhere}.activity-row time{font-size:8px;color:#b2bea3;white-space:nowrap;padding-top:3px}.panel>.section-heading{margin-top:0}.panel>.section-heading h2{font-size:16px;margin:0}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#f8faf4}.auth-story{background:#283e2d;color:#ecf4df;padding:39px 48px 27px;position:relative;display:flex;flex-direction:column;overflow:hidden}.auth-story:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #6f815835;left:-90px;bottom:-220px;border-radius:50%;pointer-events:none}.auth-message{margin:auto 0;position:relative;z-index:1;padding-top:43px;padding-bottom:25px}.auth-message>.eyebrow{font-size:8px;letter-spacing:1.7px;color:#b8cda2;margin-bottom:23px}.auth-message h1{font-size:64px;line-height:1.04;font-weight:450;letter-spacing:-3px}.auth-message h1 em{font-family:Georgia,serif;font-weight:400;color:#d5e7b5}.auth-message>p{font-size:12px;color:#a7bda0;margin-top:23px;line-height:1.9}.auth-art{height:220px;margin-top:28px;position:relative;max-width:400px}.art-card{position:absolute;border:5px solid #eef4e5;box-shadow:0 15px 40px #12251844;border-radius:8px}.art-photo{width:156px;height:184px;left:30px;top:10px;background:linear-gradient(#9cac9a,#dbcfa9);transform:rotate(-13deg);border-bottom-width:29px;overflow:hidden}.art-mountain{width:230px;height:130px;border-radius:45% 55% 0 0;position:absolute;left:-40px;top:83px;background:#78916f;transform:rotate(-19deg);box-shadow:70px 35px #405e49}.art-sun{position:absolute;right:24px;top:28px;width:27px;height:27px;border-radius:50%;background:#f0e4c1}.art-photo>span{position:absolute;font-size:7px;color:#789260;left:7px;bottom:-19px;white-space:nowrap}.art-photo{overflow:visible}.art-doc{width:124px;height:153px;border:0;left:168px;top:48px;background:#f0f4e7;padding:17px;color:#97ac7d;transform:rotate(13deg)}.art-doc>div{width:80%;height:4px;background:#dce6cd;border-radius:3px;margin-top:16px}.art-doc>div+div{margin-top:7px;width:60%}.art-doc small{display:block;font-size:7px;margin-top:17px}.art-chip{position:absolute;bottom:8px;left:30px;background:#e5eed8;color:#7f9a65;font-size:8px;padding:9px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;transform:rotate(-4deg);box-shadow:0 5px 15px #11241622}.auth-foot{display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.6px;color:#7c9770;z-index:1;margin-top:25px}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:40px}.auth-box{width:335px;max-width:100%}.auth-box>.status-pill{margin-bottom:40px;font-size:9px;background:#f1f6e9}.auth-box>.eyebrow{font-size:7px;letter-spacing:1.5px;color:#9aae83;margin-bottom:13px}.auth-box>h2{font-size:36px;font-weight:450;letter-spacing:-1.5px;color:#526e3e;line-height:1.15}.auth-description{font-size:11px;color:#9bad88;line-height:1.85;margin:15px 0 28px}.auth-box .form-stack{gap:21px}.auth-box .form-stack label{font-size:10px;color:#7f976b}.auth-box .form-stack input{font-size:11px;background:#fcfef8;border-color:#dce7d0}.auth-box .form-stack input::placeholder{color:#b1bfa3}.auth-box .form-stack>.button{background:#385631;font-size:11px;margin-top:4px;min-height:44px;justify-content:space-between;padding:12px 15px}.password-field{position:relative}.password-field>input{padding-right:60px!important}.password-field>button{position:absolute;right:12px;top:0;height:100%;font-size:9px;color:#9eb48a}.auth-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#a9b99b;margin-top:-3px}.auth-wake-link{font-size:9px;margin-top:30px;justify-content:center;width:100%;color:#9bb084}.local-label{margin-top:48px;font-size:6px;letter-spacing:1.7px;color:#b0bfa0;display:flex;justify-content:space-between}.local-label>span{letter-spacing:0;font-size:7px}.auth-mobile-logo{display:none}.auth-box>.wake-panel{margin-top:30px;border-top:1px solid var(--line);padding-top:21px}.auth-box .wake-panel>.muted{font-size:10px}.auth-layout+.toast{left:50%}@media(min-width:1450px){.home-hero{height:320px;padding:34px 42px}.hero-copy h1{font-size:52px}.hero-copy p{font-size:12px}.hero-art{right:45px;transform:scale(1.13);transform-origin:60% 50%}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.entry-visual{height:160px}.type-summary-card{padding:20px}.type-summary-card strong{font-size:12px}.type-summary-card small{font-size:9px}.home-hero .hero-copy .button{font-size:10px;margin-top:5px}}@media(max-height:850px)and (min-width:801px){.auth-message h1{font-size:53px}.auth-message{padding-top:25px}.auth-art{height:185px;transform:scale(.85);transform-origin:top left;margin-bottom:-20px}.sidebar{padding-top:24px}.workspace-label{margin-bottom:23px}.nav-section{margin-bottom:18px}.nav-item{padding-top:9px;padding-bottom:9px}.storage-mini{padding-top:14px;padding-bottom:14px}}@media(max-width:1180px){:root{--sidebar:215px}.sidebar{padding-left:13px;padding-right:13px}.main-content{padding:26px}.topbar{padding-left:26px;padding-right:26px}.global-search{width:230px}.topbar-crumb{font-size:9px;gap:7px}.type-summary{gap:9px}.type-summary-card{padding:13px 9px;gap:8px}.type-summary-card small>span{display:none}.type-summary-icon{width:31px;height:35px}.type-summary-icon svg{width:20px}.type-summary-card>svg{display:none}.hero-photo{right:80px;width:155px;height:186px;top:37px}.hero-file{right:15px;top:100px;width:112px;height:138px;padding:13px}.hero-lock{left:-4px;bottom:27px}.hero-copy h1{font-size:39px}.hero-art{width:45%}.home-hero{padding:31px 28px;height:282px}.hero-file>span{margin-bottom:9px;width:28px;height:32px}.hero-index{font-size:5px}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:13px}.entry-visual{height:125px}.server-hero{gap:19px;padding:22px}.server-machine{transform:scale(.85);width:115px;transform-origin:left center}.server-hero-number strong{font-size:25px}.admin-metrics>div{padding:16px;column-gap:10px}.account-card{padding:20px}.sidebar .workspace-label{font-size:6px;letter-spacing:1px}.entry-list .entry-type,.list-head>span:nth-child(2){display:none}}@media(max-width:960px){:root{--sidebar:190px}.sidebar{padding-left:9px;padding-right:9px}.brand-link{margin-left:13px}.nav-item{font-size:11px;gap:9px}.nav-label{font-size:7px}.sidebar .workspace-label .badge{display:none}.topbar{padding:0 23px;height:69px}.topbar-crumb>strong{max-width:85px}.global-search{width:205px}.topbar-actions{gap:6px}.main-content{padding:25px 23px}.home-hero{height:255px;padding:26px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:9px;margin:12px 0 16px}.hero-copy .button{font-size:8px}.hero-copy .eyebrow{font-size:6px}.hero-art{width:44%;transform:scale(.86);transform-origin:75% 50%}.hero-lock{display:none}.type-summary{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0 24px}.type-summary-card{padding:13px 16px}.type-summary-card strong{font-size:10px}.type-summary-card small>span{display:inline}.type-summary-icon{width:34px;height:36px}.page-title h1{font-size:27px}.page-title .eyebrow{font-size:7px}.server-panels{gap:13px}.panel{padding:18px}.panel-title{gap:8px}.panel-title h3{font-size:11px}.panel-title .setting-icon{width:31px;height:31px}.server-hero-number{display:none}.auth-story{padding:34px}.auth-message h1{font-size:51px}.auth-form-area{padding:30px}.admin-metrics{gap:10px}.admin-metrics>div{grid-template-columns:1fr;padding:16px}.metric-icon{display:none}.admin-metrics strong{font-size:24px}.admin-metrics>div>span:not(.metric-icon){font-size:8px}.activity-row time{font-size:7px}.auth-art{transform:scale(.85);transform-origin:left top;margin-bottom:-20px}.auth-message{padding-top:25px}}@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:244px;transform:translate(-100%);transition:transform .2s;padding:29px 17px 0;z-index:90;box-shadow:10px 0 40px #243b171a}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;z-index:85;background:#23361f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sidebar .workspace-label .badge{display:inline}.sidebar .workspace-label{font-size:7px}.nav-item{font-size:12px;padding:11px 13px}.nav-label{font-size:8px}.sidebar .nav-section{margin-bottom:25px}.mobile-menu{display:inline-flex}.workspace{width:100%;margin:0}.topbar{height:68px;gap:12px;padding:0 23px}.topbar-crumb{font-size:10px}.topbar-left,.topbar-actions{gap:9px}.global-search{width:230px}.topbar-crumb>strong{max-width:100px}.main-content{padding:24px 27px;min-height:calc(100dvh - 68px)}.home-hero{height:280px;padding:31px}.hero-copy h1{font-size:43px}.hero-copy p{font-size:10px}.hero-copy .eyebrow{font-size:7px}.hero-copy .button{font-size:9px}.hero-art{transform:scale(1);right:5px}.hero-photo{top:33px}.hero-file{top:100px}.type-summary{grid-template-columns:repeat(4,1fr)}.type-summary-card{padding:12px 9px;gap:8px}.type-summary-card small>span{display:none}.type-summary-card strong{font-size:9px}.type-summary-card small{font-size:7px}.type-summary-icon{width:29px;height:32px}.type-summary-icon svg{width:18px}.drop-zone{inset:85px 15px 15px}.toast,.selection-bar{left:50%}.auth-message h1{font-size:44px}.auth-story{padding:30px}.auth-story>.brand{font-size:28px}.auth-message>p{font-size:10px}.auth-message>.eyebrow{font-size:6px}.auth-art{transform:scale(.7);margin-bottom:-55px}.auth-box>h2{font-size:30px}.auth-box .form-stack{gap:17px}.auth-description{font-size:10px}.local-label{margin-top:30px}.auth-box>.status-pill{margin-bottom:30px}.offline-banner,.owner-banner{padding:10px 25px}.owner-banner .admin-access-label{display:none}.photo-editor>aside{width:195px;padding:20px}.profile-button small,.storage-mini small{font-size:8px}}@media(max-width:620px){.topbar-crumb{display:none}.topbar{padding:0 16px;gap:7px;height:64px}.topbar-left{gap:0}.topbar-actions{flex:1;gap:6px;justify-content:flex-end}.global-search{width:auto;flex:1;height:35px;max-width:400px;padding-left:10px}.global-search input:not([type=range]){font-size:10px}.global-search>svg{width:16px}.search-hint{display:none}.upload-button{min-height:34px;padding:8px 10px;gap:6px}.upload-button>span{font-size:10px}.transfer-trigger{width:27px}.main-content{padding:24px 19px 25px}.welcome-line{font-size:11px;margin-bottom:18px}.welcome-line>span:last-child{font-size:7px}.home-hero{height:271px;padding:26px 23px;border-radius:14px}.hero-copy{width:67%}.hero-copy h1{font-size:37px;letter-spacing:-1.7px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:16px}.hero-copy p{font-size:8.5px;margin:14px 0 18px}.hero-copy .button{font-size:8px;padding:9px 10px;gap:10px;min-height:30px}.hero-copy .button svg{width:14px}.hero-art{width:40%;transform:scale(.8);right:-21px;transform-origin:100% 70%}.hero-photo{right:19px;top:38px;width:128px;height:160px;transform:rotate(-12deg);border-width:5px;border-bottom-width:24px}.hero-file{right:-13px;top:134px;width:104px;height:128px;padding:12px;transform:rotate(10deg)}.hero-file>span{width:27px;height:30px;margin-bottom:8px}.hero-file strong{font-size:8px}.hero-file i{height:2px}.hero-file small{font-size:4px;margin-top:8px}.hero-photo>span{font-size:5px;bottom:-18px;left:3px}.hero-photo .photo-land{top:75px;width:200px;height:90px}.hero-photo .photo-land.land-front{top:106px}.hero-photo .photo-sun{width:22px;height:22px;top:22px;right:17px}.hero-spark{right:8px;top:3px;font-size:22px}.hero-orbit.orbit-one{right:-60px;width:285px;height:285px;top:-15px}.hero-orbit.orbit-two{right:-10px;top:40px;width:180px;height:180px}.hero-index{font-size:4px;right:14px;bottom:13px;letter-spacing:1px}.type-summary{grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0 27px}.type-summary-card{padding:13px 12px;gap:10px;border-radius:10px}.type-summary-card strong{font-size:10px}.type-summary-card small{font-size:8px}.type-summary-icon{width:33px;height:36px}.type-summary-icon svg{width:21px}.type-summary-card small>span{display:inline;font-size:7px}.section-heading{margin-bottom:15px;gap:10px}.section-heading h2{font-size:14px}.library-controls{gap:12px}.library-heading .text-button{font-size:8px;gap:5px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.entry-visual{height:111px;margin:5px 5px 0}.entry-info{padding:10px 9px}.entry-info h3{font-size:10px}.entry-info div>span{font-size:7px}.entry-info i{margin:0 3px}.entry-menu{width:17px;min-width:17px}.entry-menu svg{width:16px}.entry-check{top:11px;left:11px;opacity:1}.select-check{width:18px;height:18px;border-radius:5px;border-color:#cfdbc1;background:#ffffffd9}.entry-card.folder .entry-visual{height:80px}.file-art>svg{width:32px;height:32px}.file-art>span{font-size:7px;letter-spacing:.5px}.entry-list .entry-card{padding-left:2px;height:59px;padding-right:6px}.entry-list .entry-check{margin-right:9px}.entry-list .entry-info{margin-right:5px}.entry-list .entry-date,.list-head>span:nth-child(3){display:none}.entry-list .entry-size,.list-head>span:last-child{width:52px;font-size:8px}.entry-list .entry-info h3{font-size:10px}.entry-list .entry-visual{width:30px;height:34px;margin-right:10px}.list-head{font-size:7px;padding-left:2px}.home-footer{font-size:7px;margin-top:25px}.home-footer>span:last-child{display:none}.page-title{margin:4px 0 27px;align-items:flex-start;gap:12px}.page-title h1{font-size:27px;letter-spacing:-1px}.page-title .eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:12px}.page-title p{font-size:10px;margin-top:10px;line-height:1.8}.page-title>.button{font-size:9px;padding:10px 11px;min-height:33px;gap:5px;align-self:flex-start;margin-top:12px}.page-title>.button>svg{width:14px}.page-title>.status-pill{font-size:8px;padding:7px;gap:5px}.page-title .status-pill>.status-dot{width:4px;height:4px}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:18px}.filter-chips{max-width:100%;gap:6px}.filter-chips button{font-size:8px;padding:6px 10px}.sort-select{font-size:8px;margin-left:auto;min-height:23px!important}.empty{padding:26px 12px 35px;min-height:280px}.empty-art{transform:scale(.9);margin-bottom:9px}.empty h3{font-size:16px}.empty p{font-size:10px;max-width:280px}.empty .button{font-size:9px;margin-top:19px}.photos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.photo-tile{border-radius:6px;aspect-ratio:.95}.photo-tile .entry-visual{border-radius:6px;margin:0}.photo-tile .entry-info{display:none}.photo-tile .entry-check{top:6px;left:6px}.photo-tile .select-check{width:15px;height:15px;border-radius:4px}.photo-tile .favorite-mark{width:17px;height:17px;right:5px;top:5px}.photo-tile .favorite-mark>svg{width:10px}.photo-tile .video-duration{left:5px;bottom:5px;padding:3px 4px;font-size:6px;gap:3px}.photo-tile .video-duration>svg{width:9px}.timeline-label h3{font-size:11px}.timeline-label>span{font-size:7px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.album-cover{border-radius:11px}.album-card h3{font-size:12px;margin-top:14px}.album-card p{font-size:9px}.album-cover>span{padding:5px;left:8px;bottom:8px}.album-cover>span>svg{width:14px}.modal-backdrop{padding:12px}.modal{padding:21px;border-radius:15px;max-height:93dvh}.modal-head{margin-bottom:20px}.modal-head h2{font-size:19px}.modal .form-stack{gap:17px}.form-stack label{font-size:10px}.form-stack input,.form-stack select,.form-stack textarea{font-size:12px}.toast{font-size:10px;bottom:20px;width:max-content;max-width:calc(100vw - 30px);padding:12px 13px;gap:8px}.selection-bar{bottom:max(20px,env(safe-area-inset-bottom));padding:10px 12px;gap:12px;max-width:95vw}.selection-bar strong{font-size:10px}.selection-bar>button:not(.icon-button)>span{display:none}.selection-bar>button:not(.icon-button){font-size:9px}.transfer-panel{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.offline-banner,.owner-banner{padding:11px 18px;gap:9px;font-size:9px;line-height:1.6}.offline-banner button,.owner-banner button{font-size:8px;white-space:nowrap}.owner-banner>svg{display:none}.preview-modal{padding:0;max-height:94dvh;border-radius:12px}.preview-modal .modal-head{padding:13px 14px}.preview-modal .modal-head h2{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-toolbar{padding:8px 10px;gap:5px}.preview-toolbar .segmented{padding:3px;gap:0}.preview-toolbar .segmented>button{font-size:8px;padding:7px 8px}.preview-toolbar>.button-row{gap:0}.preview-toolbar>.button-row>.icon-button{width:25px}.preview-toolbar>.button-row svg{width:16px}.preview-content{height:66dvh;min-height:270px}.preview-footer{font-size:7px;padding:10px 12px;gap:8px}.preview-footer>.button-row{gap:5px}.preview-footer>.button-row>.icon-button{width:20px;height:20px}.preview-footer svg{width:15px}.photo-editor{flex-direction:column}.photo-canvas{height:70%;padding:15px}.photo-editor>aside{width:100%;height:40%;min-height:160px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.photo-editor aside>h3,.photo-editor aside>p{display:none}.photo-editor aside label{font-size:9px}.photo-editor aside>.button:last-child{grid-column:1/-1}.text-preview{font-size:11px;padding:20px}.text-editor textarea{padding:20px;font-size:11px}.editor-label{padding:9px 14px;font-size:8px}.admin-metrics{gap:9px;margin:23px 0 28px}.admin-metrics>div{padding:13px}.admin-metrics>div>span:not(.metric-icon){font-size:7px;line-height:1.7}.admin-metrics strong{font-size:22px}.account-grid{grid-template-columns:1fr;gap:14px}.account-card{padding:21px}.account-card .avatar.huge{width:47px;height:47px;font-size:18px;border-radius:14px}.account-card>header{margin-bottom:16px}.account-card h3{font-size:18px}.section-heading>.muted{display:none}.server-tabs{max-width:100%;overflow-x:auto;display:flex;padding:3px;gap:0;margin-bottom:21px}.server-tabs>button{font-size:9px;padding:8px 10px}.server-panels{grid-template-columns:1fr;gap:15px}.panel{padding:22px}.panel-title h3{font-size:13px}.server-hero{padding:19px 15px;gap:9px;margin-bottom:16px}.server-machine{width:97px;transform:scale(.7);transform-origin:left center;margin-right:-10px}.server-hero h2{font-size:22px}.server-hero .eyebrow{font-size:6px;letter-spacing:1px}.server-hero p{font-size:8px}.server-hero .badge{font-size:7px;padding:4px 6px}.server-hero .button-row{gap:5px}.panel>.section-heading h2{font-size:14px}.activity-row{gap:9px;flex-wrap:wrap}.activity-row>div{flex-basis:75%}.activity-row time{margin-left:16px;margin-top:-7px;font-size:8px}.activity-row strong{font-size:10px}.activity-row span:not(.activity-dot){font-size:8px}.auth-layout{display:block;min-height:100dvh;background:#f4f8ec}.auth-story{display:none}.auth-form-area{display:flex;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:34px 27px 24px}.auth-mobile-logo{display:block;width:100%;max-width:365px;margin-bottom:48px}.auth-mobile-logo .brand{font-size:31px}.auth-box{width:365px;margin:auto 0}.auth-box>.status-pill{font-size:9px;margin-bottom:29px}.auth-box>.eyebrow{font-size:7px}.auth-box>h2{font-size:36px}.auth-description{font-size:12px;line-height:1.9;margin-top:16px;margin-bottom:30px;color:#94a681}.auth-box .form-stack{gap:21px}.auth-box .form-stack label{font-size:11px}.auth-box .form-stack input{min-height:48px;font-size:12px}.auth-box .form-stack>.button{min-height:48px;font-size:12px}.auth-note{font-size:9px}.local-label{margin-top:39px;font-size:7px}.auth-wake-link{font-size:10px}.auth-box .wake-panel{margin-top:30px}.auth-box .wake-panel>.muted{font-size:11px}.auth-box>.button{min-height:45px}.auth-form-area .brand-symbol{height:31px;width:31px}.auth-layout+.toast{left:50%}.settings-section>h3{font-size:14px}.inline-title h3{font-size:15px}.setting-icon{width:33px;height:33px}.auth-note{margin-top:0}.context-menu{max-height:80dvh;overflow:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(pointer:coarse){.entry-check,.photo-tile .entry-info{opacity:1}.photo-tile .entry-info h3{font-size:8px}.photo-tile .entry-info div>span{display:none}}.hero-photo,.art-photo{overflow:hidden}.hero-photo>span,.art-photo>span{display:none}.entry-info h3{font-size:12px}.entry-info div>span{font-size:9px}.nav-item{font-size:12px}.global-search input:not([type=range]){font-size:12px}.type-summary-card strong{font-size:11px}.type-summary-card small{font-size:9px}@media(max-width:620px){.entry-info h3{font-size:11px}.entry-info div>span{font-size:8px}.global-search input:not([type=range]){font-size:11px}.type-summary-card strong{font-size:11px}.type-summary-card small{font-size:8px}.type-summary-card small>span{display:none}.hero-copy h1{font-size:34px}.hero-copy{width:74%}.hero-art{right:-35px}.entry-list .entry-info h3{font-size:11px}}@media(max-width:380px){.home-hero{height:281px;padding:24px 21px}.hero-copy h1{font-size:31px;line-height:1.06}.hero-copy{width:78%}.hero-art{right:-43px;transform:scale(.69)}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px}.hero-copy p{font-size:9px}.type-summary-card{gap:8px;padding:12px 10px}.type-summary-icon{width:29px;height:33px}}:root{--muted:#6a785f}.nav-item{font-size:13px;color:#63735a}.topbar-crumb{font-size:11px;color:#718064}.entry-info div>span,.entry-list .entry-date,.entry-list .entry-type,.entry-list .entry-size,.list-head,.sort-select{color:#6d7b62}.entry-info div>span{font-size:10px}.type-summary-card small{color:#6f7d64}.page-title p,.empty p,.auth-description,.install-guide p,.panel>p,.panel>.muted,.disk-legend,.disk-amount>span,.account-card>p,.account-storage>div:first-child,.account-storage small,.session-row small,.profile-summary p{color:#697c5b}.form-stack label,.auth-box .form-stack label,.password-field>button,.auth-wake-link{color:#60784e}.filter-chips button{font-size:10px;color:#657a53}.empty p{font-size:12px}.auth-note,.auth-box .auth-note{color:#6e815e}@media(max-width:620px){.entry-info div>span{font-size:9px}.entry-list .entry-info h3{font-size:11px}.type-summary-card small{font-size:9px}.auth-description,.form-stack label,.auth-box .form-stack label{font-size:12px}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--surface:#fff;--surface-soft:#f0f3eb;--accent:#385632;--topbar-height:79px;color-scheme:light}html,body,#root{min-height:100%;background:var(--paper);color:var(--ink)}body{overscroll-behavior-y:none}.app-shell{padding-left:var(--safe-left);padding-right:var(--safe-right)}.topbar{height:calc(var(--topbar-height) + var(--safe-top));padding-top:var(--safe-top);background:var(--paper)}.sidebar{padding-top:calc(29px + var(--safe-top));padding-bottom:var(--safe-bottom);left:var(--safe-left);height:100svh}.main-content{padding-bottom:calc(30px + var(--safe-bottom))}.auth-form-area{padding-top:calc(40px + var(--safe-top));padding-bottom:calc(30px + var(--safe-bottom))}.auth-story{padding-top:calc(39px + var(--safe-top))}.modal-backdrop{padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left))}.modal{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px);background:var(--surface);border-color:var(--line)}.modal-head{flex-shrink:0}.modal-head .icon-button{width:44px;height:44px}.selection-bar,.toast{bottom:calc(20px + var(--safe-bottom))}.transfer-panel{bottom:calc(16px + var(--safe-bottom));right:calc(16px + var(--safe-right));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px)}.transfer-items{max-height:min(350px,50dvh)}.context-menu{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);overflow-y:auto}.settings-trigger{color:var(--accent)}.entry-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.entry-card img{-webkit-user-drag:none;pointer-events:none}.entry-check{opacity:0!important;pointer-events:none}.selecting .entry-check{opacity:1!important;pointer-events:auto}.entry-list .entry-check{position:static}.entry-card:focus-visible{outline-offset:2px}.select-check{box-shadow:0 1px 5px #0003}.selecting .photo-tile.selected .entry-visual{transform:scale(.91);border-radius:9px}.photo-tile .entry-visual{transition:transform .16s ease}.photos-grid{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.photo-tile{aspect-ratio:1;border-radius:8px;background:var(--surface-soft);border:0}.photo-tile .entry-visual{height:100%;width:100%;margin:0;border-radius:inherit}.photo-tile .entry-info{display:none}.photo-tile .entry-visual>img{object-fit:cover}.timeline-label h3{text-transform:capitalize;font-size:15px}.timeline-label>span{color:var(--muted);font-size:11px}.timeline>section{margin-bottom:30px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 23px;flex-wrap:wrap}.date-grouping{background:var(--surface-soft)}.date-grouping>button{font-size:12px;min-height:36px;padding:8px 17px}.density-control{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.density-control select{width:auto;font-size:12px;min-height:38px;padding:8px 24px 8px 10px;border-color:var(--line);background:var(--surface)}[data-density=large] .photos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-density=small] .photos-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}[data-density=tiny] .photos-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}[data-density=tiny] .photo-tile,[data-density=small] .photo-tile{border-radius:4px}.settings-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.settings-tabs>button{flex:0 0 auto;min-height:40px;font-size:11px;padding:8px 12px}.settings-block{padding:24px 0;border-bottom:1px solid var(--line)}.settings-block:last-of-type{border-bottom:0;padding-bottom:6px}.settings-block>p{margin-top:14px}.settings-block>.button{margin-top:15px}.connection-data{display:flex;flex-direction:column;gap:15px;margin:20px 0}.connection-data label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.connection-data input{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;background:var(--surface-soft)!important;border-color:var(--line)!important}.connection-settings .inline-title p,.appearance-settings .inline-title p{color:var(--muted);font-size:12px;line-height:1.6}.theme-options,.power-options{display:flex;flex-direction:column;gap:9px;margin-top:22px}.theme-options>button,.power-option{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);color:var(--muted);width:100%}.theme-options>button>span,.power-option>span{flex:1}.theme-options strong,.power-option strong{display:block;font-size:13px;font-weight:550;color:var(--ink)}.theme-options small,.power-option small{display:block;font-size:11px;margin-top:5px;line-height:1.65}.theme-options>button.active,.power-option.active{border-color:#88a66b;background:var(--surface-soft);color:var(--accent)}.appearance-settings{padding:20px 0 5px}.advanced-settings{margin-top:20px}.advanced-settings summary{cursor:pointer;font-size:12px;color:var(--accent);padding:12px 0}.sleep-confirm{margin-top:18px;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.sleep-confirm p{color:var(--muted);font-size:12px;margin:10px 0 18px}.media-backdrop{background:#0e1411e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-lightbox{height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px);max-height:none}.photo-lightbox .preview-content{flex:1;min-height:0;height:auto}.photo-lightbox .preview-content.dark{overflow:hidden;background:#0f1512}.preview-modal .modal-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal .modal-head{align-items:center;min-height:60px}.photo-viewer{width:100%;height:100%;min-height:0;position:relative;overflow:hidden;background:#0f1512}.photo-stage{position:absolute;inset:0 0 78px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in}.photo-stage.zoomed{cursor:grab}.photo-stage.zoomed:active{cursor:grabbing}.photo-stage>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;will-change:transform;-webkit-touch-callout:none;pointer-events:none}.photo-loading{position:absolute;left:50%;top:50%;margin:-10px}.photo-zoom-controls{position:absolute;bottom:29px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:3px 5px;border-radius:30px;background:#29352ad9;border:1px solid #576b584d;color:#e6eede;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.photo-zoom-controls .icon-button{color:#e2ebda;width:40px;height:36px;border-radius:50%}.photo-zoom-controls .icon-button:hover{background:#51644c;color:#fff}.photo-zoom-controls .zoom-value{min-width:54px;height:36px;font-variant-numeric:tabular-nums;color:#dfe9d6;font-size:11px}.photo-zoom-controls>span{width:1px;height:17px;background:#73866b77;margin:0 4px}.photo-gesture-hint{position:absolute;bottom:7px;left:0;width:100%;color:#9ba895;font-size:9px;text-align:center;line-height:1.4;padding:0 12px;pointer-events:none}.preview-footer{color:var(--muted)}.preview-footer>div:first-child{min-width:0;flex-wrap:wrap;line-height:1.5}.preview-footer .icon-button{width:38px;height:38px}:root[data-theme=dark]{--paper:#141b16;--ink:#e7eee0;--muted:#a6b79e;--line:#344334;--green:#cce1ae;--lime:#cce1ae;--surface:#1c271e;--surface-soft:#273628;--accent:#cce1ae;color-scheme:dark;color:var(--ink);background:var(--paper)}[data-theme=dark] .sidebar{background:#19221b}[data-theme=dark] .brand,[data-theme=dark] .page-title h1,[data-theme=dark] .section-heading h2,[data-theme=dark] .modal-head h2{color:var(--ink)}[data-theme=dark] .brand-symbol{color:#1b2a1b;background:#cce1ae}[data-theme=dark] .nav-item,[data-theme=dark] .topbar-crumb,[data-theme=dark] .topbar-crumb strong,[data-theme=dark] .profile-button small,[data-theme=dark] .nav-label,[data-theme=dark] .workspace-label,[data-theme=dark] .welcome-line{color:var(--muted)}[data-theme=dark] .nav-item:hover,[data-theme=dark] .nav-item.active{background:#2c3e29;color:#d6e9bb}[data-theme=dark] .global-search,[data-theme=dark] .segmented,[data-theme=dark] .code-box,[data-theme=dark] .entry-visual,[data-theme=dark] .entry-card.folder .entry-visual,[data-theme=dark] .preview-content,[data-theme=dark] .editor-label{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}[data-theme=dark] .global-search input::placeholder{color:#9bad91}[data-theme=dark] .segmented>button{color:var(--muted)}[data-theme=dark] .segmented>button.active{background:#3d5235;color:#e8f4d8;box-shadow:none}[data-theme=dark] .button.primary,[data-theme=dark] .button.dark{background:#cce1ae;color:#20331c}[data-theme=dark] .button.primary:hover,[data-theme=dark] .button.dark:hover{background:#ddedc7}[data-theme=dark] .button.secondary{background:#263628;border-color:#43553d;color:#d9e8ce}[data-theme=dark] .icon-button,[data-theme=dark] .text-button,[data-theme=dark] .sort-select,[data-theme=dark] .filter-chips button{color:#b1c59e}[data-theme=dark] .icon-button:hover,[data-theme=dark] .filter-chips button.active,[data-theme=dark] .filter-chips button:hover{background:#35492e;color:#e2efd1}[data-theme=dark] .entry-card,[data-theme=dark] .type-summary-card,[data-theme=dark] .panel,[data-theme=dark] .account-card,[data-theme=dark] .admin-metrics>div,[data-theme=dark] .server-mini,[data-theme=dark] .transfer-panel,[data-theme=dark] .dropdown{background:var(--surface);border-color:var(--line)}[data-theme=dark] .entry-card.selected,[data-theme=dark] .entry-list .entry-card.selected{background:#31452c;border-color:#90b472}[data-theme=dark] .entry-card.document .entry-visual{background:#2b343b}[data-theme=dark] .entry-card.audio .entry-visual{background:#3a3027}[data-theme=dark] .entry-card.archive .entry-visual{background:#33303d}[data-theme=dark] .entry-info h3,[data-theme=dark] .type-summary-card strong,[data-theme=dark] .transfer-item strong{color:#d6e2cc}[data-theme=dark] .entry-info div>span,[data-theme=dark] .entry-list .entry-date,[data-theme=dark] .entry-list .entry-size,[data-theme=dark] .entry-list .entry-type,[data-theme=dark] .type-summary-card small,[data-theme=dark] .storage-mini>div:first-child,[data-theme=dark] .home-footer{color:var(--muted)}[data-theme=dark] .entry-list .entry-card:hover{background:var(--surface)}[data-theme=dark] .home-hero{background:#2b3d29}[data-theme=dark] .hero-copy h1{color:#dfebd1}[data-theme=dark] .hero-copy p,[data-theme=dark] .hero-copy .eyebrow{color:#b0c29f}[data-theme=dark] .hero-copy .button{color:#20331c;background:#cce1ae}[data-theme=dark] .sage,[data-theme=dark] .badge.green{background:#34462d;color:#b3ce91}[data-theme=dark] .sand{background:#443c28;color:#d3bd81}[data-theme=dark] .lavender{background:#393244;color:#c5b5da}[data-theme=dark] .peach{background:#443126;color:#d8b08a}[data-theme=dark] .badge,[data-theme=dark] .count-badge,[data-theme=dark] .setting-icon,[data-theme=dark] .mini-machine,[data-theme=dark] .avatar,[data-theme=dark] .install-visual{background:#30422b;color:#c1d7aa}[data-theme=dark] .progress-track{background:#3c4c36}[data-theme=dark] .progress-track>span{background:#aac78b}[data-theme=dark] .status-pill,[data-theme=dark] .auth-box>.status-pill{background:#263b25;border-color:#43573a;color:#bdcea9}[data-theme=dark] .form-stack label,[data-theme=dark] .auth-box .form-stack label,[data-theme=dark] .password-field>button,[data-theme=dark] .auth-wake-link{color:#bbd2a4}[data-theme=dark] input:not([type=range]):not([type=checkbox]),[data-theme=dark] textarea,[data-theme=dark] select{background:#202e22;border-color:#41513b;color:var(--ink)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#92a285}[data-theme=dark] .global-search input:not([type=range]){background:none}[data-theme=dark] .page-title p,[data-theme=dark] .empty p,[data-theme=dark] .auth-description,[data-theme=dark] .install-guide p,[data-theme=dark] .panel>p,[data-theme=dark] .panel>.muted,[data-theme=dark] .disk-legend,[data-theme=dark] .disk-amount>span,[data-theme=dark] .account-card>p,[data-theme=dark] .session-row small,[data-theme=dark] .profile-summary p,[data-theme=dark] .inline-title p,[data-theme=dark] .auth-note{color:var(--muted)}[data-theme=dark] .inline-message,[data-theme=dark] .note{background:#2e4129;color:#c2d6aa;border-color:var(--line)}[data-theme=dark] .error-message{background:#422e25;border-color:#6a4b39;color:#edbaa3}[data-theme=dark] .dropdown>button,[data-theme=dark] .dropdown>a{color:#c2d3af}[data-theme=dark] .dropdown>button:hover,[data-theme=dark] .dropdown>a:hover{background:#32472c}[data-theme=dark] .auth-layout,[data-theme=dark] .auth-form-area,[data-theme=dark] .boot-screen{background:var(--paper)}[data-theme=dark] .auth-box>h2{color:#d4e9bb}[data-theme=dark] .auth-story{background:#233a28}[data-theme=dark] .text-preview,[data-theme=dark] .text-editor textarea{color:#c4d5b4;background:#18241b}[data-theme=dark] .photo-editor>aside,[data-theme=dark] .transfer-panel>footer{background:#223024;color:var(--muted)}[data-theme=dark] .photo-editor aside label,[data-theme=dark] .photo-editor aside p,[data-theme=dark] .version-row small,[data-theme=dark] .transfer-item small{color:var(--muted)}[data-theme=dark] .server-hero{background:#273d29}[data-theme=dark] .info-row,[data-theme=dark] .version-row,[data-theme=dark] .transfer-item{border-color:var(--line)}[data-theme=dark] .empty-sheet.front{background:#2d4029;border-color:#4d6540}[data-theme=dark] .empty-sheet.back{background:#243721;border-color:#455c37}@media(max-width:960px){:root{--topbar-height:69px}}@media(max-width:800px){:root{--topbar-height:68px}.sidebar{padding-top:calc(29px + var(--safe-top));padding-bottom:var(--safe-bottom)}.photos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-density=large] .photos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-density=small] .photos-grid{grid-template-columns:repeat(6,minmax(0,1fr))}[data-density=tiny] .photos-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:620px){:root{--topbar-height:66px}.topbar{padding-left:10px;padding-right:10px;gap:2px}.topbar-actions{gap:3px;min-width:0}.topbar .icon-button,.topbar .transfer-trigger{width:36px;height:42px}.topbar .icon-button svg{width:19px}.topbar .global-search{height:42px;min-width:0;padding-left:9px;gap:5px}.global-search input:not([type=range]){font-size:16px;min-height:40px}.global-search input::placeholder{font-size:12px}.global-search .search-ai{min-width:30px;height:38px}.global-search .icon-button{width:26px}.topbar .upload-button{min-height:42px;width:38px;padding:8px}.topbar .upload-button>span{display:none}.main-content{padding-top:23px}.modal-backdrop{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.modal{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);padding:20px}.modal-head{margin-bottom:16px}.settings-tabs{margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}.settings-tabs>button{padding:9px 11px;min-height:42px}.form-stack input:not([type=checkbox]),.form-stack textarea,.form-stack select,.auth-box .form-stack input{font-size:16px;min-height:48px}.form-stack input::placeholder,.auth-box .form-stack input::placeholder{font-size:13px}.auth-form-area{padding-top:calc(32px + var(--safe-top));padding-bottom:calc(28px + var(--safe-bottom));padding-left:calc(27px + var(--safe-left));padding-right:calc(27px + var(--safe-right))}.gallery-controls{gap:12px;margin-bottom:21px}.date-grouping>button{padding:8px 13px;min-height:40px}.density-control{margin-left:auto}.density-control>span{display:none}.density-control select{max-width:135px;min-height:44px;font-size:13px}.photos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}[data-density=large] .photos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-density=small] .photos-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}[data-density=tiny] .photos-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.timeline-label h3{font-size:13px;line-height:1.6}.timeline-label>span{font-size:10px}.photo-tile{border-radius:5px;aspect-ratio:1}.photo-tile .entry-info{display:none}.photo-tile .select-check{width:23px;height:23px;border-radius:50%}.selection-bar{max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 20px);gap:12px;min-height:54px}.selection-bar>button{min-height:34px}.selection-bar .icon-button{width:30px;height:34px}.media-backdrop{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.photo-lightbox{width:100%;height:calc(100dvh - var(--safe-top) - var(--safe-bottom));max-height:none;border:0;border-radius:0;padding:0}.preview-modal .modal-head{padding:6px 14px;min-height:57px}.preview-toolbar{padding:8px 12px;min-height:51px}.preview-toolbar .segmented>button{font-size:10px;min-height:34px;padding:8px}.preview-toolbar>.button-row>.icon-button{width:35px;height:36px}.preview-footer{min-height:55px;padding:8px 13px;font-size:10px}.preview-footer .icon-button{width:36px;height:38px}.preview-footer .button-row{flex-wrap:nowrap}.photo-zoom-controls{bottom:34px}.photo-zoom-controls .icon-button,.photo-zoom-controls .zoom-value{height:42px}.photo-gesture-hint{font-size:10px;bottom:10px}.photo-stage{bottom:89px}.photo-editor>aside{min-height:220px}}@media(prefers-reduced-motion:reduce){.entry-visual{transition:none!important}}[data-theme=dark] .filter-chips button{background:var(--surface);border-color:var(--line);color:#c1d3ae}[data-theme=dark] .filter-chips button.active{background:#3a5231;border-color:#6e8c55;color:#e0efce}[data-theme=dark] .timeline-label h3{color:#d4e2c7}@media(display-mode:standalone){html[data-platform=ios]:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--safe-top);background:#141b16;z-index:1000;pointer-events:none}}@media(max-width:620px){.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0;margin-right:0;overflow:visible;gap:3px}.settings-tabs>button{min-width:0;min-height:42px;justify-content:center}}@media(max-width:620px){.topbar:has(.global-search input:focus) .settings-trigger,.topbar:has(.global-search input:focus) .transfer-trigger,.topbar:has(.global-search input:focus) .upload-wrapper{display:none}.connection-data input,.density-control select{font-size:16px}}@media(max-width:620px){.segmented.full.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.gallery-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.date-grouping{display:flex;min-width:0}.date-grouping>button{min-width:0;padding:8px 5px}.density-control>svg{display:none}.density-control select{width:123px;max-width:123px}}.people-intro{max-width:620px;margin:40px auto;padding:36px;text-align:center;background:var(--surface,#fff);border:1px solid var(--line,#dfe5d9);border-radius:24px}.people-intro p{line-height:1.7}.people-intro-icon{display:inline-flex;padding:24px;border-radius:50%;background:var(--soft,#e5efd7);color:var(--ink,#2b432b)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:28px 20px;padding:22px 0}.person-card{display:flex;align-items:center;flex-direction:column;gap:7px;background:none;border:0;color:inherit;min-width:0;cursor:pointer}.person-card img{width:112px;height:112px;border-radius:50%;object-fit:cover;box-shadow:0 3px 18px #00000010}.person-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-card span{font-size:12px;color:var(--muted)}.people-status{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line,#dfe5d9)}.people-status>span{display:flex;gap:8px;align-items:center;font-size:13px}.people-hint{font-size:13px;line-height:1.6;margin:16px 0}.person-heading{display:flex;align-items:center;gap:18px;margin:20px 0}.person-heading img{width:70px;height:70px;border-radius:50%;object-fit:cover}.person-heading>div{min-width:0;flex:1}.person-heading h1{font-size:clamp(22px,3vw,36px);overflow-wrap:anywhere;margin:0}.person-heading p{font-size:13px;color:var(--muted);margin:7px 0 0}.person-photo{position:relative;min-width:0}.person-photo>.photo-tile{border:0;padding:0;width:100%;aspect-ratio:1;display:block;background:var(--soft);overflow:hidden;border-radius:7px}.person-photo>.photo-tile img{width:100%;height:100%;object-fit:cover}.person-exclude{position:absolute;right:5px;bottom:5px;border:0;background:#0008;color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.timeline{-webkit-user-select:none;user-select:none}.photo-tile img{-webkit-user-drag:none}.people-page hr{border:0;border-top:1px solid var(--line,#dfe5d9);margin:22px 0}:root[data-theme=dark] .people-intro{background:#1f2a21;border-color:#394737}:root[data-theme=dark] .people-intro-icon{background:#2e422c;color:#d4e8bc}@media(max-width:620px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 10px}.person-card img{width:82px;height:82px}.person-card strong{font-size:13px}.people-intro{padding:25px 18px;margin:20px 0}.people-status{align-items:flex-start}.person-heading{gap:12px}.person-heading img{width:56px;height:56px}}.music-library{max-width:1400px;margin:auto}.music-hero{display:flex;justify-content:space-between;align-items:center;padding:38px 44px;background:#e8ecd9;border-radius:22px;position:relative;overflow:hidden;min-height:310px;margin-bottom:28px}.music-hero>div:first-child{position:relative;z-index:1}.music-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.04;margin:17px 0}.music-hero h1 em{font-weight:400;font-family:Georgia,serif}.music-hero p{font-size:12px;color:#65705c;margin-bottom:23px}.music-hero p i{font-style:normal;padding:0 7px;opacity:.5}.music-hero-art{width:260px;height:225px;position:relative;flex-shrink:0;margin-right:65px}.music-hero-art>.music-art{position:absolute;width:210px;height:210px;left:0;top:7px;transform:rotate(-7deg);box-shadow:0 18px 30px #20352026;z-index:1}.music-vinyl{position:absolute;right:-58px;top:7px;width:210px;height:210px;border-radius:50%;background:repeating-radial-gradient(circle,#202821 0px 2px,#303831 3px,#202821 4px);box-shadow:0 10px 20px #0002}.music-vinyl:after{content:"";position:absolute;inset:76px;border:22px solid #b9ca94;background:#e7eddd;border-radius:50%}.music-art{display:inline-flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:9px;background:linear-gradient(135deg,#d5dfbb,#6d8d73);color:#f4f8ec;overflow:hidden}.music-art img{width:100%;height:100%;object-fit:cover}.music-art.large{width:100%;height:auto;aspect-ratio:1;border-radius:17px}.record-ring{position:absolute;width:80%;height:80%;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 10px #ffffff12,0 0 0 20px #ffffff0b}.music-art svg{z-index:1}.music-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.music-tabs>button{font-size:14px;padding:13px 0 17px;color:var(--muted);position:relative;white-space:nowrap}.music-tabs>button.active{color:var(--ink);font-weight:600}.music-tabs>button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#6a8152;border-radius:3px}.music-tabs>.icon-button{margin-left:auto}.music-filters{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 24px}.music-filters .sort-select{max-width:210px;font-size:12px;background:transparent;border:0}.music-table{border-top:1px solid var(--line)}.music-row,.music-table-head{display:grid;grid-template-columns:minmax(200px,1fr) minmax(85px,.4fr) 65px 42px 48px 36px;align-items:center;gap:14px;padding:10px 8px;border-bottom:1px solid var(--line)}.music-table-head{font-size:10px;color:var(--muted);padding-top:13px;padding-bottom:13px}.music-row{border-radius:8px}.music-row:hover{background:#74885809}.music-row.active{background:#cbdca02a}.song-open{display:flex;align-items:center;gap:13px;padding:0;min-width:0;text-align:left;min-height:50px}.song-number{width:18px;flex-shrink:0;color:var(--muted);font-size:10px;text-align:center;font-variant-numeric:tabular-nums}.music-row.active .song-number{color:#739257}.song-name{display:flex;flex-direction:column;gap:6px;min-width:0}.song-name strong,.song-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-name strong{font-size:13px;font-weight:550}.song-name small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.song-album{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-plays,.song-duration{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.song-saved{display:inline-flex;align-items:center;gap:4px;color:#6b8651;font-size:9px}.song-favorite{opacity:.55}.song-favorite:hover,.song-favorite.is-favorite{opacity:1}.is-favorite svg{fill:#b58572;stroke:#b58572}.music-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 22px;margin:25px 0}.music-group-card{text-align:left;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.music-group-card strong{font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:5px}.music-group-card small{font-size:11px;color:var(--muted);line-height:1.5}.music-group-card.artist .music-art{border-radius:50%}.music-group-heading{margin:25px 0 20px}.music-group-heading h2{font-size:25px;margin:10px 0}.music-group-heading .button-row{margin-top:12px}.music-note{padding:13px 17px;border-radius:10px;background:#e6ecd855;font-size:12px;margin:15px 0;line-height:1.7}.music-footnote{display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:11px;margin:27px 0;line-height:1.7}.music-footnote svg{margin-top:3px}.music-option-summary{display:flex;gap:14px;align-items:center;padding:7px 0 23px}.music-option-summary>div{display:flex;flex-direction:column;gap:7px;min-width:0}.music-option-summary small{color:var(--muted);line-height:1.5}.music-option-list{display:flex;flex-direction:column;margin-bottom:18px}.music-option-list button{display:flex;align-items:center;gap:13px;padding:15px 12px;border-radius:9px;text-align:left;font-size:13px;min-height:48px}.music-option-list button:hover{background:#7e925319}.music-edit-cover{display:flex;align-items:center;gap:17px}.music-edit-cover .music-art{width:78px;height:78px}.music-edit-cover>.button{white-space:normal;text-align:left}.music-mini{position:fixed;z-index:70;bottom:18px;left:calc(var(--sidebar) + 28px);right:28px;display:flex;align-items:center;gap:22px;padding:13px 18px;background:#fffefbf5;color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 40px #2030201c;border-radius:16px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden}.mini-song{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;flex:1;max-width:300px;padding:0}.mini-song>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.mini-song strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-song small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-controls{display:flex;align-items:center;gap:9px}.music-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#30452d;flex-shrink:0}.music-play svg{stroke-width:1.8}.music-play.big{width:66px;height:66px}.music-play .spinner{border-color:#fff4;border-top-color:#fff;width:23px;height:23px}.mini-progress{display:flex;align-items:center;gap:10px;flex:1}.mini-progress>span{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.mini-progress input{min-width:30px}.mini-progress-line{position:absolute;bottom:0;left:0;height:2px;background:#8da867}.has-music-player .main-content{padding-bottom:130px}.has-music-player .selection-bar{bottom:115px}.has-music-player .toast{bottom:110px}.now-playing-modal{max-width:900px}.music-player-tabs{margin-bottom:25px}.now-playing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:15px 0}.now-art{position:relative}.now-art .music-art{box-shadow:0 20px 45px #0002}.offline-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--muted);margin-top:18px}.now-details{min-width:0;align-self:center}.now-details h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere;margin:14px 0 8px}.now-details>p{font-size:14px;color:var(--muted)}.now-timeline{margin-top:24px}.now-timeline>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}.now-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0}.now-controls .enabled{color:#7e9c5c;background:#afc38b20}.now-controls sup{font-size:9px}.now-actions{display:flex;gap:14px;align-items:center;justify-content:center;padding:8px 0 21px;border-bottom:1px solid var(--line)}.now-actions .text-button{font-size:11px;gap:5px}.music-extra-settings{display:flex;flex-wrap:wrap;gap:15px 18px;margin-top:22px}.music-extra-settings label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.music-extra-settings label:first-child{width:100%}.music-extra-settings input{max-width:160px}.music-extra-settings select{width:auto;max-width:170px;min-height:35px;padding:7px 9px;font-size:10px}.music-player-note{font-size:10px;line-height:1.7;color:var(--muted);margin:22px 0 0;border-top:1px solid var(--line);padding-top:16px}.music-lyrics{white-space:pre-wrap;line-height:2;font-size:17px;padding:20px;max-height:65dvh;overflow:auto;color:var(--ink)}.music-queue{max-height:65dvh;overflow:auto}.queue-song{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding:10px 5px}.queue-song.active{background:#a7c17b25;border-radius:9px}.queue-song>button:first-child{display:flex;align-items:center;gap:12px;flex:1;text-align:left;min-width:0;padding:0}.queue-song>button>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.queue-song strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-song small{font-size:10px;color:var(--muted)}.music-global-error{position:fixed;z-index:80;bottom:24px;left:20px;right:20px;max-width:700px;margin:auto;padding:15px;background:#54352d;color:#fff;border-radius:10px}.connection-events{font-size:11px;line-height:1.8;max-height:150px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere}.connection-events p{margin:5px 0}[data-theme=dark] .music-hero{background:#2d3c29}[data-theme=dark] .music-hero p{color:#b3c19e}[data-theme=dark] .music-mini{background:#1e2b20f5;border-color:#3b4933}[data-theme=dark] .music-play{background:#b5cc94;color:#1c2e20}[data-theme=dark] .music-play .spinner{border-top-color:#1c2e20}[data-theme=dark] .music-art{background:linear-gradient(140deg,#7e945d,#344e41)}[data-theme=dark] .music-note{background:#33472c55}@media(max-width:1100px){.music-hero-art{margin-right:40px;transform:scale(.85);transform-origin:right center;width:210px}.music-hero{padding:30px}.music-row,.music-table-head{grid-template-columns:minmax(180px,1fr) 100px 45px 35px 40px 30px;gap:8px}.mini-progress{display:none}.mini-song{max-width:none}.music-mini{gap:14px}}@media(max-width:760px){.music-hero{min-height:250px;padding:25px 24px;border-radius:17px}.music-hero h1{font-size:37px}.music-hero .eyebrow{font-size:8px;letter-spacing:1.4px}.music-hero p{font-size:10px;margin-bottom:18px}.music-hero-art{width:120px;height:170px;margin-right:20px;transform:scale(.7);transform-origin:right center}.music-hero-art>.music-art,.music-vinyl{width:160px;height:160px}.music-vinyl:after{inset:55px;border-width:19px}.music-tabs{gap:23px}.music-tabs>button{font-size:12px}.music-filters{gap:9px}.music-filters .sort-select{max-width:155px;font-size:10px;padding:7px 5px}.music-filters .filter-chips{gap:5px}.music-filters .filter-chips button{font-size:10px;padding:8px 11px;min-height:34px}.music-row,.music-table-head{grid-template-columns:minmax(0,1fr) 33px 36px 28px;gap:5px;padding-left:0;padding-right:0}.song-album,.song-plays,.music-table-head>span:nth-child(2),.music-table-head>span:nth-child(3){display:none}.song-open{gap:9px}.song-number{display:none}.song-name strong{font-size:12px}.song-name small{font-size:10px;gap:6px}.song-saved{font-size:0}.song-saved svg{font-size:initial}.song-duration{font-size:10px;text-align:center}.music-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.music-mini{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:10px 12px;gap:12px;border-radius:13px}.mini-song{gap:10px}.mini-song .music-art{width:40px;height:40px}.mini-song strong{font-size:11px}.mini-song small{font-size:9px}.mini-controls{gap:3px}.mini-previous,.mini-queue{display:none}.music-play{width:38px;height:38px}.music-mini>.icon-button{width:26px;min-width:26px}.has-music-player .main-content{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.now-playing{grid-template-columns:1fr;gap:24px;padding:5px 0}.now-art{max-width:270px;width:75%;margin:auto}.now-details h2{font-size:25px;margin-top:10px}.now-details>.eyebrow{font-size:9px}.now-details>p{font-size:12px}.now-details{text-align:center}.now-timeline{margin-top:21px}.now-controls{max-width:360px;margin:20px auto}.now-actions{padding-bottom:17px}.music-extra-settings{justify-content:center;margin-top:18px;gap:13px}.music-extra-settings label:first-child{justify-content:center}.now-playing-modal{padding:20px}.now-playing-modal .modal-head{margin-bottom:15px}.music-player-tabs{margin-bottom:20px}.music-player-tabs button{font-size:11px}.music-player-note{font-size:10px}.music-lyrics{padding:10px;font-size:16px}.music-footnote{font-size:10px}.music-table-head{font-size:9px}}@media(max-width:390px){.music-hero-art{display:none}.music-hero{min-height:260px}.music-hero h1{font-size:39px}.music-filters{align-items:flex-start;flex-direction:column}.music-filters .sort-select{align-self:flex-end}.music-tabs{gap:19px}.music-mini{gap:6px}.mini-song strong{max-width:145px}.music-mini .mini-controls>.icon-button{width:30px;min-width:30px}.music-mini>.icon-button{width:22px;min-width:22px}}:root{--accent:#7564df;--accent-soft:#eeeafa;--ink:#242330;--muted:#747280;--line:#e6e3ee;--paper:#f7f6fa;--surface:#fff;--surface-soft:#f1eef7;--green:#5143a2;--lime:#e4ddff;--sidebar:238px;--dock-height:92px;--ease:cubic-bezier(.2,.8,.2,1);background:var(--paper);color:var(--ink)}:root[data-theme=dark]{--accent:#b7a6ff;--accent-soft:#302a46;--ink:#f0edf7;--muted:#aaa5b8;--line:#32303d;--paper:#121218;--surface:#1b1b24;--surface-soft:#24212f;--green:#c7baff;--lime:#342d4f;background:var(--paper);color:var(--ink)}body{background:var(--paper);color:var(--ink)}button,a,[role=button]{transition:background-color .18s,color .18s,box-shadow .18s,transform .22s var(--ease)}button:active:not(:disabled),a.button:active{transform:scale(.96)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-color:var(--accent)}.button{border-radius:13px;min-height:44px;font-size:13px;font-weight:600;letter-spacing:-.15px}.button.primary,.button.dark{background:var(--ink);color:var(--paper);box-shadow:0 5px 12px #20193612}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}[data-theme=dark] .button.primary,[data-theme=dark] .button.dark{background:#ede7ff;color:#211b32}.button:hover:not(:disabled){box-shadow:0 7px 20px #28203c18}.icon-button{border-radius:12px;min-width:40px;min-height:40px}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}.sidebar{background:var(--surface);border-color:var(--line);padding-left:22px;padding-right:18px}.workspace-label{color:var(--muted);letter-spacing:1.3px}.workspace-orb{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.badge.mini{background:var(--accent-soft);color:var(--accent);border:0}.nav-label{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.nav-item{font-size:12px;min-height:44px;border-radius:12px;gap:12px}.nav-item.active,[data-theme=dark] .nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{display:none}.nav-item:hover{background:var(--paper)}.nav-count{background:var(--paper);color:var(--muted)}.sidebar .brand-link,.brand-link .logo{color:var(--ink)}.storage-mini,.profile-button{border-color:var(--line)}.profile-button strong{font-size:12px}.avatar,.account-avatar{background:var(--accent-soft);color:var(--accent)}.server-mini{background:var(--paper);border:1px solid var(--line);border-radius:14px}.server-mini strong{color:var(--ink)}.server-mini span,.storage-mini small{color:var(--muted)}.progress-track{background:var(--line)}.progress-track>span{background:var(--accent)}.topbar{height:86px;background:color-mix(in srgb,var(--paper) 88%,transparent);border-color:var(--line);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:0 36px;gap:16px}.topbar-crumb{font-size:11px}.topbar-crumb strong{color:var(--ink)}.topbar-crumb{color:var(--muted)}.topbar-actions{gap:8px}.global-search{background:var(--surface);border-color:var(--line);height:43px;width:310px;border-radius:14px;color:var(--muted)}.global-search input:not([type=range]){font-size:12px;color:var(--ink)}.global-search input::placeholder{color:var(--muted)}.search-hint{display:none}.search-ai.active{background:var(--accent-soft);color:var(--accent)}.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:700}.settings-trigger{padding:0}.upload-button{background:var(--ink);color:var(--paper)}.mobile-brand{display:none}.main-content{padding:28px 36px 36px;min-height:calc(100dvh - 86px);max-width:1520px}.space-dock{display:none}.space-subnav{display:flex;gap:6px;margin:0 0 30px;overflow-x:auto;scrollbar-width:none;padding:3px 0 6px}.space-subnav::-webkit-scrollbar{display:none}.space-subnav button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 17px;min-height:42px;font-size:12px;border-radius:12px;color:var(--muted);border:1px solid transparent}.space-subnav button.active{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 3px 8px #1d173108}.space-subnav button:hover{color:var(--accent)}.screen-transition{animation:screen-arrive .28s var(--ease)}@keyframes screen-arrive{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}.space-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.space-heading h1{font-size:clamp(36px,4.3vw,58px);line-height:1.04;letter-spacing:-2.5px;font-weight:620;margin:16px 0}.space-heading h1 em{font-style:normal;font-weight:450;color:var(--muted)}.space-heading p{color:var(--muted);font-size:13px}.overview-upload{margin-bottom:5px}.files-dashboard{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin:25px 0 36px}.storage-feature{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;align-items:center;gap:20px;text-align:left;min-width:0;box-shadow:0 4px 22px #201a3005}.storage-feature>div:nth-child(2){flex:1;min-width:0}.storage-feature strong{display:block;font-size:23px;letter-spacing:-.8px;line-height:1.35;margin:9px 0 6px}.storage-feature strong small{font-weight:400;color:var(--muted);font-size:12px;letter-spacing:0}.storage-feature p{font-size:11px;color:var(--muted)}.storage-feature .eyebrow{font-size:8px}.storage-orbit{width:76px;height:76px;border-radius:50%;padding:5px;flex-shrink:0;transform:rotate(-35deg)}.storage-orbit>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--surface);color:var(--accent);transform:rotate(35deg)}.file-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-shortcuts>button{border-radius:17px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:12px;padding:16px;min-width:0;text-align:left}.file-shortcuts>button>span{color:var(--accent);display:grid;place-items:center;width:34px;height:34px;background:var(--accent-soft);border-radius:10px}.file-shortcuts strong{font-size:12px;font-weight:550;flex:1}.file-shortcuts>button>svg{color:var(--muted)}.file-shortcuts .shortcut-folder>span{color:#ae8039;background:#fcf2de}.file-shortcuts .shortcut-favorites>span{color:#c47783;background:#fbedf0}.file-shortcuts .shortcut-shared>span{color:#458d87;background:#e5f3ef}.file-shortcuts button:hover,.storage-feature:hover{border-color:var(--accent);transform:translateY(-2px)}.page-title{margin-bottom:28px}.page-title h1{font-size:clamp(30px,3.5vw,43px);letter-spacing:-1.6px;color:var(--ink)}.page-title p{font-size:12px;color:var(--muted)}.section-heading h2{font-size:18px;letter-spacing:-.5px}.count-badge{background:var(--accent-soft);color:var(--accent);border-radius:7px}.filter-chips button,[data-theme=dark] .filter-chips button{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:11px;font-size:12px;min-height:38px}.filter-chips button.active,[data-theme=dark] .filter-chips button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sort-select{color:var(--muted)}.segmented{background:var(--line);padding:4px;border-radius:12px}.segmented>button{color:var(--muted);min-height:36px;border-radius:9px}.segmented>button.active,[data-theme=dark] .segmented>button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #0000000c}.entry-card{background:var(--surface);border-color:var(--line);border-radius:17px;overflow:hidden}.entry-card:hover{box-shadow:0 10px 25px #241c3810;transform:translateY(-3px)}.entry-info{padding:14px}.entry-info h3{font-size:12px;color:var(--ink)}.entry-info span,.entry-date,.entry-size,.entry-type{color:var(--muted)}.entry-visual{background:var(--paper);border-radius:12px}.entry-card.folder .file-art{color:#b39a6a;background:linear-gradient(145deg,#fbf6ea,#f1e6d0)}.file-art.document{background:#eeebfa;color:#8071bb}.entry-menu{color:var(--muted)}.entry-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.entry-list .entry-card{border-radius:12px;box-shadow:none}.entry-list .entry-card:hover{transform:none;background:var(--accent-soft)}.entry-list .entry-info{padding:8px}.entry-list .file-art{border-radius:9px}.home-footer{display:none}.skeleton{background:linear-gradient(100deg,var(--line) 20%,var(--surface) 40%,var(--line) 60%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.photo-spotlight{min-height:330px;border-radius:26px;position:relative;overflow:hidden;background:#282531;color:#fff;isolation:isolate;margin-bottom:32px;display:flex;align-items:center}.spotlight-image{position:absolute;inset:0;width:100%;height:100%;padding:0}.spotlight-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.72);transition:transform 1s var(--ease)}.photo-spotlight:hover .spotlight-image img{transform:scale(1.04)}.spotlight-image>span{position:absolute;inset:0;background:linear-gradient(90deg,#17131ce6,#17131c65 55%,#17131c05),linear-gradient(0deg,#11101766,transparent 40%)}.spotlight-copy{position:relative;z-index:1;padding:38px;pointer-events:none}.spotlight-copy .eyebrow{color:#e8dfffc4;font-size:9px}.spotlight-copy h1{font-size:clamp(35px,4.2vw,53px);letter-spacing:-2px;line-height:1.05;margin:20px 0 14px}.spotlight-copy h1 em{font-family:Georgia,serif;font-weight:400}.spotlight-copy p{font-size:12px;color:#e8e0ee}.spotlight-copy button{pointer-events:auto;margin-top:23px;background:#ffffff1a;border:1px solid #ffffff44;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none}.spotlight-play svg:last-child{margin-left:15px}.spotlight-caption{position:absolute;bottom:25px;right:28px;display:flex;align-items:center;gap:8px;font-size:10px;color:#f5efffcc}.photo-spotlight:not(.has-photo){background:radial-gradient(ellipse at 80% 20%,#675d80 0,transparent 65%),#302c3b}.timeline-label h3,[data-theme=dark] .timeline-label h3{color:var(--ink);font-size:15px;letter-spacing:-.3px}.timeline-label>span{color:var(--muted)}.photo-tile{border-radius:10px}.photo-tile:hover{transform:none;box-shadow:none}.photo-tile .entry-visual img{transition:transform .4s var(--ease)}.photo-tile:hover .entry-visual img{transform:scale(1.035)}.gallery-controls{align-items:center}.cinema-start{background:var(--surface);border:1px solid var(--line)}.density-control{color:var(--muted)}.music-hero,[data-theme=dark] .music-hero{background:radial-gradient(ellipse at 85% 20%,#5d5273,transparent 65%),#272330;color:#f8f4ff;min-height:315px;border-radius:26px;padding:36px 40px}.music-hero .eyebrow{color:#c4b4e0;font-size:9px}.music-hero h1{font-size:clamp(37px,4.3vw,55px);letter-spacing:-2.1px;margin:20px 0}.music-hero p,[data-theme=dark] .music-hero p{color:#cec3df}.music-hero .button.primary{background:#f0e7ff;color:#292033;box-shadow:none}.music-hero .button.secondary{background:#ffffff0d;color:#f0e7ff;border-color:#ffffff36}.music-hero-art>.music-art{transform:rotate(-6deg);border-radius:16px;box-shadow:0 20px 35px #0004}.music-art,[data-theme=dark] .music-art{background:linear-gradient(145deg,#9f8cbc,#4e485f)}.music-quickmix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px}.music-quickmix>button{background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:16px;display:flex;gap:12px;text-align:left;align-items:center;min-width:0}.music-quickmix>button>svg{color:var(--accent)}.music-quickmix>button>span{display:flex;flex-direction:column;gap:5px;min-width:0}.music-quickmix strong{font-size:12px;font-weight:600}.music-quickmix small{font-size:10px;color:var(--muted);line-height:1.4}.music-tabs{gap:28px}.music-tabs>button.active:after{background:var(--accent)}.music-row.active{background:var(--accent-soft)}.music-row.active .song-number{color:var(--accent)}.music-row{min-height:76px}.music-row .music-art{width:48px;height:48px;border-radius:11px}.song-name strong{font-size:13px}.song-name small{font-size:11px}.song-saved{color:var(--accent)}.music-mini,[data-theme=dark] .music-mini{background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 40px #14101f20;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.music-play,[data-theme=dark] .music-play{background:var(--ink);color:var(--paper)}.mini-progress-line{background:var(--accent)}.has-music-player .now-art .music-art{animation:art-arrive .55s var(--ease) both}@keyframes art-arrive{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:none}}.now-playing-modal{background:var(--surface);border-radius:28px}.now-details h2{font-size:31px;letter-spacing:-1.1px}.now-controls .enabled{background:var(--accent-soft);color:var(--accent)}input[type=range]{accent-color:var(--accent)}.offline-badge,.music-player-note,.music-footnote{color:var(--muted)}.modal{background:var(--surface);border-color:var(--line);border-radius:24px;box-shadow:0 30px 120px #0b071b35}.modal-backdrop{background:#11101c66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-head h2{color:var(--ink);font-size:21px}.dropdown{background:var(--surface);border-color:var(--line);border-radius:18px;padding:7px;box-shadow:0 15px 55px #1e14312b;animation:screen-arrive .18s var(--ease)}.dropdown>button,.dropdown>a,[data-theme=dark] .dropdown>button,[data-theme=dark] .dropdown>a{color:var(--ink);border-radius:11px;min-height:43px}.dropdown>button:hover,.dropdown>a:hover,[data-theme=dark] .dropdown>button:hover,[data-theme=dark] .dropdown>a:hover{background:var(--accent-soft)}.selection-bar{background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:18px}.toast{border-radius:15px;background:var(--ink);color:var(--paper);box-shadow:0 10px 35px #0002}.empty{background:transparent}.empty h2,.empty h3{color:var(--ink)}.empty p{color:var(--muted)}.settings-block,.panel,.account-card{border-color:var(--line);background:var(--surface);border-radius:18px}.settings-tabs{gap:4px}.settings-tabs>button{font-size:12px}.appearance-settings .theme-options>button.active{border-color:var(--accent);background:var(--accent-soft)}[data-theme=dark] input:not([type=range]):not([type=checkbox]),[data-theme=dark] textarea,[data-theme=dark] select{background:var(--paper);border-color:var(--line);color:var(--ink)}[data-theme=dark] .global-search{background:var(--surface);border-color:var(--line)}[data-theme=dark] .global-search input:not([type=range]){background:transparent}[data-theme=dark] .topbar,[data-theme=dark] .sidebar,[data-theme=dark] .entry-card{background:var(--surface);border-color:var(--line)}[data-theme=dark] .entry-info h3,[data-theme=dark] .page-title h1{color:var(--ink)}[data-theme=dark] .entry-visual{background:var(--paper)}[data-theme=dark] .entry-card.folder .file-art{background:#39322a;color:#d1b17b}[data-theme=dark] .file-art.document{background:#302d45;color:#b4a4ef}[data-theme=dark] .timeline-label{color:var(--muted)}[data-theme=dark] .file-shortcuts>button>span{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .form-stack label,[data-theme=dark] .form-stack h3,[data-theme=dark] .profile-button strong,[data-theme=dark] .server-mini strong{color:var(--ink)}.cinema{position:fixed;inset:0;background:#0b0b10;color:#fff;z-index:300;display:flex;flex-direction:column;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);outline:0}.cinema header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;gap:15px}.cinema header>span{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.7px;color:#e3d9f8}.cinema-stage{flex:1;min-height:0;display:grid;place-items:center;position:relative;overflow:hidden}.cinema-stage img{position:absolute;width:100%;height:100%;object-fit:contain;animation:cinema-fade .65s var(--ease)}@keyframes cinema-fade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.cinema footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 32px;gap:22px}.cinema-caption{min-width:0;display:flex;flex-direction:column;gap:7px}.cinema-caption strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-caption span{color:#aaa4b9;font-size:11px}.cinema-controls{display:flex;gap:20px;align-items:center}.cinema .icon-button{color:#eee6ff}.cinema .icon-button:hover{background:#ffffff15}.cinema-toggle{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#e2d7f7;color:#241d30}.cinema-speed{justify-self:end;color:#aaa4b9;font-size:11px;display:flex;gap:10px;align-items:center}.cinema-speed select{background:#24212e;color:#fff;border-color:#443c57;min-height:38px;width:80px}@media(min-width:801px)and (max-width:1100px){.files-dashboard{grid-template-columns:1fr}.file-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.file-shortcuts>button{flex-wrap:wrap}.file-shortcuts>button>svg{display:none}.global-search{width:230px}.topbar{padding:0 25px}.main-content{padding:25px}.music-quickmix>button{padding:13px;gap:8px}}@media(max-width:800px){:root{--topbar-height:125px}.sidebar{z-index:95;background:var(--surface);width:285px;max-width:85vw}.sidebar-scrim{z-index:90;background:#12101d70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workspace{margin-left:0;width:100%}.topbar,[data-theme=dark] .topbar{display:grid;grid-template-columns:38px minmax(0,1fr) 38px 38px 38px;grid-template-rows:40px 46px;height:calc(116px + var(--safe-top));gap:10px 4px;padding:calc(10px + var(--safe-top)) calc(18px + var(--safe-right)) 10px calc(18px + var(--safe-left));background:color-mix(in srgb,var(--paper) 90%,transparent);z-index:30}.topbar-left,.topbar-actions{display:contents}.topbar-crumb{display:none}.mobile-menu{display:grid;grid-column:1;grid-row:1;place-items:center;width:38px;height:38px}.mobile-menu svg{width:20px}.mobile-brand{grid-column:2;grid-row:1;display:flex;gap:6px;align-items:center;min-width:0}.mobile-brand strong{font-size:24px;letter-spacing:-1.5px;font-weight:650}.brand-mark{display:none}.mobile-brand>span:last-child{font-size:10px;color:var(--muted);margin-left:3px}.topbar .global-search{grid-column:1/-1;grid-row:2;width:100%;height:46px;min-width:0;background:var(--surface);padding:0 12px;gap:10px;box-shadow:0 3px 12px #21183104}.global-search input:not([type=range]){font-size:16px;min-height:42px}.global-search input::placeholder{font-size:13px}.topbar .transfer-trigger{grid-column:3;grid-row:1}.topbar .settings-trigger{grid-column:4;grid-row:1}.topbar .upload-wrapper{grid-column:5;grid-row:1}.topbar .icon-button{height:38px;min-height:38px;min-width:36px;width:36px}.topbar .upload-button{width:36px;min-height:36px;padding:0;border-radius:11px}.upload-button>span{display:none}.topbar:has(.global-search input:focus) .settings-trigger,.topbar:has(.global-search input:focus) .transfer-trigger,.topbar:has(.global-search input:focus) .upload-wrapper{display:flex}.topbar .search-ai{height:36px;min-width:34px}.main-content{padding:22px calc(20px + var(--safe-right)) calc(116px + var(--safe-bottom)) calc(20px + var(--safe-left));min-height:calc(100dvh - 116px - var(--safe-top))}.space-subnav{margin:0 -2px 26px;gap:5px;padding-bottom:5px}.space-subnav button{padding:9px 13px;font-size:12px;min-height:40px}.space-subnav button svg{display:none}.space-dock{position:fixed;z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));height:72px;padding:7px;background:color-mix(in srgb,var(--surface) 87%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,white 20%);border-radius:25px;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 8px 40px #16102220}.space-dock>button{display:flex;gap:4px;align-items:center;justify-content:center;flex-direction:column;border-radius:19px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.1px;position:relative;min-width:0}.space-dock>button.active{background:var(--accent-soft);color:var(--accent)}.dock-icon{display:grid;place-items:center;height:25px;transition:transform .3s var(--ease)}.space-dock .active .dock-icon{transform:translateY(-1px)}.dock-shortcut{display:none}.space-heading{margin:0 0 24px;align-items:center}.space-heading h1{font-size:43px;letter-spacing:-2px;margin:14px 0}.space-heading p{font-size:12px;line-height:1.6}.overview-upload{display:none}.files-dashboard{grid-template-columns:1fr;gap:14px;margin:0 0 30px}.storage-feature{padding:22px;border-radius:21px;gap:17px}.storage-feature strong{font-size:23px}.storage-orbit{width:68px;height:68px}.file-shortcuts{gap:9px}.file-shortcuts>button{padding:13px 12px;gap:9px;border-radius:16px;min-height:67px}.file-shortcuts strong{font-size:11px}.file-shortcuts>button>span{width:33px;height:33px}.file-shortcuts>button>svg{width:12px}.section-heading h2{font-size:17px}.library-heading{margin-bottom:18px}.library-controls{gap:7px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-info{padding:12px 10px}.entry-info h3{font-size:11px}.entry-info span{font-size:9px}.entry-card{border-radius:15px}.entry-visual{border-radius:10px}.entry-card:hover{transform:none}.entry-list .entry-card{grid-template-columns:minmax(0,1fr) auto}.entry-list .entry-size{font-size:10px}.filter-bar{gap:12px}.filter-chips{overflow:auto;scrollbar-width:none;flex-wrap:nowrap;max-width:100%}.filter-chips button{white-space:nowrap;font-size:11px}.page-title h1{font-size:32px}.page-title p{font-size:12px}.photo-spotlight{min-height:335px;margin-bottom:26px;border-radius:23px}.spotlight-copy{padding:27px}.spotlight-copy h1{font-size:38px;letter-spacing:-1.6px;margin:21px 0 12px}.spotlight-copy p{font-size:11px}.spotlight-copy button{font-size:11px;margin-top:20px;min-height:43px}.spotlight-caption{font-size:9px;right:21px;bottom:18px}.spotlight-image>span{background:linear-gradient(90deg,#17131cbd,#17131c44),linear-gradient(0deg,#17131c88,transparent 50%)}.gallery-controls{display:flex;flex-wrap:wrap;gap:8px}.gallery-controls .date-grouping{flex:1;min-width:135px}.gallery-controls .date-grouping>button{padding:8px 11px}.gallery-controls .density-control{margin-left:auto}.gallery-controls .density-control select{width:108px;font-size:12px;min-height:42px}.gallery-controls .density-control svg,.gallery-controls .density-control>span{display:none}.cinema-start{min-width:38px;min-height:42px;width:38px}.photos-grid{gap:4px}.photo-tile{border-radius:7px}.timeline-label h3{font-size:14px}.music-hero,[data-theme=dark] .music-hero{min-height:290px;padding:28px 25px;border-radius:23px;margin-bottom:16px}.music-hero h1{font-size:40px;letter-spacing:-1.8px}.music-hero-art{display:none}.music-hero p{font-size:10px;line-height:1.6;max-width:260px}.music-hero .eyebrow{font-size:8px}.music-hero .button{font-size:11px;min-height:43px}.music-quickmix{gap:8px;margin-bottom:22px}.music-quickmix>button{padding:15px 10px;align-items:flex-start;flex-direction:column;gap:13px;border-radius:16px}.music-quickmix strong{font-size:11px}.music-quickmix small{font-size:9px}.music-tabs{gap:22px}.music-tabs>button{font-size:12px}.music-row{min-height:76px}.song-name strong{font-size:13px}.song-name small{font-size:10px}.music-mini{left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));bottom:calc(94px + var(--safe-bottom));padding:10px 12px;gap:8px;border-radius:19px;min-height:66px}.mini-song strong{font-size:12px}.mini-song small{font-size:10px}.mini-song .music-art{width:41px;height:41px}.music-mini .music-play{width:38px;height:38px}.mini-previous,.mini-progress,.mini-queue{display:none}.has-music-player .main-content{padding-bottom:calc(195px + var(--safe-bottom))}.selection-bar{left:50%;max-width:calc(100vw - 24px);bottom:calc(100px + var(--safe-bottom));z-index:75}.has-music-player .selection-bar{bottom:calc(170px + var(--safe-bottom))}.toast{bottom:calc(100px + var(--safe-bottom));left:20px;right:20px;max-width:none}.has-music-player .toast{bottom:calc(170px + var(--safe-bottom))}.transfer-panel{bottom:calc(100px + var(--safe-bottom));left:16px;right:16px;width:auto;max-height:55dvh}.has-music-player .transfer-panel{bottom:calc(170px + var(--safe-bottom))}.music-global-error{bottom:calc(100px + var(--safe-bottom))}.modal-backdrop{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.modal{border-radius:25px;padding:23px 20px;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px)}.modal-head h2{font-size:20px}.settings-tabs>button{font-size:11px}.now-playing-modal{background:var(--surface)}.now-art{max-width:310px;width:84%}.now-details h2{font-size:29px}.now-controls{gap:12px}.music-play.big{width:70px;height:70px}.music-player-tabs{margin-bottom:23px}.cinema header{padding:15px 20px}.cinema footer{grid-template-columns:1fr auto;gap:18px;padding:20px}.cinema-caption{grid-column:1/-1;text-align:center}.cinema-controls{gap:18px}.cinema-speed{font-size:10px;gap:8px}.cinema-toggle{width:48px;height:48px}.cinema-stage img{padding:0 4px}.offline-banner{font-size:11px;line-height:1.5;padding:11px 18px}.offline-banner>button{font-size:10px}}@media(max-width:360px){.main-content{padding-left:16px;padding-right:16px}.space-heading h1{font-size:39px}.topbar{padding-left:12px;padding-right:12px;grid-template-columns:34px minmax(0,1fr) 34px 34px 34px}.topbar .icon-button{min-width:32px;width:32px}.mobile-brand strong{font-size:22px}.mobile-brand>span:last-child{display:none}.file-shortcuts>button>svg{display:none}.storage-feature{padding:18px}.gallery-controls .date-grouping>button{padding:8px 9px}.music-tabs{gap:17px}.music-quickmix strong{font-size:10px}.song-name strong{font-size:12px}.spotlight-copy h1{font-size:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.screen-transition{transform:none}.skeleton{background:var(--line)}}@media(display-mode:standalone){html[data-platform=ios]:before{background:#121218}}@media(max-width:800px){.space-subnav{margin-bottom:20px}.space-heading{margin-bottom:21px}.space-heading h1{margin:12px 0;font-size:41px}.files-dashboard{margin-bottom:26px;gap:10px}.storage-feature{padding:18px 20px}.storage-feature strong{font-size:21px}.storage-orbit{width:60px;height:60px}.file-shortcuts>button{min-height:57px;padding:10px 12px}.file-shortcuts>button>span{width:30px;height:30px}.space-heading .eyebrow{font-size:9px}}:root[data-theme=dark] .segmented{background:var(--line)}:root[data-theme=dark] .segmented>button{color:var(--muted)}:root[data-theme=dark] .segmented>button.active{background:var(--surface);color:var(--ink)}:root[data-theme=dark] .count-badge{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .music-hero .button.secondary{background:#ffffff0d;color:#f0e7ff;border-color:#ffffff36}:root[data-theme=dark] .brand-symbol{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .modal,:root[data-theme=dark] .settings-block,:root[data-theme=dark] .panel{background:var(--surface);border-color:var(--line)}.auth-story,:root[data-theme=dark] .auth-story{background:radial-gradient(ellipse at 80% 10%,#5f5278,transparent 70%),#282332}.auth-message h1{color:#f4efff}.auth-story p,.auth-story .eyebrow,.auth-foot{color:#d0c4e2}.auth-story .brand{color:#f4efff}.auth-art .art-photo{background:#a79bba}.auth-art .art-mountain{background:#716580}.auth-art .art-sun{background:#e9d8b9}.auth-art .art-chip{background:#e7e0f2;color:#3a304b}.auth-box>h2,:root[data-theme=dark] .auth-box>h2{color:var(--ink)}.auth-box .status-pill{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.auth-box .eyebrow{color:var(--muted)}.auth-box .form-stack label{color:var(--ink)}.auth-box .auth-description,.auth-box .auth-note{color:var(--muted)}.auth-layout,.auth-form-area{background:var(--paper)}.screen-transition{animation-fill-mode:none}.media-backdrop:has(.media-lightbox){padding:0;background:#09090d;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:150}.modal.media-lightbox,.modal.media-lightbox.wide{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;background:#09090d;color:#f5f1fc}.media-lightbox .preview-content{position:relative;flex:1;height:auto;min-height:0;background:#09090d!important;overflow:hidden}.media-lightbox .modal-head,.media-lightbox .preview-toolbar,.media-lightbox .preview-footer{background:#17151e;color:#e8e0f4;border-color:#36313f;flex-shrink:0}.media-lightbox .modal-head{padding-top:calc(10px + var(--safe-top))}.media-lightbox .modal-head h2{color:#eee8fa}.media-lightbox .preview-footer{padding-bottom:calc(12px + var(--safe-bottom))}.immersive-media>.modal-head,.immersive-media>.preview-toolbar,.immersive-media>.preview-footer{display:none}.immersive-actions{position:absolute;top:0;left:0;right:0;padding:calc(12px + var(--safe-top)) 16px 22px;display:flex;align-items:center;gap:10px;background:linear-gradient(#09090dbd,transparent);z-index:12;color:#fff;pointer-events:none}.immersive-actions>button{pointer-events:auto;background:#17141f88;border:1px solid #ffffff22;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;width:42px;height:42px}.immersive-actions>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-shadow:0 1px 5px #000;min-width:0}.media-lightbox:not(.immersive-media) .immersive-actions{display:none}.immersive-media .photo-viewer,.immersive-media .photo-stage{background:#09090d;inset:0}.immersive-media .photo-stage{bottom:0}.immersive-media .photo-zoom-controls{bottom:calc(20px + var(--safe-bottom));z-index:12;background:#17141fcc;border-color:#fff2;color:#e7dff4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.immersive-media .photo-gesture-hint{display:none}.immersive-media .photo-zoom-controls button{color:inherit}.preview-content:fullscreen,.preview-content:-webkit-full-screen{width:100vw;height:100dvh;background:#09090d}.preview-content:fullscreen .photo-stage{inset:0}.video-player{height:100%;width:100%;min-height:0;display:flex;flex-direction:column;position:relative;background:#09090d;color:#eee8fa}.video-player>video{display:block;flex:1;min-height:0;width:100%;height:0;object-fit:contain;background:#09090d;outline:0}.video-player>video.video-fill{object-fit:cover}.video-player>video:fullscreen{height:100%;object-fit:contain}.video-player>video:fullscreen.video-fill{object-fit:cover}.video-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 16px calc(12px + var(--safe-bottom));background:#17141e;border-top:1px solid #ffffff16;flex-shrink:0;z-index:13}.video-tools>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 11px;border-radius:10px;font-size:11px;color:#e4dcee}.video-tools>button:hover{background:#ffffff12}.video-tools label{display:flex;align-items:center;gap:5px;font-size:10px;color:#bbb0cc}.video-tools select{min-height:34px;width:65px;background:#292433!important;color:#eee8fa!important;border-color:#45394f!important;font-size:11px;padding:6px}.video-tools svg{width:18px;height:18px}.video-resume{position:absolute;top:calc(80px + var(--safe-top));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 36px);padding:10px 13px;background:#211b2cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff30;border-radius:13px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;z-index:14}.video-resume button{display:flex;align-items:center;gap:8px;font-size:12px;min-height:32px;color:#fff}.video-resume button:last-child{font-size:10px;color:#c3b5d6}.video-notice{position:absolute;top:calc(140px + var(--safe-top));left:16px;right:16px;background:#292132f2;color:#eee8fa;border-radius:12px;padding:13px;display:flex;gap:12px;align-items:center;font-size:12px;z-index:15}.video-notice button{margin-left:auto;color:#fff}.cast-modal{max-width:540px}.cast-file{display:flex;align-items:center;gap:15px;padding:5px 0 24px}.cast-file>div{display:flex;flex-direction:column;gap:7px;min-width:0}.cast-file strong{font-size:13px;overflow-wrap:anywhere}.cast-file span{font-size:11px;color:var(--muted)}.cast-devices{display:flex;flex-direction:column;gap:8px;margin:18px 0}.cast-devices>button{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:left;min-width:0}.cast-devices>button>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:6px}.cast-devices strong{font-size:13px;overflow-wrap:anywhere}.cast-devices small{font-size:11px;color:var(--muted)}.cast-devices button:hover{border-color:var(--accent);background:var(--accent-soft)}.cast-empty{padding:20px 0;font-size:13px;color:var(--muted)}.cast-modal .full{margin:10px 0}.cast-modal>.muted{font-size:11px;line-height:1.7;margin-top:20px}.cast-transport{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.cast-state{padding:12px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:12px}.cast-slider{display:flex;gap:12px;flex-direction:column;color:var(--muted);font-size:12px;margin:20px 0}.cast-session-bar{position:fixed;top:calc(13px + var(--safe-top));left:50%;transform:translate(-50%);z-index:80;border-radius:14px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);box-shadow:0 6px 25px #0002;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:65vw}.cast-session-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.video-tools{gap:4px;padding:8px 9px calc(8px + var(--safe-bottom))}.video-tools>button{min-height:39px;padding:6px 8px;gap:4px;font-size:10px}.video-tools>button>span{font-size:9px}.video-tools label{font-size:0}.video-tools select{font-size:11px}.cast-session-bar{top:auto;bottom:calc(96px + var(--safe-bottom));max-width:calc(100vw - 40px)}.has-music-player .cast-session-bar{bottom:calc(169px + var(--safe-bottom))}}@media(orientation:landscape)and (max-height:550px){.video-tools{padding:5px 12px;gap:7px}.video-tools>button{min-height:34px;font-size:10px}.immersive-actions{padding-top:8px}.video-tools select{min-height:30px}}.modal-backdrop:has(.cast-modal){z-index:220}.video-expanded .video-tools{display:none}.video-restore{position:absolute;right:16px;bottom:calc(20px + var(--safe-bottom));z-index:16;display:flex;align-items:center;gap:8px;background:#17141fcc;color:#eee8fa;border:1px solid #ffffff22;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px}.photo-stage>img{transition:transform .16s ease-out,opacity .16s ease-out}.photo-stage.zoomed>img,.photo-stage.photo-dragging>img{transition:none}.photo-stage:not(.zoomed){cursor:grab}.photo-stage:not(.zoomed):active{cursor:grabbing}.photo-pager{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:11}.photo-pager>button{pointer-events:auto;width:44px;height:44px;border-radius:50%;background:#17141f99;border:1px solid #ffffff22;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-pager>button:disabled{opacity:.25}.photo-pager>span{display:none;font-size:11px;color:#fff;font-variant-numeric:tabular-nums}.photo-viewer:has(.photo-pager) .photo-gesture-hint{bottom:7px}.immersive-media .photo-pager{top:auto;bottom:calc(75px + var(--safe-bottom));left:50%;right:auto;transform:translate(-50%);gap:5px;background:#17141fcc;border:1px solid #ffffff22;border-radius:30px;padding:0 3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.immersive-media .photo-pager>button{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.immersive-media .photo-pager>span{display:block;min-width:52px;text-align:center;background:none;padding:5px 0}@media(prefers-reduced-motion:reduce){.photo-stage>img{transition:none}}