:root{--ink:#161713;--paper:#f2efe5;--paper-muted:#d2cdbf;--signal:#f45a2a;--acid:#d9f34a;--line:#f2efe52e;--display:"Arial Narrow", "PingFang SC", "Microsoft YaHei", sans-serif;--body:Inter, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--paper);font-family:var(--body);margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{isolation:isolate;grid-template-rows:auto 1fr auto;max-width:780px;min-height:100svh;margin:0 auto;padding:22px clamp(18px,5vw,40px) 16px;display:grid;position:relative;overflow:hidden}.topbar,footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{font-family:var(--display);letter-spacing:.08em;font-size:17px;font-weight:900}.wordmark-dot{background:var(--signal);border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.host-state{color:#898b81;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;display:flex}.host-state>span{background:#66675f;border-radius:50%;width:6px;height:6px}.host-state.is-online{color:var(--paper-muted)}.host-state.is-online>span{background:var(--acid);box-shadow:0 0 0 4px #d9f34a1a}.stage{text-align:center;place-items:center;min-height:0;padding:6vh 0 4vh;display:grid}.stage>*{width:100%}.eyebrow{color:var(--acid);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}h1,h2{font-family:var(--display);letter-spacing:-.055em;margin:0;font-stretch:75%;line-height:.96}h1{font-size:clamp(42px,12vw,76px)}h2{font-size:34px}.hint{min-height:22px;color:var(--paper-muted);margin:16px 0 0;font-size:14px}.button-orbit{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:manipulation;place-items:center;width:min(82vw,390px);margin:26px auto 10px;display:grid;position:relative}.orbit-line{border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute}.orbit-line-one{animation:4s ease-in-out infinite breathe;inset:8%}.orbit-line-two{opacity:.55;border-style:dashed;animation:30s linear infinite rotate;inset:0}.mother-button{aspect-ratio:1;background:var(--signal);cursor:pointer;z-index:5;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:58%;transition:transform .18s,filter .18s;display:flex;position:relative;box-shadow:0 22px 60px #f45a2a3d,inset 0 -9px #5b170529}.mother-button:after{content:"";border:1px solid #ffffff52;border-radius:50%;position:absolute;inset:9%}.mother-button:active{transform:scale(.95)}.mother-button.is-busy{animation:.9s ease-in-out infinite alternate pulse}.mother-glyph{font-family:var(--display);font-size:clamp(54px,16vw,82px);font-weight:950;line-height:.9}.mother-caption{letter-spacing:.2em;margin-top:9px;font-size:10px;font-weight:800}.scene-button{--angle:calc(-150deg + var(--scene-index) * 60deg);cursor:pointer;opacity:0;width:72px;height:72px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle))) scale(.4);pointer-events:none;z-index:3;background:#262720;border:1px solid #f2efe559;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .18s;display:flex;position:absolute;top:50%;left:50%}.scene-button strong{font-family:var(--display);font-size:23px}.scene-button span{letter-spacing:.12em;color:var(--paper-muted);font-size:9px}.temporary-button{background:var(--acid);color:var(--ink);border-color:var(--acid)}.temporary-button span{color:var(--ink)}.button-orbit.is-expanded .scene-button{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-145px) rotate(calc(-1 * var(--angle))) scale(1)}.button-orbit.is-expanded .mother-button{filter:saturate(.75);transform:scale(.72)}.long-press-tip{color:#8d8e85;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;font-size:11px}.hold-mark{vertical-align:-5px;border:1px solid #73746b;border-radius:50%;width:17px;height:17px;margin-right:4px;display:inline-block;position:relative}.hold-mark:after{content:"";background:#73746b;border-radius:50%;position:absolute;inset:4px}footer{border-top:1px solid var(--line);color:#7e8077;letter-spacing:.08em;padding-top:14px;font-size:9px}.privacy-mark{color:var(--acid)}.pair-view{text-align:left}.pair-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.pair-heading h1{font-size:clamp(46px,13vw,72px)}.close-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:42px;height:42px;font-size:28px}.video-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.video-card{text-align:left;cursor:pointer;background:#20211c;border:1px solid #f2efe533;padding:0;transition:transform .18s,border-color .18s;overflow:hidden}.video-card:not(:disabled):active{border-color:var(--signal);transform:scale(.98)}.video-card:disabled{opacity:.7;cursor:wait}.cover-wrap{aspect-ratio:16/11;background:#2c2d26;display:block;position:relative;overflow:hidden}.cover-wrap img{object-fit:cover;width:100%;height:100%;display:block}.cover-fallback{color:#4a4b43;width:100%;height:100%;font-family:var(--display);place-items:center;font-size:64px;display:grid}.duration,.choice-number{background:#161713db;position:absolute}.duration{padding:4px 6px;font-size:9px;bottom:8px;right:8px}.choice-number{color:var(--acid);font-family:var(--display);padding:8px;font-weight:900;top:0;left:0}.video-copy{flex-direction:column;min-height:174px;padding:14px;display:flex}.video-copy strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.video-copy small{color:#96988d;margin-top:8px}.reason{border-top:1px solid var(--line);color:var(--paper-muted);margin-top:auto;padding-top:10px;font-size:11px;line-height:1.45}.neutral-note{text-align:center;color:#81837a;margin:16px 0 0;font-size:10px}.sheet-backdrop{z-index:20;background:#000000b8;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.backdrop-dismiss{cursor:default;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.sheet{background:var(--paper);width:min(100%,560px);color:var(--ink);text-align:left;z-index:1;border-top:5px solid var(--signal);padding:28px;position:relative}.sheet .eyebrow{color:#ad3513}.sheet>p:not(.eyebrow){color:#62645b;font-size:14px;line-height:1.55}.sheet input,.sheet textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #bbb7a9;border-radius:0;outline:none;margin:15px 0;padding:15px}.sheet input{letter-spacing:.25em;text-align:center;font-size:28px;font-weight:800}.sheet input:focus,.sheet textarea:focus{border-color:var(--signal)}.primary-action{background:var(--signal);color:#fff;cursor:pointer;border:0;width:100%;padding:15px;font-weight:800}.primary-action:disabled{background:#a6a399}.sheet-close{border-color:#b8b4a8;position:absolute;top:18px;right:18px}.form-error{color:#a72e12;margin:-7px 0 12px;font-size:12px;display:block}.form-status{color:#54584b;margin:-7px 0 12px;font-size:12px;display:block}@keyframes breathe{50%{opacity:.6;transform:scale(1.04)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scale(.97)}}@media (max-height:710px){.stage{padding:2vh 0}.button-orbit{width:min(66vh,340px);margin-top:12px}.button-orbit.is-expanded .scene-button{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-126px) rotate(calc(-1 * var(--angle))) scale(1)}}@media (max-width:380px){.video-copy{min-height:188px;padding:11px}.button-orbit.is-expanded .scene-button{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-124px) rotate(calc(-1 * var(--angle))) scale(.92)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}