:root{--ink:#0d0d0d;--forest:#113f1b;--lime:#90ad2d;--lime-deep:#5e7a12;--sage:#bdd2a7;--mist:#eef3e8;--paper:#fff;--muted:#5a6b55;--line:#dde8d0;--danger:#c8412d;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Hanken Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--mist);color:var(--ink);font:500 15px/1.5 var(--body);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.mono{font-family:var(--mono);font-size:12px}.boot{min-height:100vh}.btn{cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .12s,background .12s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--forest);color:var(--paper)}.btn-primary:hover:not(:disabled){background:#0b2d13}.btn-ghost{color:var(--forest);background:0 0;padding:8px 12px}.btn-ghost:hover{background:#113f1b12}.btn-danger{color:var(--danger);background:0 0;border:1.5px solid #f0c9c2;width:100%;margin-top:8px}.btn-danger:hover{background:#fdf1ee}.btn-google{background:var(--paper);border:1.5px solid var(--line);justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 18px;display:flex}.btn-google:hover{border-color:var(--sage)}.icon-btn{cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:50%;font-size:28px;line-height:1}.icon-btn:hover{background:#00000012}.link-btn{color:var(--forest);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:700}.link-btn:hover{background:var(--mist)}.link-danger{color:var(--danger)}.login{background:radial-gradient(1200px 500px at 110% -10%, #90ad2d47, transparent 60%), radial-gradient(900px 500px at -20% 120%, #113f1b2e, transparent 60%), var(--mist);align-content:center;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:var(--paper);border-radius:24px;width:min(420px,100%);padding:36px 32px 28px;box-shadow:0 30px 60px -30px #113f1b59}.login-logo{width:48px;height:48px}.login-title{font:800 30px/1.08 var(--display);letter-spacing:-.03em;margin:18px 0 8px}.login-lead{color:var(--muted);margin:0 0 24px}.login-or{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.login-form{gap:12px;display:grid}.login-form label{gap:6px;font-size:13px;font-weight:700;display:grid}.login-form input,.new-folder input{border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:11px 14px;font-weight:500}.login-form input:focus,.new-folder input:focus{border-color:var(--lime);outline:none}.login-form .btn{margin-top:6px;padding:12px 18px}.login-error{color:var(--danger);margin:14px 0 0;font-size:14px}.login-legal{gap:20px;margin-top:18px;font-size:13px;display:flex}.login-legal a{color:var(--muted)}.login-hint{color:var(--muted);border-top:1px solid var(--line);margin:22px 0 0;padding-top:18px;font-size:13px}.drive{--side-w:280px;grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-rows:auto 1fr;grid-template-areas:"top top""side main";min-height:100vh;display:grid}.topbar{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.menu-toggle{color:var(--forest);font-size:0;display:none}.brand{cursor:pointer;font:800 20px var(--display);letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:10px;padding:4px;display:flex}.brand img{width:28px;height:28px}.account{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.account-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar{background:var(--paper);border-right:1px solid var(--line);grid-area:side;align-self:start;height:calc(100vh - 57px);padding:16px 12px 32px;position:sticky;top:57px;overflow-y:auto}.sidebar-new{width:100%;margin-bottom:10px;padding:12px 18px}.side-home{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;padding:9px 12px;font-weight:700}.side-home:hover{background:var(--mist)}.side-home.is-current{background:var(--mist);color:var(--forest)}.side-group{border-radius:12px;margin-top:14px;padding:2px 0 4px;transition:background .15s,box-shadow .15s}.side-group.is-drop{background:var(--mist);box-shadow:inset 0 0 0 2px var(--lime)}.side-title,.home-title{font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin:0;padding:6px 12px;display:flex}.side-dot{border-radius:50%;flex:none;width:9px;height:9px}.side-perso .side-dot{background:var(--lime)}.side-both .side-dot{background:linear-gradient(90deg, var(--lime) 50%, var(--forest) 50%)}.side-pro .side-dot{background:var(--forest)}.ico-lock{flex:none}.side-empty{color:#9aa894;margin:0;padding:2px 12px 4px 29px;font-size:13px}.tree,.tree ul{margin:0;padding:0;list-style:none}.tree-row{border-radius:9px;align-items:center;gap:2px;padding-right:6px;display:flex}.tree-row:hover{background:var(--mist)}.tree-row.is-current{background:#e3ecd8}.tree-row.is-current .tree-label{color:var(--forest);font-weight:700}.tree-row.is-drop{box-shadow:inset 0 0 0 2px var(--lime);background:#f1f6e3}.tree-caret{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;transition:transform .15s;display:grid}.tree-caret.is-open{transform:rotate(90deg)}.tree-caret.is-empty{visibility:hidden}.tree-label{cursor:pointer;text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:7px 4px;font-weight:600;display:flex}.tree-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-label .ico{color:#9aae88;flex:none}.ico-finger{color:var(--forest);flex:none}.tree-busy{border:2px solid var(--sage);border-top-color:var(--forest);border-radius:50%;flex:none;width:12px;height:12px;margin-left:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-scrim{display:none}.desktop-cta{background:var(--mist);color:var(--ink);border-radius:14px;gap:6px;margin:24px 4px 0;padding:14px;font-size:13px;line-height:1.4;text-decoration:none;display:grid}.desktop-cta span{color:var(--muted)}.desktop-cta .desktop-btn{background:var(--forest);color:var(--paper);border-radius:999px;justify-self:start;margin-top:4px;padding:7px 12px;font-weight:700}.desktop-cta:hover .desktop-btn{background:#0b2d13}.main{grid-area:main;min-width:0;padding:28px clamp(16px,3vw,40px) 64px}.banner{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.banner-error{background:#fdecea}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:10px;font-size:14px;display:flex}.crumbs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-weight:600}.crumbs button:hover{color:var(--forest);background:var(--mist)}.crumbs [aria-current]{color:var(--ink);padding:2px 4px;font-weight:700}.crumb-sep{color:#b6c3ad;padding:0 2px}.folder-view{min-height:calc(100vh - 150px);position:relative}.folder-head{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px;display:flex}.folder-head h1,.home h1{min-width:0;font:800 clamp(28px, 3.2vw, 40px) / 1.05 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;flex:1;margin:0}.folder-actions{gap:8px;display:flex}.btn-soft{background:var(--paper);color:var(--forest);border:1.5px solid var(--line)}.btn-soft:hover{border-color:var(--sage)}.access-bar{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--sage);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:24px;padding:10px 12px;display:flex}.access-bar-none{border-left-color:#b9bdb5}.access-bar-perso{border-left-color:var(--lime)}.access-bar-pro{border-left-color:var(--forest)}.access-seg{background:var(--mist);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.seg{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700}.seg:hover{color:var(--ink)}.seg.is-on{background:var(--sage);color:var(--forest)}.seg-none.is-on{background:var(--ink);color:var(--paper)}.seg-perso.is-on{background:var(--lime);color:var(--ink)}.seg-pro.is-on{background:var(--forest);color:var(--paper)}.access-text{color:var(--muted);font-size:13px}.access-text strong{color:var(--ink)}.bio{cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.bio input{width:16px;height:16px;accent-color:var(--forest)}.subgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:24px;display:grid}.subcard{text-align:left;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:14px;transition:border-color .15s,box-shadow .15s;display:grid}.subcard:hover{border-color:var(--sage);box-shadow:0 8px 20px -14px #113f1b66}.subcard .ico{color:#9aae88;grid-row:span 2}.subcard-perso .ico{color:var(--lime)}.subcard-both .ico{color:#8faa78}.subcard-pro .ico{color:var(--forest)}.subcard-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.subcard-meta{color:var(--muted);font-size:12px}.subcard-add{text-align:center;color:var(--muted);border-style:dashed;font-weight:700;display:block}.subcard-add:hover{color:var(--forest);border-color:var(--lime)}.files table{border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:14px;width:100%;overflow:hidden}.files th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 14px;font-size:11px;font-weight:700}.files td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.files tr:last-child td{border-bottom:0}.files tbody tr:hover{background:#fafcf7}.files td:first-child{width:100%;max-width:0}.file-cell{align-items:center;gap:10px;min-width:0;display:flex}.file-ext{text-align:center;width:42px;font:500 10px var(--mono);background:var(--mist);color:var(--forest);border-radius:6px;flex:none;padding:4px 0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.col-size,.col-date{color:var(--muted);white-space:nowrap;font-size:13px}.col-actions{text-align:right;white-space:nowrap}.empty{text-align:center;border:2px dashed var(--line);color:var(--muted);border-radius:18px;padding:48px 20px}.empty p{margin:4px 0 0}.empty-title{font:700 20px var(--display);color:var(--ink)}.folder-foot{border-top:1px solid var(--line);gap:8px;margin-top:28px;padding-top:16px;display:flex}.drop-overlay{border:3px dashed var(--lime);font:800 24px var(--display);color:var(--forest);pointer-events:none;background:#f1f6e3eb;border-radius:20px;place-items:center;display:grid;position:absolute;inset:-12px}.home-lead{color:var(--muted);margin:8px 0 28px}.home-group{margin-bottom:26px}.home-title{color:var(--ink);padding:0 0 10px;font-size:12px}.home-reads{text-transform:none;letter-spacing:0;color:var(--muted);font-size:13px;font-weight:500}.modal-scrim{z-index:40;background:#0d0d0d59;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:20px;gap:14px;width:min(460px,100%);padding:24px;display:grid;box-shadow:0 30px 60px -30px #00000073}.modal h2{font:800 22px/1.15 var(--display);letter-spacing:-.02em;margin:0}.modal input{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:500}.modal input:focus{border-color:var(--lime);outline:none}.modal-access{border:0;gap:8px;margin:0;padding:0;display:grid}.modal-access legend{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.modal-access p,.modal-note{color:var(--muted);margin:0;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--mist), #f7faf3, var(--mist));background-size:200% 100%;height:56px;margin:8px 0;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade{0%{opacity:0}}.toast{background:var(--ink);max-width:min(560px,100% - 32px);color:var(--paper);z-index:50;border-radius:14px;padding:12px 18px;font-weight:600;animation:.2s fade;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -16px #00000080}.toast-error{background:var(--danger)}@media (width<=860px){.drive{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.menu-toggle{place-items:center;display:grid}.sidebar{z-index:30;width:min(300px,86vw);height:auto;transition:transform .22s;position:fixed;top:57px;bottom:0;left:0;transform:translate(-102%)}.menu-open .sidebar{transform:none;box-shadow:20px 0 40px -30px #00000080}.menu-open .sidebar-scrim{z-index:25;background:#0d0d0d4d;display:block;position:fixed;inset:57px 0 0}.account-email,.col-date{display:none}.bio{margin-left:0}}@media (width<=560px){.col-size{display:none}.col-actions .link-btn{padding:4px}.folder-actions{width:100%}.folder-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}