:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f2f0e8;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{min-height:100vh}:root{--ink:#17211f;--muted:#68736d;--paper:#f4f2eb;--line:#d8d8cb;--green:#557060;--rust:#9b4d32;--soft:#e5eadf}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;display:flex}.sidebar{border-right:1px solid var(--line);background:#e5eadf;flex-direction:column;width:245px;padding:28px 18px 22px;display:flex}.brand{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.brand-mark{width:34px;height:34px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;display:grid}.new-button,.upload-button{background:var(--ink);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.new-button{margin:45px 0 24px;padding:13px}.upload-button{padding:13px 16px}.new-button:hover,.upload-button:hover{background:var(--rust)}.side-nav{gap:4px;display:grid}.nav-item,.logout-button{color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.nav-item{padding:11px 12px;font-size:14px}.nav-item.active,.nav-item:hover{color:var(--ink);background:#ffffff8c}.nav-item.active{border-left:2px solid var(--rust);font-weight:700}.storage-card{color:var(--muted);border-top:1px solid #c9cfc4;margin-top:auto;padding:17px 13px;font-size:12px}.storage-card strong{color:var(--ink);margin-top:7px;font-size:13px;display:block}.storage-card small{font-size:11px}.meter{background:#cbd4c6;height:5px;margin:14px 0 7px}.meter i{background:var(--rust);height:100%;display:block}.logout-button{margin-top:20px;padding:10px 12px;font-size:13px}.logout-button:hover{color:var(--rust)}.workspace{background:radial-gradient(circle at 90% 0, #e4eadc 0, transparent 28%), var(--paper);flex:1;min-width:0;padding:42px clamp(24px,5vw,76px)}.workspace-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:28px;display:flex}.eyebrow{color:var(--rust);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700}.workspace h1{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(36px,5vw,64px);font-weight:400}.user-chip{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.user-chip span{background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:50%;place-items:center;font-weight:700;display:grid}.toolbar{align-items:center;gap:12px;padding:25px 0;display:flex}.search-box{border:1px solid var(--line);max-width:550px;color:var(--muted);background:#ffffff7a;flex:1;align-items:center;padding:0 13px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 10px;font-size:14px}.search-box button{color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.notice,.form-error{color:#7d3825;background:#f4dfd5;padding:12px 14px;font-size:13px}.search-label{color:var(--muted);margin:8px 0 18px;font-size:13px}.search-label button,.back-button{color:var(--rust);background:0 0;border:0}.back-button{padding:0 0 18px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.item-card{border:1px solid var(--line);min-height:142px;color:var(--ink);text-align:left;background:#ffffff6b;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;transition:border-color .2s,transform .2s;display:flex}.item-card:hover{border-color:var(--rust);transform:translateY(-2px)}.item-card svg{color:var(--rust)}.item-card span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:14px;font-weight:700;overflow:hidden}.item-card small{color:var(--muted);font-size:11px}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:9px;padding:90px 20px;display:grid}.empty-state svg{color:var(--rust)}.empty-state strong{color:var(--ink);font-family:Georgia,serif;font-size:23px;font-weight:400}.empty-state span{font-size:13px}.login-screen{background:radial-gradient(circle at 80% 15%, #dce7d2 0, transparent 30%), var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:#ffffff7a;width:min(100%,430px);padding:48px}.login-panel .brand{margin-bottom:90px}.login-panel h1{letter-spacing:-.06em;margin:0 0 10px;font-family:Georgia,serif;font-size:52px;font-weight:400}.login-panel>p:not(.eyebrow){color:var(--muted);margin:0 0 28px}.login-panel form{gap:17px;display:grid}.login-panel label{color:var(--muted);gap:7px;font-size:12px;display:grid}.login-panel input{border:1px solid var(--line);outline-color:var(--rust);background:#ffffffa6;padding:13px}.primary-button{background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:18px;padding:14px 18px;font-size:12px;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--rust)}.loading-screen{min-height:100vh;color:var(--muted);background:var(--paper);place-items:center;display:grid}.auth-switch{color:var(--rust);background:0 0;border:0;justify-self:start;padding:0;font-size:12px}.auth-switch:hover{text-decoration:underline}@media (width<=720px){.app-shell{display:block}.sidebar{width:auto;padding:18px}.new-button{margin:22px 0 14px}.side-nav{grid-template-columns:repeat(5,1fr)}.nav-item{justify-content:center;padding:9px 2px;font-size:0}.nav-item svg{width:18px}.storage-card,.logout-button{display:none}.workspace{padding:32px 18px}.workspace-header{flex-direction:column;align-items:start;gap:18px}.user-chip{align-self:flex-end}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.login-panel{padding:30px}.login-panel .brand{margin-bottom:60px}}.workspace{position:relative}.workspace.is-dragging{background:#e8efe3}.drop-overlay{z-index:2;color:#9b4d32;background:#f4f2ebeb;border:2px dashed #9b4d32;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:22px}.drop-overlay strong{color:#17211f;font-family:Georgia,serif;font-size:25px;font-weight:400}.drop-overlay span{color:#68736d;font-size:13px}.create-control{margin:45px 0 24px;position:relative}.create-control .new-button{width:100%;margin:0}.create-menu,.folder-menu{z-index:5;border:1px solid var(--line);background:#fffefa;min-width:180px;padding:5px;position:absolute;box-shadow:0 10px 28px #17211f24}.create-menu{top:calc(100% + 6px);left:0;right:0}.create-menu button,.folder-menu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:11px 10px;font-size:13px;display:flex}.create-menu button:hover,.folder-menu button:hover{background:var(--soft)}.folder-item{padding:0;position:relative}.folder-open{min-width:0;min-height:142px;color:var(--ink);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:18px 48px 18px 18px;display:flex}.folder-open svg{color:var(--rust)}.folder-open span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:14px;font-weight:700;overflow:hidden}.folder-open small{color:var(--muted);font-size:11px}.folder-menu-trigger{width:30px;height:30px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.folder-menu-trigger:hover{background:var(--soft);color:var(--ink)}.folder-menu{top:43px;right:10px}.file-item{padding:0;position:relative}.file-open{min-width:0;min-height:142px;color:var(--ink);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:18px 48px 18px 18px;display:flex}.file-open svg{color:var(--rust)}.file-open span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:14px;font-weight:700;overflow:hidden}.file-open small{color:var(--muted);font-size:11px}.file-thumb{object-fit:cover;border:1px solid var(--line);background:var(--soft);width:100%;height:58px}.file-menu-trigger{width:30px;height:30px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.file-menu-trigger:hover{background:var(--soft);color:var(--ink)}.dialog-backdrop{z-index:10;background:#17211f61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.folder-dialog{border:1px solid var(--line);background:var(--paper);width:min(100%,420px);padding:30px;position:relative;box-shadow:0 20px 60px #17211f33}.folder-dialog h2{margin:0 0 22px;font-family:Georgia,serif;font-size:30px;font-weight:400}.folder-dialog form{gap:10px;display:grid}.folder-dialog label{color:var(--muted);font-size:12px}.folder-dialog input{border:1px solid var(--line);outline-color:var(--rust);background:#fff;width:100%;padding:12px}.dialog-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:12px 16px;font-size:12px}.preview-dialog{border:1px solid var(--line);background:var(--paper);place-items:center;gap:18px;width:min(92vw,900px);max-height:90vh;padding:30px;display:grid;position:relative;box-shadow:0 20px 60px #17211f33}.preview-dialog h2{text-overflow:ellipsis;white-space:nowrap;align-self:start;max-width:calc(100% - 30px);margin:0;font-family:Georgia,serif;font-size:24px;font-weight:400;overflow:hidden}.preview-media{object-fit:contain;max-width:100%;max-height:70vh;display:block}.preview-frame{border:1px solid var(--line);width:min(80vw,820px);height:70vh}.preview-dialog audio{width:min(100%,500px)}.preview-unavailable{color:var(--muted);text-align:center;padding:48px 20px;line-height:1.6}.operation-progress{border:1px solid var(--line);color:var(--muted);background:#ffffff8c;gap:8px;margin:0 0 18px;padding:12px 14px;font-size:12px;display:grid}.operation-progress-header{justify-content:space-between;gap:16px;display:flex}.operation-progress-header strong{color:var(--ink);font-size:11px}.operation-progress-track{background:#cbd4c6;height:5px;overflow:hidden}.operation-progress-track i{background:var(--rust);height:100%;transition:width .2s;display:block}@media (width<=720px){.create-control{margin:22px 0 14px}}