:root{--ink:#15221d;--muted:#63716b;--line:#dce2df;--paper:#f4f6f3;--white:#fff;--lime:#baff29;--green:#173c2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Noto Sans KR,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.topbar{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfd7d2}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:600 15px monospace;letter-spacing:.08em}.brand b{color:#507064}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:27px;height:27px;padding:5px;background:var(--ink)}.brand-mark i{width:4px;background:var(--lime);display:block}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:11px}.live-pill{font:500 11px monospace;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.live-pill span,.sync-dot{width:7px;height:7px;border-radius:50%;background:#53d366;box-shadow:0 0 0 4px #53d36622;display:inline-block}main{max-width:1180px;margin:auto;padding:0 24px 100px}.hero{min-height:410px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bec8c2}.eyebrow{margin:0 0 24px;font:500 11px monospace;letter-spacing:.16em;color:#567065}h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.18;letter-spacing:-.055em}h1 em{color:#267350;font-style:normal}.lede{margin:28px 0 0;color:var(--muted);line-height:1.8;font-size:15px}.hero-metric{width:210px;height:210px;border:1px solid #b6c2bc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 0,#f4f6f3 70%)}.hero-metric span,.hero-metric small{font:500 10px monospace;letter-spacing:.14em;color:#718078}.hero-metric strong{font:700 66px monospace;line-height:1.1}.entry-panel{margin-top:70px;padding:42px;background:#fff;border:1px solid #d8dfdb;box-shadow:0 18px 50px #1a382810}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.section-heading>div{display:flex;align-items:center;gap:14px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.04em}.section-heading p{margin:0;color:#758079;font-size:12px}.step{font:500 11px monospace;color:#34805c;border:1px solid #a9bcb2;padding:5px 7px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}label{display:flex;flex-direction:column;gap:10px}label>span{font-size:12px;font-weight:700}label b{color:#31915e}.wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #ccd4d0;background:#fafbf9;padding:13px 14px;outline:none;border-radius:0;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#39775a;box-shadow:0 0 0 3px #39775a14;background:#fff}textarea{resize:vertical}.form-footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;min-height:50px}.form-footer p{margin:0;font-size:13px}.success{color:#1d784d}.error{color:#b04036}.primary{border:0;background:var(--green);color:#fff;min-width:210px;padding:16px 18px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:inset 0 -3px #0c281d}.primary b{color:var(--lime)}.primary:hover{background:#20523f}.primary:disabled{opacity:.55;cursor:wait}.insights,.reports{margin-top:78px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{padding:28px 30px;background:#fff;border:1px solid #d8dfdb}.chart-card header{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #e2e6e4}.chart-card h3{margin:0;font-size:16px}.chart-card header span{font:400 9px monospace;color:#829088;letter-spacing:.12em}.bars{margin-top:24px;display:grid;gap:17px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.bar-row b{font:500 11px monospace}.track{height:8px;background:#edf0ed;overflow:hidden}.track i{display:block;height:100%;background:#39795b;transition:width .5s}.chart-card:nth-child(2) .track i{background:var(--lime)}.count{font:500 11px monospace;color:#fff;background:#29714f;border-radius:20px;padding:3px 8px}#note-list{display:grid;gap:12px}.note-card{display:grid;grid-template-columns:72px 1fr;background:#fff;border:1px solid #d9dfdc;transition:.2s}.note-card:hover{border-color:#9bad9f;transform:translateY(-1px);box-shadow:0 8px 25px #1a38280b}.note-number{border-right:1px solid #e1e5e2;padding-top:27px;text-align:center;font:500 12px monospace;color:#87938d}.note-main{padding:25px 28px}.note-top{display:flex;justify-content:space-between;align-items:center}.note-top>div{display:flex;gap:8px}.note-top time{font:400 10px monospace;color:#89938e}.tag,.status{font-size:10px;font-weight:700;padding:5px 8px;background:#e9f0ec;color:#256044}.status{background:#f0f1ed;color:#69736e}.status-3{background:#dcf8c9;color:#327022}.status-2{background:#fff2c9;color:#8a6211}.status-1{background:#dcecf7;color:#32637d}.url{display:inline-block;margin:15px 0 20px;color:#225f45;font:500 14px monospace;text-decoration:none;word-break:break-all}.url:hover{text-decoration:underline}.url span{color:#75a78f}.note-details{display:grid;grid-template-columns:190px 1fr 1fr;border-top:1px solid #e3e7e4;padding-top:18px;gap:24px}.note-details span{font-size:10px;color:#809088}.note-details p{font-size:12px;line-height:1.65;margin:6px 0 0;white-space:pre-wrap}.empty{padding:70px 20px;text-align:center;background:#fff;border:1px dashed #c7d0cb;color:#7c8982}.empty span{font:300 38px monospace;color:#4b7d65}.empty h3{color:#425049;font-size:15px;margin:12px 0 5px}.empty p{font-size:12px;margin:0}.loader{margin:auto;width:24px;height:24px;border:2px solid #d5ddd8;border-top-color:#27734e;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid #ced6d1;min-height:110px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:35px;color:#7b8881;font-size:11px}footer span{font:600 12px monospace;color:#41524a}footer p{flex:1}footer a{color:#496058;text-decoration:none}@media(max-width:760px){.topbar{height:64px}.live-pill{font-size:9px}main{padding:0 16px 70px}.hero{min-height:390px}.hero-metric,.desktop-only{display:none}.entry-panel{margin-top:40px;padding:24px 18px}.section-heading{align-items:flex-start;gap:12px}.section-heading p{display:none}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.form-footer{align-items:stretch;flex-direction:column;gap:14px}.primary{width:100%}.chart-grid{grid-template-columns:1fr}.insights,.reports{margin-top:55px}.note-card{grid-template-columns:42px 1fr}.note-main{padding:20px 16px}.note-number{padding-top:23px}.note-top{align-items:flex-start;gap:10px}.note-top time{font-size:8px}.note-details{grid-template-columns:1fr;gap:15px}.url{font-size:11px}footer{padding:25px 18px;flex-wrap:wrap;gap:10px}footer p{order:3;flex-basis:100%}}