:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-gradient:linear-gradient(to bottom,#fff,#f5f5f5);--text-primary:#333;--text-secondary:#666;--border-color:#0000001a;--bg-header:#ffffffe6;--bg-footer:#ffffffe6}[data-theme=dark]{--bg-primary:#020917;--bg-secondary:#101725;--bg-gradient:linear-gradient(to bottom,#020917,#101725);--text-primary:#fff;--text-secondary:#ccc;--border-color:#ffffff1a;--bg-header:#0003;--bg-footer:#0003}body{color:var(--text-primary);background-image:var(--bg-gradient);margin:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);padding:15px 20px}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.content{text-align:center;flex-direction:column;flex:1;justify-content:center;line-height:1.1;display:flex}.content h1{font-size:3.6rem;font-weight:700}.content p{opacity:.5;color:var(--text-secondary);font-size:1.2rem;font-weight:400}.footer{background-color:var(--bg-footer);text-align:center;opacity:.7;border-top:1px solid var(--border-color);padding:20px;font-size:.9rem}.theme-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-size:.9rem;transition:background-color .3s,color .3s}.theme-toggle:hover{background-color:var(--bg-secondary)}.footer p{margin:5px 0}.record{opacity:.6;cursor:pointer;font-size:.8rem}