/* Next Kopi · round 35 · the launch tidy (design/round-35/return/r35.css): the one row of use-case words under the box,
   a quiet circle's Set the next one up on its own row, and the bottom nav whose words fit or fall back to icons. */
/* the use-case words: one row, one word each, no label, no arrows; whatever doesn't fit waits for the next visit */
/* CO 2026-10-13: centred on the box, which is centred on the page */
/* CO 2026-10-13 "the prompt should be centered" / "the prompt width the same as others": the box runs 20px to 20px
   like every card, and ↵ comes inside it, after the mic, so typing never changes its width */
.pbw15{padding:0 20px}.pb15 > .sd15{margin-right:4px}.pb15 > .sd15.none{display:none}
.uc35{display:flex;justify-content:center;gap:20px;overflow:hidden;white-space:nowrap;padding:4px 20px 0}
/* CO 2026-10-13: ↺ inside the box, on its left, where the clip sits (the clip follows it on a Big Buy) */
.rc15{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:22px;color:var(--pb15-side);align-self:center}
.rc15 .ic{width:24px;height:24px}.rc15.off{opacity:.45}
.uc35 .pk15{flex:none}
.rw15 .nx35{display:block;padding-top:6px}
/* the bottom nav: Home · Circles · Sittings · My time · Near me */
body.nv35 #app{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.bn35{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px calc(10px + env(safe-area-inset-bottom));background:var(--glass);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-top:1px solid var(--line)}
.bn35 a{min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:2px 0;color:var(--ink-2);font:600 13px/1.25 var(--font-body);text-decoration:none}
.bn35 .pl{width:52px;height:30px;border-radius:15px;display:grid;place-items:center}.bn35 .ic{width:24px;height:24px}
.bn35 .w{white-space:nowrap}
.bn35 .on{color:var(--kopi)}.bn35 .on .pl{background:var(--kopi-soft)}
.bn35.ico .w{visibility:hidden}.bn35.ico .on .w{visibility:visible}
:lang(my) .bn35 a{font-size:12px;line-height:1.6}
:lang(my) .uc35 .pk15{line-height:1.7}
@media (min-width:700px){.bn35{left:50%;right:auto;width:var(--col-desktop);transform:translateX(-50%);border-left:1px solid var(--line);border-right:1px solid var(--line)}}
/* round 35 Part 3 · circle settings: one head per group (Joining, At the table); the blocks under it drop their own */
.sx35 .fb16 > h3{display:none}
/* round 35 · the circle page keeps its + (the only way to add inside a circle), above the bar */
body.nv35 .nav.fab16{bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}
/* CO 2026-10-13 "when I type the text is not centered verticlely": one typed line sits in the middle of the box; the
   two-line hint keeps its two lines, and more typed lines grow the box as before */
.pb15 .tx{align-items:center}
.pb15 .tx textarea{min-height:0;field-sizing:fixed}
/* round 36.1 (design/round-36.1/return, HANDOFF-NOTES §1-§8): the words are ink with a light underline, more… is quieter
   and leaves Home for the manual; ↺ dims (never hides) until there is a talk; ↵ is a 34px coral disc in a 44px tap */
@media (max-width:359px){.uc35{gap:16px}}
.uc35 .uc361{min-height:44px;display:flex;align-items:center;flex:none;white-space:nowrap;font:500 15px var(--font-body);color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);text-underline-offset:5px}
.uc35 .uc361:hover,.uc35 .uc361:active{text-decoration-color:currentColor}
.uc35 .uc361[data-ucmore]{color:var(--ink-2);text-decoration:none}
.rc15{color:var(--ink)}.rc15.off{color:var(--ink-3);opacity:.6}
.s15 .pb15 > .sd15:not(.none){border:0;padding:5px;background:var(--kopi) content-box;color:var(--on-kopi)}
.s15 .pb15 > .sd15:not(.none) .ic{width:18px;height:18px}
