:root{--bg:#0b0d0c;--panel:#111513;--line:#26302b;--fg:#d6e2da;--dim:#8a9a90;--accent:#7fd18b;--warn:#e0b35a;--fail:#e06c5a}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
body{display:flex;flex-direction:column;overflow:hidden}
#bar{display:flex;gap:4px;align-items:center;padding:5px 6px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto}
#bar button{background:transparent;color:var(--fg);border:1px solid var(--line);height:28px;min-width:30px;padding:0 8px;font:inherit;cursor:pointer}
#bar button:hover,#bar button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}
#bar button:disabled{opacity:.4;cursor:default}
#go-form{flex:1;min-width:0;display:flex}
#addr,#search{width:100%;height:28px;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:0 8px;font:inherit}
#addr:focus,#search:focus{outline:none;border-color:var(--accent)}
#warn{flex:0 0 auto;padding:3px 10px;font-size:11px;color:#1a0f00;background:var(--warn);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#warn.ok{color:#06210c;background:var(--accent)}
#start .warn{color:var(--warn);border:1px solid var(--warn);padding:8px 10px}
#note.fail{font-weight:600}
#note{flex:0 0 auto;padding:6px 10px;font-size:12px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}
#note.warn{color:var(--warn)} #note.fail{color:var(--fail)} #note.ok{color:var(--accent)}
#note .act{flex:0 0 auto;background:var(--fail);color:#fff;border:0;padding:4px 8px;cursor:pointer;font:inherit;font-weight:700}
#note .x{margin-left:auto;background:none;border:0;color:inherit;cursor:pointer;font:inherit}
#view{flex:1;position:relative;min-height:0}
#view iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
#start{max-width:620px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;gap:14px}
#start .h{letter-spacing:.2em;color:var(--accent)}
#start .p{color:var(--fg);line-height:1.6}
#start .dim{color:var(--dim)}
#start .foot{margin-top:24px;font-size:11px;color:var(--dim);line-height:1.6}
#start a{color:var(--dim)}
#search{height:36px;font-size:14px}
@media (max-width:480px){#bar button{min-width:26px;padding:0 5px}#home{display:none}}