@tailwind base;@tailwind components;@tailwind utilities;:root{--text-light:#d1d5db;--line-light-blue:#7dd3fc;--app-bg:#0a0a0c;--panel-bg:#0a0a0cb8;--input-bg:#1a1a1a;--hover-bg:#7dd3fc1a;color:var(--text-light);background-color:#0a0a0a;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--app-bg);min-height:100vh;margin:0;overflow-x:hidden}.app-shell{--text-color:#d1d5db;--app-bg:#0a0a0c;--panel-bg:#0a0a0cb8;--input-bg:#1a1a1a;--hover-bg:#7dd3fc1a;background:var(--app-bg);min-height:100vh;color:var(--text-color);transition:background-color .2s,color .2s}.app-shell.theme-light{--text-color:#111827;--app-bg:#f8fafc;--panel-bg:#ffffffdb;--input-bg:#fff;--line-light-blue:#0284c7;--hover-bg:#0284c71a}.app-shell,.app-shell h1,.app-shell h2,.app-shell h3,.app-shell p,.app-shell span,.app-shell label,.app-shell a,.app-shell button{color:var(--text-color)}.theme-light .theme-glow{opacity:.08}.theme-light .cyber-subtitle{text-shadow:none}.app-header{background:var(--panel-bg);color:var(--text-color);margin-bottom:36px}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle,.repo-link{border:1px solid var(--line-light-blue);color:var(--text-color);background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:700;transition:background-color .2s,box-shadow .2s;display:flex}.theme-toggle{cursor:pointer}.theme-toggle:hover,.repo-link:hover{background:var(--hover-bg);box-shadow:0 0 15px #7dd3fc59}.theme-dark .fullscreen-button{color:#000}.delete-item-button{border:1px solid var(--line-light-blue);color:#fff;cursor:pointer;background:#000;padding:4px 8px}.delete-item-button:hover{background:#111}.theme-light .delete-item-button{color:#000;background:#fff}.theme-light .delete-item-button:hover{background:#f1f5f9}.pdf-preview-frame{background:var(--app-bg)}.cyber-title{color:var(--text-color);text-shadow:0 0 10px #0ff,0 0 20px #0ff;letter-spacing:-.02em;font-weight:900}.cyber-subtitle{color:var(--text-color);text-shadow:none}.cyber-input{background:var(--input-bg);border:1px solid var(--line-light-blue);color:var(--text-color);border-radius:4px;outline:none;width:100%;padding:10px}.cyber-input:focus{box-shadow:0 0 10px #00ffff80}.cyber-label{color:var(--text-color);margin-bottom:5px;font-size:.8rem;font-weight:700;display:block}.cyber-button{text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;border:1px solid;border-radius:4px;width:100%;padding:12px;font-weight:700;transition:all .2s;display:block}.cyber-button-green{border-color:var(--line-light-blue);color:var(--text-color)}.cyber-button-green:hover{background:var(--hover-bg);box-shadow:0 0 15px #7dd3fc66}.cyber-button-blue{border-color:var(--line-light-blue);color:var(--text-color)}.cyber-button-blue:hover{background:var(--hover-bg);box-shadow:0 0 15px #7dd3fc66}.cyber-button-red{border-color:var(--line-light-blue);color:var(--text-color)}.cyber-button-red:hover{background:var(--hover-bg);box-shadow:0 0 15px #7dd3fc66}.cyber-button-gray{border-color:var(--line-light-blue);color:var(--text-color)}.cyber-button-gray:hover{background:var(--hover-bg);box-shadow:0 0 15px #7dd3fc66}.cyber-panel{border:2px solid var(--line-light-blue);border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 0 20px #0ff3}@media (width<=720px){.app-header>div,.header-actions{flex-direction:column;align-items:flex-start}}