.header-share{border:1px solid var(--line);font-weight:700}
.brand-icon{width:42px;height:42px;border-radius:12px;display:block}.install-button{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border-radius:10px;background:#292651;color:#fff;font-size:.8rem}.install-button span{font-size:1rem}.install-button b{font-weight:700}.install-title{display:flex;align-items:center;gap:12px}.install-title img{width:54px;height:54px;border-radius:15px}.install-title p{font-size:.75rem;color:var(--muted);margin:3px 0 0}.install-primary{width:100%;min-height:48px;margin:18px 0 4px}.install-steps{padding-left:24px;color:var(--ink)}.install-steps li{padding:7px 0;line-height:1.45}
.help-details{margin:12px 0 2px;border-top:1px solid var(--line);padding-top:10px}
.help-details summary,.share-preview summary{cursor:pointer;color:#625cdb;font-size:.875rem;font-weight:600;min-height:36px;display:flex;align-items:center}
.help-details .micro{margin:7px 0}
.share-plan-btn{display:flex;align-items:center;gap:8px;background:#292651;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;font-size:.875rem}
.share-plan-btn:disabled{opacity:.45}
.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.social-grid{grid-template-columns:repeat(3,1fr)}
.share-channel{min-width:0;min-height:92px;padding:12px 6px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.share-channel:hover{background:#f7f7fc;border-color:#c8c5e2}
.share-channel span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#eff0f8;font-size:.75rem;font-weight:800}
.share-channel b{font-size:.75rem;overflow-wrap:anywhere}
.share-channel.whatsapp span{background:#dcf8e7;color:#147b3f}.share-channel.linkedin span{background:#e0eef8;color:#0a66c2;font-size:1.1rem}.share-channel.facebook span{background:#e6edfb;color:#1877f2;font-size:1.2rem}.share-channel.sms span{background:#e8f1ff;color:#3568a9}.share-channel.native span{background:#eeeaff;color:#625cdb}.share-channel.copy-channel span{background:#f1f1f4;color:#5c5b69;font-size:1.1rem}
.share-preview{border-top:1px solid var(--line);margin-top:6px}.share-preview textarea{height:180px;margin-top:8px;font-size:.875rem}
.privacy-note{font-size:.75rem;line-height:1.55;color:var(--muted);background:#f5f5fa;border-radius:10px;padding:11px 12px;margin:12px 0 0}
.mobile-nav{display:none}
@media(max-width:690px){
  html{scroll-padding-top:86px;scroll-padding-bottom:88px}body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  header{position:sticky;top:0;z-index:20;height:66px;padding:0 14px;box-shadow:0 5px 22px #2420440a}
  .brand{font-size:1.25rem;gap:7px}.brand-icon{width:38px;height:38px;border-radius:11px}.beta,.local{display:none}.head-right{gap:5px}.head-right .icon-btn{min-width:38px;min-height:38px}.head-right select{width:auto!important;min-height:38px;padding:6px!important}.install-button{width:38px;min-width:38px;height:38px;padding:0;justify-content:center}.install-button b{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
  main{padding:18px 13px 4px}.intro{margin-bottom:18px}.intro .eyebrow{display:none}.intro h1{font-size:1.75rem;line-height:1.12;letter-spacing:-.9px;margin-bottom:8px}.lead{font-size:.94rem;line-height:1.45}.family-button{display:none}
  .main-grid{gap:26px}.panel{padding:18px 15px;border-radius:17px}.section-head h2{font-size:1.2rem}.composer>.muted{margin:9px 0 12px}.examples{margin:12px 0 10px;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 6px;scrollbar-width:none}.examples::-webkit-scrollbar{display:none}.examples span{flex:0 0 auto}.examples button{min-height:40px;flex:0 0 auto;padding:9px 13px}
  #message{height:146px;min-height:146px}.two-fields{grid-template-columns:1fr;gap:0}.two-fields label{margin-top:11px}.help-details{margin-top:7px}#analyze{position:sticky;bottom:calc(73px + env(safe-area-inset-bottom));z-index:4;min-height:50px;margin-top:12px;box-shadow:0 9px 26px #625cdb30}
  #draftSection{scroll-margin-top:75px}.draft{padding:13px}.check{font-size:.875rem}.check input{width:21px;height:21px}#saveDraft{width:100%;min-height:48px}
  .board{scroll-margin-top:80px}.board-heading{padding-top:2px;padding-bottom:14px}.board-heading h2{font-size:1.35rem}.board-heading .eyebrow{display:none}.board-heading .outline{min-height:42px}.stats{padding:13px 0;margin-bottom:13px}.stats strong{font-size:1.35rem}.stats div{padding:0 10px}.stats span{font-size:.72rem;line-height:1.2;display:block;margin-top:3px}.board-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:12px}.filters{overflow-x:auto}.filters button{min-height:40px;padding:8px 9px}.share-plan-btn{min-height:42px;padding:9px 12px}
  .task{padding:14px 11px;margin-bottom:9px;border-radius:13px}.complete{width:25px;height:25px;flex-basis:25px}.task-meta{gap:5px}.pill{font-size:.75rem;padding:4px 7px}.card-edit{min-height:36px}.empty{min-height:210px;padding:28px 18px}.board-bottom button{min-height:42px}
  .feedback{display:none}footer{display:none}
  dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:22px 22px 0 0;border-bottom:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:90dvh}.share-sheet{min-height:340px}.dialog-top{position:sticky;top:-20px;background:#fff;z-index:2;padding-top:5px}.dialog-top .icon-btn{min-width:44px;min-height:44px}.dialog-actions .primary{min-height:48px}.member-form{align-items:end}.member-form input,.member-form button{min-height:46px}
  .share-grid,.social-grid{grid-template-columns:repeat(3,1fr);gap:8px}.share-channel{min-height:88px;padding:10px 4px}.share-channel b{font-size:.72rem}.privacy-note{margin-bottom:4px}
  .mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px #24204412}.mobile-nav button{min-height:54px;background:transparent;color:#746f88;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mobile-nav button:active{background:#f0eff9;color:#4d4694}.mobile-nav span{font-size:1.15rem;line-height:1}.mobile-nav b{font-size:.69rem;font-weight:600}
  #toast{bottom:calc(82px + env(safe-area-inset-bottom));padding:12px 16px;font-size:.875rem}
}
@media(max-width:360px){.share-grid,.social-grid{grid-template-columns:repeat(2,1fr)}.intro h1{font-size:1.55rem}.stats div{padding:0 7px}}