:root{color-scheme:light;--ink:#243641;--muted:#61717c;--line:#d7dfe4;--accent:#344f61;--bg:#f8fafb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Pretendard","Malgun Gothic",system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:30px 32px 50px}header{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}header span,.eyebrow{font-size:14px;letter-spacing:.1em;color:var(--muted)}a{color:var(--accent);text-underline-offset:4px}h1{font-size:34px;font-weight:600;letter-spacing:-.04em;margin:0 0 10px}.intro{padding:28px 0 20px}.intro p{margin:8px 0;color:var(--muted)}.controls,.controls>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls{justify-content:space-between}button{font:inherit;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 16px;cursor:pointer;border-radius:5px}button:first-child{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #58a1d6;outline-offset:4px}.notice{font-size:14px;color:var(--muted);max-width:900px;margin:20px 0}#status{padding:15px 18px;border:1px solid var(--line);background:white;margin:22px 0;overflow-wrap:anywhere}#status[data-error="true"]{border-color:#b85141;color:#872f23}section.project{margin-top:30px}h2{font-size:22px;font-weight:600;margin:0}.project-head{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.project-head span{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.card{background:white;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}.card h3{font-size:17px;font-weight:600;overflow-wrap:anywhere;margin:0}.meta{color:var(--muted);font-size:14px;margin:0}.card a{margin-top:auto;font-weight:600;align-self:flex-start}.empty{color:var(--muted)}footer{font-size:14px;color:var(--muted);margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){main{padding:22px 18px}header{align-items:flex-start;flex-direction:column}h1{font-size:28px}.cards{grid-template-columns:1fr}.controls{align-items:flex-start;gap:16px}.controls>div{width:100%}.project-head{align-items:flex-start;flex-direction:column}}