.dark-theme,:root{--log-title:#ff8b8b;--log-entry-border:#ff8b8b;--success-color:#10b981;--error-color:#ff4b4c;--theme-btn-bg:rgba(255,139,139,0.1)}.input-group,button{position:relative;gap:10px}.log-entry:before,.log-title{color:var(--log-title);font-weight:700}.footer,.header{text-align:center}.theme-toggle,button{cursor:pointer;transition:.3s}:root{--primary-color:#ff8b8b;--secondary-color:#ffb8b8;--background-gradient:linear-gradient(135deg,#fff0f0 0%,#fff8f8 100%);--container-bg:#ffffff;--text-color:#2c3e50;--text-secondary:#7f8c8d;--input-bg:#fffafa;--input-border:#e0d0d0;--log-bg:#fff8f8;--log-text:#2c3e50;--instructions-bg:#fff0f0;--footer-border:rgba(0,0,0,0.05)}.dark-theme{--background-gradient:linear-gradient(135deg,#0a0a0a 0%,#121212 100%);--container-bg:#1a1a1a;--text-color:#e0e0e0;--text-secondary:#a0a0a0;--input-bg:#2a2a2a;--input-border:#444;--log-bg:#0f0f0f;--log-text:#d0d0d0;--instructions-bg:#222;--footer-border:rgba(255,255,255,0.1)}*{box-sizing:border-box;margin:0;padding:0;font-family:'Fira Code','Courier New',monospace,sans-serif;transition:background .3s,color .3s,filter .4s}body{background:var(--background-gradient);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;color:var(--text-color)}.container{background-color:var(--container-bg);border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.15);width:100%;max-width:750px;padding:40px 35px;position:relative;overflow:hidden;animation:.8s ease-out fadeInBlur}.log-container,.log-title{background:var(--log-bg);display:flex}@keyframes fadeInBlur{0%{opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}.header{margin-bottom:30px;position:relative;padding-top:40px}.header h1{font-size:36px;margin-bottom:12px;position:relative;display:inline-block;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.5px}.header p{color:var(--text-secondary);font-size:17px;line-height:1.6;max-width:600px;margin:0 auto}.input-group{display:flex;margin-bottom:25px;animation:.6s .2s both slideUpBlur}@keyframes slideUpBlur{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}input[type=text]{flex:1;padding:16px 22px;border:2px solid var(--input-border);border-radius:12px;font-size:16px;transition:.3s;background-color:var(--input-bg);color:var(--text-color);box-shadow:0 3px 10px rgba(0,0,0,.05)}input[type=text]:focus{border-color:var(--secondary-color);box-shadow:0 0 0 4px rgba(255,184,184,.15);outline:0}button{padding:16px 32px;background:linear-gradient(to right,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;overflow:hidden;box-shadow:0 5px 15px rgba(255,139,139,.3);display:flex;align-items:center;justify-content:center}button:hover{background:linear-gradient(to right,#ff7b7b 0,#ffa8a8 100%);transform:translateY(-3px);box-shadow:0 7px 20px rgba(255,139,139,.4)}button:active{transform:translateY(1px);box-shadow:0 3px 10px rgba(255,139,139,.3)}button:disabled{background:linear-gradient(to right,#d0d0d0,silver);cursor:not-allowed;transform:none;opacity:.7;box-shadow:0 3px 10px rgba(0,0,0,.1)}.log-container::-webkit-scrollbar{display:none}.log-container{margin-top:25px;border-radius:14px;padding:20px 20px 10px;height:280px;overflow-y:auto;box-shadow:inset 0 0 15px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.05);flex-direction:column-reverse;border:1px solid rgba(0,0,0,.05);animation:.8s .3s both fadeInBlur;-ms-overflow-style:none;scrollbar-width:none}.instructions h3,.log-title{align-items:center;gap:10px}.log-title{margin-bottom:0;font-size:18px;position:sticky;top:0;padding-top:5px;padding-bottom:0;z-index:1}.log-title svg{width:26px;height:26px;fill:var(--log-title)}.log-content{color:var(--log-text);line-height:1.8;white-space:pre-wrap;display:flex;flex-direction:column-reverse}.log-entry{margin-bottom:8px;position:relative;font-size:15px;padding-left:20px;animation:.4s fadeInBlur}.log-entry:before{content:">";position:absolute;left:0}.log-entry.success{color:var(--success-color)}.log-entry.error{color:var(--error-color)}.loading{display:inline-block;width:14px;height:14px;border:3px solid rgba(255,139,139,.3);border-radius:50%;border-top-color:var(--log-title);animation:1s linear infinite spin;margin-left:6px;margin-right:6px;margin-bottom:4px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.instructions{margin-top:30px;background:var(--instructions-bg);border-radius:14px;padding:25px;font-size:15px;box-shadow:0 5px 15px rgba(0,0,0,.05);animation:.8s .4s both fadeInBlur}.instructions h3{margin-bottom:18px;color:var(--primary-color);font-size:20px;display:flex}.instructions h3 svg{width:24px;height:24px;fill:var(--primary-color)}.instructions ul{padding-left:25px;line-height:1.8}.instructions li{margin-bottom:12px;color:var(--text-color);position:relative}.instructions li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:-20px;top:0;font-size:20px}.instructions code{background:rgba(255,139,139,.1);padding:3px 8px;border-radius:6px;color:var(--primary-color);font-family:monospace;font-weight:600}.footer{margin-top:30px;color:var(--text-secondary);font-size:14px;padding-top:20px;border-top:1px solid var(--footer-border);animation:.8s .5s both fadeInBlur}.theme-toggle{position:absolute;top:20px;right:20px;background:var(--theme-btn-bg);border:none;border-radius:50%;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:20px;z-index:10;box-shadow:0 3px 10px rgba(0,0,0,.1)}.theme-toggle:hover{transform:scale(1.1);background:rgba(255,139,139,.2)}.theme-toggle svg{width:20px;height:20px;fill:var(--primary-color)}.compass-icon{width:24px;height:24px;fill:white}@media (max-width:768px){.container{padding:30px 20px}.header{padding-top:50px}.header h1{font-size:28px}.header p{font-size:15px}.input-group{flex-direction:column}button{width:100%;margin-top:10px;padding:16px}.log-container{height:240px;padding:15px}.theme-toggle{top:15px;right:15px;width:38px;height:38px;font-size:18px}.compass-icon,.instructions h3 svg{width:22px;height:22px}.instructions{padding:20px}.log-title svg{width:24px;height:24px;fill:var(--log-title)}.instructions h3 svg{fill:var(--primary-color)}}