@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--green:#574e1c;--ink:#413a12;--muted:#a79b5b;--line:#f6efcd}*{box-sizing:border-box}body{margin:0;background:#fcfaee;color:var(--ink);font:14px 'Noto Sans KR',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 14px;color:var(--ink)}button:hover{background:#f9f4dc}button:focus-visible,a:focus-visible{outline:2px solid #877b3c}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#f9f4db;padding:37px 23px;border-right:1px solid #f4edc5}.brand{display:flex;gap:11px;align-items:center;color:var(--green);text-decoration:none;font-size:28px;font-weight:700}.brand span{font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:1.9px;font-weight:500;margin-top:4px}.label{font-size:10px;color:#afa364;letter-spacing:1.7px;margin:57px 15px 18px}nav button{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;text-align:left;margin:5px 0;padding:14px;font-size:13px}nav button.active{background:#f3eabf;color:#504718;font-weight:700}nav em{font-style:normal;margin-left:auto;color:#a39756;font-size:11px}.aside-bottom{position:absolute;bottom:28px;font-size:11px;color:#918444;padding:0 13px}.aside-bottom p{color:#b7ac6f;font-size:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#948848;margin-right:6px}main{margin-left:235px;padding:0 45px;max-width:1640px}header{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#b1a667}header b{margin:0 13px;font-weight:400}header button{font-size:11px;background:transparent}.intro{display:flex;align-items:center;justify-content:space-between;padding:41px 0 30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#9d9151}h1{font-size:30px;letter-spacing:-1.4px;font-weight:600;margin:12px 0}p{line-height:1.9}.intro p{font-size:12px;color:#aa9d5e;margin-bottom:0}.primary{background:var(--green);border-color:var(--green);color:white;padding:12px 20px}.primary:hover{background:#433b13}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px}.stat{border:1px solid var(--line);border-radius:12px;padding:20px;background:white;cursor:pointer}.stat-top{display:flex;justify-content:space-between;color:#9b8f4e;font-size:11px}.stat-icon{padding:7px;border-radius:8px;background:#f9f4db;color:#8c7f40}.stat strong{font-size:29px;font-weight:500;display:block;margin-top:8px}.stat strong small{font-size:11px;color:#b9ad71;margin-left:7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.records{min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-head>div:first-child{display:flex;align-items:center;gap:9px}h2{font-size:16px;letter-spacing:-.5px;margin:0}.section-head span{font-size:11px;color:#ada162}.actions{display:flex;gap:5px}.actions button{font-size:10px;padding:7px 9px}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:#a89b5c}.search input{border:0;outline:0;width:100%;font-size:11px;background:transparent}.search kbd{border:1px solid var(--line);padding:0 5px;font-size:11px}#tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:17px 0 0;overflow:auto}#tabs button{background:none;border:0;border-radius:0;font-size:11px;padding:10px 1px;white-space:nowrap;color:#ada162}#tabs button.active{border-bottom:2px solid var(--green);color:var(--green);font-weight:700}.row{display:flex;align-items:center;gap:13px;padding:19px 5px;border-bottom:1px solid var(--line)}.row-icon{flex:none;width:40px;height:40px;border-radius:12px;background:#f6f0ce;display:grid;place-items:center;font-size:17px;color:#847839}.row[data-type=bank] .row-icon{background:#e7edf1;color:#587991}.row[data-type=birthday] .row-icon{background:#f5eae1;color:#be8c68}.row[data-type=phone] .row-icon{background:#ece9f1;color:#8a7b9c}.row-main{flex:1;min-width:0;cursor:pointer}.row-main b{font-size:12px;font-weight:600}.row-main p{font-size:11px;color:#ada162;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{font-size:9px;border:1px solid #f4edc6;border-radius:5px;padding:4px 7px;color:#a49857;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{border:0;background:transparent;color:#bcb175;padding:5px;font-size:18px}.star.on{color:#ba9b51}.edit{font-size:10px;border:0;background:transparent;padding:5px;color:#aea263}.empty{padding:55px 20px;text-align:center;color:#aea263;font-size:12px}.empty strong{display:block;font-size:17px;font-weight:500;color:#766b2f;margin:12px}.calendar{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.calendar h2{margin-top:13px;font-size:14px}.calendar h2 span{float:right;color:#a99c5d}.birthday{display:flex;align-items:center;gap:12px;margin-top:22px}.date{background:#f9f5de;border-radius:8px;width:43px;padding:7px;text-align:center;font-size:16px}.date small{display:block;font-size:8px;color:#a49858}.birthday b{font-size:11px}.birthday p{margin:3px 0;font-size:10px;color:#ada162}.birthday em{margin-left:auto;color:#9d9150;font-size:10px;font-style:normal}.note{position:relative;background:#f6efcd;border-radius:4px 4px 30px 4px;padding:25px;margin-top:22px;transform:rotate(-1deg)}.note h2{margin-top:21px;font-size:19px;font-weight:500}.note p{font-size:12px;line-height:2.2;color:#958949}.note small{font-size:9px;color:#ab9f60}.paperclip{position:absolute;right:21px;top:-20px;font-size:38px;color:#9b8f4e}.note-line{display:block;height:1px;background:#e4ddb9;margin:20px 0 14px}.storage{padding:25px 3px}.storage b{font-size:11px;color:#9c9050}.storage p,.storage small{font-size:10px;color:#b2a768;line-height:1.9}footer{margin:36px 0 20px;border-top:1px solid var(--line);padding-top:17px;font-size:10px;color:#b5a96c}footer span{float:right}dialog{width:460px;max-width:94vw;border:1px solid var(--line);border-radius:16px;padding:26px;color:var(--ink);box-shadow:0 30px 90px #352e0d30}dialog::backdrop{background:#332c0d66;backdrop-filter:blur(3px)}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between}.modal-head button{border:0}.modal-head{margin-bottom:12px}form label{display:block;font-size:11px;margin:15px 0}form input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #f2e9bc;padding:11px;border-radius:7px;margin-top:7px;background:#fdfcf4;color:var(--ink)}textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px}.form-note{font-size:10px;color:#aca061}.modal-foot{margin-top:22px}#delete{color:#a66c62;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#504718;color:white;padding:12px 23px;border-radius:9px;font-size:12px;display:none;z-index:9}@media(min-width:1500px){main{padding:0 65px}.workspace{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1100px){aside{width:185px;padding:30px 13px}main{margin-left:185px;padding:0 25px}.workspace{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note{margin-top:0}.storage{grid-column:1/-1}.stats{gap:8px}.stat{padding:15px}}@media(max-width:650px){aside{position:static;width:auto;padding:18px;border-bottom:1px solid var(--line)}.brand{font-size:22px}.brand span{font-size:18px}.brand small,.label,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap;width:auto;padding:9px;font-size:11px}nav em{display:none}main{margin:0;padding:0 18px}header{height:60px}.intro{padding:27px 0;gap:10px}h1{font-size:23px}.intro p{font-size:10px}.intro .primary{font-size:11px;white-space:nowrap;padding:11px}.eyebrow{font-size:8px}.stats{grid-template-columns:1fr 1fr;margin-bottom:25px}.stat strong{font-size:25px}.right{grid-template-columns:1fr}.storage{grid-column:auto}.actions{gap:3px}.actions button{font-size:9px;padding:6px}.tag{display:none}.workspace{gap:30px}.row{gap:9px}.section-head h2{font-size:15px}#tabs{gap:15px}}

/* Warm yellow palette */
:root{--green:#e8b923;--ink:#493b20;--line:#eee5cc}body{background:#fffcf3}aside{background:#fff5d2;border-color:#eee0b5}.brand{color:#8d680b}nav button.active{background:#ffe28a;color:#59430c}.primary{background:#e8b923;border-color:#e8b923;color:#493700;font-weight:600}.primary:hover{background:#d5a619}button:hover{background:#fff2c4}.primary:hover{background:#d5a619}.stat-icon,.row-icon,.row[data-type=bank] .row-icon,.row[data-type=phone] .row-icon,.row[data-type=birthday] .row-icon{background:#fff0b2;color:#977016}.note{background:#ffed9f}#tabs button.active{color:#876100;border-color:#d5a619}.date{background:#fff1be}.star.on{color:#af7d00}input[type=checkbox]{accent-color:#c59516}#toast{background:#755713}

/* Rich golden yellow theme */
:root{--green:#f2b900;--ink:#443200;--line:#ead28b}body{background:#fff7d6}aside{background:#ffd43b;border-color:#e9b900}.brand{color:#594000}nav button.active{background:#f5b800;color:#3c2b00}nav button:hover{background:#ffdf62}.primary{background:#ffc400;border-color:#e6ad00;color:#3c2b00}.primary:hover{background:#eeb300}button:hover{background:#ffe477}.stat{background:#fff0ac;border-color:#edce66}.stat-icon,.row-icon,.row[data-type=bank] .row-icon,.row[data-type=phone] .row-icon,.row[data-type=birthday] .row-icon{background:#ffcf24;color:#6b4900}.note{background:#ffd027}.note p{color:#70551c}.note small{color:#7b6026}.note-line{background:#d6aa15}.paperclip{color:#987300}.calendar{background:#fff0ac;border-color:#edce66}.date{background:#ffd43b}.date small{color:#7a5c14}#tabs button.active{color:#795400;border-color:#e6ab00}.search{border-color:#e5c462}.tag{background:#ffed9a;border-color:#e5c462;color:#7b5b15}.star.on{color:#b17c00}.dot{background:#b27e00}input[type=checkbox]{accent-color:#d69b00}button:focus-visible,a:focus-visible{outline-color:#9f7100}

/* Amber night palette */
:root{color-scheme:dark;--green:#e9bc52;--ink:#f1ecdf;--muted:#bdb5a2;--line:#454239}
body{background:#1d1e1b;color:var(--ink)}aside{background:#252620;border-color:var(--line)}.brand{color:#edc768}.label,nav em,.aside-bottom,.aside-bottom p,header,.eyebrow,.intro p,.stat-top,.stat strong small,.section-head span,.row-main p,.edit,.empty,.calendar h2 span,.date small,.birthday p,.birthday em,.storage b,.storage p,.storage small,footer,.form-note{color:#bdb5a2}
button{background:#30312a;color:#ece6d7;border-color:#535045}button:hover{background:#414033}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f1c760;outline-offset:3px}nav button{background:transparent;color:#cfc8b7}nav button.active,nav button.active:hover{background:#49402a;color:#f4cf77}nav button:hover{background:#35362c}.dot{background:#dfba61}
.primary{background:#e9bc52;border-color:#e9bc52;color:#292315;font-weight:700}.primary:hover{background:#f3ce79}.stat,.calendar{background:#292b24;border-color:var(--line)}.stat:hover{border-color:#b69a57}.stat strong{color:#f1ecdf}.stat-icon,.row-icon,.row[data-type=bank] .row-icon,.row[data-type=phone] .row-icon,.row[data-type=birthday] .row-icon{background:#46402d;color:#f1ca70}
.search{background:#292b24;border-color:#535045;color:#c8b984}.search input{color:#f1ecdf}.search input::placeholder,form input::placeholder,textarea::placeholder{color:#b2aa98;opacity:1}.search:focus-within{border-color:#e9bc52}.search kbd{border-color:#625c4b;color:#c6bdab}#tabs button{color:#bdb5a2}#tabs button.active{color:#f1ca70;border-color:#e9bc52}.row{border-color:var(--line)}.tag{background:#35342a;border-color:#58513c;color:#dbc48b}.star{background:transparent;color:#bdb5a2}.star.on{color:#f1c760}.edit{background:transparent}.empty strong{color:#edc768}
.date{background:#46402d;color:#f1ca70}.note{background:#3c3523;color:#f1dfae}.note p,.note small,.note .eyebrow{color:#d6c399}.note-line{background:#625334}.paperclip{color:#d7b65f}.calendar #birthdays>p{color:#bdb5a2!important}
dialog{background:#292b24;border-color:#5a5342;color:#f1ecdf;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#10110dcc}form input:not([type=checkbox]),select,textarea{background:#20221d;border-color:#625c4b;color:#f1ecdf}input[type=checkbox]{accent-color:#e9bc52}#delete{color:#f1a997}#toast{background:#e9bc52;color:#292315;box-shadow:0 8px 30px #0006}::selection{background:#e9bc52;color:#292315}


.filter-bar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:14px}.filter-bar label{flex:1;min-width:120px;font-size:10px;color:#bdb5a2}.filter-bar select{margin-top:6px;padding:9px 28px 9px 10px;background:#292b24;border-color:#625c4b;font-size:11px;color:#f1ecdf;width:100%}.filter-bar button{font-size:11px;padding:10px 12px}.filter-bar select:focus-visible{outline:2px solid #f1c760;outline-offset:2px}@media(max-width:650px){.filter-bar label{min-width:100px}.filter-bar{gap:8px}}