:root{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #434c5e;--bg-elevated: #4c566a;--text-primary: #eceff4;--text-secondary: #d8dee9;--text-muted: #81a1c1;--accent-primary: #88c0d0;--accent-secondary: #81a1c1;--accent-mint: #8fbcbb;--accent-error: #bf616a;--accent-warning: #d08770;--accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--border-subtle: rgba(216, 222, 233, .06);--border-accent: rgba(136, 192, 208, .3);--shadow-glow: 0 0 60px rgba(136, 192, 208, .15);--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(136,192,208,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(129,161,193,.05),transparent)}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#88c0d04d;color:var(--text-primary)}.container{width:80%;max-width:1800px;margin:0 auto}.header{padding:24px 0;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;background:#2e3440cc}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.logo-icon{width:40px;height:40px;background:var(--accent-gradient);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:16px;color:var(--bg-primary)}.logo-text{font-size:24px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:8px}.nav-link{padding:10px 20px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.primary{background:var(--accent-gradient);color:var(--bg-primary)}.nav-link.primary:hover{opacity:.9;transform:translateY(-1px)}main{flex:1;padding:48px 0}.hero{text-align:center;margin-bottom:48px}.hero h1{font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.hero h1 span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto}.editor-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-glow)}.editor-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.window-dots{display:flex;gap:8px}.window-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-elevated)}.window-dot.red{background:#ff5f57}.window-dot.yellow{background:#febc2e}.window-dot.green{background:#28c840}.editor-title-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:500;outline:none}.editor-title-input::placeholder{color:var(--text-muted)}.language-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;cursor:pointer;outline:none;transition:all .2s ease}.language-select:hover{border-color:var(--border-accent)}.language-select:focus{border-color:var(--accent-primary)}.editor-body{position:relative;min-height:400px}.editor-body.codemirror-wrapper{overflow:hidden}.editor-body.codemirror-wrapper .cm-editor{font-family:var(--font-mono);font-size:14px;background:transparent}.editor-body.codemirror-wrapper .cm-editor.cm-focused{outline:none}.editor-body.codemirror-wrapper .cm-gutters{background:var(--bg-secondary);border-right:1px solid var(--border-subtle)}.editor-body.codemirror-wrapper .cm-activeLineGutter{background:var(--bg-tertiary)}.editor-body.codemirror-wrapper .cm-activeLine{background:#d8dee908}.editor-body.codemirror-wrapper .cm-selectionBackground{background:#88c0d033!important}.editor-body.codemirror-wrapper .cm-cursor{border-left-color:var(--accent-primary)}.editor-body.codemirror-wrapper .cm-placeholder{color:var(--text-muted)}.editor-body.codemirror-wrapper .cm-vim-panel{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);padding:4px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.editor-body.codemirror-wrapper .cm-vim-panel input{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:2px 6px;border-radius:3px;outline:none}.editor-body.codemirror-wrapper .cm-vim-panel input:focus{border-color:var(--accent-primary)}.code-textarea{width:100%;min-height:400px;padding:20px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.7;resize:vertical;outline:none;tab-size:2}.code-textarea::placeholder{color:var(--text-muted)}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.footer-options{display:flex;align-items:center;gap:16px}.option-group{display:flex;align-items:center;gap:8px}.option-label{color:var(--text-muted);font-size:13px}.expiry-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;outline:none}.vim-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.vim-toggle:hover{color:var(--text-secondary);border-color:var(--border-accent)}.vim-toggle.active{background:#28c84026;border-color:#28c840;color:#28c840}.vim-toggle .vim-icon{font-size:12px}.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);font-family:var(--font-display);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #88c0d04d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.paste-view{max-width:900px;margin:0 auto}.paste-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.paste-info h1{font-size:28px;font-weight:600;margin-bottom:8px}.paste-meta{display:flex;gap:16px;color:var(--text-muted);font-size:14px}.paste-meta-item{display:flex;align-items:center;gap:6px}.paste-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-accent)}.action-btn.copied{background:#28c8401a;border-color:#28c840;color:#28c840}.code-block{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.code-language{font-family:var(--font-mono);font-size:12px;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.code-content{padding:20px;overflow-x:auto}.code-content pre{font-family:var(--font-mono);font-size:14px;line-height:1.7;margin:0}.code-content code{font-family:inherit}.recent-section{margin-top:64px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary)}.pastes-grid{display:grid;gap:16px}.paste-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.paste-card:hover{background:var(--bg-tertiary);border-color:var(--border-accent);transform:translate(4px)}.paste-card-info{display:flex;align-items:center;gap:16px}.paste-card-icon{width:40px;height:40px;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);font-weight:600}.paste-card-title{font-weight:500;color:var(--text-primary);margin-bottom:4px}.paste-card-meta,.paste-card-views{font-size:13px;color:var(--text-muted)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:48px;color:var(--accent-error)}.error-message h2{font-size:24px;margin-bottom:8px}.error-message p{color:var(--text-muted)}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.footer{padding:24px 0;border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);font-size:14px}.stats-counters{display:flex;align-items:center;gap:8px}.visit-counter{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--border-subtle)}.modal-icon{font-size:24px}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-body{padding:20px 24px}.modal-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.modal-description strong{color:var(--accent-amber)}.secret-key-container{display:flex;align-items:stretch;gap:8px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px}.secret-key{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--accent-mint);padding:10px 12px;word-break:break-all;background:transparent}.copy-secret-btn{padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-secret-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.copy-secret-btn.copied{background:#28c8401a;border-color:#28c840;color:#28c840}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px}.modal-btn{padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.modal-btn.primary{background:var(--accent-gradient);color:var(--bg-primary)}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #88c0d04d}.modal-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.modal-btn.secondary:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-btn.danger{background:var(--accent-error);color:#fff}.modal-btn.danger:hover{background:#d08770;transform:translateY(-1px);box-shadow:0 4px 12px #bf616a66}.modal-btn.danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.delete-input-group{margin-top:16px}.delete-input-group label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.delete-input{width:100%;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .2s ease}.delete-input:focus{border-color:var(--accent-primary)}.delete-input::placeholder{color:var(--text-muted)}.delete-error{margin-top:12px;padding:10px 12px;background:#bf616a1a;border:1px solid rgba(191,97,106,.3);border-radius:var(--radius-sm);color:var(--accent-error);font-size:13px}@media(max-width:768px){.hero h1{font-size:32px}.editor-header{flex-wrap:wrap}.editor-footer,.paste-header{flex-direction:column;gap:16px}.modal{max-width:100%}}