.camera-root{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column}.camera-viewport{position:relative;flex:1;overflow:hidden;background:#111}.camera-viewport.mirrored .camera-video{transform:scaleX(-1)}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.camera-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;z-index:10}.camera-guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.camera-guide-corner{position:absolute;width:28px;height:28px;border-color:#ffffffd9;border-style:solid;border-width:0}.camera-guide-corner.tl{top:24px;left:24px;border-top-width:3px;border-left-width:3px;border-radius:4px 0 0}.camera-guide-corner.tr{top:24px;right:24px;border-top-width:3px;border-right-width:3px;border-radius:0 4px 0 0}.camera-guide-corner.bl{bottom:24px;left:24px;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 4px}.camera-guide-corner.br{bottom:24px;right:24px;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 4px}.camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080}.camera-top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + var(--safe-top));background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 100%);z-index:5}.camera-ctrl-btn{background:#ffffff2e;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.face-count-badge{display:inline-block;background:var(--blue);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:100px}.camera-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;padding-bottom:calc(24px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);z-index:5}.camera-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px}.shutter-btn{width:76px;height:76px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent}.shutter-btn:active{transform:scale(.93)}.shutter-btn--busy{opacity:.6}.shutter-btn-inner{width:60px;height:60px;border-radius:50%;background:#fff;transition:transform .12s ease}.shutter-btn:active .shutter-btn-inner{transform:scale(.92)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner--dark{border-color:#00000026;border-top-color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}.detected-toast{background:#000000b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:14px;font-weight:500;padding:8px 16px;border-radius:100px;margin-bottom:16px}.camera-overlay-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#0009;color:#fff;text-align:center;z-index:20}.faces-root{display:flex;flex-direction:column;height:100%;background:var(--bg-grouped);position:relative}.nav-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px 0 16px;padding-top:calc(16px + var(--safe-top));padding-bottom:8px;background:var(--bg-grouped);border-bottom:1px solid var(--separator);z-index:10;min-height:56px}.nav-bar-start{justify-self:start}.nav-bar-title{justify-self:center}.nav-bar-end{justify-self:end}.faces-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.section-header{padding:20px 16px 8px}.faces-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.faces-empty-icon{width:72px;height:72px;border-radius:50%;background:var(--gray-3);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.faces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px;padding:0 16px}.face-card{position:relative;aspect-ratio:1}.face-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;background:var(--gray-3);border:3px solid var(--bg);box-shadow:var(--shadow-sm)}.face-remove-btn{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.face-remove-btn:active{transform:scale(.88)}.face-add-tile{aspect-ratio:1;border-radius:50%;border:2px dashed var(--gray-2);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease}.face-add-tile:active{background:var(--blue-light)}.mode-row{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.mode-row:active,.mode-row--active{background:#007aff0a}.mode-row:disabled{cursor:default}.card--locked .mode-row{opacity:.45}.mode-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.mode-text{flex:1;min-width:0}.param-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 14px;background:var(--blue-light)}.stepper{display:flex;align-items:center;gap:16px}.stepper-btn{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.stepper-btn:active{transform:scale(.9)}.stepper-btn:disabled{opacity:.35;pointer-events:none}.stepper-val{font-size:20px;font-weight:700;min-width:28px;text-align:center;color:var(--blue)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 14px;background:var(--blue-light)}.toggle-row-text{flex:1;min-width:0}.switch{flex-shrink:0;width:46px;height:28px;border-radius:999px;border:none;background:var(--gray-3);position:relative;cursor:pointer;padding:3px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.switch--on{background:var(--blue)}.switch-knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transform:translate(0);transition:transform .15s ease}.switch--on .switch-knob{transform:translate(18px)}.faces-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));background:#f2f2f7e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--separator)}.btn-disabled{pointer-events:none}.result-root{display:flex;flex-direction:column;height:100%;background:var(--bg-grouped);position:relative}.result-nav{background:var(--bg-grouped)}.result-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.result-content{padding:16px;display:flex;flex-direction:column;gap:12px}.team-card{overflow:hidden}.team-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.team-count{font-size:13px;font-weight:500;color:#fffc}.team-members{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.team-member{position:relative}.team-member-avatar{position:relative;width:84px;height:84px;border-radius:50%;overflow:visible}.team-member-avatar img{width:84px;height:84px;object-fit:cover;border-radius:50%;display:block;border:3px solid var(--bg);box-shadow:var(--shadow-sm)}.team-member-num{position:absolute;bottom:0;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:2px solid var(--bg)}.pair-card{padding:0;overflow:hidden}.pair-header{padding:10px 14px 6px}.pair-members{display:flex;align-items:center;padding:8px 14px 14px;gap:0;flex-wrap:wrap}.pair-member{display:flex;align-items:center}.pair-avatar{width:84px;height:84px}.pair-avatar img{width:84px;height:84px;object-fit:cover;border-radius:50%;display:block;border:2px solid var(--bg);box-shadow:var(--shadow-sm)}.pair-vs{margin:0 8px;display:flex;align-items:center}.round-card{overflow:hidden}.round-header{padding:10px 14px 6px}.round-matches{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px}.match-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-grouped);border-radius:var(--radius-sm);padding:10px}.match-side{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:none;background:transparent;font:inherit;text-align:left;border-radius:var(--radius-sm);padding:4px;cursor:default;-webkit-tap-highlight-color:transparent}.match-side:last-child{justify-content:flex-end}.match-side--selectable{cursor:pointer}.match-side--selectable:active{transform:scale(.97)}.match-side--winner{background:var(--blue-light);box-shadow:0 0 0 2px var(--blue) inset}.match-avatar{width:84px;height:84px;flex-shrink:0}.match-avatar img{width:84px;height:84px;object-fit:cover;border-radius:50%;display:block;border:2px solid var(--bg);box-shadow:var(--shadow-sm)}.match-placeholder{font-size:12px;font-weight:600;color:var(--gray-2);letter-spacing:.5px}.match-vs{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px}.match-bye{font-size:10px;font-weight:700;color:var(--gray-1);letter-spacing:.5px}.result-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));background:#f2f2f7e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--separator)}.info-root{display:flex;flex-direction:column;height:100%;background:var(--bg-grouped);position:relative}.info-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(32px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px}.info-section{padding:16px}.info-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-grouped)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #FF9500;--blue-light: #FFF1E0;--red: #FF3B30;--green: #34C759;--gray-1: #8E8E93;--gray-2: #C7C7CC;--gray-3: #E5E5EA;--gray-4: #F2F2F7;--label: #1C1C1E;--label-sec: #3C3C43;--bg: #FFFFFF;--bg-grouped: #F2F2F7;--separator: rgba(60,60,67,.12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--font: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-grouped);color:var(--label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.title-1{font-size:34px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.title-2{font-size:27px;font-weight:700;letter-spacing:-.3px}.title-3{font-size:24px;font-weight:600}.headline{font-size:21px;font-weight:600}.body{font-size:17px;font-weight:400}.callout{font-size:16px;font-weight:400}.subhead{font-size:15px;font-weight:400}.footnote{font-size:13px;font-weight:400;color:var(--gray-1)}.caption{font-size:12px;font-weight:400;color:var(--gray-1)}.caption-2{font-size:11px;font-weight:400;color:var(--gray-2)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 24px;border:none;border-radius:var(--radius-xl);font-family:var(--font);font-size:17px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:var(--gray-3);color:var(--blue)}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--blue)}.btn-sm{padding:10px 18px;font-size:15px;border-radius:var(--radius-lg)}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%;background:var(--gray-3);color:var(--label)}.btn-full{width:100%}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.divider{height:1px;background:var(--separator);margin:0 16px}::-webkit-scrollbar{width:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}