/* TrueNara's shared visual language: warm ceramic, paper and terracotta. */
:root { --together-ink:#49352f; --together-rust:#963f30; --together-soft:#f4e5da; }
[data-theme="dark"] { --together-ink:#f5e4d7; --together-rust:#f0b39d; --together-soft:#3b302c; }
.together-hero { position:relative; isolation:isolate; overflow:hidden; padding:24px 23px 22px; margin:6px 0 18px; border-radius:30px; color:var(--together-ink); background:radial-gradient(ellipse at 80% 35%,#f5cbaa 0,transparent 54%),linear-gradient(135deg,#fcf2e5,#f0dcca); border:1px solid #fff8ee; box-shadow:inset 0 1px 1px #fff,0 16px 35px -24px #855d44; }
.together-overline { display:flex; align-items:center; justify-content:space-between; gap:7px; font-size:10px; letter-spacing:1.7px; font-weight:750; line-height:1.5; }
.together-spark { font-size:18px; color:#a64d39; }
.together-edition { margin-left:auto; font-size:8px; letter-spacing:2px; opacity:.6; }
.together-art { position:relative; height:166px; margin:0 -10px; display:flex; align-items:center; justify-content:center; }
.together-art img { position:relative; width:214px; height:180px; object-fit:contain; filter:drop-shadow(0 17px 12px #9a5e3420); animation:together-arrive .65s ease both; }
.together-orbit { position:absolute; width:206px; height:136px; border:1px solid #fff9; border-radius:50%; transform:rotate(-17deg); background:radial-gradient(ellipse,#fff8,transparent 70%); }
.together-pair { display:flex; align-items:center; margin:5px 0 14px; }
.together-pair>span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:2px solid #fff8; background:#c5795f; color:#fff; font:600 11px system-ui; box-shadow:0 3px 5px #70412920; }
.together-pair>span+span { margin-left:-6px; background:#b4baa1; }
.together-pair small { margin-left:9px; font-size:11px; font-weight:600; }
.together-hero h1 { font:normal clamp(29px,8vw,39px)/1.1 Georgia,'Times New Roman',serif; letter-spacing:-1.25px; max-width:420px; }
.together-hero h1 em { color:var(--together-rust); font-weight:normal; }
.together-hero p { max-width:340px; margin:14px 0 18px; font-size:13px; line-height:1.65; color:var(--together-ink); opacity:.85; }
.together-status { display:flex; align-items:center; gap:6px; font-size:10px; }
.together-status>span { width:5px; height:5px; background:#708764; border-radius:50%; }
@media(max-width:599px) {
  .together-hero { padding:19px 22px; }
  .together-art { height:94px; }
  .together-art img { width:150px; height:126px; }
  .together-orbit { width:158px; height:94px; }
  .together-pair { margin:9px 0 11px; }
  .together-hero h1 { font-size:31px; }
  .together-hero p { margin:10px 0 12px; font-size:12px; }
}
.together-moment { padding:22px; margin-bottom:25px; background:var(--surface); border:1px solid var(--border); border-radius:26px; box-shadow:0 10px 25px -16px #71523d40,inset 0 1px 0 #fff6; }
.together-moment .together-overline { color:var(--together-rust); }
.together-moment .together-overline span { font:24px Georgia,serif; }
.together-moment h2 { font:normal 26px/1.27 Georgia,'Times New Roman',serif; letter-spacing:-.55px; margin:13px 0 10px; color:var(--text); overflow-wrap:anywhere; }
.together-moment p { color:var(--text-sub); font-size:12px; line-height:1.7; margin-bottom:19px; }
.together-primary { width:100%; min-height:52px; border-radius:16px; border:1px solid #9b503b; background:linear-gradient(165deg,#b36b51,#8c4032); color:#fffaf5; box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #743428,0 9px 16px #984d3328; padding:13px 17px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-family:inherit; font-size:13px; font-weight:650; line-height:1.4; cursor:pointer; transition:transform .15s,box-shadow .15s; }
.together-primary span { font-size:22px; font-weight:400; }
.together-primary:active { transform:translateY(3px); box-shadow:inset 0 1px 0 #fff4,0 1px 0 #743428; }
.together-primary:disabled { opacity:.6; cursor:wait; }
.together-text-btn { display:block; min-height:44px; width:100%; border:0; background:none; font:inherit; font-size:11px; color:var(--text-sub); margin-top:10px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.together-section-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 3px 13px; font-size:9px; letter-spacing:1.5px; font-weight:750; color:var(--text-sub); }
.together-section-label span+span { font-size:10px; letter-spacing:0; font-weight:400; }
#screenMood.together-ready #moodInviteBanner { display:none!important; }
#screenMood .top-bar { border:0; background:transparent; position:relative; padding-top:calc(var(--safe-top) + 20px); }
#screenMood .top-bar-title { font-size:14px; font-weight:600; }
#screenMood .top-bar-sub { margin-top:4px; font-size:11px; }
#screenMood { background:var(--app-bg); }
.screen { padding-bottom:calc(108px + var(--safe-bot)); }
#bottomNav { left:12px; right:12px; bottom:calc(10px + var(--safe-bot)); width:auto; border:1px solid var(--border); border-radius:24px; padding:5px; background:color-mix(in srgb,var(--surface) 94%,transparent); box-shadow:0 10px 30px #34281c20,inset 0 1px 0 #fff8; }
.nav-btn { min-height:54px; border-radius:18px; color:var(--text-sub); transition:background .18s,color .18s; }
.nav-btn.on { background:var(--together-soft); color:var(--together-rust); }
.nav-btn.on svg { filter:none; }
.btn-primary { background:linear-gradient(165deg,#ad654d,#8c4032); color:#fffaf5; box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 #71382a,0 10px 16px #7a503020; }
.setting-row { min-height:60px; transition:background .15s; }
.setting-row:active { background:var(--ghost-bg); }
button:focus-visible,a:focus-visible { outline:3px solid var(--accent2); outline-offset:4px; }
[data-theme="dark"] .together-hero { background:radial-gradient(ellipse at 80% 20%,#754b37,transparent 65%),linear-gradient(135deg,#3b302b,#312822); border-color:#705241; box-shadow:inset 0 1px 0 #b88a6050,0 14px 35px #0003; }
[data-theme="dark"] .together-orbit { background:radial-gradient(ellipse,#ba8d5630,transparent 70%); border-color:#dcb89c30; }
[data-theme="dark"] .together-spark { color:#f0b39d; }
@keyframes together-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:600px) { #bottomNav { max-width:536px; margin:0 auto; } .together-hero h1 { font-size:39px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

.founder-price{font-size:42px;font-weight:800;line-height:1.2;color:var(--text)}
.founder-price span{font-size:15px;font-weight:500;margin-left:6px;color:var(--text-sub)}
.founder-label{display:inline-block;margin:12px 0 4px;padding:6px 14px;border-radius:99px;background:#743f32;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em}
.founder-terms{font-size:13px;line-height:1.65;color:var(--text-sub);margin:12px 0}

/* Purchase dialog: readable content, reachable controls even on small screens. */
.founder-sheet{width:100%;max-width:520px;max-height:94dvh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -12px 60px #24160d26}
.founder-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 4px 24px;flex-shrink:0}
.founder-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;color:var(--text-sub)}
.founder-close{border:0;border-radius:50%;background:var(--surface-alt);color:var(--text);font-size:25px;width:44px;height:44px;cursor:pointer}
.founder-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:4px 24px 16px}
.founder-scroll h2{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.04em}
.founder-intro{font-size:14px;line-height:1.5;color:var(--text-sub);margin:8px 0 20px}
.founder-card{background:linear-gradient(140deg,var(--surface-alt),var(--surface));border:1px solid var(--border);border-radius:22px;padding:8px 20px 6px;text-align:center;box-shadow:inset 0 1px 0 #ffffff38,0 8px 22px #55302209}
.founder-included{font-size:13px;color:var(--text);font-weight:600;margin-top:8px}
.founder-card .founder-price{margin-top:8px}
.founder-benefits{list-style:none;display:grid;gap:12px;margin:22px 0;font-size:14px;line-height:1.5;color:var(--text)}
.founder-benefits li{display:flex;gap:10px;align-items:flex-start}
.founder-benefits span{color:var(--accent);font-weight:800}
.founder-trial{background:var(--surface-alt);border-radius:12px;padding:12px;font-size:13px;line-height:1.5;margin-bottom:16px}
.founder-links{font-size:12px;text-align:center;color:var(--text-sub)}
.founder-links a{color:inherit;text-underline-offset:3px}
.founder-footer{flex-shrink:0;padding:16px 24px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);text-align:center}
.founder-footer .btn{width:100%;min-height:52px}
.founder-footer>span{display:block;font-size:11px;line-height:1.5;color:var(--text-sub);margin-top:12px}

.draft-status{font-size:12px;line-height:1.5;color:var(--text-sub);margin:10px 0;min-height:18px}