:root{font-family:-apple-system,Hiragino Sans,sans-serif;--bg: #f5f6f8;--card: #ffffff;--border: #e3e5e9;--text: #1a1a1a;--dim: #6b7280;--green: #16a34a;--amber: #b45309;--blue: #2563eb;--red: #b91c1c}body.owner{color-scheme:dark;--bg: #0d1117;--card: #161b22;--border: #30363d;--text: #e6edf3;--dim: #8b949e;--green: #3fb950;--amber: #d29922;--blue: #58a6ff;--red: #f85149}*{box-sizing:border-box;min-width:0}body{margin:0;background:var(--bg);color:var(--text);overflow-wrap:anywhere}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;font-size:16px}.wrap{max-width:860px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 14px calc(60px + env(safe-area-inset-bottom)) 14px}h1{font-size:18px;margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:13px;margin-bottom:11px}.muted{color:var(--dim);font-size:12px;line-height:1.7}.btn{background:#06c755;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}body.owner .btn{background:#238636}.btn.secondary{background:transparent;color:var(--dim);border:1px solid var(--border)}.btn:disabled{opacity:.4;cursor:default}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pill{background:transparent;color:var(--dim);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;white-space:nowrap;flex-shrink:0}.pill.on{color:var(--text);border-color:var(--blue)}body.owner .pill.on{background:#131f30}.pill:disabled{opacity:.4;cursor:default}.tag{display:inline-block;font-size:9px;font-weight:600;padding:1px 8px;border-radius:20px}.tag.open{background:#fee2e2;color:#b91c1c}.tag.in_progress{background:#fef3c7;color:#92400e}body.owner .tag.open{background:#2d1517;color:var(--red)}body.owner .tag.in_progress{background:#272115;color:var(--amber)}input,textarea,select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none}body.owner input,body.owner textarea,body.owner select{background:var(--bg)}textarea{resize:vertical}a{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pill{position:relative;white-space:nowrap;flex-shrink:0}.pill:before{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
