body{margin:0;font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#e0e0e0}.App{max-width:900px;margin:2rem auto;padding:2rem;text-align:center}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #333;margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:15px;font-size:.9rem}.credits{background-color:#333;padding:5px 10px;border-radius:5px;font-weight:700}button{background-color:#333;color:#96d5f9;border:1px solid #555;padding:10px 20px;border-radius:1px;cursor:pointer;font-weight:400;transition:background-color .2s}button:hover{background-color:#444}button:disabled{background-color:#222;color:#666;cursor:not-allowed;border-color:#444}.mode-switcher button{background-color:transparent;border:1px solid #555}.mode-switcher button:disabled{background-color:#24364a;color:#96d5f9;border-color:#697a8d}form{background-color:#1e1e1e;padding:2rem;border-radius:1px;border:1px solid #333;text-align:left}form h3{margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:10px}input[type=text],input[type=url],input[type=email],input[type=password],textarea,select{width:calc(100% - 20px);padding:12px;margin-bottom:1rem;background-color:#2c2c2c;border:1px solid #444;border-radius:5px;color:#e0e0e0;font-size:1rem}input::placeholder,textarea::placeholder{color:#888}.article-display{border:1px solid #333;padding:20px;margin-top:2rem;text-align:left;background-color:#1e1e1e;border-radius:1px}.article-display h2,.article-display h3{border-bottom:1px solid #444;padding-bottom:8px;font-weight:400}pre{white-space:pre-wrap;background-color:#2c2c2c;padding:15px;border-radius:5px;border:1px solid #444;font-family:Courier New,Courier,monospace;font-size:.9rem}.logo-container{display:flex;align-items:center;gap:15px}.logo-container img{height:70px;width:auto}.logo-container h1{font-family:Schibsted Grotesk,sans-serif;font-weight:900;font-size:1.75rem;margin:0;letter-spacing:-.01em}.history-container{display:flex;gap:20px;align-items:flex-start}.article-history{flex:1;max-width:350px;border-right:1px solid #333;padding-right:20px;height:80vh;overflow-y:auto}.article-display-view{flex:3}.article-history ul li:hover{background-color:#2a2a2a}