/* 담다 Stationery Pastel UI — visual overrides only; lightweight rendering */
:root{--bg:#fbfaf6;--paper:#fffefa;--ink:#333333;--muted:#85827d;--mint:#abd5c2;--mint-soft:#e3f1eb;--pink:#f6b7c3;--blue:#bfddf0;--yellow:#f7e488;--line:#e8e4dc;--shadow:0 5px 14px rgba(65,61,54,.05),0 1px 3px rgba(65,61,54,.025);--soft-shadow:0 2px 7px rgba(65,61,54,.04)}
html,body{background:var(--bg);color:var(--ink)}body{background-image:linear-gradient(180deg,#fffefa 0,#faf8f3 390px)}.app{max-width:780px;padding:8px 16px 126px}
.top{position:relative;min-height:106px;padding:18px 18px 12px;border:0;background:transparent;box-shadow:none;text-align:center;display:flex;align-items:center;justify-content:center}.top>div:first-child{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.top h1{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;color:#4f7868}.top h1>.brand-name{font-family:"Segoe Script","Brush Script MT","Snell Roundhand","URW Chancery L",cursive;font-size:40px;line-height:.95;font-weight:600;font-style:italic;letter-spacing:-2px}.top h1>.brand-name::after{content:"♥";display:inline-block;margin-left:7px;color:#b5ddd0;font-family:Arial,sans-serif;font-size:12px;font-style:normal;vertical-align:top}.top small{font-size:8px;font-weight:750;letter-spacing:.25px;color:#6e8e81}.top p{margin:2px 0 0;color:#aaa7a1;font-size:9.5px;line-height:1.35;letter-spacing:.2px}.top::before,.top::after{content:none!important;display:none!important}.top-actions{display:none!important}
.categories{margin:0;padding:6px;border:1px solid #e5e1d9;border-radius:20px;background:#fffefa;box-shadow:0 4px 13px rgba(65,61,54,.06);min-height:58px;display:flex;align-items:center}.categories button{min-height:46px;box-shadow:none;border-color:transparent;background:transparent;padding:9px 16px;color:#5e5a56;font-size:14px;font-weight:800}.categories button.active{background:var(--mint-soft);color:#315d4d;border-color:#cce4d9;border-radius:18px;box-shadow:none}.records-head{margin-top:22px;padding:0 5px}.records-head strong{font-size:22px;letter-spacing:-.7px;color:#343230}.records-head span{font-size:13px;color:#98948e}.priority-filter{border:1px solid #eadfba;background:#fff4c9;border-radius:999px;box-shadow:none;color:#625d50}
.list{gap:16px}.record{background:#fffefa;border:2px solid #e7e2d8;box-shadow:var(--shadow);border-radius:22px;padding:18px}.record[data-priority="0"]{border-color:#e7e2d8}.record[data-priority="1"]{border-color:var(--mint)}.record[data-priority="2"]{border-color:var(--blue)}.record[data-priority="3"]{border-color:var(--yellow)}.record[data-priority="4"]{border-color:var(--pink)}.record.selected{border-color:#88bba4}.record-content.collapsible.collapsed:after{background:linear-gradient(transparent,#fffefa)}.block-text{color:#393734;line-height:1.68}.block-image{border-radius:17px;background:#f5f2ec}.meta{color:#9a9690}.card-actions{margin-top:10px;gap:6px;align-items:center}.card-actions button{min-height:34px;height:34px;padding:4px 11px;border:1px solid #e6e1d8;background:#f8f5ef;box-shadow:none;color:#56524d;border-radius:11px;font-weight:800;line-height:1.05}.card-actions button:nth-child(2){background:#f2f3f2}.card-actions button:nth-child(3){background:#fff4c9;border-color:#efe2aa}.card-actions button:nth-child(4){background:#e6f0f7;border-color:#d4e5ef}
.bottom-nav{position:fixed;z-index:70;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 20px),760px);height:76px;padding:8px 6px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid #e1ddd5;border-radius:24px;background:#fffefa;box-shadow:0 8px 24px rgba(65,61,54,.13)}.bottom-nav button{min-width:0;border:0;background:transparent;color:#77736e;font-family:inherit;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bottom-nav button .nav-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;line-height:1;color:currentColor}.bottom-nav button.active{color:#3d866e}.bottom-nav #bottomNew{position:relative;color:#3d866e;overflow:visible}.bottom-nav #bottomNew .nav-icon{width:54px;height:54px;margin-top:-32px;margin-bottom:0;border:4px solid #fffefa;border-radius:50%;background:#86bea6;color:#fff;font-size:34px;font-weight:300;box-shadow:0 4px 12px rgba(70,110,92,.2)}.bottom-nav button:active,.categories button:active{transform:translateY(1px)}
.nav-svg{width:26px;height:26px;display:block;overflow:visible}.nav-svg *{vector-effect:non-scaling-stroke}.nav-heart{fill:#86bea6;stroke:none}.bottom-nav #bottomCalendar .nav-svg{color:#756f6a}.bottom-nav #bottomRecords.active .nav-svg{color:#3d866e}.bottom-nav #bottomCalendar.active{color:#3d866e}.bottom-nav #bottomCalendar.active .nav-svg{color:#3d866e}.bottom-nav #bottomCalendar.active .nav-sprout{stroke:#86bea6}
.bulk-bar{border-color:#efd3d8!important;background:#fbe2e6!important}.thought-intro,.thought-sort-card{border-color:#efd3d8!important;background:#fffafa!important}.calendar-day{border-color:#d9e7ee!important;background:#fbfdff!important}.category-dialog,.damda-date-box,.quick-sheet,.more-panel{border-color:#e7e2d8!important;background:#fffefa!important;box-shadow:var(--shadow)}.empty{color:#9b9791}.toast{border-radius:12px}
@media(max-width:620px){.app{padding:5px 10px 112px}.top{min-height:98px;padding:15px 9px 11px}.top h1>.brand-name{font-size:37px}.top small{font-size:7.5px}.top p{font-size:8.5px}.categories{min-height:55px;border-radius:19px}.categories button{min-height:43px;padding:8px 13px;font-size:13px}.records-head{margin-top:20px}.records-head strong{font-size:21px}.record{border-radius:20px;padding:15px}.card-actions{margin-top:8px;gap:5px}.card-actions button{min-height:32px;height:32px;padding:3px 9px;border-radius:10px}.bottom-nav{height:72px;bottom:calc(6px + env(safe-area-inset-bottom));border-radius:22px}.bottom-nav button{font-size:10.5px}.bottom-nav button .nav-icon{width:25px;height:25px}.nav-svg{width:25px;height:25px}.bottom-nav #bottomNew .nav-icon{width:52px;height:52px;margin-top:-30px;font-size:32px}}