:root{--brand: #664b00;--brand-hover: #4d3800;--on-brand: #ffffff;--yellow-1: #ffd527;--yellow-2: #ffc200;--yellow-3: #ffe783;--tint: #fff6cc;--ink: #1f1b12;--ink-soft: #4a4536;--muted: #6b6554;--line: #e6e0cf;--line-strong: #958d75;--bg: #faf8f1;--surface: #ffffff;--surface-2: #f1ecdc;--danger: #b91c1c;--ok: #047857;--ok-ink: #065f46;--ok-bg: #ecfdf5;--warn: #b45309;--overlay: rgba(31, 27, 18, .45);--shadow: 0 14px 40px rgba(31, 27, 18, .06);--shadow-sm: 0 1px 3px rgba(31, 27, 18, .12);--shadow-pop: 0 14px 40px rgba(31, 27, 18, .12);--font: "Pretendard Variable", Pretendard, system-ui, sans-serif;--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 20px;--fs-5: 28px;--fs-6: clamp(28px, 5vw, 44px);--r-1: 8px;--r-2: 12px;--r-3: 18px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none}html{scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.wrap{width:min(1060px,calc(100% - 32px));margin:0 auto;padding:var(--sp-6) 0 var(--sp-8)}.wrap.mast-shell{padding-bottom:0}.mast-shell~.wrap,.mast-shell~* .wrap{padding-top:0}.panel{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow)}h1{margin:0 0 var(--sp-3);font-size:var(--fs-6);letter-spacing:-.04em}.lede{max-width:720px;color:var(--ink-soft);line-height:1.65}.field{display:grid;gap:var(--sp-2);margin:var(--sp-4) 0;color:var(--ink-soft);font-size:var(--fs-2)}input,textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface)}textarea{min-height:180px;resize:vertical}button{padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-2);background:var(--btn-bg, var(--brand));color:var(--on-brand);font-weight:700;cursor:pointer}button:hover:not(:disabled){--btn-bg: var(--brand-hover)}button:disabled{opacity:.55}.status{min-height:24px;color:var(--ink-soft)}.bad{color:var(--danger)}.good{color:var(--ok)}.grid{display:grid;gap:var(--sp-4)}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface)}.muted{color:var(--muted)}.actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}a{color:var(--brand)}
