:root{--bg:#0a0a0a;--fg:#ededed;--accent:#0070f3;--accent-hover:#0051a8;--card-bg:#1a1a1a;--border:#333;--success:#0cce6b;--error:#e74c3c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.25rem;margin-bottom:1rem;color:#999;font-weight:400}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;margin-bottom:2rem}.status-badge.up{background:rgba(12,206,107,.15);color:var(--success)}.status-badge.down{background:rgba(231,76,60,.15);color:var(--error)}.status-dot{width:8px;height:8px;border-radius:50%}.status-badge.up .status-dot{background:var(--success)}.status-badge.down .status-dot{background:var(--error)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.85rem;color:#999}.form-group input{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:1rem}button{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.greeting-list{list-style:none}.greeting-item{padding:1rem 0;border-bottom:1px solid var(--border)}.greeting-item:last-child{border-bottom:none}.greeting-item .message{font-size:1.1rem;margin-bottom:.25rem}.greeting-item .meta{font-size:.8rem;color:#666}.env-info{margin-top:2rem;padding:1rem;background:rgba(0,112,243,.1);border-radius:8px;font-size:.85rem;color:#999}.env-info code{color:var(--accent)}