:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101a22;color:#eef4f3}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 100% 0,#224443 0,transparent 32%),#101a22}.od-shell{max-width:760px;margin:auto;padding:env(safe-area-inset-top) 18px calc(24px + env(safe-area-inset-bottom))}.od-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:12px;letter-spacing:.13em;color:#9fb9b7}.od-top a{color:#c6f0df;text-decoration:none;font-size:15px;letter-spacing:0}.od-intro{position:relative;padding:22px 0 18px}.od-mark{float:right;width:68px;height:68px;display:grid;place-items:center;border:1px solid #557c75;border-radius:20px;color:#bff5dd;font-size:52px;line-height:1}.od-kicker{font-size:11px;letter-spacing:.16em;color:#9ccab8;font-weight:750}.od-intro h1{font-size:clamp(30px,8vw,52px);letter-spacing:-.05em;line-height:1.05;margin:12px 0}.od-intro>p:last-child{max-width:550px;color:#aec0c1;line-height:1.55}.od-card{background:#192831;border:1px solid #365058;border-radius:20px;padding:18px;margin:14px 0;box-shadow:0 14px 42px #0002}.od-card h2{font-size:20px;line-height:1.2;margin:0 0 10px}.od-card p{color:#adc2c3;line-height:1.5}.od-card small{color:#9fbbb6}.od-form{display:grid;gap:12px}.od-form label{display:grid;gap:6px;color:#c9dbd8;font-weight:650}.od-form input{width:100%;font-size:16px;padding:14px;border:1px solid #557079;background:#0d1920;color:#fff;border-radius:12px}.od-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.od-actions button,.od-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #668079;border-radius:11px;background:#22373a;color:#f1fbf7;font:650 15px system-ui;text-decoration:none;cursor:pointer}.od-actions .primary{background:#bbf0d1;color:#173129;border-color:#bbf0d1}.od-actions .danger{color:#ffcabf;border-color:#94685f;background:#39292a}.od-actions button:disabled{opacity:.5;cursor:default}.od-status{min-height:24px;color:#bce9d2;line-height:1.45;overflow-wrap:anywhere}.od-list{display:grid;gap:10px}.od-row{border:1px solid #3a5559;border-radius:14px;padding:14px;background:#15252b}.od-row strong{display:block;overflow-wrap:anywhere}.od-row small{display:block;margin-top:5px}.od-preview{margin-top:16px}.od-preview img{max-width:100%;height:auto;border-radius:8px}.od-preview iframe{display:block;width:100%;height:min(68dvh,720px);border:0;background:white}.od-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65dvh;overflow:auto;font:15px/1.55 ui-monospace,monospace}.od-shell footer{margin:26px 0;color:#8fa5a7;font-size:13px;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d9ff9d;outline-offset:3px}