@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#25362f;background:#f8f9f6;font-synthesis:none;--green:#204e40;--muted:#839087}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{transition:background .15s,transform .15s}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b2cc79;outline-offset:4px}a{color:inherit;text-decoration:none}.sidebar{width:244px;background:#193e34;position:fixed;inset:0 auto 0 0;color:#fff;padding:43px 26px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-symbol{font-size:37px;color:#c6dd9a;font-weight:400}.brand-dot{font-size:10px;align-self:flex-start;margin-top:12px;margin-left:-6px}.club-label{font-size:8px;letter-spacing:1.2px;color:#a5bdb0;margin-top:8px}.workspace-label{font-size:10px;letter-spacing:1.6px;color:#86a697;margin:66px 12px 17px}.nav-current{background:#305448;padding:15px 12px;border-radius:7px;font-size:13px;display:flex;gap:11px;align-items:center}.nav-current>span:first-child{font-size:22px;color:#cee1ac}.nav-arrow{margin-left:auto;color:#c8daae}.sidebar-bottom{margin-top:auto;padding:40px 12px 0}.little-star{font-size:44px;color:#c4db98}.sidebar-bottom h3{font-size:20px;font-weight:500;line-height:1.8;letter-spacing:-.7px;margin:18px 0 12px}.sidebar-bottom p{color:#a1b8ac;font-size:12px;line-height:1.9}.club-sign{border-top:1px solid #466357;margin-top:34px;padding-top:22px;font-size:9px;letter-spacing:1.2px;color:#9db5a8;display:flex;justify-content:space-between}.club-sign span{color:#b7d889}main{margin-left:244px}.topbar{height:83px;border-bottom:1px solid #e5e8df;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:12px;color:#8c948e}.topbar strong{font-weight:500;color:#46594c}.topbar div>span{margin:0 15px;color:#b6bdb5}.workspace-badge{font-size:11px;border:1px solid #dfe5d9;border-radius:30px;padding:7px 12px;background:white;color:#5f7164}.workspace-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#789a57;margin-right:6px}.page{max-width:1500px;margin:auto;padding:38px 48px 0}.hero{background:#edf1e5;border:1px solid #e3e8d8;border-radius:14px;min-height:0;display:flex;overflow:hidden;position:relative;padding:20px 32px}.hero-copy{z-index:1}.hero h1{font-size:30px;margin:8px 0}.hero .primary{padding:9px 16px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#5f7950;display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:#6a8d51;border-radius:50%}h1{font-size:clamp(25px,2.5vw,37px);letter-spacing:-1.8px;font-weight:700;margin:19px 0 13px}h1>span{color:#80a557}.hero p{font-size:13px;line-height:1.65;color:#77816f;margin:8px 0 14px}.primary{background:var(--green);color:white;border:1px solid var(--green);border-radius:6px;padding:11px 18px;font-size:12px;font-weight:500}.primary:hover{background:#316650}.primary>span{margin-right:8px;font-size:17px}.hero-art{position:absolute;width:300px;height:250px;right:25px;top:50%;transform:translateY(-50%) scale(.65);display:grid;place-items:center}.art-center{color:#315342;font-size:155px;line-height:1;transform:rotate(10deg);z-index:1}.orbit{position:absolute;width:250px;height:138px;border:1px solid #bac8a8;border-radius:50%;transform:rotate(-33deg)}.orbit-two{transform:rotate(42deg);width:210px;height:220px;border-style:dashed;border-color:#c7d1b9}.art-tag{position:absolute;font-size:9px;letter-spacing:1.6px;border:1px solid #cdd5c0;background:#f5f6ed;padding:7px 12px;border-radius:5px;z-index:2;color:#6d7b60}.tag-one{top:36px;right:30px;transform:rotate(10deg)}.tag-two{bottom:46px;left:9px;transform:rotate(-9deg)}.art-dot{width:15px;height:15px;position:absolute;right:27px;bottom:63px;background:#acc47e;border-radius:50%}.art-caption{position:absolute;bottom:1px;font-size:7px;letter-spacing:1.8px;color:#839270}.board{margin-top:26px}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font-size:19px;letter-spacing:-.6px;margin:0}.board-heading h2>span{font-size:13px;color:#64814e;background:#eaf0df;padding:3px 8px;border-radius:6px;vertical-align:middle;margin-left:7px}.board-note{font-size:11px;color:#90998e}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #e0e5db;padding-bottom:20px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid #e0e5da;background:transparent;color:#76806f;border-radius:6px;padding:8px 12px;font-size:11px;white-space:nowrap}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.filter:hover:not(.active){background:#eaf0e4}.search{display:flex;align-items:center;background:#fff;border:1px solid #e1e5dc;border-radius:6px;padding:5px 10px;gap:6px;max-width:205px}.search>span{font-size:23px;color:#7c8976}.search input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:11px;padding:5px}.search:focus-within{outline:2px solid #8caa72}.list-meta{display:flex;justify-content:space-between;font-size:10px;color:#91998d;margin:19px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:#fff;border:1px solid #e1e6da;border-radius:10px;padding:23px;text-align:left;color:inherit;min-height:235px;display:flex;flex-direction:column;align-items:flex-start}.card:hover{border-color:#9cb38a;transform:translateY(-3px);box-shadow:0 7px 22px #253b2e08}.category-tag{display:inline-block;font-size:10px;font-weight:500;padding:5px 9px;border-radius:4px;background:#edf2e4;color:#658046}.tone-1{background:#edf0fa;color:#677caf}.tone-2{background:#f7eee0;color:#aa8452}.tone-3{background:#eeeafa;color:#8b73aa}.tone-4{background:#e9f2f0;color:#588d82}.card h3{font-size:16px;line-height:1.6;letter-spacing:-.5px;margin:16px 0 8px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card p{font-size:12px;color:#8a9184;line-height:1.9;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.card-foot{margin-top:auto;border-top:1px solid #f0f2eb;padding-top:15px;width:100%;display:flex;justify-content:space-between;font-size:10px;color:#a1a79a}.card-arrow{color:#729260;font-size:15px}.empty{text-align:center;background:#fff;border:1px dashed #d9e1d0;border-radius:10px;padding:42px 20px 44px}.empty-symbol{font-size:45px;color:#86a268}.empty h3{font-size:17px;font-weight:600;margin:9px 0}.empty p{font-size:12px;color:#89917e;margin-bottom:22px}.secondary{border:1px solid #dce2d5;background:#fff;color:#506444;border-radius:6px;padding:11px 17px;font-size:12px}.secondary:hover{background:#f1f4eb}footer{margin-top:52px;border-top:1px solid #e4e8de;padding:23px 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#9da596}footer>span:last-child{font-size:8px;letter-spacing:1.3px}.footer-cross{padding:0 8px;color:#7f986d}dialog{border:1px solid #e0e6d8;border-radius:15px;padding:30px;width:min(570px,calc(100% - 32px));max-height:90vh;overflow-y:auto;color:#25362f;box-shadow:0 24px 100px #132c3030}dialog::backdrop{background:#10282088;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.dialog-heading h2{font-size:24px;margin-top:10px}.icon-button{border:0;background:transparent;font-size:27px;color:#809079;padding:0 6px}.dialog-intro{font-size:12px;color:#839078;margin:14px 0 27px}.field{display:block;font-size:12px;font-weight:500;margin-top:18px}.field>span{color:#74905a}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #dce3d5;border-radius:6px;background:#fcfdf9;margin-top:9px;padding:12px;font-size:13px;color:#354a2f;outline:none}.field :focus{border-color:#73985b;box-shadow:0 0 0 2px #73985b20}.field textarea{resize:vertical;line-height:1.8}.counter{text-align:right;font-size:10px;color:#8c987f;margin-top:6px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid #e7ebdf}.danger-text{margin-right:auto;border:0;background:none;color:#b66558;font-size:12px}.danger{border:0;border-radius:6px;color:white;background:#af5148;padding:11px 17px;font-size:12px}.form-error{color:#ae4d42;font-size:12px}.detail-date{font-size:11px;color:#8b967e;margin:12px 0 24px}#detail-title{font-size:25px;margin-top:22px;overflow-wrap:anywhere}#detail-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9}#confirm-delete{max-width:400px}#confirm-delete>p{font-size:13px;color:#849077}.toast{position:fixed;bottom:28px;left:calc(50% + 122px);transform:translateX(-50%);padding:14px 24px;border-radius:8px;background:#234b3e;color:white;font-size:13px;box-shadow:0 6px 25px #0002;z-index:10}.load-error{padding:22px;color:#a95243;font-size:13px}.load-error button{margin-left:12px} [hidden]{display:none!important}@media(min-width:1500px){.hero-art{right:65px}.hero{padding:20px 38px}}@media(max-width:1150px){.sidebar{width:210px;padding:35px 19px}main{margin-left:210px}.page{padding:28px 28px 0}.topbar{padding:0 28px}.hero-art{right:-35px;opacity:.7;transform:translateY(-50%) scale(.55)}.hero-copy{max-width:78%}.hero{padding:20px 24px}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 105px)}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:12px 20px;display:block}.brand{font-size:19px}.brand-symbol{font-size:29px}.brand-dot{margin-top:5px}.club-label,.workspace-label,.nav-current,.sidebar-bottom{display:none}main{margin-left:0}.topbar{height:57px;padding:0 20px;font-size:10px}.workspace-badge{font-size:9px;padding:6px 8px}.page{padding:20px 18px 0}.hero{padding:18px 20px;min-height:0}.hero-copy{max-width:100%}.hero-art{display:none}.hero p{font-size:12px}.hero h1{font-size:25px}.board{margin-top:22px}.board-note{display:none}.cards{grid-template-columns:1fr}.card{min-height:210px}.filter{padding:8px 10px;font-size:10px}.toolbar{gap:13px}.board-heading{margin-bottom:17px}footer{margin-top:35px;flex-direction:column;gap:10px}.toast{left:50%;width:max-content;max-width:90%}dialog{padding:23px}}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 18px;border:1px solid #dce5cb;border-radius:9px;background:#f0f4e8}.demo-banner>div{display:flex;flex-direction:column;gap:5px}.demo-banner strong{font-size:12px;color:#436137}.demo-banner span{font-size:11px;line-height:1.7;color:#7b896d}.demo-banner button{white-space:nowrap;font-size:11px;padding:9px 12px}@media(max-width:700px){.demo-banner{align-items:flex-start;padding:12px;gap:10px}.demo-banner span{font-size:10px}.demo-banner button{padding:8px;font-size:10px}}