:root{--bg: #f2f2f7;--grouped: #ffffff;--label: #000000;--secondary: #8e8e93;--separator: rgba(60, 60, 67, .29);--fill: #e5e5ea;--blue: #007aff;--red: #ff3b30;--gray5: #e5e5ea;--gray6: #f2f2f7;--radius: 10px;--nav-h: 44px;--row-h: 44px;--max: 430px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;min-height:100dvh}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--label);background:var(--bg)}#app{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.phone{width:min(var(--max),100%);min-height:100dvh;background:var(--bg);position:relative;padding-bottom:108px}.nav{padding:8px 20px 4px}.nav .eyebrow{font-size:13px;font-weight:600;color:var(--secondary);letter-spacing:-.08px}.nav h1{font-size:34px;font-weight:700;letter-spacing:.37px;line-height:1.18;margin-top:4px}.nav p{margin-top:6px;font-size:15px;line-height:1.35;color:var(--secondary)}.stage{display:none;padding:8px 16px 24px}.stage.active{display:block}.section-title{font-size:13px;font-weight:400;color:var(--secondary);text-transform:uppercase;letter-spacing:-.08px;padding:18px 16px 6px}.group{background:var(--grouped);border-radius:var(--radius);overflow:hidden}.person-head{display:flex;flex-direction:column;align-items:center;padding:20px 16px 12px}.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;background:var(--fill);display:block;cursor:pointer;-webkit-user-select:none;user-select:none}.avatar.spin{animation:avatar-spin .7s cubic-bezier(.22,1,.36,1)}@keyframes avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar.placeholder{display:grid;place-items:center;color:#fff;font-size:32px;font-weight:600;background:linear-gradient(180deg,#8e8e93,#636366)}.avatar[hidden]{display:none}.person-head .role{margin-top:8px;font-size:13px;color:var(--secondary)}.row{display:grid;grid-template-columns:88px 1fr;align-items:center;min-height:var(--row-h);padding:0 16px;position:relative}.row+.row:before,.meet-row+.meet-row:before{content:"";position:absolute;left:16px;right:0;top:0;height:.5px;background:var(--separator)}.row label,.meet-row label{font-size:17px;color:var(--label)}.row input,.meet-row input{width:100%;border:none;background:transparent;font-size:17px;color:var(--label);outline:none;min-height:var(--row-h);font-family:inherit;text-align:right}.row input::placeholder,.meet-row input::placeholder{color:#c7c7cc}.meet-row{display:grid;grid-template-columns:88px 1fr;align-items:center;min-height:var(--row-h);padding:0 16px;position:relative}.meet-row input{text-align:right;color:var(--blue)}.error{min-height:18px;margin:10px 4px 0;text-align:center;color:var(--red);font-size:13px}.actions{margin-top:22px;display:grid;gap:12px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:17px;font-weight:600;min-height:50px;border-radius:12px}.primary{background:var(--blue);color:#fff}.primary:active,.ghost:active{opacity:.72}.primary:disabled{opacity:.45}.ghost{background:var(--grouped);color:var(--blue)}.home{text-align:center}.avatars{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 4px}.avatar-wrap{display:grid;justify-items:center;gap:8px;min-width:0}.avatar-wrap .avatar{width:96px;height:96px}.names{font-size:17px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.together{margin:18px 0 14px;font-size:22px;font-weight:700;letter-spacing:.35px}.counter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.unit{background:var(--grouped);border-radius:12px;padding:12px 4px 10px}.unit strong{display:block;font-size:22px;font-weight:700;letter-spacing:.3px}.unit span{font-size:12px;color:var(--secondary)}.since{margin:14px 0 8px;font-size:13px;color:var(--secondary)}.player{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:48px 1fr 44px;gap:10px;align-items:center;background:#ffffffd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:16px;padding:10px 12px 12px;box-shadow:0 8px 28px #0000001f}.player-cover{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--fill)}.player-meta{min-width:0}.player-title{font-size:15px;font-weight:600;line-height:1.2}.player-artist{font-size:12px;color:var(--secondary);margin-top:1px}.player-seek{width:100%;margin-top:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:99px;background:var(--fill);outline:none}.player-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--label)}.player-time{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--secondary);font-variant-numeric:tabular-nums}.player-btn{width:44px;height:44px;min-height:44px;border-radius:50%;background:transparent;color:var(--label);display:grid;place-items:center;padding:0}@media(min-width:640px){body{background:#e5e5ea}#app{align-items:center;padding:24px 16px}.phone{min-height:min(860px,calc(100dvh - 48px));border-radius:28px;box-shadow:0 18px 50px #0000001f;overflow:hidden}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}}@media(max-width:380px){.counter{grid-template-columns:repeat(2,minmax(0,1fr))}.row,.meet-row{grid-template-columns:72px 1fr}}