*{box-sizing:border-box}
:root{--ink:#28251f;--paper:#fffaf0;--pink:#ffb8c9;--yellow:#ffe58b;--blue:#b9ddf4;--green:#c9e8c8;--muted:#897f72}
body{margin:0;background:#e9e5dc;color:var(--ink);font-family:'Nunito',sans-serif;padding:22px}
.paper{max-width:1050px;min-height:calc(100vh - 44px);margin:auto;background-color:var(--paper);background-image:radial-gradient(#d8cfc0 0.65px,transparent .65px);background-size:17px 17px;border:2px solid var(--ink);border-radius:7px;box-shadow:7px 7px 0 var(--ink);padding:24px 5.5% 18px;position:relative;overflow:hidden}
.top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #b7aa97;padding-bottom:14px}.brand{font-family:'Kalam',cursive;font-size:26px;font-weight:700;color:var(--ink);text-decoration:none}.top-note{font-family:'Kalam',cursive;color:#776d61}
.hero{max-width:600px;margin:65px auto 48px;position:relative}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#766b5d}.eyebrow span{color:#ed7897}
h1{font-family:'Kalam',cursive;font-size:clamp(46px,8vw,76px);line-height:.98;margin:12px 0 18px;letter-spacing:-2px}h1 em{font-style:normal;color:#e56f91;text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:3px;text-underline-offset:7px}
.intro{font-size:17px;line-height:1.7;max-width:510px;color:#625b52}.sticker{position:absolute;font-size:45px}.star{right:8%;top:5px;color:#e8b93e;transform:rotate(12deg)}.smile{right:3%;top:135px;color:#7bb7d9;transform:rotate(-12deg)}
.note-form{margin-top:32px;background:white;border:2px solid var(--ink);border-radius:14px;padding:20px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.4deg)}label{display:block;font-size:11px;letter-spacing:1.5px;font-weight:900;margin-bottom:10px}label span{color:#e56f91}
textarea,input,select{font:16px 'Nunito',sans-serif;width:100%;border:2px dashed #c9bca9;border-radius:8px;background:#fffdf8;padding:12px;color:var(--ink);outline:none}textarea{min-height:150px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:#e58aa3}.form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.form-bottom small,.muted{color:var(--muted);font-size:12px}
.button{display:inline-block;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:900 15px 'Nunito',sans-serif;text-decoration:none;padding:12px 20px;border-radius:8px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button.secondary{background:var(--blue)}.button.small{padding:9px 14px;font-size:13px}
.privacy{display:flex;gap:12px;align-items:flex-start;margin:28px 0 15px;padding:13px 16px;background:#eaf4e6;border:1.5px dashed #73966f;border-radius:10px;font-size:13px;line-height:1.5}.privacy p{margin:0}.privacy span{font-size:20px}.tiny-link,.back{display:inline-block;color:#786c5e;font-family:'Kalam',cursive;font-size:16px;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px;margin-top:14px}
footer{text-align:center;border-top:2px dashed #b7aa97;padding-top:15px;color:#8d8274;font:14px 'Kalam',cursive}footer span{color:#e58aa3}
.result{max-width:560px;margin:65px auto;text-align:center}.result h1{font-size:54px}.result p{line-height:1.7;color:#665e54}.big-doodle{font-size:60px;color:#e58aa3;margin-bottom:12px}.codebox{font:700 23px 'Kalam',cursive;letter-spacing:3px;overflow-wrap:anywhere;background:#fff;border:2px dashed #d49aac;padding:14px;margin:20px auto;max-width:340px;border-radius:9px}.result .button{margin:8px}.compact{text-align:left;margin:28px auto}.compact input{margin-bottom:15px}.wide{max-width:700px;text-align:left}.message-card,.reply{background:white;border:2px solid var(--ink);border-radius:10px;padding:18px;margin:16px 0;line-height:1.7;overflow-wrap:anywhere}.reply{background:#edf6e9;border-color:#8aab83}.reply small,.owner-reply small{font-size:10px;color:#81786d;letter-spacing:1px}.wide h2{font-family:'Kalam',cursive;font-size:30px}.wide h2 span{color:#e58aa3}.empty{padding:26px;border:2px dashed #c9bca9;border-radius:12px;text-align:center;color:#887e72;font-family:'Kalam',cursive;font-size:20px;margin:20px 0}
.dashboard{margin:38px auto;max-width:900px}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dash-head h1{font-size:clamp(40px,6vw,52px);margin:0}.dash-head h1 span{color:#e5b83f}.dash-head .muted{margin-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 30px}.stat-card{min-height:118px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink);background:#eaf1fb;border:2px solid var(--ink);border-radius:12px;padding:14px;box-shadow:3px 3px 0 var(--ink)}.stat-card span{font-size:9px;letter-spacing:1px;font-weight:900;color:#6e665e}.stat-card strong{font:700 34px 'Kalam',cursive;line-height:1}.stat-card small{font-size:11px;color:#746b61}.stat-pink{background:#ffe8ed}.stat-yellow{background:#fff3cb}.stat-green{background:#e7f3e5}
.inbox-toolbar{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.2fr);gap:20px;align-items:end;border-top:2px dashed #b7aa97;padding-top:21px}.inbox-toolbar h2{font:700 30px 'Kalam',cursive;margin:0}.inbox-toolbar h2 span{color:#e58aa3}.inbox-toolbar .muted{margin:4px 0 0}.filter-form{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:14px;box-shadow:3px 3px 0 #d8cfc0}.filter-form input{margin-bottom:10px}.filter-row{display:flex;gap:8px;align-items:center}.filter-row select{min-width:0;flex:1;padding:9px;font-size:13px;border-style:solid}.filter-row .button{flex-shrink:0}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 8px}.quick-links a{font:14px 'Kalam',cursive;color:#65594e;text-decoration:none;border-bottom:1px dashed #b7aa97;padding-bottom:2px}
.inbox-card{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:20px;margin:18px 0;box-shadow:4px 4px 0 #d8cfc0}.card-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:10px;font-weight:900;letter-spacing:1px;color:#85796c}.tag{background:#e9e5dc;padding:4px 8px;border-radius:20px}.tag.fresh{background:#ffe4a1;color:#6f5111}.tag.archived-tag{background:#e9e0f5;color:#64507f}.tag.replied-tag{background:#e1f1e2;color:#42724a}.tag.waiting-tag{background:#fff0db;color:#916329}.incoming{font-size:16px;line-height:1.7;overflow-wrap:anywhere;margin:20px 0}.reply-form{border-top:1px dashed #c9bca9;padding-top:15px;margin-top:15px}.reply-form textarea{min-height:85px;margin-bottom:10px}.owner-reply{background:#edf6e9;border-left:4px solid #8aab83;padding:10px 14px;margin:10px 0}.owner-reply p{margin:7px 0;overflow-wrap:anywhere}.card-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px dashed #d8cfc0;margin-top:14px;padding-top:12px}.card-actions form{margin:0}.mini-action{border:1.5px solid #9e9282;border-radius:7px;background:#fffaf0;color:#5e554b;padding:7px 10px;font:700 11px 'Nunito',sans-serif;cursor:pointer}.mini-action:hover{background:#f3eddf}.favorite-action{color:#8b6721}.danger-action{color:#a04e5c;border-color:#c18b91;background:#fff5f5}
@media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-toolbar{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.filter-row select{flex-basis:35%}}
@media(max-width:600px){body{padding:8px}.paper{padding:17px 5%;min-height:calc(100vh - 16px);box-shadow:4px 4px 0 var(--ink)}.top-note{font-size:12px}.hero{margin:48px auto 35px}.sticker{font-size:32px}.smile{top:115px}.dash-head{align-items:flex-start;flex-direction:column}.dash-head h1{font-size:42px}.card-meta{gap:7px}.inbox-card{padding:15px}.stat-card{padding:11px;min-height:108px}.stats-grid{gap:9px}.filter-row select{flex:1 1 42%}}