:root{--ink:#171914;--muted:#74786d;--line:#e6e8e1;--paper:#fbfcf8;--white:#fff;--lime:#d9ff63;--lime-dark:#bde43f;--soft:#f2f4ed;--red:#c8463a;--shadow:0 22px 70px rgba(24,28,17,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#858a7b}.mark{width:36px;height:36px;border-radius:10px;background:var(--lime);display:grid;place-items:center;font:700 20px Inter,"Segoe UI",sans-serif;color:#22261a;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:700 22px Inter,"Segoe UI",sans-serif}.primary,.secondary{border:0;border-radius:11px;min-height:42px;padding:0 17px;font-weight:700;cursor:pointer}.primary{background:var(--ink);color:white}.primary:hover{background:#2c3026}.secondary{background:var(--white);border:1px solid var(--line)}.full{width:100%;margin-top:8px}.error{color:var(--red);font-size:13px;min-height:18px}.hint{color:var(--muted);font-size:13px;margin-top:-8px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#11130f}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:9vw;color:white;overflow:hidden}.login-brand:before,.login-brand:after{content:'';position:absolute;border:1px solid rgba(217,255,99,.2);border-radius:50%;width:45vw;height:45vw;left:-18vw;top:-17vw}.login-brand:after{width:27vw;height:27vw;left:-8vw;top:-7vw}.login-brand .mark{position:absolute;top:7vh;left:9vw}.login-brand h1{font:700 clamp(56px,9vw,126px)/.9 Manrope;margin:0;letter-spacing:-.07em}.login-brand p{font-size:19px;line-height:1.55;color:#b9bdb0}.login-card{align-self:center;justify-self:center;width:min(440px,80%);padding:50px;background:white;border-radius:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:22px}.login-card h2{font:700 34px/1 Manrope;margin:10px 0}.login-card p{color:var(--muted)}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}input,select{border:1px solid #dfe2d9;border-radius:10px;background:white;padding:13px 14px;outline:0;color:var(--ink)}input:focus,select:focus{border-color:#9dbb3e;box-shadow:0 0 0 3px rgba(217,255,99,.35)}.login-card .primary{display:flex;justify-content:space-between;align-items:center;padding:0 19px}.login-card small{color:#979b91;text-align:center}
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#f1f3ed;border-right:1px solid var(--line);padding:26px 18px 20px;display:flex;flex-direction:column;z-index:10}.sidebar>.brand{padding:0 10px 30px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:10px;padding:12px 13px;color:#65695f;font-weight:600;text-align:left;cursor:pointer}.sidebar nav button span{font-size:20px;width:22px}.sidebar nav button:hover,.sidebar nav button.active{background:white;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.05)}.badge{font-style:normal;margin-left:auto;background:var(--lime);padding:2px 7px;border-radius:9px;font-size:10px}.storage-card{margin-top:auto;background:#e8ebe2;padding:15px;border-radius:12px}.storage-row{display:flex;justify-content:space-between;font-size:11px}.meter{height:4px;background:#d3d6cc;border-radius:4px;margin:12px 0}.meter i{display:block;width:18%;height:100%;background:#91b526;border-radius:4px}.storage-card small{color:#7b8074;font-size:10px}.account{border:0;border-top:1px solid #dcdfd6;background:transparent;margin-top:16px;padding:17px 4px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.account>span:first-child,.person-avatar,.message-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#252920;color:var(--lime);font-weight:700}.account>span:nth-child(2){display:flex;flex-direction:column}.account small{color:var(--muted)}.account i{font-style:normal;color:var(--muted)}.logout{border:1px solid var(--line);background:white;border-radius:9px;margin-top:10px;padding:8px;cursor:pointer}main{margin-left:245px;min-height:100vh}.view{display:none;padding:58px clamp(30px,5vw,78px);max-width:1400px;margin:auto}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.page-head h1{font:700 37px/1 Manrope;margin:10px 0 0;letter-spacing:-.04em}.page-head p{margin:10px 0 0;color:var(--muted)}.actions{display:flex;gap:10px}.upload{display:flex;align-items:center;cursor:pointer}.upload input{display:none}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.breadcrumbs{display:flex;gap:8px;align-items:center}.breadcrumbs button{border:0;background:none;padding:5px 2px;font-weight:600;cursor:pointer;color:var(--muted)}.breadcrumbs button:last-child{color:var(--ink)}.breadcrumbs span{color:#b0b4a9}.tool-actions button,.more,.revoke{border:0;background:transparent;border-radius:7px;padding:7px 10px;cursor:pointer;color:var(--muted)}.tool-actions button:hover,.more:hover{background:var(--soft)}.drop-zone{height:0;overflow:hidden;border:0 dashed #a4c839;display:grid;place-items:center;color:#6f871d;background:#f8ffe5;transition:.2s}.drop-zone.over{height:100px;border-width:2px;margin-top:15px}.file-list{display:flex;flex-direction:column}.file-row{display:grid;grid-template-columns:48px minmax(200px,1fr) 120px 150px 45px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:14px 4px;border-radius:7px}.file-row:hover{background:#f6f8f2}.file-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#edf0e8;color:#697064;font-size:10px;font-weight:800}.file-icon.folder{background:var(--lime);position:relative;border-radius:5px 8px 8px}.file-icon.folder:before{content:'';position:absolute;left:0;top:-4px;width:17px;height:7px;background:var(--lime);border-radius:4px 5px 0 0}.file-icon.image{background:#e7e0ff;color:#6549a8}.file-icon.video{background:#ffe3de;color:#a34234}.file-icon.audio{background:#dcefff;color:#316b99}.file-icon.link{background:#e6f2d0;color:#64821e;font-size:18px}.file-name{min-width:0;cursor:pointer}.file-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name small,.card small{display:none;color:var(--muted);margin-top:4px}.file-kind,.file-row time{font-size:12px;color:var(--muted)}.file-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding-top:18px}.file-list.grid .file-row{grid-template-columns:1fr 32px;display:grid;padding:18px;border:1px solid var(--line)}.file-list.grid .file-icon{width:48px;height:48px;grid-column:1/3}.file-list.grid .file-kind,.file-list.grid time{display:none}.file-list.grid .file-name small{display:block}.empty{padding:80px 20px;text-align:center;color:var(--muted)}.empty>span{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:50%;background:var(--soft);font-size:28px}.empty h3{color:var(--ink);margin-bottom:5px}.empty p{margin-top:0}
.privacy-pill{border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:12px}.privacy-pill::first-letter{color:#84a71d}.chat-view.active{height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding-bottom:24px}.chat-view .page-head{margin-bottom:15px}.messages{overflow-y:auto;padding:15px 5px}.day{display:flex;align-items:center;gap:14px;color:#9ca095;font-size:11px;margin:20px 0}.day:before,.day:after{content:'';height:1px;background:var(--line);flex:1}.message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;margin:22px 0;max-width:760px}.message.own{margin-left:auto}.message.own .message-avatar{background:var(--lime);color:var(--ink)}.message header{display:flex;gap:9px;align-items:center}.message header time{font-size:10px;color:#9a9e94}.message p{background:white;border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:12px 14px;margin:7px 0;line-height:1.5;box-shadow:0 2px 5px rgba(0,0,0,.025)}.message.own p{background:#f1f8da;border-color:#e5eecb}.message a{color:#546f07}.attachment{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);background:white;padding:11px;border-radius:10px;cursor:pointer}.attachment>span{display:flex;flex-direction:column}.attachment small{color:var(--muted)}.composer{display:flex;gap:10px;background:white;border:1px solid var(--line);padding:8px;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.composer input{flex:1;border:0;box-shadow:none}.composer button{min-width:45px;padding:0;font-size:20px}
.cards{display:flex;flex-direction:column;border-top:1px solid var(--line)}.card{display:grid;grid-template-columns:48px 1fr auto 40px;align-items:center;gap:12px;padding:15px 5px;border-bottom:1px solid var(--line)}.card>div:nth-child(2){display:flex;flex-direction:column}.card small{display:block}.card.muted{opacity:.55}.copy{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 12px;cursor:pointer}.copy:disabled{cursor:not-allowed}.revoke{font-size:17px}.role{font-size:11px;padding:5px 9px;border-radius:12px;background:#eef0e9}.role.admin{background:#efffc0}.role.view_only{background:#eeeaf5}.role-guide{display:flex;gap:25px;padding:16px;background:var(--soft);border-radius:11px;margin-bottom:25px;font-size:12px;color:var(--muted)}.role-guide span{display:flex;gap:5px}.role-guide b{color:var(--ink)}
dialog{border:0;padding:0;border-radius:18px;box-shadow:var(--shadow);width:min(440px,calc(100% - 30px))}dialog::backdrop{background:rgba(15,17,13,.55);backdrop-filter:blur(3px)}.modal-card{position:relative;padding:35px;display:flex;flex-direction:column;gap:18px}.modal-card h2{font:700 26px Manrope;margin:2px 0}.modal-close{position:absolute;right:15px;top:13px;border:0;background:var(--soft);width:30px;height:30px;border-radius:50%;cursor:pointer}.modal-actions{display:flex;flex-direction:column}.modal-actions button{border:0;border-top:1px solid var(--line);background:white;text-align:left;padding:13px;cursor:pointer}.modal-actions button:hover{background:var(--soft)}.modal-actions .danger{color:var(--red)}.success-icon,.share-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:23px}.preview{position:fixed;inset:0;background:rgba(12,14,10,.94);z-index:30;display:grid;grid-template-rows:55px 1fr;color:white}.preview>button{position:absolute;right:15px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#30342c;color:white;font-size:22px;cursor:pointer}.preview-name{padding:18px;text-align:center;font-weight:600}.preview-content{display:grid;place-items:center;overflow:hidden;padding:15px}.preview-content img,.preview-content video,.preview-content iframe{max-width:100%;max-height:100%;border:0}.preview-content iframe{width:95%;height:100%;background:white}.preview-content audio{width:min(500px,90%)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:50;background:#24271f;color:white;border-radius:10px;padding:12px 18px;box-shadow:var(--shadow);font-size:13px}.toast.bad{background:#8f3129}.mobile-header,.mobile-nav{display:none}
.share-page{background:#11130f}.share-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:35px}.share-shell>.brand{color:white;align-self:flex-start}.share-card{margin:auto}.share-card h1{font:700 30px Manrope;margin:0}.folder-share{width:min(620px,90vw)}.share-files{display:flex;flex-direction:column}.share-files a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}.share-files a>span:nth-child(2){display:flex;flex-direction:column}.share-files small{color:var(--muted)}.share-page footer{color:#777d70;font-size:11px;padding:20px}
@media(max-width:760px){.login-shell{grid-template-columns:1fr;align-items:center;padding:25px}.login-brand{padding:25px 10px 0;justify-content:flex-start}.login-brand .mark{position:static}.login-brand h1{font-size:54px;margin-top:35px}.login-brand p{display:none}.login-card{width:100%;padding:30px;margin-bottom:25px}.sidebar{display:none}main{margin:0;padding-bottom:66px}.mobile-header{height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-header .mark{width:32px;height:32px}.mobile-header button{border:0;background:transparent}.mobile-nav{position:fixed;z-index:20;display:flex;bottom:0;left:0;right:0;height:66px;background:white;border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{flex:1;border:0;background:white;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--ink)}.mobile-nav button.active span{color:#779711}.view{padding:30px 18px}.page-head{margin-bottom:30px;align-items:center}.page-head h1{font-size:30px}.actions .secondary{font-size:0;width:42px;padding:0}.actions .secondary:first-letter{font-size:18px}.file-row{grid-template-columns:45px minmax(0,1fr) 38px;padding:12px 0}.file-kind,.file-row time{display:none}.file-name small{display:block}.role-guide{display:none}.card{grid-template-columns:42px 1fr auto}.card .copy{grid-column:2}.chat-view.active{height:calc(100vh - 130px);padding-top:25px}.chat-view .page-head{margin-bottom:0}.message{margin:16px 0}.message-avatar{width:31px;height:31px}.modal-card{padding:28px 23px}.share-shell{padding:20px}.folder-share{padding:28px 22px}.file-list.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}