*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}:root{--bg:#fafaf8;--surface:#f2f0ed;--border:#e0ddd8;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--accent:#e8650a;--accent-hover:#c9550a;--accent-muted:#fdf0e8;--gray-mid:#9a9a9a;--code-bg:#f5f3f0;--overlay:#00000080;--danger:#dc2626;--danger-hover:#b91c1c;--success:#16a34a;--font-serif:"Fraunces",Georgia,serif;--font-mono:"DM Mono",monospace;--font-sans:"DM Sans",sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}[data-theme=dark]{--bg:#1a1a1a;--surface:#242424;--border:#333;--text-primary:#fafaf8;--text-secondary:#9a9a9a;--accent:#f97316;--accent-hover:#ea580c;--accent-muted:#f9731626;--gray-mid:#6b6b6b;--code-bg:#1f1f1f;--overlay:#000000b3;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006}body{font-family:var(--font-mono);background-color:var(--bg);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);line-height:1.6;position:relative}body:before{content:"";pointer-events:none;opacity:.03;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=dark] body:before{opacity:.05}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font-sans);cursor:pointer;font-size:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background-color:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-mid)}.container{width:100%;max-width:900px;padding:0 var(--space-lg);margin:0 auto}.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}.logo{font-family:var(--font-serif);color:var(--text-primary);align-items:center;gap:2px;font-size:1.5rem;font-style:italic;font-weight:500;display:flex}.logo-dot{color:var(--accent);font-size:1.75rem;line-height:0}.panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:background-color var(--transition-base),border-color var(--transition-base)}.input-area{width:100%;min-height:300px;padding:var(--space-lg);font-family:var(--font-mono);background-color:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);font-size:.9375rem;line-height:1.7}.input-area::placeholder{color:var(--gray-mid)}.input-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.input-field{width:100%;padding:var(--space-sm)var(--space-md);font-family:var(--font-mono);background-color:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base);font-size:.875rem}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.input-field::placeholder{color:var(--gray-mid)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);font-family:var(--font-sans);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.btn-icon{padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary)}.btn-icon:hover{background-color:var(--surface);color:var(--text-primary)}.badge{padding:2px var(--space-sm);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background-color:var(--accent-muted);color:var(--accent);align-items:center;font-size:.6875rem;font-weight:500;display:inline-flex}.avatar{border-radius:var(--radius-full);background-color:var(--surface);border:2px solid var(--border);object-fit:cover;width:40px;height:40px;transition:border-color var(--transition-base)}.avatar:hover{border-color:var(--accent)}.avatar-lg{width:80px;height:80px}.avatar-sm{width:32px;height:32px}.code-block{background-color:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.code-header{padding:var(--space-sm)var(--space-md);background-color:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.code-language{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.code-content{padding:var(--space-lg);font-family:var(--font-mono);font-size:.875rem;line-height:1.7;overflow-x:auto}.code-content code{font-family:inherit}.toast-container{bottom:var(--space-xl);right:var(--space-xl);z-index:1000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background-color:var(--text-primary);color:var(--bg);border-radius:var(--radius-md);font-family:var(--font-sans);box-shadow:var(--shadow-lg);font-size:.875rem;animation:.3s forwards toast-in;display:flex}.toast.toast-error{background-color:var(--danger);color:#fff}.toast.toast-success{background-color:var(--success);color:#fff}.toast.toast-warning{color:#fff;background-color:#f59e0b}.toast.toast-info{color:#fff;background-color:#3b82f6}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page{flex-direction:column;min-height:100vh;display:flex}.page-content{padding:var(--space-2xl)var(--space-lg);flex-direction:column;flex:1;justify-content:center;display:flex}.header{background-color:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-md)var(--space-lg);z-index:100;transition:background-color var(--transition-base),border-color var(--transition-base);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;display:flex}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.theme-toggle{border-radius:var(--radius-md);background-color:var(--surface);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--border);color:var(--text-primary)}.toolbar{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg);background-color:var(--surface);border-radius:var(--radius-md);margin-top:var(--space-lg);transition:background-color var(--transition-base);animation:.3s forwards slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-content{font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);font-size:.9375rem;line-height:1.8}.modal-overlay{background-color:var(--overlay);z-index:1000;padding:var(--space-lg);justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:420px;max-height:90vh;transition:background-color var(--transition-base),border-color var(--transition-base);animation:.3s modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.25rem;font-weight:500}.modal-close{padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--surface);color:var(--text-primary)}.modal-body{gap:var(--space-md);flex-direction:column;display:flex}.modal-footer{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.form-hint{color:var(--text-secondary);font-size:.75rem}.form-error{color:var(--danger);font-size:.75rem}.avatar-upload{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.avatar-preview{position:relative}.avatar-edit-btn{border-radius:var(--radius-full);background-color:var(--accent);color:#fff;cursor:pointer;width:28px;height:28px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{background-color:var(--accent-hover)}.paste-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base)}.paste-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.paste-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.paste-card-date{color:var(--gray-mid);font-size:.6875rem}.paste-card-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.paste-card-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.paste-card-stats{align-items:center;gap:var(--space-md);color:var(--gray-mid);font-size:.6875rem;display:flex}.share-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background-color:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);display:flex}.share-author{align-items:center;gap:var(--space-md);display:flex}.share-author-info{flex-direction:column;display:flex}.share-author-name{font-family:var(--font-sans);color:var(--text-primary);font-weight:600}.share-date{color:var(--text-secondary);font-size:.75rem}.share-message{font-family:var(--font-serif);color:var(--text-primary);font-size:1.125rem;font-style:italic}.error-message{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:var(--danger);margin-top:var(--space-md);background-color:#fef2f2;border:1px solid #fecaca;font-size:.875rem;display:flex}[data-theme=dark] .error-message{background-color:#dc26261a;border-color:#dc26264d}.shortcut-hint{color:var(--gray-mid);margin-top:var(--space-sm);text-align:center;font-size:.6875rem}kbd{font-family:var(--font-mono);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.625rem;display:inline-block}.confirm-message{text-align:center;padding:var(--space-md)0;color:var(--text-primary)}.confirm-warning{color:var(--danger);font-weight:500}.limit-warning{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background-color:var(--accent-muted);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);margin-top:var(--space-md);font-size:.875rem;display:flex}.tabs{gap:var(--space-xs);padding:var(--space-xs);background-color:var(--surface);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex}.tab{padding:var(--space-sm)var(--space-md);font-family:var(--font-sans);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-size:.8125rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{background-color:var(--bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--space-3xl)var(--space-lg);color:var(--text-secondary)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5}.hljs{color:var(--text-primary);background:0 0!important;padding:0!important}.hljs-comment,.hljs-quote{color:var(--gray-mid);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#b45309}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-addition{color:#f59e0b}.hljs-number,.hljs-string,.hljs-meta .hljs-meta-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:#047857}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-meta-string,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-regexp{color:#34d399}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#1d4ed8}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-selector-id,[data-theme=dark] .hljs-selector-class{color:#60a5fa}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-class .hljs-title,.hljs-type{color:#7c3aed}[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-class .hljs-title,[data-theme=dark] .hljs-type{color:#a78bfa}.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-link{color:#0891b2}[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-bullet,[data-theme=dark] .hljs-subst,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-pseudo,[data-theme=dark] .hljs-link{color:#22d3ee}.hljs-built_in,.hljs-deletion{color:var(--danger)}.hljs-formula{background:var(--accent-muted)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.markdown-content h1{font-size:1.75rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content code{background:var(--surface);border-radius:var(--radius-sm);padding:2px 6px;font-size:.875em}.markdown-content pre{background:var(--code-bg);padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-md)0;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content blockquote{borderLeft:"3px solid var(--accent)";paddingLeft:"var(--space-md)";marginLeft:0;color:"var(--text-secondary)";font-style:italic}.markdown-content a{color:var(--accent);text-decoration:underline}.markdown-content ul,.markdown-content ol{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.markdown-content li{margin-bottom:var(--space-xs)}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl)0}.code-theme-github .hljs{color:#24292e}.code-theme-github .hljs-comment,.code-theme-github .hljs-quote{color:#6a737d}.code-theme-github .hljs-keyword,.code-theme-github .hljs-selector-tag{color:#d73a49}.code-theme-github .hljs-string,.code-theme-github .hljs-number{color:#032f62}.code-theme-github .hljs-title,.code-theme-github .hljs-section{color:#6f42c1}.code-theme-github .hljs-variable,.code-theme-github .hljs-attr{color:#e36209}.code-theme-github-dark .hljs{color:#c9d1d9}.code-theme-github-dark .hljs-comment,.code-theme-github-dark .hljs-quote{color:#8b949e}.code-theme-github-dark .hljs-keyword,.code-theme-github-dark .hljs-selector-tag{color:#ff7b72}.code-theme-github-dark .hljs-string,.code-theme-github-dark .hljs-number{color:#a5d6ff}.code-theme-github-dark .hljs-title,.code-theme-github-dark .hljs-section{color:#d2a8ff}.code-theme-github-dark .hljs-variable,.code-theme-github-dark .hljs-attr{color:#ffa657}.code-theme-monokai .hljs{color:#f8f8f2}.code-theme-monokai .hljs-comment,.code-theme-monokai .hljs-quote{color:#75715e}.code-theme-monokai .hljs-keyword,.code-theme-monokai .hljs-selector-tag{color:#f92672}.code-theme-monokai .hljs-string{color:#e6db74}.code-theme-monokai .hljs-number{color:#ae81ff}.code-theme-monokai .hljs-title,.code-theme-monokai .hljs-section{color:#a6e22e}.code-theme-monokai .hljs-variable,.code-theme-monokai .hljs-attr{color:#fd971f}.code-theme-atom-one .hljs{color:#383a42}.code-theme-atom-one .hljs-comment,.code-theme-atom-one .hljs-quote{color:#a0a1a7}.code-theme-atom-one .hljs-keyword,.code-theme-atom-one .hljs-selector-tag{color:#a626a4}.code-theme-atom-one .hljs-string{color:#50a14f}.code-theme-atom-one .hljs-number{color:#986801}.code-theme-atom-one .hljs-title,.code-theme-atom-one .hljs-section{color:#4078f2}.code-theme-atom-one .hljs-variable,.code-theme-atom-one .hljs-attr{color:#e45649}.code-theme-dracula .hljs{color:#f8f8f2}.code-theme-dracula .hljs-comment,.code-theme-dracula .hljs-quote{color:#6272a4}.code-theme-dracula .hljs-keyword,.code-theme-dracula .hljs-selector-tag{color:#ff79c6}.code-theme-dracula .hljs-string{color:#f1fa8c}.code-theme-dracula .hljs-number{color:#bd93f9}.code-theme-dracula .hljs-title,.code-theme-dracula .hljs-section{color:#50fa7b}.code-theme-dracula .hljs-variable,.code-theme-dracula .hljs-attr{color:#ffb86c}.code-theme-nord .hljs{color:#d8dee9}.code-theme-nord .hljs-comment,.code-theme-nord .hljs-quote{color:#616e88}.code-theme-nord .hljs-keyword,.code-theme-nord .hljs-selector-tag{color:#81a1c1}.code-theme-nord .hljs-string{color:#a3be8c}.code-theme-nord .hljs-number{color:#b48ead}.code-theme-nord .hljs-title,.code-theme-nord .hljs-section{color:#8fbcbb}.code-theme-nord .hljs-variable,.code-theme-nord .hljs-attr{color:#d08770}.code-theme-solarized .hljs{color:#657b83}.code-theme-solarized .hljs-comment,.code-theme-solarized .hljs-quote{color:#93a1a1}.code-theme-solarized .hljs-keyword,.code-theme-solarized .hljs-selector-tag{color:#859900}.code-theme-solarized .hljs-string{color:#2aa198}.code-theme-solarized .hljs-number{color:#d33682}.code-theme-solarized .hljs-title,.code-theme-solarized .hljs-section{color:#268bd2}.code-theme-solarized .hljs-variable,.code-theme-solarized .hljs-attr{color:#cb4b16}.version-history{border:1px solid var(--border);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.version-item{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border);cursor:pointer;transition:background-color var(--transition-fast)}.version-item:last-child{border-bottom:none}.version-item:hover{background-color:var(--surface)}.version-item-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.version-item-date{color:var(--text-secondary);font-size:.75rem}.version-item-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8125rem;overflow:hidden}@media (max-width:640px){:root{font-size:14px}.container{padding:0 var(--space-md)}.panel{padding:var(--space-lg)}.toolbar{gap:var(--space-sm);flex-direction:column}.btn{width:100%}.toast-container{left:var(--space-md);right:var(--space-md)}.toast{justify-content:center}.modal-content{margin:var(--space-md)}.share-card{text-align:center;flex-direction:column}.share-author{flex-direction:column}.header-content{gap:var(--space-sm)}.header-actions{gap:var(--space-xs)}}