/* ============================================================
   HOOMANING V6 — Now polish + continuity pass
   Hierarchy, spacing, static-frame browsing, chosen state, Now->Log bridge.
   ============================================================ */

/* ---------- Global Now rhythm ---------- */
#screen:has(.v6-now){overflow:hidden!important;padding-inline:clamp(10px,2.7vw,16px)!important;}
.v6-now{max-width:520px;}
.v6-now .v5-top-back{width:36px;height:36px;flex:0 0 36px;}

/* ---------- Landing: compact as a composition, not squeezed ---------- */
.v6-landing-state{
  height:100%;
  display:grid;
  grid-template-rows:auto auto auto;
  align-content:center;
  justify-items:center;
  gap:clamp(20px,3.2dvh,34px);
  padding:clamp(12px,2dvh,20px) 4px clamp(34px,5dvh,54px);
}
.v6-landing-copy{padding:0;text-align:center;align-self:auto;}
.v6-landing-copy h1{margin:8px auto 6px;font-size:clamp(27px,7.4vw,37px);line-height:1.03;max-width:440px;}
.v6-landing-copy p{font-size:clamp(12px,3.2vw,14px);}
.v6-landing-stage{width:100%;display:grid;place-items:center;min-height:0;}
.v6-landing-stage .v5-world{width:clamp(200px,48vw,260px);height:clamp(200px,48vw,260px);margin:0;}
.v6-landing-stage .v5-world-core{width:74px;height:74px;}
.v6-surprise{width:min(88%,330px);min-height:52px;margin-bottom:clamp(8px,1.4dvh,16px);}

/* ---------- Preferences: one compact centered cluster ---------- */
.v6-pref-state{
  position:relative;
  height:100%;
  display:grid;
  grid-template-rows:auto auto auto;
  align-content:center;
  gap:clamp(20px,3dvh,30px);
  padding:clamp(14px,2dvh,22px) 2px clamp(34px,5dvh,54px);
}
.v6-pref-state>.v6-top-back{position:absolute;left:0;top:clamp(8px,1.4dvh,14px);}
.v6-pref-head{margin:0;text-align:center;pointer-events:none;}
.v6-pref-head h1{margin:8px 0 0;font-size:clamp(26px,6.5vw,33px);}
.v6-filter-groups{display:grid;gap:clamp(12px,1.8dvh,18px);width:100%;}
.v6-filter-groups .v5-filter-group{gap:7px;}
.v6-filter-groups .v5-filter-group>strong{font-size:8.5px;letter-spacing:.17em;}
.v6-filter-chip{min-height:46px;border-radius:14px;font-size:11.5px;}
.v6-filter-chip.active{
  color:#f4f2eb;
  border-color:rgba(164,174,255,.95);
  background:linear-gradient(180deg,rgba(145,157,255,.33),rgba(145,157,255,.18));
  box-shadow:0 0 0 1px rgba(145,157,255,.16),0 0 24px rgba(145,157,255,.10),inset 0 1px rgba(255,255,255,.07);
  transform:translateY(-1px) scale(1.012);
}
.v6-filter-chip.active::after{right:8px;top:7px;font-size:9px;color:var(--sage);}
.v6-pref-go{width:min(88%,350px);justify-self:center;min-height:52px;}

/* ---------- Browse: static shell + moving content only ---------- */
.v6-browse-state{
  height:100%;
  display:grid;
  grid-template-rows:44px minmax(0,1fr) 62px;
  gap:clamp(9px,1.4dvh,14px);
  padding:clamp(8px,1.3dvh,12px) 0 clamp(20px,2.7dvh,30px);
}
.v6-browse-top{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;}
.v6-filter-summary{
  min-height:34px;
  display:inline-flex;align-items:center;gap:9px;
  font-size:11.5px;line-height:1;
  padding:7px 13px;
  color:var(--text-dim);
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.028);
}
.v6-filter-summary strong{font-weight:600;color:var(--text);}
.v6-filter-summary span{font-size:10.5px;color:var(--sage);margin:0;}
.v6-browse-stage{
  width:100%;
  max-height:min(64dvh,520px);
  align-self:center;
  min-height:0;
  border-radius:24px;
  overflow:visible;
}
.v6-stage-shell{
  position:relative;z-index:2;
  width:100%;height:100%;min-height:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 34%,rgba(118,217,184,.055),rgba(148,151,209,.028) 33%,transparent 58%),rgba(24,29,31,.60);
  box-shadow:0 24px 64px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.018);
  backdrop-filter:blur(10px);
}
.v6-experience-content{width:100%;height:100%;min-height:0;will-change:transform,opacity,filter;}
.v6-experience-content-inner{
  width:100%;height:100%;min-height:0;
  display:grid;
  grid-template-rows:minmax(0,1.62fr) minmax(102px,.78fr);
  align-items:center;
}
.v6-experience-visual{position:relative;min-height:0;width:100%;height:100%;display:grid;place-items:center;padding:14px 18px 0;}
.v6-experience-art{width:min(108%,470px);height:100%;display:grid;place-items:center;filter:drop-shadow(0 10px 28px rgba(0,0,0,.13));}
.v6-experience-art>.v4-scene-svg,.v6-experience-art>.v5-scene-svg{width:100%;height:100%;max-height:270px;overflow:visible;}
/* Stronger illustration contrast/impact without becoming loud. */
.v6-experience-art .v4-scene-main,.v6-experience-art .v5-scene-main{stroke:rgba(238,239,234,.68)!important;stroke-width:2.45!important;fill:rgba(148,151,209,.025)!important;}
.v6-experience-art .v4-scene-accent,.v6-experience-art .v5-scene-accent{stroke:rgba(118,217,184,.98)!important;stroke-width:2.35!important;}
.v6-experience-art .v4-scene-orbit ellipse,.v6-experience-art .v5-scene-orbits ellipse{stroke:rgba(148,151,209,.16)!important;}
.v6-experience-icon{
  position:absolute;right:9%;bottom:10%;
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  color:var(--sage);background:rgba(17,23,25,.88);
  border:1px solid rgba(118,217,184,.28);
  box-shadow:0 10px 30px rgba(0,0,0,.18),0 0 24px rgba(118,217,184,.05);
  animation:v5-float 6.4s ease-in-out infinite;
}
.v6-experience-icon-svg{width:20px;height:20px;}
.v6-experience-copy{text-align:center;padding:2px 20px 17px;display:flex;flex-direction:column;justify-content:center;min-height:102px;}
.v6-experience-copy small{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--ochre);}
.v6-experience-copy h2{margin:7px auto 5px;max-width:455px;font-size:clamp(22px,5.6vw,29px);line-height:1.08;letter-spacing:-.03em;}
.v6-experience-copy p{margin:0 auto;max-width:430px;color:var(--text-dim);font-size:clamp(11.5px,3vw,13px);line-height:1.35;min-height:18px;}

/* The blurred orbital/deck metaphor sits behind the static shell. */
.v6-browse-stage .v5-sphere-stack{inset:-2% -1% -2%;}
.v6-browse-stage .v5-depth{opacity:.20;filter:blur(18px);}
.v6-browse-stage .v5-depth.d2{opacity:.14;filter:blur(22px);}
.v6-browse-stage .v5-depth.d3{opacity:.09;filter:blur(26px);}
.v6-browse-stage .v5-depth-orbit{opacity:.7;}

.v6-browse-footer{align-items:stretch;min-height:0;}
.v6-browse-footer .v5-browse-actions{gap:9px;}
.v6-browse-footer .v5-side-action,.v6-browse-footer .v5-main-action{min-height:52px;font-size:12px;}
.v6-browse-footer .v5-main-action{font-size:13px;}

/* Chill content-only orbit swap: frame remains perfectly static. */
.v6-experience-content.v6-content-out-next{animation:v6-content-out-next .36s cubic-bezier(.42,0,.58,1) forwards;}
.v6-experience-content.v6-content-out-prev{animation:v6-content-out-prev .36s cubic-bezier(.42,0,.58,1) forwards;}
.v6-experience-content.v6-content-in-next{opacity:.02;transform:translate3d(34px,-8px,0) scale(.91) rotate(1.2deg);filter:blur(14px);transition:opacity .50s cubic-bezier(.16,.75,.2,1),transform .50s cubic-bezier(.16,.75,.2,1),filter .50s ease;}
.v6-experience-content.v6-content-in-prev{opacity:.02;transform:translate3d(-34px,-8px,0) scale(.91) rotate(-1.2deg);filter:blur(14px);transition:opacity .50s cubic-bezier(.16,.75,.2,1),transform .50s cubic-bezier(.16,.75,.2,1),filter .50s ease;}
.v6-experience-content.v6-content-in-next.settled,.v6-experience-content.v6-content-in-prev.settled{opacity:1;transform:none;filter:none;}
.v6-browse-stage.is-transitioning .v5-depth.d1{animation:v6-depth-breathe .86s ease-in-out both;}
.v6-browse-stage.is-transitioning .v5-depth.d2{animation:v6-depth-breathe2 .86s ease-in-out both;}
@keyframes v6-content-out-next{to{opacity:.02;transform:translate3d(-34px,10px,0) scale(.92) rotate(-1.4deg);filter:blur(14px)}}
@keyframes v6-content-out-prev{to{opacity:.02;transform:translate3d(34px,10px,0) scale(.92) rotate(1.4deg);filter:blur(14px)}}
@keyframes v6-depth-breathe{50%{opacity:.28;transform:translate(-54%,-58%) rotate(-9deg) scale(.98)}100%{opacity:.20;transform:translate(-60%,-53%) rotate(-17deg) scale(.92)}}
@keyframes v6-depth-breathe2{50%{opacity:.21;transform:translate(-44%,-42%) rotate(12deg) scale(.89)}100%{opacity:.14;transform:translate(-38%,-46%) rotate(20deg) scale(.82)}}

/* ---------- Chosen: the experience is the headline ---------- */
.v6-chosen-state{
  height:100%;display:grid;
  grid-template-rows:40px minmax(0,1fr) 62px;
  gap:clamp(9px,1.4dvh,14px);
  padding:clamp(8px,1.3dvh,12px) 0 clamp(20px,2.7dvh,30px);
  text-align:center;
}
.v6-chosen-top{text-align:left;}
.v6-chosen-card{
  align-self:center;min-height:0;height:min(64dvh,520px);max-height:100%;
  border:1px solid rgba(255,255,255,.075);border-radius:24px;overflow:hidden;
  background:radial-gradient(circle at 50% 35%,rgba(118,217,184,.06),rgba(148,151,209,.025) 36%,transparent 62%),rgba(24,29,31,.60);
  display:grid;grid-template-rows:minmax(0,1.6fr) minmax(116px,.8fr);
  box-shadow:0 24px 64px rgba(0,0,0,.15);
}
.v6-chosen-visual{position:relative;min-height:0;display:grid;place-items:center;padding:14px 20px 0;}
.v6-chosen-art{width:min(108%,470px);height:100%;display:grid;place-items:center;filter:drop-shadow(0 10px 28px rgba(0,0,0,.13));}
.v6-chosen-art>.v4-scene-svg,.v6-chosen-art>.v5-scene-svg{width:100%;height:100%;max-height:280px;overflow:visible;}
.v6-chosen-art .v4-scene-main,.v6-chosen-art .v5-scene-main{stroke:rgba(238,239,234,.68)!important;stroke-width:2.45!important;fill:rgba(148,151,209,.025)!important;}
.v6-chosen-art .v4-scene-accent,.v6-chosen-art .v5-scene-accent{stroke:rgba(118,217,184,.98)!important;stroke-width:2.35!important;}
.v6-chosen-icon{right:9%;bottom:10%;}
.v6-chosen-copy{padding:2px 20px 18px;display:flex;flex-direction:column;justify-content:center;}
.v6-chosen-copy h1{margin:7px auto 5px;max-width:455px;font-size:clamp(23px,5.9vw,30px);line-height:1.08;letter-spacing:-.03em;}
.v6-chosen-copy p{margin:0 auto;max-width:430px;color:var(--text-dim);font-size:12.5px;line-height:1.35;}
.v6-chosen-actions{width:100%;max-width:none;grid-template-columns:1.2fr .95fr;gap:9px;align-items:stretch;}
.v6-chosen-actions .v5-main-cta,.v6-chosen-actions .v5-quiet-action{min-height:52px;}

/* ---------- Special Now -> Log continuity ---------- */
#screen:has(.v6-now-log-bridge){padding-top:8px;}
.v6-now-log-bridge{max-width:620px;margin:0 auto;padding:0 0 24px;}
.v6-log-back{
  border:0;background:transparent;color:var(--text-dim);padding:8px 2px 12px;
  font-size:11.5px;font-weight:600;letter-spacing:.01em;
}
.v6-log-back:hover{color:var(--text);}
.v6-log-memory{
  display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;
  border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:12px 16px 12px 10px;
  background:radial-gradient(circle at 20% 50%,rgba(118,217,184,.06),transparent 45%),rgba(24,29,31,.55);
  margin-bottom:12px;
}
.v6-log-memory-art{height:102px;display:grid;place-items:center;overflow:hidden;}
.v6-log-memory-art>.v4-scene-svg,.v6-log-memory-art>.v5-scene-svg{width:145px;height:102px;overflow:visible;}
.v6-log-memory-art .v4-scene-main,.v6-log-memory-art .v5-scene-main{stroke:rgba(238,239,234,.62)!important;}
.v6-log-memory-art .v4-scene-accent,.v6-log-memory-art .v5-scene-accent{stroke:rgba(118,217,184,.95)!important;}
.v6-log-memory-copy small{font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;color:var(--ochre);}
.v6-log-memory-copy h1{margin:5px 0 4px;font-size:clamp(19px,4.5vw,24px);line-height:1.1;letter-spacing:-.025em;}
.v6-log-memory-copy p{margin:0;color:var(--text-dim);font-size:11px;line-height:1.35;}
.v6-now-log-bridge .composer{margin-top:0;}
.v6-now-log-bridge .composer-head .composer-title{display:none;}
.v6-now-log-bridge .composer-head{justify-content:flex-end;min-height:0;margin-bottom:-2px;}
.v6-now-log-bridge .composer-close{display:none;}
.v6-now-log-bridge .quick-state{margin-top:0;}

/* ---------- Small viewport guarantees ---------- */
@media (max-height:700px){
  .v6-landing-state{gap:14px;padding-top:7px;padding-bottom:24px;}
  .v6-landing-stage .v5-world{width:190px;height:190px;}
  .v6-landing-copy h1{font-size:26px;}
  .v6-surprise{min-height:47px;margin-bottom:6px;}
  .v6-pref-state{gap:14px;padding-top:6px;padding-bottom:24px;}
  .v6-pref-head h1{font-size:25px;}
  .v6-filter-groups{gap:9px;}
  .v6-filter-chip{min-height:39px;font-size:10.5px;}
  .v6-pref-go{min-height:47px;}
  .v6-browse-state{grid-template-rows:38px minmax(0,1fr) 52px;gap:7px;padding-top:4px;padding-bottom:17px;}
  .v6-filter-summary{min-height:30px;font-size:10px;padding:6px 10px;}
  .v6-browse-stage{max-height:min(62dvh,390px);}
  .v6-experience-content-inner{grid-template-rows:minmax(0,1.5fr) minmax(88px,.72fr);}
  .v6-experience-art>.v4-scene-svg,.v6-experience-art>.v5-scene-svg{max-height:190px;}
  .v6-experience-icon{width:40px;height:40px;}
  .v6-experience-icon-svg{width:17px;height:17px;}
  .v6-experience-copy{min-height:88px;padding-bottom:10px;}
  .v6-experience-copy h2{font-size:20px;margin-top:5px;}
  .v6-experience-copy p{font-size:10.5px;}
  .v6-browse-footer .v5-side-action,.v6-browse-footer .v5-main-action{min-height:45px;font-size:10.5px;}
  .v6-chosen-state{grid-template-rows:36px minmax(0,1fr) 52px;gap:7px;padding-top:4px;padding-bottom:17px;}
  .v6-chosen-card{height:min(62dvh,390px);grid-template-rows:minmax(0,1.48fr) minmax(96px,.75fr);}
  .v6-chosen-art>.v4-scene-svg,.v6-chosen-art>.v5-scene-svg{max-height:190px;}
  .v6-chosen-copy{padding-bottom:10px;}
  .v6-chosen-copy h1{font-size:21px;margin-top:5px;}
  .v6-chosen-copy p{font-size:10.5px;}
  .v6-chosen-actions .v5-main-cta,.v6-chosen-actions .v5-quiet-action{min-height:45px;}
}
@media (max-height:590px){
  .v6-landing-stage .v5-world{width:160px;height:160px;}
  .v6-landing-copy h1{font-size:23px;}
  .v6-landing-copy p{font-size:11px;}
  .v6-landing-state{gap:10px;padding-bottom:16px;}
  .v6-pref-head h1{font-size:22px;}
  .v6-pref-state{gap:9px;padding-bottom:16px;}
  .v6-filter-groups{gap:6px;}
  .v6-filter-chip{min-height:34px;font-size:9.5px;}
  .v6-pref-go{min-height:42px;}
  .v6-browse-state,.v6-chosen-state{padding-bottom:12px;}
  .v6-browse-stage,.v6-chosen-card{max-height:335px;height:auto;}
  .v6-experience-art>.v4-scene-svg,.v6-experience-art>.v5-scene-svg,.v6-chosen-art>.v4-scene-svg,.v6-chosen-art>.v5-scene-svg{max-height:155px;}
  .v6-experience-copy h2,.v6-chosen-copy h1{font-size:18px;}
  .v6-experience-copy p,.v6-chosen-copy p{font-size:9.8px;}
  .v6-browse-footer .v5-side-action,.v6-browse-footer .v5-main-action,.v6-chosen-actions .v5-main-cta,.v6-chosen-actions .v5-quiet-action{min-height:42px;}
}
@media (max-width:360px){
  .v6-filter-chip{padding-inline:4px;font-size:10px;}
  .v6-filter-summary{font-size:9.5px;gap:6px;}
  .v6-experience-copy{padding-inline:11px;}
  .v6-experience-copy h2{font-size:19px;}
  .v6-browse-footer .v5-browse-actions{gap:5px;}
  .v6-browse-footer .v5-side-action,.v6-browse-footer .v5-main-action{font-size:9.8px;padding-inline:4px;}
  .v6-log-memory{grid-template-columns:94px minmax(0,1fr);gap:8px;padding:9px 10px 9px 6px;}
  .v6-log-memory-art{height:82px;}
  .v6-log-memory-art>.v4-scene-svg,.v6-log-memory-art>.v5-scene-svg{width:105px;height:82px;}
}
@media (prefers-reduced-motion:reduce){
  .v6-experience-content,.v6-browse-stage .v5-depth{animation:none!important;transition:none!important;}
}