:root{--ink:#1a1a1a;--peach:#f7d7c4;--coral:#ea6d4b;--sand:#fdf6f0;--sky:#c3d6f5;--shadow:rgba(26,26,26,.12)}*{box-sizing:border-box}body{margin:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;color:var(--ink);background:radial-gradient(circle at top,var(--sand),var(--peach));min-height:100vh}.page{padding:4rem 6vw 6rem}.page.simple{padding:2rem 6vw}.status-section{margin-bottom:3rem}.status-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 40px var(--shadow)}.status-card h1{margin-top:0;font-size:2.2rem}.target{color:#6f6b66;font-size:.95rem;margin:.5rem 0 1.5rem}.target code{background:var(--sand);padding:.3rem .6rem;border-radius:6px;font-family:monospace;color:var(--coral)}.status-display{margin:1.5rem 0;padding:1.5rem;background:var(--sand);border-radius:16px}.status-badge{display:inline-block;padding:.8rem 1.5rem;border-radius:999px;font-weight:700;font-size:1.1rem;margin-bottom:1rem}.status-badge.stable{background:#e5f4ea;color:#2b6a3d}.status-badge.changed{background:#fbe8e6;color:#a33a2c}.status-message{font-size:1rem;margin:.5rem 0 1rem;color:var(--ink)}.status-details{display:grid;grid-gap:.8rem;gap:.8rem;margin-top:1rem}.status-details>div{display:flex;align-items:center;gap:.8rem}.status-details span{font-weight:600;color:#6f6b66}.status-details code{background:#fff;padding:.4rem .8rem;border-radius:8px;font-family:monospace;font-size:.85rem;color:var(--coral)}.check-btn{margin-top:1rem;padding:.9rem 1.5rem;border-radius:999px;background:var(--coral);color:#fff;border:none;font-weight:700;cursor:pointer;font-size:1rem;transition:all .2s ease}.check-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px var(--shadow)}.check-btn:disabled{opacity:.7;cursor:wait}.test-section{margin-top:2rem}.test-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 40px var(--shadow)}.test-card h2{margin-top:0;font-size:1.6rem}.auto-check{color:#6f6b66;font-size:.9rem;margin-top:-.5rem;margin-bottom:1rem}.test-controls{margin:1.5rem 0}.test-btn:hover{box-shadow:0 6px 12px var(--shadow)}.test-section-item{padding:1rem;background:var(--sand);border-radius:12px;border-left:4px solid var(--coral)}.test-section-item h3{margin:0 0 .5rem;color:var(--ink)}.test-section-item p{margin:.5rem 0;font-size:.95rem;color:#6f6b66}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:3rem;gap:3rem;align-items:center}.hero-text h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:0 0 1rem;letter-spacing:-.02em}.subhead{font-size:1.1rem;line-height:1.6;max-width:32rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-bottom:1rem}.hero-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 30px 60px var(--shadow);position:relative;overflow:hidden;animation:floatIn .6s ease-out}.hero-card:before{content:"";position:absolute;inset:-30% 60% auto -20%;height:140px;background:linear-gradient(120deg,var(--sky),transparent);opacity:.6}.form{grid-gap:1rem;gap:1rem;position:relative;z-index:1}.form,label{display:grid}label{grid-gap:.4rem;gap:.4rem;font-weight:600}input,label{font-size:.95rem}input{padding:.7rem .9rem;border-radius:12px;border:1px solid #e1dfdc}button{padding:.8rem 1rem;border-radius:999px;border:none;background:var(--coral);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button.danger{background:#c2493a}button:hover{transform:translateY(-2px);box-shadow:0 10px 20px var(--shadow)}button:disabled{opacity:.7;cursor:wait}.result{margin-top:1.5rem;background:var(--sand);border-radius:16px;padding:1rem}.status{font-weight:700;margin:0 0 1rem}.status.safe{color:#2b6a3d}.status.danger{color:#a33a2c}.meta{display:grid;grid-gap:.75rem;gap:.75rem}.meta span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#6f6b66}.error{color:#a33a2c;margin-top:1rem}.dashboard{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.panel{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 20px 40px var(--shadow)}.panel h2{margin-top:0}.monitor-list{display:grid;grid-gap:.8rem;gap:.8rem}.monitor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid #efecea;background:#fffdfb;cursor:pointer;text-align:left}.monitor-row.selected{border-color:var(--coral);box-shadow:0 10px 20px var(--shadow)}.monitor-row strong{display:block;font-size:1rem}.monitor-row span{font-size:.8rem;color:#6f6b66}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-left:.4rem}.tag.safe{background:#e5f4ea;color:#2b6a3d}.tag.danger{background:#fbe8e6;color:#a33a2c}.tag.warn{background:#fff2cc;color:#9a6b00}.detail{display:grid;grid-gap:1.4rem;gap:1.4rem}.detail-header{display:flex;flex-direction:column;gap:1rem}.detail-header .title{font-size:1.4rem;font-weight:700;margin:0}.muted{color:#6f6b66;margin:.2rem 0}.actions{display:flex;flex-wrap:wrap;gap:.6rem}.history{display:grid;grid-gap:.6rem;gap:.6rem}.history-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .8rem;border-radius:12px;background:var(--sand)}.empty{color:#6f6b66}@keyframes floatIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.test-panel{margin-top:3rem;background:linear-gradient(135deg,#fff8f0,#ffe8d6);grid-column:1/-1}.dashboard.test-panel{display:block}.panel.full{background:#fff}.test-controls{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.test-btn{padding:.6rem 1rem;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:600;transition:all .2s ease}.test-btn.active{background:#2b6a3d;color:#fff;border-color:#2b6a3d}.test-btn.reset{background:#f9c674;border-color:#f9c674;color:#333}.test-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(26,26,26,.15)}.test-content{margin:1.5rem 0;display:grid;grid-gap:1rem;gap:1rem}.test-section{padding:1rem;background:var(--sand);border-radius:12px;border-left:4px solid var(--coral)}.test-section h3{margin:0 0 .5rem;color:var(--ink)}.test-section p{margin:.5rem 0;font-size:.95rem;color:#6f6b66}.test-section ul{margin:.5rem 0 0 1.5rem;padding:0}.test-section li{margin:.3rem 0}.test-help{margin-top:1.5rem;padding:1rem;background:#f0f8ff;border-radius:12px;border-left:4px solid var(--sky)}.test-help strong{display:block;margin-bottom:.6rem;color:var(--ink)}.test-help ol{padding-left:1.5rem;margin:0}.test-help li{margin:.4rem 0;font-size:.95rem;color:#6f6b66}.test-help code{background:#fff;padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:var(--coral)}@media (max-width:720px){.test-controls{gap:.5rem}.test-btn{padding:.5rem .8rem;font-size:.9rem}.page{padding:3rem 6vw}.page.simple{padding:1.5rem 6vw}.test-controls{gap:.5rem}.test-btn{padding:.5rem .8rem;font-size:.9rem}.status-card h1{font-size:1.8rem}}