@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#253e33;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1180px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde4db}.brand{text-decoration:none;color:#34584a;font-weight:800;letter-spacing:2px}.brand span{font-size:12px;letter-spacing:0;font-weight:500;margin-left:18px}button,input{font:inherit}button{cursor:pointer;border:1px solid #dce3db;border-radius:12px;background:white;color:#34584a;padding:12px 18px;font-weight:600}button:hover{background:#edf3e9}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #9bb68d;outline-offset:3px}.quiet{border:0;background:transparent;font-size:12px}main{max-width:1120px;margin:auto;padding:0 24px}.intro{text-align:center;padding:54px 0 38px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#799471}h1{font-size:36px;line-height:1.45;letter-spacing:-1.5px;margin:16px 0}p{line-height:1.8}.intro p,.muted{color:#7b897f;font-size:13px}.card{background:#fff;border:1px solid #e2e8df;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #263d3005}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.picture{position:relative;min-height:390px;background:#e8ecdf;overflow:hidden}.art{position:absolute;inset:0;background-image:radial-gradient(ellipse at 50% 110%,#577f48 0 28%,transparent 29%),radial-gradient(ellipse at 90% 100%,#a9ba64 0 45%,transparent 46%),radial-gradient(circle at 28% 30%,#ffe5a0 0 10%,transparent 11%),linear-gradient(#8fbac1,#e5e6bd);background-position:center;background-repeat:no-repeat;background-size:cover}.art.has-photo{background-size:contain;background-color:#e8ecdf}.mono{filter:grayscale(1)}.color{clip-path:inset(100% 0 0);transition:clip-path 1s}.picture-label,.picture-percent{position:absolute;background:#ffffffdb;backdrop-filter:blur(8px);padding:8px 14px;border-radius:20px;font-size:11px;left:22px;top:22px}.picture-percent{left:auto;top:auto;right:22px;bottom:22px;font-size:24px;font-weight:800}.goal{padding:38px 34px}h2{font-size:21px;letter-spacing:-.7px;margin:12px 0}.total{margin:30px 0 16px;display:flex;gap:10px;align-items:baseline}.total strong{font-size:40px;letter-spacing:-2px}.total span{font-size:12px;color:#869080}#progress{height:9px;background:#edf0e8;border-radius:10px;overflow:hidden}#bar{display:block;height:100%;background:#6c8b5a;width:0;transition:width 1s}.progress-meta{display:flex;justify-content:space-between;font-size:11px;margin-top:10px}.progress-meta span{color:#8b968c}.stats{display:flex;border-top:1px solid #edf0e9;margin-top:26px;padding-top:20px;gap:45px}.stats div{display:grid;gap:5px}.stats strong{font-size:23px}.stats span,small{font-size:10px;color:#8a978a}small{display:block;line-height:1.8;margin-top:18px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.participate,.history{padding:28px}.tabs{display:flex;border-radius:12px;background:#f3f5ef;padding:4px;margin:22px 0}.tabs button{flex:1;border:0;background:transparent;font-size:12px}.tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 8px #00000008}.presets{display:flex;gap:10px;margin:18px 0}.presets button{flex:1}.presets button.selected{background:#edf3e7;border-color:#799471}label{display:block;font-size:12px;font-weight:600;margin:16px 0 8px}input{width:100%;border:1px solid #dce3db;border-radius:10px;padding:12px;background:#fff;color:#253e33}.input-row{display:flex;align-items:center;gap:12px}.primary{background:#34584a;color:white;border-color:#34584a;width:100%;margin-top:18px}.primary:hover{background:#274839}.entry{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0e9;gap:12px}.entry strong{display:block;font-size:15px}.entry time{font-size:10px;color:#8a978a}.entry button{font-size:11px;padding:7px 12px}.cancelled{opacity:.5}.clock{text-align:center;font-size:42px;font-variant-numeric:tabular-nums;padding:24px 0}.timer-actions{display:flex;gap:10px;align-items:center}.timer-actions button{flex:1;margin:0;font-size:12px}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253e33;color:white;padding:14px 24px;border-radius:14px;z-index:10;max-width:90%;font-size:13px}#message:empty{display:none}footer{text-align:center;padding:42px 0;color:#8a978a;font-size:12px;line-height:2.5}footer span{font-size:10px;letter-spacing:1px}dialog{border:1px solid #dce3db;border-radius:22px;padding:28px;width:min(480px,92vw);color:#253e33}dialog::backdrop{background:#13271c80;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}#admin-message{font-size:12px;color:#a04936}[hidden]{display:none!important}@media(max-width:720px){.brand span{display:none}header{padding:18px 20px}main{padding:0 16px}.intro{padding:36px 0 26px}h1{font-size:29px}.hero,.columns{grid-template-columns:1fr}.picture{min-height:290px}.goal{padding:26px}.columns{gap:16px}.participate,.history{padding:24px}.total{margin-top:22px}.intro p{font-size:11px}}
.picture{aspect-ratio:1280/1023;min-height:0;align-self:center}.picture-label,.picture-percent{display:none}
#main-title{white-space:pre-line;overflow-wrap:anywhere}#brand-name{overflow-wrap:anywhere}textarea{font:inherit;color:#253e33;width:100%;border:1px solid #dce3db;border-radius:10px;padding:12px;background:#fff;resize:vertical}textarea:focus-visible{outline:3px solid #9bb68d;outline-offset:3px}dialog{max-height:90dvh;overflow-y:auto}
