:root{--font-mono: "Space Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-paste-mono: "IBM Plex Mono", "Space Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg: #e5e5f7;--text: #111111;--accent: #ff3300;--accent-text: #ffffff;--accent-secondary: #0044ff;--surface: #ffffff;--outline: #111111;--surface-tint: #f3f4f6;--muted: #6b7280;--accent-rgb: 255, 51, 0;--font-family: var(--font-mono);--proti-bg: #111111;--proti-text: #ffffff;--brutal-border: 4px solid var(--outline);--brutal-shadow: 8px 8px 0px 0px var(--outline);--brutal-shadow-hover: 4px 4px 0px 0px var(--outline);--pattern-plus: url('data:image/svg+xml;utf8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M20 16v8m-4-4h8" stroke="%23111111" stroke-width="2" stroke-linecap="round" fill="none"><animateTransform attributeName="transform" type="rotate" from="0 20 20" to="90 20 20" dur="4s" repeatCount="indefinite"/></path></svg>')}:root[data-theme=dark]{--bg: #09090b;--text: #fafafa;--accent: #4f46e5;--accent-text: #ffffff;--accent-secondary: #ec4899;--surface: #18181b;--outline: #e4e4e7;--surface-tint: #272b36;--muted: #9ca3af;--accent-rgb: 79, 70, 229;--font-family: var(--font-mono);--proti-bg: #e5e5f7;--proti-text: #111111;--brutal-border: 4px solid var(--outline);--brutal-shadow: 8px 8px 0px 0px var(--accent);--brutal-shadow-hover: 4px 4px 0px 0px var(--accent);--pattern-plus: url('data:image/svg+xml;utf8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M20 16v8m-4-4h8" stroke="%23e4e4e7" stroke-width="2" stroke-linecap="round" fill="none"><animateTransform attributeName="transform" type="rotate" from="0 20 20" to="90 20 20" dur="4s" repeatCount="indefinite"/></path></svg>')}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);min-height:100vh;position:relative}body[data-app=paste]{--font-family: var(--font-paste-mono);--accent: #ff4d00;--accent-text: #111111;--surface: #fffdf8;--surface-tint: #f2ece2;--text: #111111;--muted: #57534e;--outline: #111111;--paste-shadow: 3px 3px 0 #111111;--paste-shadow-hover: 1px 1px 0 #111111;font-family:var(--font-family);background-color:var(--surface-tint)}body[data-app=paste]:before,body[data-app=paste]:after{content:none}:root[data-theme=dark] body[data-app=paste]{--accent: #ff7a1a;--accent-text: #111111;--surface: #1b1f2a;--surface-tint: #252b39;--text: #f5f5f4;--muted: #b0b8c5;--outline: #f5f5f4;--paste-shadow: 3px 3px 0 #000000;--paste-shadow-hover: 1px 1px 0 #000000}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--pattern-plus);opacity:.15;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--pattern-plus);pointer-events:none;-webkit-mask-image:radial-gradient(circle 250px at var(--mouse-x, 50vw) var(--mouse-y, 50vh),black 0%,transparent 100%);mask-image:radial-gradient(circle 250px at var(--mouse-x, 50vw) var(--mouse-y, 50vh),black 0%,transparent 100%);opacity:.5}:root[data-theme=light] body:before{opacity:.08}:root[data-theme=light] body:after{opacity:.35}:root[data-theme=dark] body:before{opacity:.06}:root[data-theme=dark] body:after{opacity:.4}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);margin:0;text-transform:uppercase}a{color:inherit;text-decoration:none}button{font-family:var(--font-mono)}body[data-app=paste] h1,body[data-app=paste] h2,body[data-app=paste] h3,body[data-app=paste] h4,body[data-app=paste] h5,body[data-app=paste] h6{text-transform:none;letter-spacing:normal}body[data-app=paste] button,body[data-app=paste] input,body[data-app=paste] select,body[data-app=paste] textarea{font-family:var(--font-family)}body[data-app=paste] :is(.toolbar,.status-bar){background-color:var(--surface)}body[data-app=paste] :is(.toolbar,.status-bar){border-color:var(--outline)}body[data-app=paste] :is(.toolbar,.status-bar){box-shadow:0 2px #111}:root[data-theme=dark] body[data-app=paste] :is(.toolbar,.status-bar){box-shadow:0 2px #000}body[data-app=paste] :is(.theme-toggle,.tool-btn,.toolbar-btn,.language-trigger,.portal-link,.auth-btn,.action-btn,.btn,.new-btn,.new-paste-btn,.save-btn){border:2px solid var(--outline);border-radius:4px;box-shadow:var(--paste-shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}body[data-app=paste] :is(.theme-toggle:hover,.theme-toggle:focus,.tool-btn:hover,.tool-btn:focus,.toolbar-btn:hover,.toolbar-btn:focus,.language-trigger:hover,.language-trigger:focus,.portal-link:hover,.portal-link:focus,.auth-btn:hover,.auth-btn:focus,.action-btn:hover,.action-btn:focus,.btn:hover,.btn:focus,.new-btn:hover,.new-btn:focus,.new-paste-btn:hover,.new-paste-btn:focus,.save-btn:hover,.save-btn:focus){transform:translate(2px,2px);box-shadow:var(--paste-shadow-hover)}body[data-app=paste] :is(.save-btn,.new-btn,.new-paste-btn){color:var(--accent-text)}body[data-app=paste] :is(.theme-toggle,.tool-btn,.toolbar-btn){background-color:var(--surface)}body[data-app=paste] :is(.theme-toggle:hover,.theme-toggle:focus){background-color:var(--accent);color:var(--accent-text);border-color:var(--outline)}body[data-app=paste] :is(.upload-card,.card,.password-card,.about-modal-content,.qr-modal-content){border:2px solid var(--outline);border-radius:8px;box-shadow:6px 6px #111}:root[data-theme=dark] body[data-app=paste] :is(.upload-card,.card,.password-card,.about-modal-content,.qr-modal-content){box-shadow:6px 6px #000}body[data-app=paste] :is(.drop-zone,.result,.preview){border-width:2px;border-radius:6px}.theme-toggle{border:var(--brutal-border);background-color:var(--surface);color:var(--text);width:48px;height:48px;padding:0;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--brutal-shadow)}.theme-toggle:hover,.theme-toggle:focus{transform:translate(4px,4px);box-shadow:var(--brutal-shadow-hover);background-color:var(--accent);color:var(--accent-text);border-color:var(--outline);outline:none}.theme-toggle .icon{width:24px;height:24px;display:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}:root[data-theme=light] .theme-toggle .icon--sun{display:block}:root[data-theme=dark] .theme-toggle .icon--moon{display:block}body[data-app=paste] .theme-toggle{width:32px;height:32px;border-radius:4px;background-color:var(--surface);transform:none;flex-shrink:0}body[data-app=paste] .theme-toggle:hover,body[data-app=paste] .theme-toggle:focus{border-color:var(--outline)}body[data-app=paste] .theme-toggle .icon{width:14px;height:14px}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}