@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#6366f11a;--accent-soft-border:#6366f159;--accent-glow:#6366f147;--success:#10b981;--text-strong:#0f1117;--text-muted:#6b7280;--glass-bg:#ffffff8c;--glass-border:#6366f11f;--glass-hover:#ffffffb8;--surface-raised:#ffffffe6;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--text-strong)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:#f0f1ff;background-image:radial-gradient(80% 50% at 20% -10%,#a3a5ff73 0%,#0000 60%),radial-gradient(60% 40% at 80% 0,#c4b5fd59 0%,#0000 55%),radial-gradient(50% 60% at 0 80%,#a7f3d04d 0%,#0000 50%),radial-gradient(70% 50% at 100% 90%,#fed7aa4d 0%,#0000 50%);min-height:100dvh;animation:20s ease-in-out infinite alternate meshShift}@keyframes meshShift{0%{background-position:0 0,100% 0,0 100%,100% 100%}to{background-position:5% 5%,95% 5%,5% 95%,95% 95%}}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-sans);color:var(--text-strong);margin:0;font-weight:700}p{margin:0}pre,code,.textarea{font-family:var(--font-mono)}a{color:var(--accent)}::selection{background:var(--accent-soft);color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#6366f14d}.shell{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--glass-border);flex-direction:column;gap:8px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.logo{border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;margin-bottom:4px;padding:4px 8px 20px;display:flex}.logo-icon{color:var(--accent);font-size:1.5rem;line-height:1}.logo-text{letter-spacing:-.03em;color:var(--text-strong);font-size:1.2rem;font-weight:700}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--text-muted);font:500 .9rem/1 var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--glass-hover);color:var(--text-strong)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item .badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:.72rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:16px}.auth-box{flex-direction:column;gap:8px;display:flex}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}.main{overflow-y:auto}.panel{max-width:680px;margin:0 auto;padding:40px 32px 60px}.panel-heading{margin-bottom:28px}.panel-heading h1{letter-spacing:-.04em;color:var(--text-strong);margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.panel--library .panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notice-banner{color:#8a5200;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:14px;gap:6px;margin-bottom:18px;padding:12px 14px;display:grid}.notice-banner strong{letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.notice-banner span{font-size:.9rem;line-height:1.45}.kind-tabs{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;gap:6px;margin-bottom:22px;padding:5px;display:flex}.kind-tab{color:var(--text-muted);font:500 .9rem/1 var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 4px;transition:background .18s,color .18s,box-shadow .18s;display:flex}.kind-tab:hover{color:var(--text-strong);background:var(--glass-hover)}.kind-tab--active{background:var(--surface-raised);color:var(--accent);box-shadow:0 2px 12px #6366f126}.kind-icon{font-size:1rem}.compose-form{flex-direction:column;gap:16px;display:flex}.field{position:relative}.textarea{box-sizing:border-box;border:1.5px solid var(--glass-border);background:var(--glass-bg);width:100%;color:var(--text-strong);font:.9rem/1.6 var(--font-mono);resize:vertical;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;outline:none;min-height:160px;padding:14px;transition:border-color .15s,box-shadow .15s}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.char-count{text-align:right;color:var(--text-muted);margin-top:6px;font-size:.78rem}.char-count .warn{color:#f59e0b}.dropzone{border:2px dashed var(--glass-border);text-align:center;cursor:pointer;color:var(--text-muted);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;font-size:.9rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.dropzone:hover,.dropzone--over{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.dropzone--filled{border-style:solid;border-color:var(--success);background:#10b9810f}.dropzone-icon{color:var(--accent);font-size:2rem}.dropzone-name{color:var(--text-strong);word-break:break-all;margin:0;font-weight:600}.options-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.expiry-chips{gap:6px;display:flex}.chip{border:1.5px solid var(--glass-border);color:var(--text-muted);font:500 .82rem/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.toggle input{display:none}.toggle-track{background:var(--glass-border);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle input:checked~.toggle-track{background:var(--accent)}.toggle input:checked~.toggle-track:after{transform:translate(16px)}.toggle-label{color:var(--text-muted);font-size:.88rem;transition:color .15s}.toggle:hover .toggle-label{color:var(--text-strong)}.btn{font:500 .9rem/1 var(--font-sans);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:7px;padding:11px 18px;transition:background .15s,opacity .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow)}.btn--ghost{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border)}.btn--ghost:hover{background:var(--glass-hover);color:var(--text-strong)}.btn--full{justify-content:center;width:100%}.btn--submit{border-radius:14px;justify-content:center;width:100%;padding:14px;font-size:1rem}.btn--sm{padding:5px 10px;font-size:.8rem}.btn--icon{background:var(--glass-bg);width:36px;height:36px;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:10px;flex-shrink:0;justify-content:center;padding:0;font-size:1rem}.btn--icon:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn--copied{color:var(--success);border-color:var(--success);background:#10b9811f}.btn--danger{color:#ef4444;background:#ef444414;border-color:#ef444440}.btn--danger:hover{background:#ef444426;border-color:#ef4444}.stats-chips{flex-wrap:wrap;gap:6px;display:flex}.stat-chip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:500}.paste-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.paste-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;animation:.25s both fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.paste-card:hover{border-color:var(--accent-soft-border);transform:translateY(-1px);box-shadow:0 4px 20px #6366f11a}.paste-card--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.paste-card__icon{color:var(--accent);text-align:center;flex-shrink:0;width:36px;font-size:1.4rem}.paste-card__body{flex:1;min-width:0}.paste-card__name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:.9rem;font-weight:600;overflow:hidden}.paste-card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.75rem;display:flex}.paste-card__actions{flex-shrink:0;gap:6px;display:flex}.kind-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.kind-badge--text{color:#6366f1;background:#6366f11f}.kind-badge--file{color:#d97706;background:#f59e0b1f}.kind-badge--image{color:#059669;background:#10b9811f}.expiry-badge{color:#f59e0b;font-weight:500}.burn-badge{color:#ef4444}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:64px 24px;display:flex}.empty-icon{opacity:.25;font-size:3rem}.preview-panel{border:1px solid var(--glass-border);border-radius:16px;margin-top:20px;animation:.2s both fadeSlideIn;overflow:hidden}.preview-panel__header{background:var(--glass-hover);border-bottom:1px solid var(--glass-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.82rem;font-weight:600;display:flex}.preview-pre{background:var(--glass-bg);color:var(--text-strong);font:.85rem/1.7 var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:340px;margin:0;padding:16px;overflow:auto}.toast-rack{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:28px;right:28px}.toast{color:#fff;border-radius:14px;max-width:300px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.21,1.07,.52,1) both toastIn,.25s 2.9s both toastOut;box-shadow:0 8px 24px #00000040}.toast--success{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.toast--error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)scale(.95)}}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-muted);margin:0;font-size:.88rem}.hint{text-align:center;color:var(--text-muted);margin:0;font-size:.82rem}.select-sm{border:1.5px solid var(--glass-border);background:var(--glass-bg);width:100%;color:var(--text-strong);font:.88rem/1 var(--font-sans);cursor:pointer;border-radius:10px;outline:none;padding:9px 12px}.select-sm:focus{border-color:var(--accent)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;align-items:center;gap:12px;height:auto;padding:12px 16px;position:static}.logo{border:none;margin:0;padding:0}.logo-text{display:none}.nav{flex-direction:row;flex:1}.nav-item{padding:9px 12px;font-size:.82rem}.sidebar-footer{display:none}.panel{padding:24px 16px 48px}.toast-rack{bottom:16px;left:16px;right:16px}.toast{max-width:100%}}