:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202337;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #dcddec;border-radius:10px;background:#fff;padding:10px 13px;color:#343756;font-weight:600}button:hover{border-color:#8388cb}button:disabled{opacity:.6;cursor:wait}header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100vw - 1300px)/2));box-shadow:0 1px 8px #1414370d}.brand{display:flex;align-items:center;gap:11px}.brand b{font-size:19px}.brand small{display:block;color:#777b90;font-size:11px;margin-top:2px}.logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#5954c7;color:#fff;font-size:24px}nav{display:flex;gap:4px}nav button{border:0;background:transparent;color:#686e83}nav .active{background:#efeffe;color:#4c48ad}main{max-width:1300px;margin:auto;padding:32px 24px}.compose{display:grid;grid-template-columns:minmax(380px,1fr) minmax(320px,440px);gap:28px;align-items:start}.preview-col{padding:18px}.eyebrow{color:#555c77;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:18px}.eyebrow span{font-weight:400;letter-spacing:0;float:right;color:#9093a4}.praise-card{background:#fff;border:1px solid #e0e1e9;box-shadow:0 18px 60px #25254612;border-radius:14px;overflow:hidden;max-width:570px;margin:auto}.praise-card-head{height:58px;display:flex;gap:10px;align-items:center;padding:0 24px;font-size:15px;font-weight:600;border-bottom:1px solid #eeeeF4}.appmark{background:#6763a6;border-radius:7px;color:#fff;width:28px;height:28px;display:grid;place-items:center}.praise-surface{background-size:cover;background-position:center;min-height:400px;display:flex;flex-direction:column;padding:20px 35px 28px}.hotspot{background:transparent;border:1px solid transparent;padding:8px 10px;width:100%;border-radius:7px;text-align:left;color:#242138}.hotspot:hover{background:#ffffff72;border:1px dashed #aaa7d8}.badge-click{align-self:center;width:auto;margin:9px 0 15px;padding:10px}.badge-click img{width:84px;height:84px;object-fit:contain}.title-click{font-size:23px;font-weight:300}.recipient-click{font-size:22px;font-weight:700;margin-top:3px;overflow-wrap:anywhere}.note-click{font-size:21px;font-weight:300;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px;min-height:50px}.pencil{opacity:0;font-size:15px}.hotspot:hover .pencil{opacity:.8}.from{margin-top:auto;padding:24px 10px 0;font-size:13px}.theme-switch{display:block;margin:10px auto 6px;border:0;color:#6666b1;background:#f4f3ff}.destination{display:flex;justify-content:space-between;gap:12px;max-width:570px;width:100%;margin:16px auto;background:#fff;text-align:left;overflow-wrap:anywhere}.destination span{color:#6b65b2;white-space:nowrap}.side,.panel{background:#fff;border:1px solid #e6e7f0;border-radius:15px;padding:24px;box-shadow:0 10px 28px #25254608}.side-head{display:flex;justify-content:space-between;align-items:center}.side h2,.panel h2{margin:0 0 17px;font-size:21px}.side h3{font-size:14px;margin-top:24px}.muted{font-size:14px;color:#777d91;line-height:1.6}.small{font-size:12px}.session{border-top:1px solid #ededf4;margin-top:22px;padding-top:16px}label{display:block;font-size:13px;font-weight:700;margin:13px 0}label span{font-weight:400;color:#818596}input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;border:1px solid #d9daea;border-radius:9px;padding:12px;outline:none;margin-top:8px;background:#fff;color:#27283d}input:focus,textarea:focus{border-color:#6e69c6}textarea{resize:vertical}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1}.primary{background:#5b56c0;color:#fff;border-color:#5b56c0}.primary:hover{background:#4844a9}.secondary{background:#f6f6fc}.error{white-space:pre-wrap;color:#aa4353;font-size:13px;margin-top:12px;overflow-wrap:anywhere}details{border-top:1px solid #eeeef4;margin-top:18px;padding-top:16px}summary{cursor:pointer;color:#5e6088;font-weight:700}.jsonarea{font-family:Consolas,monospace;font-size:12px;min-height:200px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:400px;overflow:auto}.pick{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:11px;min-height:94px;padding:7px}.pick img{width:52px;height:52px;object-fit:contain}.pick span{overflow-wrap:anywhere}.selected{border:2px solid #6a64ca;background:#f6f4ff}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-pick{height:90px;background-size:cover;background-position:center;display:flex;align-items:end;justify-content:center;text-transform:capitalize}.theme-pick span{background:#ffffffe8;padding:5px;border-radius:5px}.rows{margin-top:18px}.rows>div{padding:12px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee}.rows small{color:#808398;font-size:11px;overflow-wrap:anywhere;flex:1}.rows button{margin-left:auto}.inline{display:flex;gap:10px;align-items:center}.inline input{min-width:0}.panel{max-width:970px;margin:auto}.panel h2:not(:first-child){margin-top:28px}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.icon-btn{padding:6px 10px}footer{color:#9294a4;font-size:11px;text-align:center;margin:25px}@media(max-width:850px){header{display:block}nav{margin-top:18px;flex-wrap:wrap}main{padding:12px}.compose{grid-template-columns:1fr}.preview-col{padding:4px}.side{margin-bottom:20px}.eyebrow span{float:none;display:block}.inline{flex-direction:column;align-items:stretch}.praise-surface{min-height:340px;padding:16px}}.directory-results{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:330px;overflow-y:auto;padding:3px}.directory-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left;gap:2px 10px;width:100%;padding:12px 14px;background:#fff}.directory-option .directory-name{font-weight:700;overflow-wrap:anywhere}.directory-option small{grid-column:1;color:#777d91;font-size:10px;font-weight:400;overflow-wrap:anywhere}.directory-option .directory-check{grid-column:2;grid-row:1 / 3;font-size:18px;color:#6763a6}.directory-option.selected{border-color:#6a64ca;background:#f5f3ff}.count{font-size:12px;font-weight:600;background:#f1efff;color:#625db0;padding:3px 9px;border-radius:20px;vertical-align:middle}.entry-icon{font-size:20px;flex:none}.rows b{font-size:14px}.rows small{min-width:0}.send-result{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;color:#555c72;font-size:13px}.send-result small{width:100%;color:#506d61}.http-status{font-family:Consolas,monospace;font-weight:800;border-radius:8px;padding:8px 12px;white-space:nowrap}.http-ok{color:#176b4b;border-color:#b5e4ca;background:#e9f8ef}.http-fail{color:#9b3c3c;border-color:#ecc7c7;background:#fff1f1}.copy-hint{font-family:inherit;font-weight:400;font-size:11px;margin-left:6px;opacity:.8}.http-status:hover .copy-hint{text-decoration:underline}.token-guide{background:#f8f8fc;border:1px solid #e6e7f0;border-radius:12px;padding:14px 18px;margin:18px 0}.token-guide summary{color:#494697}.token-guide ol{margin:14px 0 0;padding-left:23px;font-size:14px;line-height:1.65;color:#43465e}.token-guide li{margin:0 0 9px;padding-left:3px}.token-guide code,.token-guide kbd{font-family:Consolas,monospace;background:#e9eaf2;padding:2px 5px;border-radius:4px;font-size:.92em}