:root{color:#fff;background:#05050a;font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: oklch(.118 .014 284.115);--foreground: oklch(1 0 0);--card: oklch(.232 .006 285.946);--card-foreground: oklch(.951 .011 286.195);--popover: oklch(.118 .014 284.115);--secondary: #303034;--secondary-foreground: #d4d4db;--muted: oklch(.311 .007 285.98);--muted-foreground: #89898f;--border: oklch(.311 .007 285.98);--input: #525252;--ring: oklch(.55 .008 286.145);--brand: oklch(.928 .23 123.978);--brand-ink: #10120d;--danger: #ff6b6b;--danger-surface: rgb(255 107 107 / 10%);--danger-border: rgb(255 107 107 / 26%);--shadow: 0 24px 80px rgb(0 0 0 / 34%)}*{box-sizing:border-box}body{min-width:375px;min-height:100vh;margin:0;background:radial-gradient(circle at 18% -10%,rgb(220 255 87 / 7%),transparent 280px),linear-gradient(180deg,rgb(255 255 255 / 3%),transparent 300px),var(--background)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-bottom:48px}.brand{display:flex;align-items:center;min-width:0;gap:12px;min-height:48px}.brand-mark{width:42px;height:42px;flex:0 0 auto;display:block;object-fit:contain;border-radius:10px;filter:brightness(0) invert(1)}.brand h1,.brand p{margin:0}.brand>div{display:grid;align-content:center;min-height:42px}.brand h1{color:var(--foreground);font-size:1.28rem;font-weight:800;line-height:1.05;letter-spacing:0}.brand p{max-width:60vw;overflow:hidden;color:var(--muted-foreground);font-size:.92rem;font-weight:550;line-height:1.25;min-height:1.15em;text-overflow:ellipsis;white-space:nowrap}.topbar-actions,.browser-actions,.modal-actions{display:flex;align-items:center;gap:10px}.auth-layout{display:block;min-height:58vh}.auth-copy{display:grid;justify-items:start}.auth-copy h2{max-width:620px;margin:0;color:var(--foreground);font-size:5rem;font-weight:850;line-height:.9;letter-spacing:0}.brand-accent{color:#c8ff00}.auth-copy p:not(.eyebrow){max-width:520px;margin:22px 0 0;color:var(--muted-foreground);font-size:1.05rem;font-weight:520;line-height:1.55}.text-link{color:var(--card-foreground);font-weight:700;text-decoration:none;transition:color .15s ease}.text-link:hover{color:var(--brand);text-decoration:none}.text-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.eyebrow{margin:0 0 14px;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.modal{border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.auth-panel,.auth-actions{display:grid;gap:14px}.auth-panel{border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow);width:min(380px,100%);margin-top:22px;padding:22px}.auth-actions{justify-items:start;width:min(650px,100%);margin-top:48px}.auth-actions.with-qr{grid-template-columns:1fr}.auth-signin-row{display:grid;width:100%}.auth-copy p.auth-warning{max-width:520px;margin:12px 0 0;color:#89898f7f;font-size:.75rem;font-weight:650;line-height:1.45}.auth-warning-heading{display:block;margin-bottom:4px;color:var(--brand);font-size:1.05rem;font-weight:800;opacity:1}.auth-panel h2{margin:0;color:var(--card-foreground);font-size:1.35rem;font-weight:800}.qr-canvas{width:200px;max-width:100%;aspect-ratio:1;height:200px;justify-self:start;border:0;background:#05050a}.mobile-auth-button{display:none!important}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;border:1px solid transparent;padding:0 16px;color:inherit;font-weight:750;line-height:1;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.primary-button{background:var(--brand);color:var(--brand-ink)}.primary-button:hover{background:#baee00;background:oklch(.88 .22 123.978);box-shadow:0 0 0 4px #dcff5717}.secondary-button{background:var(--secondary);border-color:#ffffff14;color:var(--secondary-foreground)}.secondary-button:hover{background:#3a3a3f;border-color:var(--input);color:var(--foreground)}.topbar-button{width:48px;height:48px;min-height:48px;border-radius:999px;padding:0;border-color:#fff0;color:var(--foreground);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-button:hover{background:#ffffff38;border-color:#ffffff52;color:var(--foreground)}.button-icon{width:21px;height:21px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.danger-button{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}.danger-button:hover{background:#ff6b6b29;border-color:#ff6b6b6b;color:#ff8585}.danger-button.strong{background:var(--danger);border-color:var(--danger);color:#170909}.danger-button.strong:hover{background:#ff8383;border-color:#ff8383;box-shadow:0 0 0 4px #ff6b6b1f}.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.breadcrumb:focus-visible,.file-link:focus-visible,.create-form input:focus-visible,.rename-form input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.full-width{width:100%}.browser{display:grid;gap:16px}.browser-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.browser-path{display:flex;align-items:center;min-width:0}.browser-actions{flex:0 0 auto}.browser-actions .secondary-button{min-height:34px;padding:0 14px;font-size:.9rem}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-height:34px}.breadcrumb{min-height:34px;border:1px solid var(--border);border-radius:10px;background:var(--secondary);color:var(--secondary-foreground);font-weight:750;padding-left:.62rem;padding-right:.62rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.breadcrumb[aria-current=page]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.breadcrumb:hover{background:#3a3a3f;border-color:var(--input);color:var(--foreground)}.breadcrumb[aria-current=page]:hover{background:#baee00;background:oklch(.88 .22 123.978);border-color:#baee00;border-color:oklch(.88 .22 123.978);color:var(--brand-ink)}.breadcrumb-separator,.path-label{color:var(--muted-foreground)}.path-label{margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem;overflow-wrap:anywhere}.create-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.create-form label{display:grid;gap:7px;color:var(--muted-foreground);font-size:.86rem;font-weight:750}.create-form input{width:100%;min-height:42px;border:1px solid var(--input);border-radius:10px;padding:0 12px;background:var(--background);color:var(--foreground)}.file-surface{border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden}.file-table{display:grid}.file-row{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(120px,1fr) 110px 150px 92px;align-items:center;gap:14px;min-height:58px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:.92rem;font-weight:520}.file-row:last-child{border-bottom:0}.file-head{min-height:44px;background:#ffffff08;color:var(--muted-foreground);font-size:.76rem;font-weight:800;text-transform:uppercase}.sort-header{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;text-transform:inherit;transition:color .15s ease}.sort-header:hover,.sort-header.active{color:var(--card-foreground)}.sort-header:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.sort-indicator{min-width:.7em;color:var(--brand);font-size:.78rem;line-height:1}.file-name{display:flex;align-items:center;min-width:0;gap:10px;color:var(--card-foreground);font-weight:800}.file-link span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{width:28px;height:28px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--secondary);color:var(--secondary-foreground)}.file-icon.folder{background:linear-gradient(180deg,#dcff5747 0 36%,#dcff571f 36%),var(--secondary);border-color:#dcff574d}.file-icon.image{background:#9fd6ff1f;border-color:#9fd6ff42;color:#9fd6ff}.file-icon.text,.file-icon.video{background:#d7a5ff1c;border-color:#d7a5ff42;color:#d7a5ff}.file-icon-svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.file-icon-play{fill:currentColor;stroke-width:0}.file-link{display:inline-flex;align-items:center;width:100%;height:100%;min-width:0;gap:10px;border:0;padding:0;background:transparent;color:inherit;font-weight:inherit;text-align:left;transition:color .15s ease}.file-link:hover{color:var(--brand);text-decoration:none}.row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.row-actions .danger-button,.row-actions .secondary-button{min-height:34px}.row-icon-button{width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:0;border-radius:10px}.row-action-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty-state,.loading-list{display:grid;place-content:center;padding:28px;text-align:center}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:var(--card-foreground)}.empty-state p{margin-top:8px;color:var(--muted-foreground)}.loading-list{gap:12px}.loading-line{width:min(420px,70vw);height:14px;border-radius:999px;background:linear-gradient(90deg,var(--secondary),#3a3a3f,var(--secondary));background-size:220% 100%;animation:loading 1.2s ease-in-out infinite}.notice,.form-error{margin:0;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:550}.notice.error,.form-error{border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger)}.destructive-warning{display:flex;align-items:flex-start;gap:9px;margin:14px 0 20px;border:1px solid var(--danger-border);border-radius:10px;padding:10px 12px;background:var(--danger-surface);color:var(--danger)!important;font-size:.9rem;font-weight:650;line-height:1.35}.warning-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notice.neutral{border:1px solid rgb(220 255 87 / 22%);background:#dcff5714;color:var(--brand)}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.load-more{justify-self:center}.signed-in-footer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin:22px 0 0;color:var(--muted-foreground);font-size:.9rem;font-weight:520;text-align:center;overflow-wrap:anywhere}.signed-in-line{overflow-wrap:anywhere}.signed-in-pubky{border:0;padding:0;background:transparent;color:var(--foreground);font:inherit;font-weight:650;overflow-wrap:anywhere;text-align:inherit;transition:color .15s ease}.signed-in-pubky:hover{color:var(--card-foreground)}.signed-in-pubky:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.app-version{margin:0;color:var(--muted-foreground);font-size:.75rem;font-weight:650;opacity:.5}.auth-actions .app-version{font-size:.75rem}.homepage-version{display:block;max-width:520px;margin-top:12px;line-height:1.45}.signed-in-footer .app-version{margin-top:6px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.modal{width:min(460px,100%);padding:20px}.preview-modal{width:min(900px,100%);max-height:min(82vh,760px);overflow:hidden}.modal-heading{display:grid;gap:14px}.modal-heading>div{min-width:0}.preview-title-row,.preview-subhead-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}.preview-title-row h2{min-width:0}.preview-close-button{width:34px;height:34px;min-height:34px;flex:0 0 34px;border-radius:999px;border-color:transparent;background:var(--background)}.preview-close-button:hover{background:#ffffff14;border-color:transparent}.preview-subhead-row .modal-path{margin:0;min-width:0}.preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.copy-action{display:inline-flex;align-items:center;gap:8px}.copy-status{animation:copy-status-fade 1s ease forwards;color:#c8ff00;font-size:.86rem;font-weight:650;white-space:nowrap}.modal h2{margin:0;color:var(--foreground);font-size:1.25rem;font-weight:800;overflow-wrap:anywhere}.modal p{color:var(--muted-foreground)}.modal-path{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--background);color:var(--card-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem;overflow-wrap:anywhere}.entry-metadata{display:grid;gap:8px;margin:12px 0}.rename-form{display:grid;gap:14px}.rename-form label{display:grid;gap:7px;color:var(--muted-foreground);font-size:.86rem;font-weight:750}.rename-form input{width:100%;min-height:42px;border:1px solid var(--input);border-radius:10px;padding:0 12px;background:var(--background);color:var(--foreground)}.entry-metadata div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px}.entry-metadata dt,.entry-metadata dd{margin:0;font-size:.9rem}.entry-metadata dt{color:var(--muted-foreground);font-weight:700}.entry-metadata dd{color:var(--card-foreground);overflow-wrap:anywhere}.preview-body{max-height:calc(min(82vh,760px) - 138px);margin-top:18px;overflow:auto}.preview-loading{display:grid;min-height:180px;place-items:center}.spinner{width:34px;height:34px;border:3px solid rgb(255 255 255 / 14%);border-top-color:#c8ff00;border-radius:999px;animation:spin .85s linear infinite}.button-spinner{width:21px;height:21px;border-width:2px}.text-preview{margin:0;border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--background);color:var(--card-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.55;overflow:auto;white-space:pre-wrap;word-break:break-word}.json-preview{color:var(--muted-foreground)}.json-key{color:#d8ff74}.json-string{color:#9fd6ff}.json-number{color:#ffbd7a}.json-boolean{color:#d7a5ff}.json-null{color:#ff8f8f}.json-punctuation{color:var(--card-foreground)}.media-preview{display:block;width:100%;max-height:calc(min(82vh,760px) - 150px);border:1px solid var(--border);border-radius:10px;background:#05050a;object-fit:contain}.modal-actions{justify-content:flex-end}@keyframes loading{0%{background-position:0 0}to{background-position:220% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes copy-status-fade{0%,70%{opacity:1}to{opacity:0}}@media(max-width:760px){.shell{width:min(100% - 20px,1180px);padding-top:16px}.browser-header{align-items:flex-start;flex-direction:column}.topbar{align-items:flex-start;flex-direction:row}.browser-actions{width:100%}.browser-actions .secondary-button{flex:1}.topbar-actions{width:auto;flex:0 0 auto;margin-left:auto}.topbar-actions .topbar-button{width:48px;height:48px;min-height:48px;flex:0 0 48px}.auth-layout{grid-template-columns:1fr;min-height:auto}.auth-actions{width:min(100%,360px)}.auth-copy p.auth-warning{max-width:100%}.qr-canvas{display:none}.mobile-auth-button{display:inline-flex!important}.auth-copy h2{font-size:3.25rem;line-height:.95}.create-form{grid-template-columns:1fr}.file-head{display:none}.file-row{grid-template-columns:1fr;gap:8px;min-height:0;padding:14px}.file-row>span:not(.file-name):not(.row-actions){font-size:.9rem}.file-meta[data-label]{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;color:var(--card-foreground);overflow-wrap:anywhere}.file-meta[data-label]:before{content:attr(data-label);color:var(--muted-foreground);font-weight:750}.row-actions{justify-content:flex-end}.row-actions .row-icon-button{width:34px;flex:0 0 34px}.preview-modal .preview-title-row{align-items:flex-start}.preview-modal .preview-title-row h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal .preview-subhead-row{flex-direction:column;gap:12px}.preview-modal .preview-actions{align-self:flex-end;order:1;justify-content:flex-end}.preview-modal .modal-path{order:2;width:100%}}