.app-shell{min-height:100dvh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;width:min(1184px,100%);height:88px;margin:auto;padding:0 32px;display:flex}.brand-link{flex-shrink:0;text-decoration:none}.primary-navigation{align-items:center;gap:8px;display:flex}.nav-link{color:var(--muted);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:.87rem;font-weight:600;text-decoration:none;display:flex}.nav-link.active{color:var(--ink);background:var(--raised)}.nav-link.active svg{color:var(--accent)}.nav-link:hover{color:var(--ink)}.account-controls{align-items:center;gap:10px;display:flex}.header-icon{color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:44px;display:grid}.header-icon:hover{color:var(--ink);background:var(--raised)}.app-body{max-width:1184px;margin:auto;padding:0 32px 60px}.space-cover{margin:35px 0 33px}.space-cover-content{grid-template-columns:1fr auto;align-items:center;gap:6px 32px;display:grid}.cover-date{color:var(--muted);grid-column:1;font-size:.78rem}.space-cover h2{letter-spacing:-.045em;grid-column:1;margin:0;font-size:2rem;font-weight:650;line-height:1.2}.partner-clocks{border-left:1px solid var(--line);grid-area:1/2/3;gap:27px;padding-left:28px;display:flex}.partner-clock{align-items:center;gap:10px;display:flex}.partner-clock>svg{color:var(--accent);flex-shrink:0;width:19px;height:19px}.partner-clock span{gap:6px;display:grid}.partner-clock strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:550}.partner-clock small{color:var(--muted);white-space:nowrap;font-size:.72rem}.main-content{min-height:65vh}.main-content>.activities-page,.main-content>.plans-page{margin-top:35px}.mobile-navigation{display:none}.invite-banner{border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:18px 22px;display:flex}.invite-banner strong{font-size:.9rem}.invite-banner code{overflow-wrap:anywhere;margin-top:10px;font-size:.78rem;display:block}.invite-banner p{margin:8px 0;font-size:.8rem}@media (max-width:900px){.site-header{gap:12px;padding:0 24px}.app-body{padding-inline:24px}.primary-navigation{gap:2px}.nav-link{padding-inline:12px}.signout-icon{display:none}.partner-clocks{gap:16px;padding-left:20px}}@media (max-width:700px){.site-header{border-bottom:0;height:76px;padding:0 20px}.site-header .brand{font-size:1.35rem}.site-header .brand img{width:32px;height:32px}.primary-navigation,.account-controls>.header-icon{display:none}.app-body{padding:0 20px 110px}.space-cover{margin:19px 0 28px}.space-cover-content{display:block}.cover-date{font-size:.75rem}.space-cover h2{margin:8px 0 21px;font-size:1.8rem}.partner-clocks{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px;display:grid}.partner-clock+.partner-clock{border-left:1px solid var(--line);padding-left:16px}.partner-clock strong{font-size:1rem}.partner-clock small{white-space:normal;font-size:.68rem;line-height:1.4}.mobile-navigation{z-index:25;grid-template-columns:repeat(var(--nav-count), minmax(0, 1fr));padding:9px 8px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#19191def;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-navigation .nav-link{border-radius:10px;flex-direction:column;gap:6px;min-height:49px;padding:6px 3px;font-size:.65rem}.mobile-navigation .nav-link.active{color:var(--accent);background:0 0}.main-content>.activities-page,.main-content>.plans-page{margin-top:20px}.invite-banner{flex-direction:column;align-items:flex-start;padding:18px}}@media (max-width:360px){.app-body,.site-header{padding-inline:16px}.partner-clocks{gap:9px;padding-inline:13px}.partner-clock{gap:7px}.partner-clock+.partner-clock{padding-left:11px}}@media (min-width:701px){.site-header{height:76px}.space-cover{margin:28px 0}}.nav-link .section-art{opacity:.7;transition:opacity .15s}.nav-link.active .section-art,.nav-link:hover .section-art{opacity:1}@media (prefers-reduced-motion:reduce){.nav-link .section-art{transition:none}}.primary-navigation,.mobile-navigation{--nav-gap:8px;isolation:isolate}.primary-navigation{position:relative}.primary-navigation:before,.mobile-navigation:before{content:"";z-index:-1;pointer-events:none;background:var(--raised);border-radius:12px;position:absolute}.primary-navigation:before{inset-block:0;width:calc((100% - var(--nav-gap) * (var(--nav-count) - 1)) / var(--nav-count));transform:translateX(calc(var(--active-index) * (100% + var(--nav-gap))));left:0}.primary-navigation[data-active=false]:before{opacity:0}.primary-navigation .nav-link.active{background:0 0}.header-icon.active{background:var(--raised);color:var(--accent)}.nav-link{position:relative}.nav-pending{background:var(--accent);opacity:0;border-radius:2px;width:24px;height:2px;position:absolute;bottom:3px;left:calc(50% - 12px)}.nav-pending.is-pending{opacity:1}.mobile-navigation:before{top:9px;bottom:max(12px, env(safe-area-inset-bottom));width:calc((100% - 16px) / var(--nav-count));transform:translateX(calc(var(--active-index) * 100%));background:var(--accent-soft);left:8px}.partner-clock>.clock-dial{background:var(--surface);border:1px solid #766b75;border-radius:50%;flex:0 0 34px;width:34px;height:34px;display:block;position:relative}.clock-dial[data-period=day]{background:#2c272c;border-color:#ad929a}.clock-dial:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:calc(50% - 2px)}.clock-hand{transform-origin:bottom;background:var(--ink);border-radius:2px;width:2px;display:block;position:absolute;bottom:50%;left:calc(50% - 1px)}.clock-hour{height:8px;transform:rotate(var(--hour-angle))}.clock-minute{height:11px;transform:rotate(var(--minute-angle))}.clock-second{background:var(--accent);width:1px;height:12px;transform:rotate(var(--second-angle));left:calc(50% - .5px)}@media (min-width:701px){.primary-navigation{grid-template-columns:repeat(var(--nav-count), minmax(0, 1fr));gap:var(--nav-gap);display:grid}}@media (min-width:701px) and (max-width:900px){.primary-navigation{--nav-gap:2px}}@media (prefers-reduced-motion:no-preference){.nav-pending.is-pending{animation:.9s ease-in-out .12s infinite alternate both navigation-pending}.primary-navigation:before,.mobile-navigation:before{transition:transform .38s var(--ease-out), opacity .18s ease}.nav-link .section-art{transition:opacity .18s ease, transform .22s var(--ease-out)}.nav-link.active .section-art{animation:nav-settle .4s var(--ease-out)}@media (hover:hover){.nav-link:hover .section-art{transform:translateY(-2px)rotate(-5deg)}}@keyframes nav-settle{45%{transform:translateY(-3px)}75%{transform:translateY(1px)}}@keyframes navigation-pending{0%{opacity:.25;transform:scaleX(.45)}to{opacity:1;transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.clock-second{display:none}}
