:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f9fafb;--surface-hover: #f3f4f6;--input: #f8f9fb;--border: rgba(20, 24, 32, .09);--border-hover: rgba(20, 24, 32, .16);--text-primary: #1b1d22;--text-secondary: #6b7078;--text-muted: #969ba3;--primary: #5b50e6;--primary-hover: #4d43d8;--primary-soft: rgba(91, 80, 230, .1);--success: #16866d;--success-soft: #edfaf6;--success-border: #cbefe4;--danger: #d84c5a;--danger-soft: #fff2f3;--danger-border: #f3cdd2;--type-text-bg: #fff4d6;--type-text: #a67220;--type-image-bg: #e2f7f1;--type-image: #2b8875;--type-file-bg: #eeecff;--type-file: #5548d5;--type-folder-bg: #fff0df;--type-folder: #a35b2b;--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border);--surface-soft: var(--surface-2);--violet: var(--primary);--violet-dark: var(--primary-hover);--violet-soft: var(--primary-soft);--teal: var(--success);--shadow: 0 14px 34px rgba(30, 36, 48, .06)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #161719;--surface: #1d1f22;--surface-2: #222428;--surface-hover: #282a2f;--input: #202226;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .13);--text-primary: #f2f2f2;--text-secondary: #9b9da3;--text-muted: #6f7279;--primary: #665cf6;--primary-hover: #756cff;--primary-soft: rgba(102, 92, 246, .2);--success: #56cdb0;--success-soft: rgba(36, 180, 145, .1);--success-border: rgba(66, 210, 176, .2);--danger: #f07178;--danger-soft: rgba(240, 113, 120, .1);--danger-border: rgba(240, 113, 120, .24);--type-text-bg: rgba(255, 198, 72, .14);--type-text: #f0c36e;--type-image-bg: rgba(86, 205, 176, .14);--type-image: #68d5ba;--type-file-bg: rgba(102, 92, 246, .18);--type-file: #a59dff;--type-folder-bg: rgba(236, 154, 91, .14);--type-folder: #efad72;--shadow: 0 14px 34px rgba(0, 0, 0, .18)}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button,select,input,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-visible{outline:3px solid rgba(91,80,230,.25);outline-offset:3px}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{min-height:100vh}.auth-page{display:grid;min-height:100vh;padding:24px;place-items:center;background:var(--bg)}.auth-card{width:min(100%,430px);padding:34px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.loading-auth-card{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loading-auth-card p{margin:0;color:var(--muted);font-size:12px}.auth-brand-mark{margin-bottom:8px}.auth-lockup{display:flex;justify-content:center;margin-bottom:46px}.brand-image{display:block;width:200px;height:72px;border-radius:12px;object-fit:cover;object-position:center;mix-blend-mode:screen}.auth-eyebrow{margin-bottom:14px;color:var(--violet)}.auth-card h1{margin:0;color:var(--ink);font-size:33px;letter-spacing:-.06em;line-height:1.12}.auth-subtitle{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.login-form{margin-top:28px}.page-width{width:min(1080px,calc(100% - 48px));margin:0 auto}.account-bar{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:16px;padding-top:30px}.account-summary{display:flex;min-width:0;align-items:center;gap:10px}.account-summary strong{overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.logout-button{flex:none}.brand-lockup,.item-title-line,.item-meta,.item-actions,.panel-heading,.segmented-control{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-mark{position:relative;display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:14px;background:var(--ink);box-shadow:0 8px 18px #20242d1f}.brand-mark:before,.brand-mark:after,.brand-mark span{position:absolute;display:block;width:18px;height:4px;content:"";border-radius:999px;transform:rotate(-40deg)}.brand-mark:before{background:#9e91ff;transform:translate(-5px,-8px) rotate(-40deg)}.brand-mark:after{background:#54c6ae;transform:translate(5px,8px) rotate(-40deg)}.brand-mark span{width:22px;background:#fff;transform:rotate(-40deg)}.brand-name{color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-caption,.eyebrow{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand-caption{margin-top:3px;font-size:9px}.page-content{padding-bottom:40px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 22px #1e24300d;font-size:13px;font-weight:650}.notice-success{color:var(--success);border-color:var(--success-border);background:var(--success-soft)}.notice-error{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.notice button{padding:0 3px;color:currentColor;background:transparent;font-size:19px;line-height:1}.notice-message{display:inline-flex;min-width:0;align-items:center;gap:10px}.ui-icon{display:block;flex:none}.toast-notice{position:fixed;right:24px;bottom:24px;z-index:100;width:min(380px,calc(100vw - 32px));margin:0;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}.panel{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.composer-panel,.items-panel{padding:26px}.panel-heading{justify-content:space-between;gap:18px}.panel-heading h2{margin:0;color:var(--ink);font-size:20px;font-weight:600;letter-spacing:-.04em}.segmented-control{height:42px;gap:3px;padding:4px;border-radius:11px;background:var(--surface-soft)}.segmented-control button{min-width:68px;min-height:34px;padding:0 14px;border-radius:9px;color:var(--muted);background:transparent;font-size:12px;font-weight:750;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.segmented-control button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #1e24301f}.text-editor{display:block;width:100%;min-height:196px;margin-top:22px;padding:18px;resize:vertical;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--input);font-size:14px;line-height:1.7;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.text-editor-label{display:flex;flex-direction:column;gap:10px;margin-top:24px}.text-editor-label>span:first-child{color:var(--text-secondary);font-size:13px;font-weight:750}.field-hint{color:var(--muted);font-size:13px;line-height:1.5}.sensitive-info-hint{display:flex;align-items:center;gap:6px}.sensitive-info-hint .ui-icon{font-size:14px}.text-editor-label .text-editor{margin-top:0}.text-editor::placeholder,.field input::placeholder{color:var(--text-muted)}.text-editor:focus,.field input:focus,.field select:focus{border-color:#5b50e694;background:var(--surface);box-shadow:0 0 0 4px #5b50e617}.drop-zone{display:flex;min-height:232px;margin-top:22px;padding:26px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--border-hover);border-radius:12px;color:var(--muted);background:var(--surface-soft);text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone.dragging{border-color:var(--violet);background:var(--violet-soft);transform:scale(1.01)}.drop-zone strong{color:var(--ink);font-size:15px}.drop-zone>span:not(.file-name):not(.file-size){max-width:300px;margin-top:7px;font-size:12px;line-height:1.55}.upload-glyph,.empty-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:13px;border-radius:16px;color:var(--violet);background:var(--violet-soft);font-size:24px;font-weight:700}.upload-glyph .ui-icon,.empty-icon .ui-icon{display:block}.file-preview{width:58px;height:58px;margin-bottom:13px;border-radius:14px;object-fit:cover;box-shadow:0 8px 20px #1e243024}.file-name{max-width:min(400px,90%);margin-top:7px;overflow:hidden;color:var(--ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.file-size{margin-top:4px;color:var(--muted);font-size:11px}.file-button{margin-top:0}.file-picker-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:17px}.form-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr);gap:12px;margin-top:20px}.single-field-grid{grid-template-columns:minmax(0,1fr)}.single-field-grid .expiry-select{width:100%}.form-grid>.expiry-options:only-child{grid-column:1 / -1}.expiry-options{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.burn-option{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 4px;color:var(--text-secondary);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.burn-option input{width:16px;height:16px;margin:0;accent-color:var(--violet);cursor:pointer}.field{display:flex;flex-direction:column;gap:8px}.field>span{color:var(--text-secondary);font-size:13px;font-weight:750}.field em{margin-left:5px;color:var(--text-muted);font-size:10px;font-style:normal;font-weight:500}.field input,.field select{width:100%;min-height:42px;padding:0 13px;border:1px solid var(--line);min-height:44px;border-radius:10px;color:var(--ink);background:var(--input);font-size:13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field select{cursor:pointer}.select-wrap{position:relative;width:100%}.select-wrap .expiry-select{padding-right:42px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.select-wrap .ui-icon{position:absolute;top:50%;right:14px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.select-wrap .expiry-select:focus,.select-wrap .expiry-select:focus-visible{border-color:var(--line);background:var(--input);box-shadow:none;outline:none}.single-field-grid .select-wrap{width:100%;margin-right:0}.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:10px;padding:0 16px;border-radius:10px;font-size:12px;font-weight:800;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.primary-button{color:#fff;background:var(--violet);box-shadow:0 8px 18px #5b50e638}.primary-button:hover:not(:disabled){background:var(--violet-dark);box-shadow:0 10px 22px #5b50e645;transform:translateY(-1px)}.upload-success-button,.upload-success-button:hover:not(:disabled){color:#fff;background:var(--teal);box-shadow:0 8px 18px #16866d33}.upload-success-button:disabled{opacity:1}.secondary-button{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.secondary-button:hover{border-color:#5b50e652;color:var(--violet-dark);background:var(--violet-soft)}.upload-button{width:100%;min-height:48px;margin-top:20px}.full-button{width:100%;margin-top:17px}.panel-description{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.account-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--violet),#8e86ff);font-size:16px;font-weight:850}.items-panel{margin-top:20px}.server-status-panel{margin-top:20px;padding:26px}.server-status-heading{margin-bottom:22px}.storage-status-badge{padding:7px 10px;border:1px solid var(--success-border);border-radius:999px;color:var(--teal);background:var(--success-soft);font-size:11px;font-weight:800;white-space:nowrap}.storage-summary{padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.storage-values{display:flex;flex-wrap:wrap;gap:28px}.storage-value{display:flex;min-width:140px;flex-direction:column;gap:5px}.storage-value strong{color:var(--ink);font-size:21px;font-weight:750;letter-spacing:-.04em}.storage-value span,.storage-meta{color:var(--muted);font-size:12px}.storage-progress{height:8px;margin-top:20px;overflow:hidden;border-radius:999px;background:var(--input)}.storage-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--teal));transition:width .24s ease}.storage-meta{display:flex;justify-content:space-between;gap:12px;margin-top:9px}.storage-placeholder{display:flex;min-height:72px;align-items:center;gap:10px;color:var(--muted);font-size:12px}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--success-soft)}.status-indicator-error{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.list-heading{align-items:flex-start;margin-bottom:24px}.list-heading .panel-description{margin-top:5px}.items-count{padding:7px 10px;border-radius:999px;color:var(--violet-dark);background:var(--violet-soft);font-size:11px;font-weight:800;white-space:nowrap}.empty-state{display:flex;min-height:240px;padding:24px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--border-hover);border-radius:12px;color:var(--muted);text-align:center}.empty-icon{width:44px;height:44px;margin-bottom:12px;font-size:25px}.empty-state h3{margin:0;color:var(--ink);font-size:15px}.empty-state p{max-width:320px;margin:8px 0 0;font-size:12px;line-height:1.6}.loading-state{border-style:solid;background:var(--surface-soft)}.loading-spinner{width:28px;height:28px;margin-bottom:12px;border:3px solid var(--violet-soft);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.item-list{display:flex;flex-direction:column;gap:16px}.item-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px 14px;align-items:start;min-height:112px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);transition:border-color .16s ease,background .16s ease,transform .16s ease}.item-row:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-1px)}.item-type{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;font-size:9px;font-weight:900;letter-spacing:.04em}.item-type-text{color:var(--type-text);background:var(--type-text-bg)}.item-type-image{color:var(--type-image);background:var(--type-image-bg)}.item-type-file{color:var(--type-file);background:var(--type-file-bg)}.item-type-folder{color:var(--type-folder);background:var(--type-folder-bg)}.item-main{min-width:0}.item-title-line{justify-content:space-between;gap:12px;min-width:0}.item-title-leading{display:flex;min-width:0;align-items:center;gap:9px}.item-title-line h3{min-width:0;margin:0;overflow:hidden;color:var(--ink);font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.item-title-line h3.text-item-content{overflow:visible;line-height:1.55;text-overflow:clip;white-space:pre-wrap;overflow-wrap:anywhere}.item-kind{flex:0 0 auto;padding:4px 7px;border-radius:999px;color:var(--muted);background:var(--surface);font-size:9px;font-weight:800}.item-meta{flex-wrap:wrap;gap:5px 12px;margin-top:8px;color:var(--muted);font-size:13px}.item-meta span+span:before{margin-right:12px;color:var(--text-muted);content:"/"}.item-meta .burn-badge:before{display:none}.burn-badge{padding:3px 7px;border-radius:999px;color:var(--teal);background:var(--success-soft);font-size:11px;font-weight:800}.item-actions{grid-column:2;flex-wrap:wrap;justify-content:flex-start;gap:4px 18px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:4px 0;color:var(--violet-dark);background:transparent;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}.text-button:hover{color:var(--violet);text-decoration:underline;text-underline-offset:3px}.text-button-success{color:var(--teal)}.text-button:disabled{cursor:wait;opacity:.55}.danger-button,.danger-button:hover{color:var(--danger)}@media(max-width:860px){.workspace-grid{grid-template-columns:1fr}.item-row{grid-template-columns:46px minmax(0,1fr)}.item-actions{grid-column:2;justify-content:flex-start}}@media(max-width:600px){.page-width{width:min(100% - 28px,1080px)}.auth-page{padding:14px}.toast-notice{right:14px;bottom:14px;width:calc(100vw - 28px)}.auth-card{padding:26px 21px;border-radius:20px}.auth-lockup{margin-bottom:36px}.composer-panel,.items-panel,.server-status-panel{padding:20px;border-radius:16px}.panel-heading{align-items:flex-start;flex-direction:column}.segmented-control{width:100%}.segmented-control button{width:50%}.form-grid,.expiry-options{grid-template-columns:1fr}.burn-option{min-height:36px;padding:0}.list-heading{flex-direction:row}.item-row{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;min-height:108px;padding:16px}.item-type{width:38px;height:38px;border-radius:11px;font-size:8px}.item-title-line{align-items:flex-start}.item-title-leading{align-items:flex-start;flex-wrap:wrap;gap:5px 8px}.item-actions{grid-column:2;gap:4px 16px}.single-field-grid .select-wrap{width:100%;margin-right:0}}