:root{
 --bg:#08090c;--panel:#111319;--panel2:#171a21;--text:#f7f7f9;--muted:#8e929f;--line:rgba(255,255,255,.09);
 --red:#ff3b47;--blue:#5b8cff;--green:#35d07f;--amber:#ffbd45;--shadow:0 28px 90px rgba(0,0,0,.38);
 --ease:cubic-bezier(.22,1,.36,1);--ease2:cubic-bezier(.34,1.56,.64,1)
}
html[data-theme="light"]{
 --bg:#f5f6f8;--panel:#fff;--panel2:#f1f2f5;--text:#111319;--muted:#6d7280;--line:rgba(0,0,0,.09);
 --shadow:0 24px 70px rgba(25,30,45,.12)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
html{scroll-behavior:smooth}
body{overflow-x:hidden;transition:background .35s var(--ease),color .35s var(--ease)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.hidden{display:none!important}
.muted{color:var(--muted)}
.tiny{font-size:9px}
.eyebrow{font-size:9px;letter-spacing:.22em;font-weight:900;color:var(--red)}
.topbar{position:sticky;top:0;z-index:70;height:68px;padding:0 max(16px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-orb{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),#7f1520);color:white;box-shadow:0 10px 28px rgba(255,59,71,.22);animation:orbBreath 4s ease-in-out infinite}.brand b,.brand small{display:block}.brand b{font-size:12px;letter-spacing:.08em}.brand small{font-size:7px;letter-spacing:.14em;color:var(--muted);margin-top:3px}
.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:grid;place-items:center;transition:.24s var(--ease)}.icon-btn:hover{transform:translateY(-2px)}.icon-btn:active{transform:scale(.94)}
.account-pill{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.account-pill span{width:26px;height:26px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.account-pill b{font-size:10px}
.app-shell{width:min(1320px,100%);margin:auto;padding:28px 18px 110px}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end;padding:34px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 87% 20%,rgba(255,59,71,.16),transparent 33%),radial-gradient(circle at 20% 100%,rgba(91,140,255,.10),transparent 36%),var(--panel);box-shadow:var(--shadow)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.025),transparent);transform:translateX(-100%);animation:heroShine 8s ease-in-out infinite}
.hero h1{position:relative;margin:9px 0 7px;font-size:clamp(31px,5vw,64px);letter-spacing:-.055em;line-height:.95}.hero p{position:relative;color:var(--muted);font-size:12px;max-width:720px;line-height:1.7}.hero-actions{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vault-status{position:relative;min-width:210px;padding:16px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--panel2) 88%,transparent);display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.vault-status>span{font-size:28px}.vault-status small,.vault-status b{display:block}.vault-status small{font-size:8px;color:var(--muted)}.vault-status b{font-size:12px;margin-top:3px}.vault-status .mini{grid-column:1/-1}
.primary,.ghost,.danger,.text-btn,.bulk-bar button{border:0;border-radius:13px;padding:11px 15px;font-weight:850;font-size:10px;transition:transform .22s var(--ease2),background .25s var(--ease),box-shadow .25s var(--ease),opacity .2s}.primary{background:var(--red);color:#fff;box-shadow:0 10px 30px rgba(255,59,71,.18)}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(255,59,71,.26)}.ghost{background:var(--panel2);border:1px solid var(--line);color:var(--text)}.ghost:hover{transform:translateY(-2px)}.danger{background:rgba(255,59,71,.12);border:1px solid rgba(255,59,71,.18);color:#ff747d}.text-btn{background:transparent;color:var(--red);padding:7px 4px}.wide{width:100%}.mini{padding:8px 10px}.mini2{padding:7px 9px!important;font-size:9px!important}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.stats article{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--panel);transition:.28s var(--ease)}.stats article:hover{transform:translateY(-3px)}.stats span,.stats b{display:block}.stats span{font-size:9px;color:var(--muted)}.stats b{font-size:26px;margin-top:5px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:30px 2px 12px}.section-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.025em}.result-count{display:inline-block;margin-top:4px;color:var(--muted);font-size:9px}
.category-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.folder-card{position:relative;min-height:126px;padding:15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 88%,transparent),var(--panel));color:var(--text);text-align:left;overflow:hidden;transition:transform .28s var(--ease2),border-color .25s,box-shadow .25s}.folder-card:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 18px 40px rgba(0,0,0,.10)}.folder-card.active{outline:2px solid color-mix(in srgb,var(--red) 62%,transparent);background:color-mix(in srgb,var(--red) 7%,var(--panel))}.folder-card.locked{background:linear-gradient(145deg,rgba(91,140,255,.09),var(--panel))}.folder-icon{font-size:31px;display:inline-block;animation:folderFloat 4s ease-in-out infinite}.folder-card b{display:block;margin-top:13px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.folder-lock{position:absolute;right:11px;top:10px}.folder-delete{position:absolute;right:8px;bottom:8px;width:29px;height:29px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#ff737d;display:grid;place-items:center}.folder-add{display:grid;place-items:center;text-align:center;border-style:dashed}
.library{margin-top:8px}.library-head{align-items:center}.media-tabs{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.media-tab{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:11px;font-size:9px;font-weight:900;transition:.24s var(--ease)}.media-tab.active{background:var(--text);color:var(--bg);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,auto);gap:8px;padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--panel);position:sticky;top:77px;z-index:40;box-shadow:0 15px 40px rgba(0,0,0,.08)}.toolbar input,.toolbar select,.field-label input,.field-label select,.viewer-info input,.viewer-info select,.viewer-info textarea,.account-drawer input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:10px 11px;outline:none}.toolbar input:focus,.toolbar select:focus,.field-label input:focus,.field-label select:focus,.viewer-info input:focus,.viewer-info textarea:focus,.account-drawer input:focus{border-color:color-mix(in srgb,var(--blue) 70%,transparent);box-shadow:0 0 0 3px rgba(91,140,255,.09)}.search-wrap{position:relative}.search-wrap span{position:absolute;left:12px;top:10px;color:var(--muted)}.search-wrap input{padding-left:30px}.date-field{display:flex;align-items:center;gap:6px}.date-field small{font-size:8px;color:var(--muted);white-space:nowrap}.date-field input{width:128px}
.selection-inline{margin:10px 0;padding:10px 12px;border:1px solid rgba(91,140,255,.22);border-radius:17px;background:rgba(91,140,255,.07);display:flex;justify-content:space-between;align-items:center;gap:12px;animation:slideDown .3s var(--ease)}.selection-inline b,.selection-inline span{display:block}.selection-inline b{font-size:11px}.selection-inline span{font-size:8px;color:var(--muted);margin-top:2px}.selection-inline-actions{display:flex;flex-wrap:wrap;gap:6px}
.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.media-card{position:relative;border:1px solid var(--line);border-radius:19px;background:var(--panel);overflow:hidden;cursor:pointer;transition:transform .28s var(--ease2),border-color .25s,box-shadow .25s,opacity .25s;animation:cardEnter .48s var(--ease) both}.media-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 45px rgba(0,0,0,.16)}.media-card.selected{outline:2px solid var(--blue);transform:scale(.975);box-shadow:0 0 0 5px rgba(91,140,255,.10)}.media-thumb{position:relative;aspect-ratio:1/1;background:#08090b;overflow:hidden}.media-thumb>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}.media-card:hover .media-thumb>img{transform:scale(1.035)}.video-cover{position:relative;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(91,140,255,.20),transparent 40%),#090b10}.video-cover .play-icon{width:54px;height:54px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);display:grid;place-items:center;font-size:20px;color:#fff}.fav-badge{position:absolute;right:9px;top:9px;width:33px;height:33px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,8,11,.64);color:white;backdrop-filter:blur(12px);z-index:3}.fav-badge.on{color:#ffd85a}.select-badge{position:absolute;left:9px;top:9px;width:33px;height:33px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,8,11,.64);color:#fff;display:grid;place-items:center;z-index:4;opacity:0;transform:scale(.7);transition:.22s var(--ease2)}.selection-mode .select-badge,.media-card.selected .select-badge{opacity:1;transform:scale(1)}.media-card.selected .select-badge{background:var(--blue);border-color:var(--blue)}.type-badge{position:absolute;left:9px;bottom:9px;padding:5px 7px;border-radius:8px;background:rgba(7,8,11,.72);color:#fff;font-size:8px;font-weight:900}.media-body{padding:11px}.media-body b,.media-body>span,.media-body small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-body b{font-size:12px}.media-body>span{font-size:9px;color:var(--muted);margin-top:3px}.media-body small{font-size:8px;color:var(--muted);margin-top:7px}.category-chip{display:inline-flex!important;align-items:center;gap:4px;margin-top:6px;padding:4px 6px;border-radius:7px;background:rgba(91,140,255,.09);color:#8eafff!important;font-size:8px!important;font-weight:800}
.bulk-bar{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;width:min(920px,calc(100vw - 22px));display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:23px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(25px) saturate(1.4);box-shadow:0 22px 70px rgba(0,0,0,.3);animation:bulkUp .32s var(--ease2)}.bulk-count{padding:5px 12px;border-right:1px solid var(--line);min-width:70px}.bulk-count b,.bulk-count span{display:block}.bulk-count b{font-size:18px}.bulk-count span{font-size:7px;color:var(--muted)}.bulk-bar button{background:var(--panel2);color:var(--text);flex:1;padding:10px 8px;white-space:nowrap}.bulk-bar .danger-lite{color:#ff747d;background:rgba(255,59,71,.08)}
.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty div{font-size:44px}.empty b,.empty span{display:block}.empty b{color:var(--text);margin-top:8px}.empty span{font-size:10px;margin-top:5px}
.modal{position:fixed;inset:0;z-index:110;background:rgba(4,5,8,.80);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);display:grid;place-items:center;padding:14px;animation:fadeIn .22s ease}.modal-card{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:28px;background:var(--panel);padding:24px;box-shadow:var(--shadow);animation:modalPop .34s var(--ease2)}.modal-card h2{margin:5px 0 8px}.compact{width:min(460px,100%)}.close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-size:20px}
.field-label{display:block;margin-top:15px;font-size:9px;color:var(--muted)}.field-label input,.field-label select{margin-top:6px}.dropzone{margin-top:16px;padding:34px 18px;border:1px dashed color-mix(in srgb,var(--text) 16%,transparent);border-radius:21px;display:grid;place-items:center;text-align:center;background:color-mix(in srgb,var(--panel2) 65%,transparent);transition:.25s var(--ease)}.dropzone.drag{border-color:var(--red);transform:scale(.99);background:rgba(255,59,71,.06)}.drop-icon{font-size:35px;color:var(--red)}.dropzone span{font-size:9px;color:var(--muted);margin-top:5px}.selected-files{max-height:170px;overflow:auto;margin:10px 0}.selected-files>div{display:flex;justify-content:space-between;gap:10px;padding:7px;border-bottom:1px solid var(--line);font-size:9px}.progress-wrap{display:flex;gap:10px;align-items:center}.progress{height:7px;flex:1;border-radius:999px;background:var(--panel2);overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--red));transition:width .15s linear}
.emoji-entry{display:grid;grid-template-columns:1fr 58px;gap:8px;margin-top:6px}.emoji-entry input{margin:0}.emoji-entry span{border:1px solid var(--line);border-radius:13px;background:var(--panel2);display:grid;place-items:center;font-size:26px}.emoji-suggestions{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0}.emoji-suggestions button{height:39px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);font-size:20px;transition:.2s var(--ease2)}.emoji-suggestions button:hover{transform:scale(1.08)}
.toggle-row{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);margin:12px 0!important}.toggle-row input{width:auto!important;margin-top:3px}.toggle-row b,.toggle-row small{display:block}.toggle-row small{font-size:8px;color:var(--muted);margin-top:3px}
.viewer{padding:0}.viewer-shell{position:relative;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 350px;background:#050609;animation:viewerIn .35s var(--ease)}html[data-theme="light"] .viewer-shell{background:#e9ebef}.viewer-media{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.viewer-media>img{max-width:100%;max-height:100vh;object-fit:contain;animation:mediaSwap .3s var(--ease)}.viewer-info{padding:72px 22px 24px;border-left:1px solid var(--line);overflow:auto;background:var(--panel);color:var(--text)}.viewer-info h2{margin:7px 0 3px;overflow-wrap:anywhere}.viewer-info label{display:block;margin-top:15px;font-size:9px;color:var(--muted)}.viewer-info input,.viewer-info textarea,.viewer-info select{margin-top:6px}.break{overflow-wrap:anywhere;font-size:10px}.meta-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.meta-list>div{padding:10px;border-radius:12px;background:var(--panel2)}.meta-list span,.meta-list b{display:block}.meta-list span{font-size:8px;color:var(--muted)}.meta-list b{font-size:10px;margin-top:3px}.viewer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.viewer-actions .danger{grid-column:1/-1}.viewer-actions a{text-align:center;text-decoration:none}.viewer-close{position:absolute;right:365px;top:16px;z-index:8;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(5,6,9,.58);color:white;font-size:23px;backdrop-filter:blur(12px)}.viewer-nav{position:absolute;top:50%;z-index:7;width:48px;height:66px;border:0;border-radius:16px;background:rgba(5,6,9,.45);color:#fff;font-size:38px;backdrop-filter:blur(12px);transform:translateY(-50%);transition:.22s var(--ease2)}.viewer-nav:hover{transform:translateY(-50%) scale(1.07)}.viewer-prev{left:14px}.viewer-next{right:365px}
.video-player{position:relative;width:min(100%,1200px);height:min(100vh,100%);display:grid;place-items:center;background:#000;overflow:hidden}.video-player video{width:100%;height:100%;max-height:100vh;object-fit:contain}.video-controls{position:absolute;left:12px;right:12px;bottom:12px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(4,5,8,.64);backdrop-filter:blur(18px);color:#fff;display:grid;grid-template-columns:auto auto 1fr auto auto auto;gap:8px;align-items:center;opacity:0;transform:translateY(10px);transition:.25s var(--ease)}.video-player:hover .video-controls,.video-player.controls-visible .video-controls{opacity:1;transform:none}.video-controls button{width:36px;height:36px;border:0;border-radius:11px;background:rgba(255,255,255,.10);color:#fff}.video-seek{width:100%;accent-color:var(--red)}.video-time{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.video-volume{width:72px;accent-color:#fff}
.drawer-backdrop{position:fixed;inset:0;z-index:119;background:rgba(0,0,0,.42);backdrop-filter:blur(4px);animation:fadeIn .2s}.account-drawer{position:fixed;right:0;top:0;bottom:0;z-index:120;width:min(460px,100vw);padding:20px;overflow:auto;background:var(--panel);border-left:1px solid var(--line);box-shadow:-30px 0 90px rgba(0,0,0,.25);animation:drawerIn .35s var(--ease)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-head h2{margin:4px 0}.settings-section{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);margin-top:10px}.settings-section h3{margin:0 0 10px;font-size:13px}.settings-section label{display:block;margin-top:8px;font-size:9px;color:var(--muted)}.settings-section input{margin-top:5px}.settings-section>input{margin-top:7px}.notice{padding:10px;border-radius:12px;background:rgba(91,140,255,.09);color:#8dadff;font-size:9px}.theme-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-choice button{border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);padding:11px;font-size:10px}.theme-choice button.active{outline:2px solid var(--blue)}.account-logout{margin-top:12px}
.privacy-overlay{position:fixed;inset:0;z-index:1000;background:#050608;display:grid;place-items:center;padding:18px;animation:fadeIn .22s}.privacy-card{width:min(430px,100%);padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:#101218;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.5);animation:modalPop .36s var(--ease2)}.privacy-card h2{font-size:29px;margin:8px 0}.privacy-card input{width:100%;margin:15px 0 8px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#1a1d25;color:#fff;padding:12px}.privacy-shell.locked{filter:blur(18px);pointer-events:none;user-select:none}.lock-orb{width:55px;height:55px;border-radius:18px;background:linear-gradient(145deg,var(--red),#861520);display:grid;place-items:center;font-size:25px}.lock-orb.small{width:46px;height:46px;font-size:20px}.msg{margin-top:10px;padding:10px;border-radius:12px;font-size:9px}.msg.bad{background:rgba(255,59,71,.11);color:#ff858c}.msg.ok{background:rgba(53,208,127,.10);color:#6de5a2}
.login-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 20% 0%,rgba(91,140,255,.12),transparent 35%),radial-gradient(circle at 100% 100%,rgba(255,59,71,.13),transparent 38%),var(--bg)}.login-shell{width:min(470px,100%);animation:modalPop .55s var(--ease2)}.login-card{padding:34px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:var(--shadow)}.login-card h1{font-size:38px;letter-spacing:-.045em;margin:8px 0}.stack{display:flex;flex-direction:column;margin-top:24px}.gap12{gap:12px}.stack label{font-size:9px;color:var(--muted)}.stack input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);padding:12px}.notice{margin-bottom:8px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalPop{from{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}@keyframes drawerIn{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}@keyframes cardEnter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes bulkUp{from{opacity:0;transform:translate(-50%,18px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes viewerIn{from{opacity:.4;transform:scale(.992)}to{opacity:1;transform:none}}@keyframes mediaSwap{from{opacity:.25;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes orbBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes folderFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes heroShine{0%,70%,100%{transform:translateX(-100%)}85%{transform:translateX(100%)}}
@media(max-width:1120px){.media-grid{grid-template-columns:repeat(4,1fr)}.category-shelf{grid-template-columns:repeat(4,1fr)}.toolbar{grid-template-columns:1fr 1fr 1fr}.search-wrap{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .app-shell{padding:18px 10px 120px}.topbar{padding:0 10px}.account-pill b{display:none}.hero{grid-template-columns:1fr;padding:22px}.vault-status{min-width:0}.stats{grid-template-columns:repeat(2,1fr)}.category-shelf{grid-template-columns:repeat(3,1fr)}.folder-card{min-height:108px}.library-head{align-items:flex-start;flex-direction:column}.media-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.toolbar{position:static;grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.date-field{display:block}.date-field input{width:100%;margin-top:4px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bulk-bar{overflow-x:auto;justify-content:flex-start}.bulk-bar button{flex:0 0 auto}.bulk-count{position:sticky;left:0;background:var(--panel);z-index:2}.selection-inline{align-items:flex-start;flex-direction:column}.viewer-shell{grid-template-columns:1fr;grid-template-rows:minmax(52vh,1fr) auto;overflow:auto}.viewer-info{border-left:0;border-top:1px solid var(--line);padding:22px}.viewer-media{min-height:52vh}.viewer-media>img{max-height:70vh}.viewer-close{right:12px;top:12px}.viewer-next{right:10px}.viewer-prev{left:10px}.viewer-nav{top:30%;width:42px;height:56px}.video-player{height:52vh}.video-controls{left:7px;right:7px;bottom:7px;grid-template-columns:auto auto 1fr auto auto}.video-volume{display:none}.video-time{font-size:8px}.emoji-suggestions{grid-template-columns:repeat(6,1fr)}.drawer-backdrop{z-index:119}.account-drawer{z-index:120}.brand small{display:none}
}
@media(max-width:410px){.category-shelf{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr}.search-wrap{grid-column:auto}.stats article{padding:13px}.stats b{font-size:21px}.emoji-suggestions{grid-template-columns:repeat(5,1fr)}.viewer-nav{top:27%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}