:root{--brand:#e4733a;--brand-d:#c95d26;--brand-soft:#fdeadf;--bg:#fbf7f2;--sf:#ffffff;--tx:#2a2420;--mu:#7d726a;--bd:#eee3d8;--ok:#3f9a5f;--ok-soft:#e3f4e9;--er:#d64545;--er-soft:#fbe4e4;--sh:0 1px 2px rgba(60,40,20,.05),0 8px 24px rgba(60,40,20,.07);color-scheme:light dark;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#171412;--sf:#221e1b;--tx:#f4ede6;--mu:#a89d93;--bd:#352e29;--brand-soft:#3a281d;--ok-soft:#1c3226;--er-soft:#3a1f1f;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.28)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;line-height:1.4}h1,h2,h3,p{margin:0}.wrap{max-width:600px;margin:0 auto;padding:0 16px 120px}.top{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) 0 4px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.3px}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#f3a165);display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px #e4733a59}.logo-mark.big{width:64px;height:64px;border-radius:20px}.page-title{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-top:14px}.page-sub{color:var(--mu);font-size:14px;margin:2px 0 14px}label{display:block;font-size:12px;font-weight:700;color:var(--mu);margin:6px 0 2px}input,select{width:100%;padding:12px 14px;margin:4px 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--tx);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input[type=checkbox]{width:22px;height:22px;padding:0;margin:0;accent-color:var(--brand)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}@media (max-width:420px){.grid2{grid-template-columns:1fr}}button{font:inherit;font-weight:700;font-size:15px;padding:12px 18px;margin:6px 0 0;width:100%;border:0;border-radius:12px;background:var(--brand);color:#fff;cursor:pointer;transition:background .15s,transform .05s,opacity .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:default}main button:not(.alt):not(.icon-btn):hover{background:var(--brand-d)}button.alt{width:auto;margin:0;padding:8px 14px;background:transparent;color:var(--brand);border:1px solid var(--bd);font-size:14px}button.alt:hover{background:var(--brand-soft)}button.icon-btn{width:38px;height:38px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--mu);border:1px solid var(--bd);font-size:15px}button.icon-btn:hover{background:var(--er-soft);color:var(--er);border-color:transparent}.top button.icon-btn:hover{background:var(--brand-soft);color:var(--brand)}.box,.card{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:16px;margin:12px 0;box-shadow:var(--sh)}.box h3{font-size:16px;font-weight:800;margin-bottom:8px}.card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.card.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft),var(--sh)}.card.done b{text-decoration:line-through;opacity:.5}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.avatar{width:48px;height:48px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center;font-size:26px;flex:none}.title{font-weight:800}.muted{color:var(--mu);font-size:13px}.err{color:var(--er);font-size:14px;margin-top:8px}.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--brand-soft);color:var(--brand)}.pill.late{background:var(--er-soft);color:var(--er)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.empty{text-align:center;color:var(--mu);padding:28px 12px;background:var(--sf);border:1px dashed var(--bd);border-radius:18px;margin:12px 0}.auth{max-width:420px;margin:0 auto;padding:calc(56px + env(safe-area-inset-top,0px)) 16px 40px}.auth-hero{text-align:center;margin-bottom:20px}.auth-hero .logo-mark{margin:0 auto 12px}.auth-hero h1{font-size:34px;font-weight:800;letter-spacing:-1px}.auth-hero p{color:var(--mu);margin-top:4px}.switch{text-align:center;margin-top:14px;font-size:14px;color:var(--mu)}.switch button{display:inline;width:auto;padding:0;margin:0 0 0 4px;background:none;color:var(--brand);font-size:14px}nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(560px,calc(100% - 24px));display:flex;gap:4px;background:var(--sf);border:1px solid var(--bd);border-radius:22px;box-shadow:var(--sh);padding:6px}nav button{flex:1;margin:0;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;color:var(--mu);font-size:11px;font-weight:700;border-radius:16px}nav button:hover{background:var(--brand-soft)}nav button.on{background:var(--brand-soft);color:var(--brand)}:root{--vio:#6b4fcf;--vio-soft:#ece6fb;--grn:#2f8a52;--grn-soft:#e1f3e8}@media (prefers-color-scheme:dark){:root{--vio:#a58cf5;--vio-soft:#2a2342;--grn:#6cc78b;--grn-soft:#1c3226}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.sp-dog{background:linear-gradient(135deg,#fde3d1,#f9bd93)}.sp-cat{background:linear-gradient(135deg,#ece6fb,#cdbff3)}.sp-bird{background:linear-gradient(135deg,#dcecfb,#a9d1f5)}.sp-rabbit{background:linear-gradient(135deg,#fbe3ee,#f3b5cf)}.sp-other{background:linear-gradient(135deg,#e1f3e8,#b0dec1)}.greet{font-size:15px;font-weight:700;color:var(--mu);margin:14px 0 8px}.hero{display:flex;align-items:center;gap:16px;padding:20px;border-radius:26px;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,#f3a165 60%,#f6c089 100%);box-shadow:0 12px 28px #e4733a52;position:relative;overflow:hidden;margin-bottom:12px}.hero:before{content:"";position:absolute;right:-30px;top:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff29}.hero:after{content:"";position:absolute;right:50px;bottom:-60px;width:110px;height:110px;border-radius:50%;background:#ffffff1f}.hero .avatar{border:3px solid rgba(255,255,255,.7);flex:none;position:relative;z-index:1}.hero-emoji{font-size:44px;position:relative;z-index:1}.hero-name{font-size:24px;font-weight:800;letter-spacing:-.4px;position:relative;z-index:1}.hero-meta{opacity:.92;font-size:14px;position:relative;z-index:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat{border-radius:18px;padding:14px 10px;text-align:center}.stat b{display:block;font-size:26px;font-weight:800;letter-spacing:-.5px}.stat span{font-size:11px;font-weight:700;opacity:.85}.tone-a{background:var(--brand-soft);color:var(--brand)}.tone-b{background:var(--vio-soft);color:var(--vio)}.tone-c{background:var(--grn-soft);color:var(--grn)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{width:100%;padding:12px}.sect{font-size:16px;font-weight:800;margin:20px 0 4px}.tap{cursor:pointer}label.cam{width:38px;height:38px;margin:0;border-radius:50%;border:1px solid var(--bd);display:grid;place-items:center;color:var(--mu);cursor:pointer;flex:none}label.cam:hover{background:var(--brand-soft);color:var(--brand)}.empty-emoji{font-size:44px;margin-bottom:6px}.legal{margin:6px 0;line-height:1.55;font-size:14px}@keyframes up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}main>*{animation:up .4s ease both}main>*:nth-child(2){animation-delay:.05s}main>*:nth-child(3){animation-delay:.1s}main>*:nth-child(4){animation-delay:.15s}main>*:nth-child(5){animation-delay:.2s}main>*:nth-child(n+6){animation-delay:.25s}.card,.box{transition:transform .15s,box-shadow .15s}@media (hover:hover){.card:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.big-num{font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--brand);margin:2px 0 10px}.bar-row{display:grid;grid-template-columns:78px 1fr 84px;gap:10px;align-items:center;margin:6px 0}.bar{height:10px;border-radius:99px;background:var(--brand-soft);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),#f3a165)}.qr-card{text-align:center}.qr-card img{display:block;margin:8px auto}.public-card{text-align:center}.public-card a{color:var(--brand);font-weight:700}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0;background:#fff;color:#000}nav,.top{display:none}}.plans-intro{margin:16px 0}.plans-intro h3{font-size:26px;margin:10px 0 6px}.plans-grid{display:grid;gap:12px}.plan-card{margin:0;min-width:0}.plan-card h3{font-size:22px;margin-top:12px}.plan-price{font-size:30px;font-weight:800;margin:12px 0}.plan-price small{display:block;font-size:13px;font-weight:400;color:var(--mu)}.plan-card ul{padding-left:20px;line-height:1.6}.plan-card li{margin:8px 0}.plan-plus{border-color:var(--brand)}.plan-card button{margin:8px 0 12px}details summary{cursor:pointer;font-weight:700}details p{margin-top:10px}@media (min-width:560px){.plans-grid{grid-template-columns:1fr 1fr}}.social-top{display:grid;grid-template-columns:44px 1fr 44px;gap:8px}.social-top .logo{justify-self:center}.social-top .icon-btn{width:44px;height:44px;position:relative;background:var(--sf)}.notification-badge{position:absolute;top:-4px;right:-6px;min-width:20px;height:20px;padding:0 4px;border-radius:99px;background:var(--er);color:#fff;display:grid;place-items:center;font-size:10px;border:2px solid var(--bg)}.chat-thread{display:flex;align-items:center;gap:12px;background:var(--sf);color:var(--tx);border:1px solid var(--bd);text-align:left;box-shadow:var(--sh);margin:12px 0}.chat-thread span:first-of-type{flex:1}.chat-thread small{display:block;color:var(--mu);font-size:12px;font-weight:400;margin-top:4px}main .chat-thread:hover{background:var(--brand-soft)!important}.chat-history{max-height:50vh;min-height:180px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px 0;overscroll-behavior:contain}.chat-bubble{max-width:85%;align-self:flex-start;padding:12px 16px;background:var(--sf);border:1px solid var(--bd);border-radius:16px 16px 16px 3px;overflow-wrap:anywhere}.chat-bubble p{white-space:pre-wrap}.chat-bubble.mine{align-self:flex-end;background:var(--brand-soft);border-radius:16px 16px 3px}.chat-bubble small{font-size:11px;color:var(--mu);display:block;text-align:right;margin-top:6px}.chat-compose{background:var(--sf);padding:12px;border:1px solid var(--bd);border-radius:16px}.chat-compose textarea{width:100%;resize:vertical;min-height:75px;max-height:180px;border:1px solid var(--bd);border-radius:12px;padding:10px;font:inherit;background:var(--bg);color:var(--tx)}.chat-compose button svg{vertical-align:middle}.listing-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.listing-actions button{display:flex;align-items:center;gap:6px}.listing-details{padding:12px 0;border-top:1px solid var(--bd);margin-bottom:8px}.listing-details p{margin:8px 0}.social-notice.unread{border-color:var(--brand)}
