:root{--ink:#3c3524;--green:#f4c62f;--pale:#fff6d5;--line:#ece5d2;--muted:#716b5c;--paper:#fffcf1;--amber:#80621a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);word-break:keep-all;margin:0;font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;font-size:15px;line-height:1.75}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,a.button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button{border:0}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #d5a818}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.04em;line-height:1.4}p{color:var(--muted)}small{font-size:12px}strong{font-weight:700}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:94px;padding:0 max(5vw,24px);display:flex}.brand{letter-spacing:.06em;align-items:center;gap:13px;font-size:15px;font-weight:750;line-height:1.25;display:flex}.brand small{color:var(--muted);letter-spacing:.01em;margin-top:7px;font-size:11px;font-weight:500;display:block}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:40px;height:43px;padding-bottom:8px;font-family:Georgia,serif;font-size:35px;font-style:italic;display:grid;position:relative}.brand-mark span{color:#715519;position:absolute;top:-4px;right:5px}.top-tag{letter-spacing:.15em;color:#8c8167;font-size:10px}.notice-layout{grid-template-columns:250px minmax(0,760px);gap:70px;max-width:1170px;margin:55px auto 0;padding:0 26px;display:grid}.side-nav{align-self:start;position:sticky;top:42px}.eyebrow{letter-spacing:.16em;color:#8d7b4b;font-size:10px;font-weight:750}.side-nav h2{margin:19px 0 36px;font-size:29px;font-weight:550;line-height:1.5}.side-nav nav{color:#72674f;gap:20px;font-size:12px;display:grid}.side-nav nav a{gap:13px;display:flex}.side-nav nav a:hover{color:var(--green)}.side-nav b{color:#ba9e48;font-size:11px;font-weight:600}.side-note{border-top:1px solid var(--line);margin-top:45px;padding-top:24px;font-size:13px}.side-note small{color:#9c927b;margin-top:8px;display:block}.notice-main{min-width:0}.demo-banner{color:#78652e;background:#f1ecda;border:1px solid #e6ddbc;border-radius:7px;margin-bottom:24px;padding:10px 15px;font-size:12px}.hero{padding:9px 6px 20px}.hero-meta{color:#897d60;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hero-meta i{color:#d5cbae;padding:0 5px;font-style:normal}.pill{color:#806017;background:#fff0ad;border-radius:25px;padding:5px 12px;font-size:11px}.hero h1{letter-spacing:-.055em;margin:29px 0 21px;font-size:43px;font-weight:520;line-height:1.38}.hero-subtitle{margin-bottom:13px;font-weight:650;color:#5a4b24!important}.hero>p{font-size:14px;line-height:1.9}.hero-bottom{border-top:1px solid var(--line);color:#95896b;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;font-size:12px;display:flex}.hero-bottom strong{color:#6d5b2d;margin-left:8px;font-weight:550}.text-button{color:var(--green);background:0 0;padding:0;font-size:12px;font-weight:650;text-decoration:none;display:inline-block}.text-button:hover{text-decoration:underline}.reading-guide{background:#fff3c1;border-radius:12px;align-items:center;gap:16px;margin:10px 0 30px;padding:20px 24px;display:flex}.reading-guide strong{font-size:13px}.reading-guide p{margin-top:3px;font-size:11px}.round-icon{background:#f8db68;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:16px}.notice-section{margin-bottom:25px;padding:35px 35px 32px;scroll-margin-top:30px}.section-heading{border-bottom:1px solid var(--line);align-items:center;gap:21px;margin-bottom:27px;padding-bottom:27px;display:flex}.section-number{color:#d6b348;font-family:Georgia,serif;font-size:39px;line-height:1}.section-heading h2{margin-top:5px;font-size:22px;font-weight:650}.section-heading p{margin-top:7px;font-size:12px}.notice-items{gap:24px;display:grid}.notice-item{gap:16px;display:flex}.notice-item>span{color:#c2ac6c;flex:none;padding-top:3px;font-size:11px}.notice-item h3{margin-bottom:7px;font-size:15px;font-weight:650}.notice-item p{font-size:13px;line-height:1.95}.callout{background:#fff6d6;border-left:3px solid #e6bd3f;border-radius:0 7px 7px 0;margin-top:27px;padding:19px 21px}.callout strong{color:#81621f;font-size:12px}.callout p,.policy-note{margin-top:6px;font-size:12px;line-height:1.9}.policy-note{background:#fffae9;margin-top:24px;padding:16px}.director-card{color:#4b3a16;background:#ffe477;border-radius:16px;margin:28px 0;padding:39px 37px}.director-card .eyebrow{color:#8c702c}.director-card h2{margin:18px 0 27px;font-size:29px;font-weight:500;line-height:1.5}.director-card p{color:#66562c;margin-bottom:18px;font-size:13px;line-height:2}.director-sign{text-align:right;color:#927c3c;border-top:1px solid #e5c85d;margin-top:23px;padding-top:22px;font-size:11px}.director-sign strong{color:#534117;margin-left:12px;font-size:13px}.checks{gap:10px;display:grid}.check-row{border:1px solid var(--line);cursor:pointer;background:#fffdf7;border-radius:9px;align-items:flex-start;gap:12px;padding:14px;font-size:13px;display:flex}.check-row.is-checked{background:#fff6d0;border-color:#e0bd4f}.check-row input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:3px 0 0}fieldset{border:0;min-width:0;margin:0;padding:0}.privacy{background:#fffbeb;border-radius:8px;margin:17px 0 27px;padding:13px 16px;font-size:12px}.privacy dl{grid-template-columns:75px 1fr;gap:10px;margin:15px 0;display:grid}.privacy dd{color:var(--muted);margin:0}summary{cursor:pointer;color:var(--green);padding:6px 0;font-size:13px}.form-grid{grid-template-columns:1fr 1.3fr;gap:16px;display:grid}label{font-size:13px;font-weight:550}em{color:#9d7e28;margin-left:4px;font-size:10px;font-style:normal;font-weight:500}input:not([type=checkbox]),textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #e2d8bd;border-radius:7px;min-height:45px;margin-top:8px;padding:12px 13px;font-size:13px;display:block}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #ddb631}input::placeholder,textarea::placeholder{color:#a39b86}textarea{resize:vertical;line-height:1.7}.hint{margin-top:10px;color:#8c8268!important;font-size:11px!important;line-height:1.8!important}.signature-block{margin-top:27px}.field-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.canvas-wrap{background:linear-gradient(#0000 74%,#f6edce 74% 74.5%,#0000 74.5%);border:1px solid #e2d8bd;border-radius:9px;position:relative;overflow:hidden}canvas{aspect-ratio:2.5;touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.canvas-hint{color:#b7aa85;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.comment-label{margin-top:27px;display:block}.optional{color:#9d8c63;margin-left:5px;font-size:11px}.button{border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 19px;font-size:13px;font-weight:650;line-height:1.5;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:#e9b91d}.secondary{color:var(--green);background:#fff;border:1px solid #e0d2a6}.submit{justify-content:space-between;width:100%;margin-top:25px;padding:16px 22px;font-size:14px}.centered{text-align:center}.error{color:#953d2a;background:#fff0ec;border:1px solid #f1c4b7;border-radius:8px;margin:15px 0;padding:13px 16px;font-size:13px}.error .text-button{margin-left:16px}footer{color:#a3987f;justify-content:space-between;gap:20px;padding:30px 0 45px;font-size:10px;display:flex}.mobile-bottom{display:none}.narrow{max-width:680px;margin:70px auto;padding:0 22px}.success-card,.login-card,.state-card{text-align:center;padding:43px}.success-icon{width:64px;height:64px;color:var(--green);background:#fff1b5;border-radius:50%;place-items:center;margin:0 auto 26px;font-size:30px;display:grid}.success-card h1,.login-card h1{margin:12px 0 20px;font-size:27px}.success-card>p,.login-card>p{font-size:13px;line-height:1.9}.receipt{text-align:left;background:#fff9e6;border-radius:10px;margin:26px 0;padding:15px 20px;font-size:12px}.receipt>div{justify-content:space-between;gap:20px;padding:8px 0;display:flex}.receipt dt{color:var(--muted);flex:none}.receipt dd{overflow-wrap:anywhere;word-break:break-all;text-align:right;margin:0}.mono{font-family:monospace}.success-card .button,.login-card .button{margin-top:24px}.back-link{color:#968765;margin-top:30px;font-size:12px;display:block}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.admin-main{max-width:1250px;margin:45px auto;padding:0 30px}.admin-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-heading h1{margin:6px 0 9px;font-size:30px}.admin-heading p{font-size:13px}.actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.admin-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px;display:flex}.admin-toolbar strong{font-size:17px}.admin-toolbar small{color:var(--muted);margin-top:4px;display:block}.admin-toolbar label{white-space:nowrap;align-items:center;gap:15px;font-size:12px;display:flex}.admin-toolbar select{min-width:180px;margin:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px}.stat-card>span{color:var(--muted);font-size:13px}.stat-card>strong{letter-spacing:-.03em;margin:9px 0 4px;font-size:38px;line-height:1.4;display:block}.stat-card strong small{margin-left:5px;font-size:14px;font-weight:500}.stat-card p{font-size:11px}.stat-card.featured{background:#fff0ad;border-color:#edce66}.roster-card{overflow:hidden}.table-top{justify-content:space-between;align-items:center;gap:20px;padding:25px 26px;display:flex}.table-top h2,.admin-bottom h2{font-size:18px}.table-top p,.admin-bottom p{margin-top:5px;font-size:12px}.table-controls{justify-content:space-between;align-items:center;gap:15px;padding:0 26px 20px;display:flex}.tabs{flex-wrap:wrap;gap:5px;display:flex}.tabs button{color:#8f7e4f;white-space:nowrap;background:#fff9e5;border-radius:5px;padding:8px 12px;font-size:11px}.table-controls>input{width:210px;min-height:38px;margin:0;padding:9px 12px;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{color:#9a895e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffbea;padding:12px 20px;font-size:11px;font-weight:500}td{border-bottom:1px solid #f2ebd8;padding:19px 20px;font-size:12px}td strong{font-size:13px}td small{color:#9e9172;margin-top:3px;font-size:10px;display:block}.badge{white-space:nowrap;border-radius:5px;padding:5px 9px;font-size:10px}.green{color:#397241;background:#edf4e7}.gray{color:#8d8570;background:#f4f0e4}.amber{color:#967329;background:#f6f0df}.red{color:#a45038;background:#f9e9e4}.row-actions{gap:8px;display:grid}.row-actions .text-button{text-align:left;font-size:11px}.muted{color:#a3936c}.table-footer{color:#9a8d6b;justify-content:space-between;gap:15px;padding:15px 26px;font-size:11px;display:flex}.empty{text-align:center;color:#9a8d6b;padding:60px 20px;font-size:13px}.admin-bottom{grid-template-columns:1fr 1fr;gap:22px;margin-top:25px;display:grid}.admin-bottom .card{padding:26px}.roster-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.roster-form button{grid-column:1/-1}.instructions{color:var(--muted);padding-left:18px;font-size:12px;line-height:2.2}.issued{border-color:#dcba49;margin-top:20px;padding:25px}.issued h2{font-size:17px}.issued code{letter-spacing:.07em;overflow-wrap:anywhere;margin:15px 0;font-size:23px;display:block}.issued p{margin-bottom:15px;font-size:12px}.detail-dialog{border:1px solid var(--line);width:calc(100% - 30px);max-width:680px;max-height:90vh;color:var(--ink);background:#fff;border-radius:15px;padding:0}.detail-dialog::backdrop{background:#312a19a8}.dialog-header{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:18px 25px;display:flex;position:sticky;top:0}.dialog-header h2{font-size:18px}.icon-button{background:#fff9e5;border-radius:50%;width:34px;height:34px;font-size:25px;line-height:1}.dialog-content{padding:26px}.detail-title{align-items:center;gap:15px;display:flex}.detail-title h3{font-size:23px}.dialog-content h3{margin:20px 0 12px;font-size:16px}.signature-image{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%}.hash{overflow-wrap:anywhere;word-break:break-all;color:#9c9177;margin:10px 0;font-family:monospace;font-size:10px}.opinion{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff9e6;border-radius:7px;padding:15px;font-size:13px}.verify-form{border-top:1px solid var(--line);margin-top:25px}.verify-form label{margin:15px 0;display:block}.dialog-content details{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.dialog-content details p{margin-top:12px;font-size:12px}.dialog-content details small{color:#9c9177;display:block}@media (max-width:1000px){.notice-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.side-nav h2{font-size:24px}.side-nav nav{font-size:11px}.hero h1{font-size:36px}.notice-section{padding:28px}.admin-main{padding:0 20px}.table-controls{flex-direction:column;align-items:flex-start}.table-controls>input{width:100%}.stat-grid{gap:10px}.stat-card{padding:18px}.table-footer span{text-align:right;max-width:65%}}@media (max-width:700px){body{font-size:14px}.topbar{height:77px;padding:0 21px}.brand{gap:10px;font-size:12px}.brand-mark{width:34px;height:37px;font-size:29px}.brand small{font-size:10px}.top-tag{letter-spacing:.1em;font-size:8px}.notice-layout{max-width:560px;margin:24px auto 0;padding:0 17px;display:block}.side-nav{display:none}.demo-banner{margin-bottom:23px;padding:9px 11px;font-size:10px}.hero{padding:0 4px 12px}.hero-meta{font-size:9px}.pill{padding:5px 9px;font-size:10px}.hero h1{margin:25px 0 20px;font-size:33px;line-height:1.4}.hero-subtitle{font-size:13px!important}.hero>p{font-size:12px;line-height:1.9}.hero-bottom{margin-top:23px;font-size:10px}.hero-bottom .text-button{font-size:10px}.reading-guide{gap:12px;margin:10px 0 23px;padding:17px 15px}.reading-guide strong{font-size:12px}.reading-guide p{font-size:10px}.notice-section{border-radius:12px;margin-bottom:19px;padding:25px 21px}.section-heading{gap:14px;margin-bottom:23px;padding-bottom:22px}.section-number{font-size:33px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px}.notice-item{gap:12px}.notice-item h3{font-size:14px}.notice-item p{font-size:12px;line-height:1.95}.notice-items{gap:23px}.callout{padding:15px}.director-card{border-radius:12px;padding:29px 24px}.director-card h2{font-size:27px}.director-card p{font-size:12px}.director-sign{font-size:10px}.director-sign strong{font-size:12px}.check-row{gap:10px;padding:12px 11px;font-size:12px}.form-grid{grid-template-columns:1fr;gap:18px}input:not([type=checkbox]),textarea,select{font-size:16px}.form-grid input::placeholder,textarea::placeholder{font-size:12px}.hint{font-size:10px!important}.canvas-wrap{margin-top:3px}canvas{aspect-ratio:auto;min-height:165px}.canvas-hint{font-size:12px}.mobile-bottom{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#fffdf6f2;justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex;position:sticky;bottom:0}.mobile-bottom strong{color:var(--green);margin-left:4px}.mobile-bottom .button{padding:12px 20px;font-size:12px}footer{padding:28px 4px;font-size:9px}.narrow{margin-top:35px}.success-card,.login-card,.state-card{padding:28px 23px}.success-card h1,.login-card h1{font-size:23px}.receipt{padding:12px;font-size:10px}.receipt>div{gap:14px}.admin-main{margin:26px auto;padding:0 17px}.admin-heading{flex-direction:column;align-items:flex-start;gap:16px}.admin-heading h1{font-size:25px}.admin-heading p{font-size:12px}.admin-heading .actions{justify-content:space-between;width:100%}.admin-toolbar{flex-direction:column;align-items:flex-start;margin:24px 0 18px}.admin-toolbar label{width:100%}.admin-toolbar select{flex:1;min-width:0;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-card{padding:17px}.stat-card>span{font-size:11px}.stat-card>strong{margin-top:8px;font-size:32px}.stat-card p{font-size:10px}.table-top{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.table-top h2{font-size:17px}.table-top p,.table-top .button{font-size:11px}.table-controls{padding:0 20px 18px}.tabs{gap:4px}.tabs button{padding:7px 8px;font-size:10px}.table-footer{padding:12px 20px;font-size:10px}.admin-bottom{grid-template-columns:1fr}.admin-bottom .card{padding:22px}.roster-form{grid-template-columns:1fr}.issued code{font-size:17px}.dialog-content{padding:20px}.detail-dialog{max-height:88vh}.dialog-content .actions{gap:12px}.dialog-content .text-button{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.primary,.primary:hover{color:#44340d}.brand-mark{color:#47350d}.brand-mark span{color:#fff9e3}.text-button,summary{color:#826014}.tabs button.active{color:#44340d;background:#f4c62f}.mobile-bottom strong{color:#8d680e}.secondary{color:#80601b}.hero h1 span{color:#9d7609}.success-icon{color:#80601b}.check-row input{accent-color:#a67c00}.director-card{background:linear-gradient(135deg,#ffe16a,#fff0aa)}.official-brand{letter-spacing:0;display:block}.official-brand img{width:350px;max-width:100%;height:auto;display:block}.official-brand small{color:#887b5c;margin-top:9px}.topbar .official-brand{max-width:70%}@media (max-width:700px){.official-brand img{width:250px}.topbar .official-brand{max-width:76%}.official-brand small{margin-top:8px;font-size:9px}.top-tag{text-align:right;max-width:65px}}.auth-form{text-align:left;gap:16px;display:grid}.auth-form fieldset{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.auth-form label{gap:8px;display:grid}.auth-controls{padding-bottom:0}.auth-controls details{margin-top:16px}.auth-controls .auth-form{max-width:520px;margin:24px 0}.account-list{padding:0;list-style:none}.account-list li{border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 0;display:flex}.auth-controls .callout input{width:100%;margin-bottom:12px}.item-check{cursor:pointer;background:#fffae4;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.item-check input{accent-color:#9c7500;flex:0 0 20px;width:20px;height:20px;margin:0}.item-check:has(input:checked){background:#fff2ac}.notice-editor{margin:22px 0}.notice-editor fieldset{border:0;min-width:0;margin:0;padding:0}.notice-editor label{gap:8px;margin:12px 0;font-weight:650;display:grid}.notice-editor input:not([type=checkbox]),.notice-editor textarea{box-sizing:border-box;color:#25251f;width:100%;font:inherit;background:#fff;border:1px solid #ddd6bc;border-radius:10px;padding:12px}.notice-editor textarea{resize:vertical;line-height:1.7}.editor-fields{gap:10px;display:grid}.editor-section{border:1px solid #e9dfbd;border-radius:14px;margin:10px 0;padding:18px}.editor-section summary{cursor:pointer;font-weight:750}.editor-item{border-bottom:1px solid #eee8d6;padding:12px 0}.editor-tabs,.editor-save{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.draft-list{flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0;display:flex}.editor-panel{margin-top:20px}.editor-message{background:#eef6df;border-radius:10px;padding:12px}.notice-preview{max-width:760px;margin:20px auto}.notice-preview p{white-space:pre-wrap;line-height:1.8}.notice-preview section{margin:28px 0}.notice-editor .check-row{align-items:flex-start;font-weight:500;display:flex}.notice-editor .check-row input{flex:none;margin-top:4px}.notice-editor .table-top{flex-wrap:wrap}.hero h1{white-space:pre-wrap}.director-card .check-row{color:#373225;background:#fff9de;border-radius:12px;margin-top:24px;padding:16px}.notice-item p,.hero>p,.director-card>p{white-space:pre-wrap}@media (max-width:640px){.editor-section{padding:12px}.notice-editor .actions{gap:8px;width:100%}.notice-editor .actions .button{flex:1}.notice-editor .callout{padding:14px}}