:root{color:#1f2b23;background:#edf1eb;font-family:"Noto Sans KR",system-ui,sans-serif}.cards-login,.cards-settings{min-height:100vh;margin:0}.cards-login main{display:grid;min-height:100vh;place-items:center;padding:24px}.cards-login form,.cards-settings form{display:grid;gap:18px;width:min(440px,100%);padding:34px;border:1px solid #cbd6cc;border-radius:14px;background:#fff;box-shadow:0 24px 70px #263b2c1a}.cards-login small,.cards-settings small{color:#34724d;font:11px monospace;letter-spacing:.1em}.cards-login h1,.cards-settings h1,.cards-settings h2{margin:0;font-family:Georgia,serif}.cards-login p,.cards-settings p{margin:0;color:#69766e;line-height:1.65}.cards-login label,.cards-settings label{display:grid;gap:7px;color:#556259;font-size:13px}.cards-login input,.cards-settings input,.cards-settings select{box-sizing:border-box;width:100%;padding:11px;border:1px solid #ccd6cd;border-radius:7px;background:#fff;font:inherit}.cards-login button,.cards-settings button{padding:12px;border:0;border-radius:7px;color:#fff;background:#34724d;font-weight:700;cursor:pointer}.cards-login output,.cards-settings output{min-height:20px;color:#a34f48;font-size:13px}.cards-settings>header{display:flex;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #ccd6cd;background:#fff}.cards-settings>header a{color:#34724d;text-decoration:none}.cards-settings main{display:grid;place-items:start center;padding:46px 20px}.cards-settings form{width:min(620px,100%)}.cards-settings section{display:grid;gap:16px}.cards-settings section+section{padding-top:22px;border-top:1px solid #e1e6e1}.cards-settings section>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}


.cards-login form[aria-busy] button,
.cards-settings form[aria-busy] button { cursor: wait; opacity: .72; }
.cards-login button:disabled,
.cards-settings button:disabled { cursor: not-allowed; }
.cards-login output,
.cards-settings output { display: block; min-height: 20px; line-height: 1.5; }
.cards-login output[data-state="loading"],
.cards-settings output[data-state="loading"] { color: #536c5b; }
.cards-login output[data-state="success"],
.cards-settings output[data-state="success"] { color: #287043; }
.cards-login output[data-state="error"],
.cards-settings output[data-state="error"] { color: #a34f48; }
.cards-login main{align-content:center;gap:14px}.cards-login .cards-signup{box-sizing:border-box;width:min(440px,100%);border:1px solid #cbd6cc;border-radius:10px;background:#fff}.cards-login .cards-signup>summary{padding:14px 18px;color:#34724d;font-size:13px;font-weight:700;cursor:pointer}.cards-login .cards-signup form{width:auto;padding:22px;border:0;border-top:1px solid #e1e6e1;border-radius:0;box-shadow:none}

.cards-settings main{padding:40px 20px 72px}.cards-settings form{width:min(980px,100%);gap:0;padding:0;overflow:hidden}.cards-settings form>.cards-settings__intro{padding:34px 38px;background:#f5f8f4}.cards-settings form>.cards-settings__intro h1{margin:6px 0 8px;font-size:30px}.cards-settings form>section{gap:16px;padding:30px 38px}.cards-settings form>section+section{padding-top:30px}.cards-settings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.cards-settings section>div.cards-settings__grid.is-metadata{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-settings label em{color:#7b867e;font-size:10px;font-style:normal;line-height:1.45}.cards-settings label b{color:#34724d;font:10px monospace}.cards-settings input[type="range"]{padding:7px 0;border:0;accent-color:#34724d}.cards-settings__checks{display:flex!important;grid-template-columns:none!important;gap:10px!important}.cards-settings__checks label{display:flex;min-height:42px;flex:1;align-items:center;padding:0 12px;border:1px solid #d9e1da;border-radius:8px;background:#f8faf7}.cards-settings__checks input{width:18px;margin-right:8px;accent-color:#34724d}.cards-settings select[multiple]{min-height:138px}.cards-settings form>footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:22px 38px;border-top:1px solid #dbe3dc;background:#f5f8f4}.cards-settings form>footer button{min-width:130px}.cards-settings form>footer output{margin:0}.cards-settings form[aria-busy]{opacity:.92}
.cards-settings__font-install{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:14px 16px;border:1px solid #d9e1da;border-radius:9px;background:#f8faf7}.cards-settings__font-install>label{grid-column:1;font-weight:600}.cards-settings__font-install>input{display:none}.cards-settings__font-install>button{grid-column:2;grid-row:1/3;min-width:150px;padding:10px 14px}.cards-settings__font-install>small{grid-column:1;color:#7b867e;font-size:10px;letter-spacing:.04em}.cards-settings__field-control{position:relative;display:block}.cards-settings__field-control input{padding-right:44px}.cards-settings__field-control i{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#7a867e;font:normal 11px monospace;pointer-events:none}
.cards-settings__banner-upload,.cards-settings__banner-preview{grid-column:1/-1}.cards-settings__banner-upload{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:14px 16px;border:1px solid #d9e1da;border-radius:9px;background:#f8faf7}.cards-settings__banner-upload>label{grid-column:1;font-weight:600}.cards-settings__banner-upload>input{display:none}.cards-settings__banner-upload>button{grid-column:2;grid-row:1/3;min-width:150px;padding:10px 14px}.cards-settings__banner-upload>small{grid-column:1;color:#7b867e;font-size:10px;letter-spacing:.04em}.cards-settings__banner-upload>em{grid-column:1/-1;color:#7b867e;font-size:10px;font-style:normal;line-height:1.5}.cards-settings__banner-preview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.cards-settings__banner-preview figure{min-width:0;margin:0;overflow:hidden;border:1px solid #d9e1da;border-radius:8px;background:#f8faf7}.cards-settings__banner-preview img{display:block;width:100%;height:104px;object-fit:cover;background:#e8ede8}.cards-settings__banner-preview figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px 10px;color:#667269;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.cards-settings__banner-preview figcaption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cards-settings__banner-preview figcaption>small{color:#879188}.cards-settings__banner-preview figcaption>button{grid-column:1/-1;padding:7px 9px;background:#8b554f;font-size:10px}.cards-settings__banner-preview>p{grid-column:1/-1;padding:12px 14px;border:1px dashed #ccd6cd;border-radius:8px;background:#f8faf7}
@media(max-width:700px){.cards-settings>header{padding:16px 18px}.cards-settings main{padding:18px 10px 44px}.cards-settings form>.cards-settings__intro,.cards-settings form>section,.cards-settings form>footer{padding:24px 20px}.cards-settings__grid,.cards-settings section>div.cards-settings__grid.is-metadata{grid-template-columns:1fr}.cards-settings__checks{flex-direction:column}.cards-settings form>footer{grid-template-columns:1fr}.cards-settings form>footer button{width:100%}.cards-settings__font-install,.cards-settings__banner-upload{grid-template-columns:1fr}.cards-settings__font-install>button,.cards-settings__banner-upload>button{grid-column:1;grid-row:auto;width:100%}.cards-settings__font-install>small,.cards-settings__banner-upload>small{grid-column:1}.cards-settings__banner-preview{grid-template-columns:1fr!important}}
.cards-settings__account-panel{box-sizing:border-box;width:min(980px,100%);margin-top:28px;overflow:hidden;border:1px solid #cbd6cc;border-radius:14px;background:#fff;box-shadow:0 24px 70px #263b2c1a}.cards-settings__account-panel>.cards-settings__intro{padding:34px 38px;background:#f5f8f4}.cards-settings__account-panel>.cards-settings__intro h1{margin:6px 0 8px;font-size:30px}.cards-settings__account-panel>form{width:100%;border:0;border-radius:0;box-shadow:none}.cards-settings__account-panel>form>section{padding:30px 38px}.cards-settings__account-panel button.is-secondary{border:1px solid #b9c8bc;color:#34724d;background:#fff}.cards-settings__account-panel form>footer{grid-template-columns:auto auto 1fr}.cards-settings__account-panel form>footer output{min-width:0}.cards-settings__account-panel input::placeholder{color:#a0aaa2}@media(max-width:700px){.cards-settings__account-panel{margin-top:18px}.cards-settings__account-panel>.cards-settings__intro,.cards-settings__account-panel>form>section,.cards-settings__account-panel>form>footer{padding:24px 20px}.cards-settings__account-panel form>footer{grid-template-columns:1fr}.cards-settings__account-panel form>footer button{width:100%}}
.cards-settings__workspace-panel form>footer{grid-template-columns:auto auto 1fr}.cards-settings__admin-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border:1px solid #b9c8bc;border-radius:7px;color:#34724d;background:#fff;font-size:13px;font-weight:700;text-decoration:none}@media(max-width:700px){.cards-settings__workspace-panel form>footer{grid-template-columns:1fr}.cards-settings__admin-link{width:100%}}

.cards-settings [hidden]{display:none!important}.cards-settings__tabs{position:sticky;z-index:5;top:0;display:flex;box-sizing:border-box;width:min(980px,100%);margin-bottom:14px;padding:5px;border:1px solid #cbd6cc;border-radius:11px;background:#f7f9f6;box-shadow:0 12px 35px #263b2c0d}.cards-settings__tabs button{min-width:0;flex:1;padding:10px 12px;border:1px solid transparent;border-radius:7px;color:#66746b;background:transparent;font-size:12px;font-weight:600}.cards-settings__tabs button:hover{color:#315f41;background:#edf3ed}.cards-settings__tabs button.is-active{border-color:#b9cabc;color:#fff;background:#34724d;box-shadow:0 5px 14px #274d3430}.cards-settings__account-panel[data-settings-page]{margin-top:0}.cards-settings__tag-manager{display:grid!important;grid-column:1/-1!important;grid-template-columns:1fr!important;gap:0!important;margin-top:8px;border:1px solid #d6dfd7;border-radius:10px;overflow:hidden}.cards-settings__tag-manager>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:#f6f8f5}.cards-settings__tag-manager h3{margin:3px 0 0;font:600 17px Georgia,serif}.cards-settings__tag-manager>header span{color:#79847c;font-size:10px}.cards-settings__tag-manager>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.cards-settings__tag-manager article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px;border-top:1px solid #e3e8e3}.cards-settings__tag-manager article:nth-child(odd){border-right:1px solid #e3e8e3}.cards-settings__tag-manager article div{display:grid;min-width:0;gap:3px}.cards-settings__tag-manager article strong{overflow:hidden;color:#3e5947;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cards-settings__tag-manager article small{color:#869087;font-size:9px;letter-spacing:0}.cards-settings__tag-manager article button{padding:7px 9px;background:#92534d;font-size:10px}.cards-settings__tag-manager>div>p{grid-column:1/-1;margin:0;padding:18px;color:#78837b;font-size:12px}
@media(max-width:700px){.cards-settings__tabs{top:0;overflow-x:auto;justify-content:flex-start;margin-bottom:10px}.cards-settings__tabs button{flex:0 0 auto;min-width:92px}.cards-settings__tag-manager>header{align-items:flex-start;flex-direction:column}.cards-settings__tag-manager>div{grid-template-columns:1fr!important}.cards-settings__tag-manager article:nth-child(odd){border-right:0}}