@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#29332e;--muted:#8b928b;--green:#365b46;--line:#e6e8e2;--bg:#f7f8f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans KR',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;color:var(--ink)}button:hover{background:#edf1e9}button:focus-visible,a:focus-visible{outline:3px solid #a4b8a2}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#eff1ea;border-right:1px solid var(--line);padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;text-decoration:none;color:var(--green);font-size:32px;align-items:center}.brand span{font-size:22px;font-weight:800;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.workspace{margin:44px 0 23px;font-size:12px;color:#747e74}.workspace span{float:right;background:#e4e9de;border-radius:4px;padding:1px 7px;font-size:10px}nav{display:grid;gap:8px}nav button{text-align:left;border:0;background:none;padding:13px}.active{background:#e0e7d9!important;color:#34583e;font-weight:700}.aside-bottom{margin-top:auto}.aside-bottom p{font-size:12px;line-height:1.9;color:#8a9387}.aside-bottom button{background:none;display:block;font-size:12px;border:0;padding:8px 0}.save-dot{font-size:11px;color:#62815e}main{margin-left:230px;padding:0 38px}header{height:79px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 15px;color:#bec3bb}.version{font-size:9px;letter-spacing:1.6px}.heading{display:flex;justify-content:space-between;align-items:center;padding:43px 0 30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#87997e;font-weight:700}h1{font-size:30px;letter-spacing:-1.4px;margin:10px 0}p{color:var(--muted);font-size:12px;line-height:1.7}.actions{display:flex;gap:9px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#284b36}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:37px}.stat{border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px 23px;position:relative}.stat-label{font-size:11px;color:#818b80}.stat strong{font-size:27px;display:block;margin:12px 0 7px;letter-spacing:-1px}.stat small{font-size:10px;color:#97a08f}.stat .symbol{position:absolute;right:20px;top:18px;color:#92a18b;background:#f2f5ee;border-radius:9px;padding:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-size:17px;margin:0}h2 span{font-size:11px;margin-left:8px;background:#e9ede2;border-radius:5px;padding:2px 7px;color:#6c7e60}.toolbar p{font-size:11px;margin:7px 0 0}.filters{display:flex;gap:8px}.filters input{width:200px}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:white;padding:10px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#79916f;box-shadow:0 0 0 2px #e7edde}.board{display:grid;grid-template-columns:repeat(6,minmax(185px,1fr));gap:13px;overflow-x:auto;padding-bottom:20px;min-height:350px}.column{background:#eef0e9;border-radius:11px;padding:12px 10px;min-height:330px}.column-head{display:flex;align-items:center;gap:7px;padding:3px 4px 15px;font-size:11px;font-weight:600}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.count{font-size:10px;color:#8c9786;margin-left:2px}.card{width:100%;text-align:left;display:block;padding:16px 13px;border-radius:9px;margin-bottom:10px;background:white;box-shadow:0 2px 3px #2b3a2010;border:1px solid #e3e7dc}.card:hover{transform:translateY(-2px);background:white;box-shadow:0 5px 14px #2b3a2012}.tag{display:inline-block;font-size:9px;background:#eff3eb;color:#68805e;border-radius:4px;padding:3px 6px;margin-bottom:12px}.card h3{font-size:12px;margin:0 0 9px;line-height:1.65}.client{font-size:10px;color:#90998a}.card-bottom{display:flex;justify-content:space-between;gap:6px;margin-top:18px;border-top:1px solid #f0f2ec;padding-top:12px;font-size:9px;color:#8d9687}.card-bottom .late{color:#b96e59}.empty{text-align:center;color:#a1aa9a;font-size:10px;padding:42px 3px;border:1px dashed #d9dfd1;border-radius:8px}.add-column{border:0;background:none;width:100%;font-size:11px;color:#8c9981;padding:10px}.board-section{min-width:0}footer{font-size:10px;color:#a2aa9a;border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:18px;width:660px;max-width:95vw;padding:28px;color:var(--ink);max-height:90vh;box-shadow:0 30px 100px #18271e33}dialog::backdrop{background:#25342966;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modal-head h2{font-size:22px;margin-top:7px}.close{border:0;background:none;font-size:27px;padding:0 7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:11px;font-weight:600;display:block}label input,label select,label textarea{width:100%;display:block;margin-top:7px;font-size:12px}.wide{grid-column:1/-1}.modal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.modal-foot div{display:flex;gap:8px}.danger{color:#b15e50;border:0}.modal-desc{margin-bottom:20px}.paste-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.paste-label button{font-size:10px;border:0;padding:5px}#chatText{width:100%;resize:vertical;font-size:13px;line-height:1.9}.notice{background:#f3f5ed;padding:12px;border-radius:8px;font-size:11px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#2c4937;color:white;border-radius:10px;padding:13px 22px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9}#toast.visible{opacity:1}@media(min-width:1600px){main{padding:0 55px}.board{gap:16px}}@media(max-width:1050px){aside{width:185px;padding:28px 16px}main{margin-left:185px;padding:0 22px}.heading{align-items:flex-start;gap:15px}.actions{flex-direction:column}.stats{gap:8px}.stat{padding:15px}.stat .symbol{display:none}.toolbar{gap:15px}.filters input{width:150px}footer{display:block}footer span{display:block;margin-top:8px}}@media(max-width:650px){aside{position:static;width:auto;padding:16px;border-right:0;display:block}.brand{font-size:25px}.brand span{font-size:19px}.workspace,.aside-bottom p,.save-dot{display:none}nav{display:flex;margin-top:15px}.aside-bottom{display:flex;gap:15px}.aside-bottom button{font-size:10px}main{margin:0;padding:0 16px}header{height:48px}.version{font-size:7px}.heading{padding:25px 0}h1{font-size:25px}.actions button{font-size:10px;padding:9px}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.stat strong{font-size:24px}.toolbar{display:block}.filters{margin-top:15px}.filters input{flex:1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}dialog{padding:20px}.modal-foot{gap:8px}.modal-foot>span{display:none}}
/* Pastel stationery studio */
:root{--ink:#65546e;--muted:#a18da9;--green:#a78ac0;--line:#eee1f0;--bg:#fff9fc}
body{background:radial-gradient(circle at 95% 8%,#fbe2ed88,transparent 30%),radial-gradient(circle at 55% 95%,#e7e5ff88,transparent 40%),#fffafd;color:var(--ink)}
aside{background:linear-gradient(170deg,#fff0f6,#f1edff 65%,#eef8f3);border-right:2px solid #f0e2f2;border-radius:0 28px 28px 0}
.brand{color:#b387b6}.brand span{letter-spacing:-.8px}.brand small{color:#b7a1c5}.workspace{color:#ac92b1}.workspace span{background:#fff8fc;color:#bb92b5;border:1px solid #f2dfed;border-radius:20px}.active{background:#f6ddeb!important;color:#9b719b;box-shadow:0 3px 0 #edcddd;border-radius:14px}nav button{border-radius:14px}nav button:hover{background:#f9e8f5}.aside-bottom p{color:#b49db8}.save-dot{color:#93b5a4}.aside-bottom button{color:#9e87ad}
header{border-bottom:1px dashed #e9d8ec}.breadcrumb{color:#b09bbb}.version{background:#f5eafa;color:#ad91bd;border:1px solid #eadcf1;border-radius:20px;padding:6px 10px;font-size:8px}.eyebrow{color:#c19cb8}.heading{position:relative}h1{color:#8f6d9e;font-size:31px}h1::after{content:' ✿';font-size:25px;color:#e6adc5}.heading p{color:#b29ab2}.primary{background:#b69acb;border-color:#b69acb;color:white;box-shadow:0 3px 0 #9e83b5}.primary:hover{background:#aa8cbf;border-color:#aa8cbf}button{border-radius:13px;border-color:#ecdeee;transition:background .15s,transform .15s,box-shadow .15s}button:hover{background:#fcf0f8}.actions>button:not(.primary){background:#fff0f7;color:#b486a6;border-color:#f1dce9;box-shadow:0 3px 0 #f1e0eb}
.stats{gap:16px}.stat{border-radius:21px;border:1px solid #f0ddeb;box-shadow:0 5px 0 #f4eaf3;padding:22px}.stat:nth-child(1){background:#fff0f5;border-color:#f6dce7}.stat:nth-child(2){background:#fff6e5;border-color:#f4e7c9}.stat:nth-child(3){background:#eef7f2;border-color:#d9ece1}.stat:nth-child(4){background:#f1edff;border-color:#e1d9f5}.stat-label{color:#a38aab}.stat strong{color:#9879a7;font-size:26px}.stat:nth-child(2) strong{color:#b59b6e}.stat:nth-child(3) strong{color:#80a28f}.stat small{color:#b29eb6}.stat .symbol{color:#bd9fc5;background:#ffffffaa;border-radius:13px}.stat:nth-child(2) .symbol{color:#c9ac78}.stat:nth-child(3) .symbol{color:#92b5a3}
h2{color:#90739e}h2 span{background:#f2e5f4;color:#b08ebc;border-radius:10px}.toolbar p{color:#b39eb8}input,select,textarea{background:#fffdfd;border:1px solid #ecdfee;border-radius:11px;color:#796485}input::placeholder,textarea::placeholder{color:#bfaac4}input:focus,textarea:focus,select:focus{border-color:#c8a4d6;box-shadow:0 0 0 3px #f4e8f8}.filters input{background:#fff6fb}.filters select{background:#f6f0ff}
.column{border-radius:19px;border:1px solid #f1deeb;background:#fff0f6;padding:14px 11px;min-height:350px}.column:nth-child(2){background:#fff6e8;border-color:#f5e8d1}.column:nth-child(3){background:#fff1e9;border-color:#f4dfd0}.column:nth-child(4){background:#edf7f2;border-color:#dcede3}.column:nth-child(5){background:#eff3ff;border-color:#e0e6f7}.column:nth-child(6){background:#f5eeff;border-color:#e9ddf7}.column-head{color:#a17d9c;padding-bottom:17px}.column-head::before{content:'♡';font-size:16px;color:#d8a6c1}.column:nth-child(2) .column-head::before{content:'✉';color:#d7bb88}.column:nth-child(3) .column-head::before{content:'◇';color:#d7ac8c}.column:nth-child(4) .column-head::before{content:'✎';color:#94b7a5}.column:nth-child(5) .column-head::before{content:'☆';color:#a4b4de}.column:nth-child(6) .column-head::before{content:'✿';color:#baa4d1}.dot{display:none}.count{background:#ffffff99;padding:1px 6px;border-radius:10px;color:#b09ab5}.card{border-radius:16px;border:1px solid #f0e4ed;box-shadow:0 4px 0 #e9dbea77;padding:16px 13px;background:#ffffffed}.card:hover{background:#fff;box-shadow:0 6px 12px #ba9cc52b}.card h3{color:#8c7397}.tag{background:#f9e8f2;color:#b38aa7;border-radius:8px}.column:nth-child(4) .tag{background:#e8f5ed;color:#8faa98}.column:nth-child(5) .tag{background:#eaf0ff;color:#93a6d0}.client{color:#b09eb8}.card-bottom{border-top:1px dashed #eaddeb;color:#b49fba}.card-bottom .late{color:#d58e9f}.empty{border:1px dashed #e4cfe4;border-radius:15px;color:#bfa9c2;background:#ffffff55}.add-column{color:#b79abb;border-radius:12px}.add-column:hover{background:#ffffff77}footer{color:#b6a0bd;border-top:1px dashed #e9d8ec}
dialog{background:linear-gradient(150deg,#fffafd,#fcf9ff);border:2px solid #eedcf3;border-radius:25px;box-shadow:0 25px 90px #b894c54d}dialog::backdrop{background:#b29bb855;backdrop-filter:blur(5px)}label{color:#a085ac}.modal-head h2{color:#9b7aa9}.close{color:#c3a3c8}.modal-foot{border-top:1px dashed #ead9ee}.notice{background:#f5eaf8;color:#af8db7;border:1px solid #ecdaf2;border-radius:13px}.danger{color:#cb8c9f}.paste-label button{background:#fff0f7;color:#b98daa}#toast{background:#b295c6;box-shadow:0 5px 16px #b69bc933;border:1px solid #d6bce5;border-radius:18px}
@media(max-width:650px){aside{border-radius:0 0 24px 24px;border-bottom:2px solid #eddff1}.stats{gap:12px}.stat{padding:16px}.heading h1{font-size:25px}.heading h1::after{font-size:21px}.version{font-size:7px;padding:4px 7px}.column{min-height:300px}}
/* Readable text on pastel backgrounds */
:root{--ink:#493c54;--muted:#75647f}
body{color:#493c54}p,.heading p,.toolbar p{color:#75647f}
h1,.modal-head h2,h2{color:#644c76}.eyebrow{color:#80618b}
.brand{color:#795787}.brand small{color:#796487}.workspace{color:#75647f}.workspace span{color:#805c80}.active{color:#70496e!important}nav button,.aside-bottom button{color:#715b80}.aside-bottom p{color:#786682}.save-dot{color:#50745f}
header,.breadcrumb{color:#786682}.breadcrumb span{color:#8e7c97}.version{color:#80628f}
.actions>button:not(.primary){color:#855571}.primary{background:#9273ad;border-color:#9273ad;color:#fff}.primary:hover{background:#82629d;border-color:#82629d}
.stat-label,.stat small{color:#74607e}.stat strong{color:#755889}.stat:nth-child(2) strong{color:#826836}.stat:nth-child(3) strong{color:#4f7863}
h2 span{color:#79558b}input,select,textarea{color:#51405e}input::placeholder,textarea::placeholder{color:#82718d}
.column-head{color:#745476}.column:nth-child(2) .column-head{color:#806635}.column:nth-child(3) .column-head{color:#8a6146}.column:nth-child(4) .column-head{color:#507560}.column:nth-child(5) .column-head{color:#576d9a}.column:nth-child(6) .column-head{color:#76578d}
.count{color:#796583}.card h3{color:#644e75}.tag{color:#855b78}.column:nth-child(4) .tag{color:#50745e}.column:nth-child(5) .tag{color:#576c99}.client,.card-bottom{color:#786781}.card-bottom .late{color:#a24961}.empty{color:#816b8a}.add-column{color:#7d6387}footer{color:#7b6985}
label{color:#70567f}.modal-desc,.modal-foot{color:#796682}.notice{color:#775383}.danger{color:#a34e68}.paste-label button{color:#875772}.close{color:#84618f}#toast{background:#806295;color:#fff}
.card[draggable=true]{cursor:grab}.card[draggable=true]:active{cursor:grabbing}.card.dragging{opacity:.4;transform:rotate(-2deg);box-shadow:none}.column.drop-target{outline:3px dashed #9472ae;outline-offset:-5px;box-shadow:inset 0 0 0 7px #ffffff77}.board.is-dragging .column{transition:box-shadow .15s,outline .15s}.board.is-dragging .card{pointer-events:none}
.movable-card{cursor:grab;touch-action:none;user-select:none}.movable-card:active{cursor:grabbing}.drag-ghost{position:fixed!important;z-index:1000;pointer-events:none;opacity:.9;transform:rotate(-2deg);box-shadow:0 12px 25px #74547644;margin:0}
.attachments{border:1px solid #ead8ed;border-radius:16px;padding:16px;background:#fff6fc}.attachments h3{margin:0;color:#644c76;font-size:14px}.attachments p{font-size:10px;color:#75647f}.image-groups{display:grid;gap:20px}.image-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.image-heading h4{margin:0;font-size:12px}.image-heading button{font-size:11px;background:#f3e9fb;color:#70567f}.image-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.image-list figure{margin:0;padding:7px;border:1px solid #eadfee;border-radius:12px;background:#fff}.image-preview{display:block;width:100%;height:110px;padding:0;overflow:hidden;background:repeating-conic-gradient(#f1edf4 0% 25%,white 0% 50%) 50%/16px 16px}.image-preview img{width:100%;height:100%;object-fit:contain}.image-list figcaption{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:7px 0;color:#70567f}.image-tools{display:flex;justify-content:space-between;gap:3px}.image-tools button{padding:5px 3px;font-size:9px;border:0;color:#775383}.image-empty{grid-column:1/-1;border:1px dashed #dac6e1;border-radius:10px;padding:20px;text-align:center;color:#816b8a;font-size:11px}.image-viewer{width:950px;max-width:95vw}.image-viewer img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}.image-viewer h2{font-size:14px;overflow-wrap:anywhere}.image-viewer .modal-head button{font-size:25px;border:0}@media(max-width:500px){.image-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card-art{display:block;position:relative;height:140px;margin:-4px -1px 13px;border-radius:11px;overflow:hidden;background:repeating-conic-gradient(#f3edf5 0% 25%,#fff 0% 50%) 50%/16px 16px}.card-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.card-art-label{position:absolute;left:6px;bottom:6px;font-size:9px;color:#674b77;background:#fff4fbee;border:1px solid #ead9ef;border-radius:7px;padding:3px 6px;pointer-events:none}.drag-ghost .card-art img{pointer-events:none}
.crepe-guide{padding:14px;background:#f6edfb;border:1px solid #e5d5ef;border-radius:13px;font-size:12px;line-height:1.8}.crepe-guide summary{cursor:pointer;font-weight:600;color:#70567f}.crepe-guide ol{padding-left:20px}.bookmark-button{display:inline-block;background:#9878af;color:#fff;text-decoration:none;border-radius:12px;padding:9px 14px;cursor:grab}.crepe-input{display:grid;gap:9px;margin-top:18px}.crepe-input textarea{width:100%;font-size:11px}.crepe-row{border:1px solid #e9dcee;padding:12px;border-radius:12px;background:#fff9fd;margin-bottom:10px}.crepe-row label{display:flex;align-items:center;gap:6px;font-size:12px}.crepe-row label input{display:inline-block;width:auto;margin:0}.crepe-row small{display:block;color:#786781;margin:8px 0}.crepe-row select{font-size:11px;width:100%}#crepeSourceInfo a{color:#71517f}#crepeSummary{font-weight:600;color:#70567f}
.crepe-card-money{margin-top:10px;border-radius:8px;background:#f1e6fa;padding:7px;color:#725085;font-size:10px}.crepe-row small{line-height:1.6}#crepeImageReport a{color:#70517e}#crepeImageReport div{margin-top:8px}
.extension-connect{padding:16px;border:1px solid #dcc8ea;border-radius:16px;background:#f7effc;margin-bottom:18px}.extension-connect h3{font-size:14px;margin:0;color:#71517f}.extension-connect p{font-size:11px;color:#705b7d}.extension-connect a{font-size:11px;color:#70517e}.extension-connect .bookmark-button{color:#fff}.extension-connect details{margin-top:12px;font-size:11px;line-height:1.8}.extension-connect summary{cursor:pointer;color:#70517e;font-weight:600}.extension-connect ol{padding-left:18px}#crepeCancelExtension{font-size:11px;margin-top:10px}

.crepe-sync-preferences{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #d8c5e7}.crepe-sync-preferences label{display:flex;align-items:center;gap:8px;color:#493358}.crepe-sync-preferences input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:#9272ae}.crepe-sync-preferences small{line-height:1.6;color:#60476f}

.crepe-card-locks{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.crepe-card-lock{display:inline-flex;border:1px solid #dac4bb;border-radius:999px;padding:4px 7px;background:#fff0e7;color:#674b42;font-size:11px;font-weight:650;line-height:1.35}

.crepe-card-lock[role=button]{cursor:pointer;transition:background .15s,border-color .15s}.crepe-card-lock[role=button]:hover{background:#f9dfd1;border-color:#b58b79}.crepe-card-lock[role=button]:focus-visible{outline:2px solid #9272ae;outline-offset:3px}