.loop{position:relative;z-index:1;min-height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:18px 24px 16px;max-width:2000px;margin:0 auto}@media (min-width: 1100px){.loop{height:100dvh;overflow:hidden}}.loop ::selection{background:color-mix(in srgb,var(--film-2) 45%,transparent)}.l-top{display:flex;align-items:center;gap:18px;min-width:0}.l-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--fg);flex:none}.l-brand svg{width:30px;height:30px}.l-brand b{display:block;font-family:var(--f-display);font-weight:650;font-stretch:112%;font-size:17px;letter-spacing:-.01em;line-height:1.1}.l-brand em{display:block;font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.l-presets{display:flex;gap:8px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.l-chip{height:34px;padding:0 14px;border-radius:999px;font-size:13px;color:var(--fg-2);border:1px solid var(--line);background:var(--raise);white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.l-chip:hover{color:var(--fg);border-color:var(--line-2)}.l-chip.on{color:var(--fg);background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,linear-gradient(110deg,var(--film-1),var(--film-2),var(--film-3)) border-box;border-color:transparent}.l-sample{flex:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);border:1px dashed var(--line-2);border-radius:999px;padding:7px 12px}.l-rail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:28px;row-gap:10px;align-items:center;padding:14px 22px 16px;border-radius:26px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--line);box-shadow:var(--shadow)}.l-clock{grid-row:1 / 3;display:flex;align-items:baseline;gap:12px;font-family:var(--f-display);font-stretch:118%;font-weight:640;line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:9.2ch}.l-day{font-size:clamp(22px,2.1vw,34px);color:var(--fg-3)}.l-time{font-size:clamp(40px,4.3vw,72px)}.l-risk{min-height:46px;display:flex;align-items:center}.risk{display:inline-flex;align-items:center;gap:12px;font-size:clamp(14px,1.05vw,17px);line-height:1.35;color:var(--fg-2);padding:9px 16px;border-radius:16px;transition:background .5s var(--ease),color .5s}.risk b{color:var(--fg);font-weight:600}.risk.open{background:color-mix(in srgb,var(--film-3) 13%,transparent);color:color-mix(in srgb,var(--film-3) 55%,var(--fg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--film-3) 40%,transparent);animation:riskPulse 1.6s var(--ease) infinite}.risk.open svg{color:var(--film-3);flex:none}.risk.closed{background:color-mix(in srgb,var(--film-1) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--film-1) 38%,transparent)}.risk.closed svg{color:var(--film-1);flex:none}.risk.idle{padding-left:0}@keyframes riskPulse{50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--film-3) 75%,transparent),0 0 0 6px color-mix(in srgb,var(--film-3) 8%,transparent)}}.l-progress{grid-column:2;display:flex;gap:4px;height:4px}.l-progress i{border-radius:4px;background:var(--line);transition:background .5s var(--ease)}.l-progress i.on{background:linear-gradient(90deg,var(--film-1),var(--film-2))}.l-ctrl{grid-row:1 / 3;grid-column:3;display:flex;gap:10px;align-items:center}.l-play{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px 0 20px;border-radius:999px;background:var(--primary-bg);color:var(--primary-fg);font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 10px 30px -14px #000000b3;transition:box-shadow .2s var(--ease),transform .2s var(--ease);white-space:nowrap}.l-play:hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--film-1) 24%,transparent),0 10px 30px -14px #000000b3}.l-play:active{transform:scale(.97)}.l-icon{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;color:var(--fg-2);border:1px solid var(--line);background:var(--raise)}.l-icon:hover{color:var(--fg);border-color:var(--line-2)}.l-ghost{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px;border-radius:999px;color:var(--fg);border:1px solid var(--line-2);background:var(--raise);font-size:15px}.l-ghost:hover{background:var(--press)}.l-stage{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,340px);gap:18px;min-height:0}.l-right{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0}.l-who{display:flex;gap:6px;justify-content:center}.l-who span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-4);padding:5px 12px;border-radius:999px;transition:color .3s,background .3s}.l-who span.on{color:var(--fg);background:var(--raise);box-shadow:inset 0 0 0 1px var(--line-2)}.phone{position:relative;display:flex;flex-direction:column;min-height:0;height:100%;border-radius:42px;padding:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--fg) 14%,transparent),transparent 40%),var(--glass);border:1px solid var(--line-2);box-shadow:0 30px 70px -30px #000000d9,inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.ph-notch{position:absolute;top:17px;left:50%;width:86px;height:22px;margin-left:-43px;border-radius:999px;background:#000;z-index:2}.ph-head{display:flex;align-items:center;gap:10px;padding:34px 12px 12px;border-bottom:1px solid var(--line);border-radius:30px 30px 0 0;background:color-mix(in srgb,var(--bg) 55%,transparent)}.ph-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink);background:linear-gradient(135deg,var(--film-1),var(--film-2));flex:none}.ph-head b{display:block;font-size:14px;font-weight:600;line-height:1.2}.ph-head em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:12px;color:var(--fg-3)}.ph-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:14px 10px;background:color-mix(in srgb,var(--bg) 70%,transparent);scrollbar-width:none}.ph-body::-webkit-scrollbar{display:none}.phone>.l-input,.phone>.ph-body:last-child{border-radius:0 0 30px 30px}.ph-empty{margin:auto;text-align:center;color:var(--fg-4);font-size:13px;max-width:22ch}.bub{max-width:86%;padding:9px 12px;border-radius:18px;font-size:13.5px;line-height:1.42;animation:bubIn .5s var(--ease) both}.bub img{display:block;width:100%;max-width:220px;border-radius:12px;margin-bottom:7px;aspect-ratio:3 / 4;object-fit:cover}.bub.out{align-self:flex-end;background:linear-gradient(135deg,color-mix(in srgb,var(--film-2) 62%,#2a1f5c),color-mix(in srgb,var(--film-2) 40%,#1d2a4c));color:#fff;border-bottom-right-radius:6px}.bub.in{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line);border-bottom-left-radius:6px}@keyframes bubIn{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(4px)}}.ph-card{border-radius:20px;padding:14px;background:var(--panel-2);border:1px solid var(--line-2);box-shadow:0 16px 40px -24px #000c;animation:bubIn .55s var(--ease) both}.ph-card b{display:block;font-size:13px;font-family:var(--f-mono);letter-spacing:.02em;color:var(--film-3);margin-bottom:6px}.r-owner .ph-card b{color:var(--film-1)}.ph-card p{margin:3px 0 0;font-size:13.5px;color:var(--fg-2);line-height:1.4}.ph-thumb{display:block;width:72px;height:92px;object-fit:cover;border-radius:10px;margin-top:9px}.ph-acts{display:flex;gap:8px;margin-top:12px}.ph-act{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;height:38px;border-radius:999px;font-size:13px;font-weight:600;color:var(--fg-2);border:1px solid var(--line-2);transition:background .35s var(--ease),color .35s,transform .2s}.ph-act.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:transparent}.ph-act.tapped{animation:tap .6s var(--ease);background:var(--film-1);color:var(--ink)}@keyframes tap{30%{transform:scale(.92)}}.l-input{padding:10px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 60%,transparent)}.l-input>div{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2)}.l-input>div:focus-within{border-color:var(--film-1);box-shadow:0 0 0 3px color-mix(in srgb,var(--film-1) 22%,transparent)}.l-input input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--fg)}.l-input input::placeholder{color:var(--fg-4)}.l-input button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary-bg);color:var(--primary-fg)}.l-input button:disabled{opacity:.35}.l-pre{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.03em;margin:0 6px 7px}.l-pre.u{color:var(--film-3)}.l-pre.r{color:var(--fg-3)}.board{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:28px;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px 18px 14px;overflow:hidden}.bd-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px 12px;border-bottom:1px solid var(--line)}.bd-head h1{margin:0;font-family:var(--f-display);font-stretch:108%;font-weight:640;font-size:clamp(17px,1.3vw,22px);letter-spacing:-.01em}.bd-head h1 span{margin-left:10px;font-family:var(--f-body);font-stretch:100%;font-weight:400;font-size:.72em;color:var(--fg-3)}.bd-meta{font-family:var(--f-mono);font-size:11.5px;color:var(--fg-3);letter-spacing:.02em;white-space:nowrap}.bd-cols{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-top:12px}.bd-col{display:flex;flex-direction:column;gap:9px;min-width:0;padding:4px;border-radius:18px;background:color-mix(in srgb,var(--bg) 40%,transparent)}.bd-col h2{margin:4px 6px 2px;display:flex;justify-content:space-between;font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.bd-col h2 span{color:var(--fg-4)}.jc{position:relative;display:flex;flex-direction:column;gap:3px;padding:11px 11px 10px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line);font-size:12.5px;line-height:1.35}.jc b{font-size:13.5px;font-weight:600;letter-spacing:-.005em}.jc-ref{font-family:var(--f-mono);font-size:10.5px;color:var(--fg-4)}.jc-addr{color:var(--fg-3);font-size:12px}.jc-pill{align-self:flex-start;margin-top:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--raise);color:var(--fg-2)}.jc-clock{display:flex;align-items:center;gap:5px;margin-top:3px;font-family:var(--f-mono);font-size:10.8px;color:var(--fg-3)}.jc-foot{font-size:11px;color:var(--fg-4);border-top:1px solid var(--line);padding-top:6px;margin-top:5px}.t-risk .jc-pill{background:color-mix(in srgb,var(--film-3) 20%,transparent);color:color-mix(in srgb,var(--film-3) 70%,var(--fg))}.t-risk .jc-clock{color:var(--film-3)}.t-urgent .jc-pill{background:color-mix(in srgb,var(--film-3) 14%,transparent);color:color-mix(in srgb,var(--film-3) 60%,var(--fg))}.t-urgent .jc-clock,.t-done .jc-clock{color:var(--film-1)}.t-done{opacity:.78}.t-done .jc-pill{background:color-mix(in srgb,var(--film-1) 14%,transparent);color:color-mix(in srgb,var(--film-1) 70%,var(--fg))}.jc.hero{border-color:transparent;background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,linear-gradient(130deg,var(--film-1),var(--film-2) 50%,var(--film-3)) border-box;box-shadow:0 18px 44px -22px color-mix(in srgb,var(--film-2) 70%,transparent),0 0 0 4px color-mix(in srgb,var(--film-2) 10%,transparent)}.jc.hero b{font-size:14.5px}::view-transition-group(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root),::view-transition-new(root){animation:none}.rec{position:absolute;top:14px;right:14px;bottom:14px;width:min(440px,64%);display:flex;flex-direction:column;border-radius:22px;padding:18px 18px 14px;background:var(--glass);border:1px solid var(--line-2);box-shadow:var(--shadow-pop);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);animation:recIn .7s var(--ease) both;overflow:hidden}@keyframes recIn{0%{opacity:0;transform:translate(30px);filter:blur(6px)}}.rec header{display:flex;gap:10px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line)}.rec header svg{color:var(--film-1);margin-top:2px}.rec header b{display:block;font-family:var(--f-mono);font-size:13px;letter-spacing:.02em}.rec header em{display:block;font-style:normal;font-size:12.5px;color:var(--fg-3)}.rec ol{list-style:none;margin:10px 0 0;padding:0;flex:1;min-height:0;overflow:auto;scrollbar-width:none}.rec li{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12.5px;color:var(--fg-2);animation:bubIn .4s var(--ease) both}.rec li:nth-child(n){animation-delay:calc(var(--i, 0) * 40ms)}.rec time{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);padding-top:1px}.rec-match{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--film-1) 13%,transparent);color:color-mix(in srgb,var(--film-1) 70%,var(--fg))}.rec-foot{margin:8px 0 0;font-size:12px;color:var(--fg-3)}.l-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.l-caption{margin:0;font-family:var(--f-display);font-stretch:104%;font-weight:560;font-size:clamp(17px,1.55vw,27px);line-height:1.25;letter-spacing:-.012em;text-wrap:balance;min-height:2.5em;display:flex;align-items:center}.l-steps{list-style:none;display:flex;gap:6px;margin:0;padding:0}.l-steps li{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:13px;color:var(--fg-4);border:1px solid transparent;transition:color .4s,background .4s,border-color .4s}.l-steps b{font-family:var(--f-mono);font-weight:500;font-size:11px}.l-steps li.past{color:var(--fg-3)}.l-steps li.on{color:var(--fg);background:var(--raise);border-color:var(--line-2)}.l-steps li.on b{color:var(--film-1)}.end{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeIn .8s var(--ease) both}@keyframes fadeIn{0%{opacity:0}}.end-in{max-width:980px;text-align:center}.end h2{margin:0;font-family:var(--f-display);font-stretch:112%;font-weight:650;font-size:clamp(30px,4.2vw,72px);line-height:1;letter-spacing:-.028em;text-wrap:balance}.end h2 span{color:var(--film-1)}.end p{margin:22px auto 0;max-width:58ch;font-size:clamp(15px,1.2vw,19px);color:var(--fg-2);line-height:1.5}.end-acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.end-url{display:block;margin-top:26px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;color:var(--fg-3)}.is-video .l-presets{visibility:hidden}.is-video .l-caption{font-size:28px}@media (max-width: 1440px){.l-stage{grid-template-columns:280px minmax(0,1fr) 280px}.jc{padding:9px}.l-steps li{padding:7px 10px;font-size:12px}}@media (max-width: 1280px){.l-steps li:not(.on){font-size:0;gap:0;padding:7px 9px}.l-steps li:not(.on) b{font-size:11px}}@media (max-width: 1099px){.loop{padding:12px 14px 20px;gap:12px}.l-top{flex-wrap:wrap}.l-presets{order:3;width:100%;margin:0}.l-sample{margin-left:auto}.l-top{order:0}.l-rail{order:1}.l-foot{order:2}.l-stage{order:3}.l-rail{grid-template-columns:1fr;padding:14px;row-gap:12px}.l-clock{grid-row:auto;white-space:nowrap}.l-time{font-size:46px}.l-day{font-size:22px}.l-risk,.l-progress,.l-ctrl{grid-column:1;grid-row:auto}.l-ctrl{justify-content:flex-start}.l-play{height:46px;padding:0 18px 0 16px;font-size:14px}.l-stage{grid-template-columns:1fr}.phone{height:520px}.l-right .phone{height:440px}.board{order:3;padding:14px 12px}.bd-cols{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.bd-col{flex:0 0 72%;scroll-snap-align:start}.rec{position:relative;inset:auto;width:auto;margin-top:12px;max-height:420px}.l-foot{grid-template-columns:1fr;gap:10px}.l-caption{font-size:19px;min-height:0}.l-steps{overflow-x:auto}}@media (prefers-reduced-motion: reduce){.risk.open{animation:none}}@media (min-width: 1700px){.jc{padding:13px 13px 12px;font-size:13.5px}.jc b{font-size:15.5px}.jc.hero b{font-size:16.5px}.jc-addr{font-size:13px}.jc-pill{font-size:12px;padding:4px 9px}.jc-clock{font-size:12px}.jc-ref{font-size:11.5px}.jc-foot,.bd-col h2{font-size:12px}.bub,.ph-card p{font-size:14.5px}.ph-card b{font-size:13.5px}.rec li{font-size:13.5px;grid-template-columns:124px 1fr}.rec time{font-size:12px}}