:root{--field: #2557A7;--deep: #163A78;--ink: #101828;--paper: #F4F2EE;--gold: #FFD27A;--slate: #3F4A5E;--extra: 214px;--rest: 240px;--serif: "Playfair Display","Didot","Bodoni MT",Georgia,serif;--sans: "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;}*{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;}body{margin: 0;background: var(--deep);color: #fff;font-family: var(--sans);font-weight: 400;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;overflow-x: hidden;}.app{max-width: 430px;margin: 0 auto;background: var(--field);position: relative;overflow: hidden;}.screen{position: relative;height: 100vh;height: 100dvh;min-height: 600px;display: flex;flex-direction: column;overflow: hidden;}.wash{position: absolute;inset: 0;pointer-events: none;}.wash i{position: absolute;border-radius: 50%;display: block;}.wash i:nth-child(1){width: 420px;height: 420px;right: -190px;top: 26%;background: var(--deep);opacity: 0.55;}.wash i:nth-child(2){width: 230px;height: 230px;left: -110px;bottom: 9%;background: #3A6FC4;opacity: 0.5;}.shade{position: absolute;left: 0;right: 0;top: 0;z-index: 5;color: var(--ink);background: rgba(244,242,238,0.84);-webkit-backdrop-filter: blur(18px) saturate(1.3);backdrop-filter: blur(18px) saturate(1.3);border-radius: 0 0 28px 28px;box-shadow: 0 14px 30px rgba(10,26,60,0.28);transform: translate3d(0,calc(-1 * var(--extra)),0);touch-action: none;user-select: none;-webkit-user-select: none;overscroll-behavior: contain;cursor: grab;will-change: transform;}.shade.is-held{cursor: grabbing;}.shade::before{content: "";position: absolute;left: 0;right: 0;bottom: 100%;height: 320px;background: var(--paper);}.week{height: var(--extra);padding: 22px 20px 0;display: flex;flex-direction: column;}.week-label{margin: 0;font-size: 0.8125rem;font-weight: 600;color: var(--slate);}.week-sum{margin: 4px 0 0;font-family: var(--serif);font-weight: 800;font-size: clamp(2.1rem,1.5rem + 3vw,2.6rem);line-height: 1.08;letter-spacing: -0.01em;font-variant-numeric: lining-nums tabular-nums;}.week-sub{margin: 4px 0 0;font-size: 0.875rem;color: var(--slate);}.hours{margin-top: auto;display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;padding: 4px;border-radius: 16px;background: rgba(16,24,40,0.08);}.hr{appearance: none;border: 0;height: 44px;border-radius: 12px;background: transparent;color: var(--ink);font: 600 0.9375rem var(--sans);cursor: pointer;transition: transform 0.12s cubic-bezier(0.2,0.8,0.2,1),background-color 0.12s cubic-bezier(0.2,0.8,0.2,1);}.hr[aria-pressed="true"]{background: var(--ink);color: #fff;}.hr:active{transform: scale(0.97);}.hr:focus-visible,.grab:focus-visible{outline: 3px solid var(--field);outline-offset: 2px;}.now{height: var(--rest);padding: 16px 20px 0;display: flex;flex-direction: column;}.id{display: flex;align-items: center;gap: 12px;}.id img{width: 64px;height: 64px;border-radius: 16px;display: block;flex: none;}.id-name{font-family: var(--serif);font-weight: 800;font-size: 1.375rem;line-height: 1.1;display: block;}.id-line{display: block;margin-top: 3px;font-size: 0.875rem;color: var(--slate);}.roles{list-style: none;margin: 12px 0 0;padding: 0;border-top: 1px solid rgba(16,24,40,0.16);}.roles li{display: flex;align-items: center;justify-content: space-between;gap: 10px;height: 46px;border-bottom: 1px solid rgba(16,24,40,0.16);font-size: 0.9375rem;font-weight: 600;}.roles li span:last-child{font-weight: 400;font-size: 0.8125rem;color: var(--slate);white-space: nowrap;}.grab{appearance: none;border: 0;background: transparent;margin-top: auto;height: 46px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;color: var(--slate);font: 600 0.75rem var(--sans);cursor: inherit;touch-action: none;}.grab i{display: block;width: 44px;height: 5px;border-radius: 3px;background: rgba(16,24,40,0.38);}.hero{position: relative;flex: 1;min-height: 0;margin-top: var(--rest);padding: 0 22px;display: flex;flex-direction: column;justify-content: center;}h1{margin: 0;font-family: var(--serif);font-weight: 800;font-size: clamp(2rem,1.25rem + 3.6vw,2.5rem);line-height: 1.06;letter-spacing: -0.012em;text-wrap: balance;}h1 em{font-style: normal;color: var(--gold);}.lead{margin: 14px 0 0;font-size: clamp(1rem,0.94rem + 0.3vw,1.0625rem);line-height: 1.45;color: #EAF0FA;max-width: 34ch;}.action{position: relative;padding: 0 20px calc(18px + env(safe-area-inset-bottom));}.cta{display: flex;align-items: center;justify-content: center;gap: 10px;height: 58px;border-radius: 18px;background: var(--ink);color: #fff;font: 600 1.0625rem var(--sans);text-decoration: none;box-shadow: 0 10px 22px rgba(8,18,44,0.35);transition: transform 0.12s cubic-bezier(0.2,0.8,0.2,1);}.cta:active{transform: scale(0.97);}.cta:focus-visible{outline: 3px solid var(--gold);outline-offset: 3px;}.cta svg{width: 18px;height: 18px;flex: none;}.after{margin: 12px 0 0;text-align: center;font-size: 0.875rem;line-height: 1.4;color: #EAF0FA;}.band{background: var(--paper);color: var(--ink);padding: 34px 22px 36px;}.band h2{margin: 0;font-family: var(--serif);font-weight: 800;font-size: clamp(1.5rem,1.2rem + 1.4vw,1.75rem);line-height: 1.12;}.band p{margin: 12px 0 0;font-size: 1rem;line-height: 1.5;color: var(--slate);}footer{background: var(--deep);color: #EAF0FA;text-align: center;font-size: 0.875rem;font-weight: 600;padding: 20px 20px calc(20px + env(safe-area-inset-bottom));}@media (hover: hover){.cta:hover{background: #1B2740;}.hr:hover{background: rgba(16,24,40,0.1);}.hr[aria-pressed="true"]:hover{background: var(--ink);}}@media (max-height: 640px){:root{--rest: 222px;}.now{padding-top: 10px;}.id img{width: 52px;height: 52px;border-radius: 13px;}.lead{margin-top: 10px;}}@media (min-width: 700px){.app{box-shadow: 0 0 0 1px rgba(255,255,255,0.08),0 30px 80px rgba(4,12,32,0.5);}}.fade{animation: fade 0.18s cubic-bezier(0.2,0.8,0.2,1);}@keyframes fade{from{opacity: 0.4;}to{opacity: 1;}}@media (prefers-reduced-motion: reduce){.cta,.hr{transition: none;}}html,body{max-width:100%;overflow-x:clip}