:root{--bg: #f6f6fa;--surface: #ffffff;--surface-2: #f0f0f7;--border: #d9d9e6;--text: #1b1b2b;--muted: #5d5d78;--accent: #5b3df5;--accent-text: #ffffff;--accent-soft: #ece8ff;--good: #167a45;--good-bg: #e0f5ea;--bad: #b3261e;--bad-bg: #fdeceb;--warn: #8a5a00;--warn-bg: #fff3d6;--info-bg: #e8f0fe;--focus: #1a73e8;--shadow: 0 1px 2px rgb(20 20 50 / 8%), 0 4px 16px rgb(20 20 50 / 6%);--radius: 10px;--chart-bar: #5b3df5;--chart-grid: #e1e1ee;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #12121c;--surface: #1b1b2a;--surface-2: #232336;--border: #34344e;--text: #ececf6;--muted: #a0a0bc;--accent: #8f7bff;--accent-text: #11111c;--accent-soft: #2a2550;--good: #5fd391;--good-bg: #123325;--bad: #ff8a80;--bad-bg: #3a1a19;--warn: #ffcd6b;--warn-bg: #3a2c0c;--info-bg: #1a2742;--focus: #8ab4f8;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 16px rgb(0 0 0 / 30%);--chart-bar: #8f7bff;--chart-grid: #34344e}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3{line-height:1.25;margin:0 0 .5rem}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--accent)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-48px;background:var(--surface);color:var(--text);padding:8px 12px;border-radius:6px;z-index:100}.skip-link:focus{top:8px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.num{font-variant-numeric:tabular-nums;text-align:right}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-inner{max-width:1080px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.brand{font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}.brand-large{font-size:1.2rem;color:var(--accent);margin-bottom:1rem}.nav{display:flex;gap:4px;flex:1 1 auto;overflow-x:auto}.nav-link{padding:6px 10px;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.topbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:600px){.topbar-user{order:2}}.topbar-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.9rem}.page{max-width:1080px;margin:0 auto;padding:20px 16px 64px}.page:focus{outline:none}.page-narrow{max-width:560px;margin:40px auto;padding:0 16px}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px}.page-header h1{margin:0}.page-header-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stack>*+*{margin-top:16px}.row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:760px){.grid-2{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card>h2:first-child,.card>h3:first-child{margin-top:0}.card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:space-between;margin-bottom:8px}.card-head h2,.card-head h3{margin:0}.notice{border-radius:8px;padding:10px 12px;margin:0 0 12px;border:1px solid transparent}.notice p:last-child{margin-bottom:0}.notice-error{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.notice-warning{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.notice-success{background:var(--good-bg);color:var(--good);border-color:var(--good)}.notice-info{background:var(--info-bg)}.empty{text-align:center;padding:32px 16px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 16px;color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;padding:8px 14px;min-height:40px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--bad);border-color:var(--bad)}.btn-small{min-height:32px;padding:4px 10px;font-size:.9rem}.btn-block{display:flex;width:100%}.field{margin-bottom:14px}.field label,.legend{display:block;font-weight:600;margin-bottom:4px;font-size:.95rem}input[type=text],input[type=email],input[type=password],input[type=search],input[type=datetime-local],select{width:100%;font:inherit;padding:8px 10px;min-height:40px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}input[readonly]{background:var(--surface-2)}input[aria-invalid=true]{border-color:var(--bad)}.hint{color:var(--muted);font-size:.85rem;margin:4px 0 0}.field-error{color:var(--bad);font-size:.85rem;margin:4px 0 0}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.inline-form .field{flex:1 1 220px;margin-bottom:0}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}.choice>span{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);user-select:none}.choice input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}fieldset{border:0;padding:0;margin:0 0 14px;min-width:0}.checkbox{display:flex;align-items:center;gap:8px;font-weight:500}.checkbox input{width:18px;height:18px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.forgot{margin:-6px 0 14px;text-align:right}.rules{list-style:none;margin:0 0 14px;padding:0;font-size:.85rem;color:var(--muted)}.rules li[data-met=true]{color:var(--good)}.verify-banner{background:var(--accent-soft);border-bottom:1px solid var(--border)}.verify-banner-inner{max-width:1080px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.verify-banner-text p{margin:0}.verify-banner-actions{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentcolor}.badge-live,.badge-tone-good{background:var(--good-bg);color:var(--good)}.badge-error,.badge-tone-bad{background:var(--bad-bg);color:var(--bad)}.badge-waiting,.badge-connecting,.badge-tone-warn{background:var(--warn-bg);color:var(--warn)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface-2)}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.gift-icon{width:32px;height:32px;object-fit:contain;flex:none}.gift-icon-fallback{display:inline-block;color:var(--muted)}.account{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.account-main{display:flex;gap:12px;align-items:center;flex:1 1 240px;min-width:0}.account-names{min-width:0}.account-names strong,.account-names span{display:block;overflow:hidden;text-overflow:ellipsis}.zone-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 0}.zone-list{max-height:280px;overflow-y:auto;margin:8px 0;border:1px solid var(--border);border-radius:8px}.zone-option{position:relative;display:block}.zone-option input{position:absolute;opacity:0;inset:0;cursor:pointer}.zone-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:8px 10px;border-bottom:1px solid var(--border)}.zone-option:last-child .zone-row{border-bottom:0}.zone-option input:checked+.zone-row{background:var(--accent-soft)}.zone-option input:checked+.zone-row .zone-id{font-weight:600}.zone-option input:focus-visible+.zone-row{outline:3px solid var(--focus);outline-offset:-3px}.zone-tag{padding:0 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:600}.zone-offset{margin-left:auto;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.zone-empty{padding:12px 10px;margin:0}.bio-code{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;border-radius:8px;background:var(--surface-2);margin:8px 0 12px}.bio-code code{font-size:1.3rem;font-weight:700;letter-spacing:.04em;user-select:all}.countdown{font-variant-numeric:tabular-nums;font-weight:600}ol.steps{padding-left:1.2rem;margin:0 0 12px}ol.steps li+li{margin-top:6px}.widget-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;margin:8px 0 12px;font-size:.9rem}.widget-meta dt{color:var(--muted);font-size:.8rem}.widget-meta dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px}.url-box{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.url-box input{flex:1 1 260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.gift-scroll{max-height:260px;overflow-y:auto;padding:2px;margin:8px 0}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.gift-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.gift-sentinel{width:100%;height:1px}.gift-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px}.gift-strip .gift-option{flex:0 0 104px}.gift-option{position:relative}.gift-option input{position:absolute;opacity:0;inset:0;cursor:pointer}.gift-option>span{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px 4px;border:1px solid var(--border);border-radius:8px;font-size:.8rem;background:var(--surface);height:100%}.gift-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.gift-option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0a0a1999;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow-y:auto}.modal{width:100%;max-width:560px;background:var(--surface);color:var(--text);border-radius:14px;padding:20px;box-shadow:var(--shadow);margin-top:6vh}.modal:focus{outline:none}.modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.tile dt{color:var(--muted);font-size:.82rem}.tile dd{margin:2px 0 0;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.tile dd small{display:block;font-size:.78rem;font-weight:400;color:var(--muted)}.stack-tight>*+*{margin-top:8px}.chart-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:8px}.chart-head h2{margin:0}.chart-series{border:0;margin:0;padding:0;min-width:0}.choice-small>span{min-height:32px;padding:4px 12px;font-size:.9rem}.chart{width:100%;height:auto;display:block}.chart .bar{fill:var(--chart-bar)}.chart .bar:hover{filter:brightness(1.15)}.chart .grid{stroke:var(--chart-grid);stroke-width:1}.chart text{fill:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}.table-scroll{max-height:26rem;overflow-y:auto;overscroll-behavior:contain;margin-right:-12px;padding-right:12px;scrollbar-gutter:stable}.table-scroll thead th{position:sticky;top:0;z-index:1;background:var(--surface);box-shadow:inset 0 -1px 0 var(--border)}.late-join{max-width:46ch;margin-top:4px;padding-left:8px;border-left:3px solid var(--warn)}table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:.8rem;color:var(--muted);font-weight:600;white-space:nowrap}td.num,th.num{text-align:right}.gift-cell{display:flex;align-items:center;gap:8px}.segmented{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:600px){.nav{order:3;flex:1 1 100%;scrollbar-width:none}.nav-link{padding:6px 9px}}@media(max-width:480px){h1{font-size:1.35rem}.topbar-email{display:none}.tile dd{font-size:1.25rem}.modal{padding:16px;margin-top:2vh}}.notice-gap{margin-top:12px}.methods{list-style:none;margin:0;padding:0}.method{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 0;border-top:1px solid var(--border)}.method:first-child{border-top:0;padding-top:4px}.method-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}.method-status{overflow-wrap:anywhere}.panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}legend{padding:0}.preview{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.preview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.preview-head h4{margin:0;font-size:1rem}.preview-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 28px;margin-top:12px}.phone-wrap{flex:0 1 auto;width:min(100%,calc(70vh * var(--ratio, .46025)));padding:6px}@media(max-width:600px){.phone-wrap{width:calc(100% + 34px);margin-inline:-17px}}.phone-frame{position:relative;width:100%;aspect-ratio:var(--ratio, .46025);overflow:hidden;overflow:clip;isolation:isolate;background:#14151f;box-shadow:0 0 0 6px #0c0d14,var(--shadow)}.phone-bg{position:absolute;inset:0;background:linear-gradient(165deg,#4a5070,#2b2f48 45%,#181a28)}.phone-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.phone-stage{position:absolute;left:0;top:0;width:1080px;height:1920px;transform-origin:0 0}.phone-stage iframe{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:light}.phone-points{position:absolute;left:0;top:0;width:440px;height:956px;transform-origin:0 0;pointer-events:none}.crop-guides{position:absolute;inset:0;pointer-events:none}.crop-guide{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000042;color:#fff}.crop-guide-left{left:0;border-right:1px dashed rgb(255 255 255 / 85%)}.crop-guide-right{right:0;border-left:1px dashed rgb(255 255 255 / 85%)}.crop-guide span{writing-mode:vertical-rl;font-size:11px;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}.crop-guide-left span{transform:rotate(180deg)}.jar-handle{position:absolute;z-index:1;margin:0;padding:0;border:2px dashed transparent;border-radius:14px;background:transparent;color:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.jar-handle:hover,.jar-handle:focus-visible,.jar-handle[data-dragging=true]{border-color:#fffc;background:#ffffff0f;box-shadow:0 0 0 1px #00000059}.jar-handle:hover{background:#ffffff1f}.jar-handle:active,.jar-handle[data-dragging=true]{cursor:grabbing}.jar-handle:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:#fff}.jar-handle-grip{position:absolute;transform:translate(-50%,calc(-100% - 4px));padding:3px 8px;border-radius:999px;background:#12161fd1;font-size:11px;line-height:1.2;white-space:nowrap;pointer-events:none}.jar-contents{margin-bottom:4px}.jar-clear-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 8px}.jar-clear-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.jar-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.jar-spot{margin-top:8px}.jar-unsaved{color:var(--warn);font-weight:600}.preview-side{flex:1 1 240px;min-width:0}.preview-side p,.preview-view{margin-bottom:8px}.preview-check{display:flex;align-items:center;gap:8px;font-weight:600;min-height:32px}.preview-bg,.preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.preview-file:focus-within{outline:3px solid var(--focus);outline-offset:2px}.iphone-chrome{position:absolute;inset:0;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 55%))}.iphone-chrome:before{content:"";position:absolute;left:0;right:0;top:0;height:96px;background:linear-gradient(to bottom,rgb(0 0 0 / 32%),transparent)}.iphone-chrome__island{position:absolute;background:#000;border-radius:999px}.iphone-chrome__time,.iphone-chrome__status{position:absolute;display:flex;align-items:center;justify-content:center}.iphone-chrome__time{font-size:16px;font-weight:600;letter-spacing:.01em}.iphone-chrome__status{gap:6px}.iphone-chrome__home{position:absolute;border-radius:3px;background:#ffffffeb}.live-layout{position:absolute;inset:0;color:#fff;font-size:13px;line-height:1.25;text-shadow:0 1px 2px rgb(0 0 0 / 45%);pointer-events:none}.live-layout__host,.live-layout__top-right,.live-layout__bar,.live-layout__comments li,.live-layout__chip,.live-layout__follow{display:flex;align-items:center}.live-layout__host{gap:8px;padding:4px 8px 4px 4px;border-radius:20px;background:#00000059}.live-layout__avatar{flex:none;width:32px;height:32px;border-radius:50%;background:#ffffff7f}.live-layout__avatar--small{width:24px;height:24px}.live-layout__host-text{display:flex;flex:1;flex-direction:column;min-width:0;font-size:10px;white-space:nowrap}.live-layout__host-text strong{font-size:13px}.live-layout__follow{flex:none;height:28px;padding:0 12px;border-radius:14px;background:#ffffff4d;font-size:12px;font-weight:600}.live-layout__top-right{justify-content:flex-end;gap:8px}.live-layout__viewers{display:flex}.live-layout__viewers i{width:28px;height:28px;margin-left:-9px;border-radius:50%;border:2px solid rgb(0 0 0 / 35%);background:#ffffff73}.live-layout__chip{height:28px;padding:0 10px;border-radius:14px;background:#00000059;font-size:12px;font-weight:600}.live-layout__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#00000059;font-size:24px;line-height:1}.live-layout__actions{display:flex;flex-direction:column;gap:14px}.live-layout__action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0000004d}.live-layout__action i,.live-layout__round i{width:18px;height:18px;border-radius:6px;background:#ffffff8c}.live-layout__comments{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%);mask-image:linear-gradient(to bottom,transparent 0%,#000 35%)}.live-layout__comments li{align-self:flex-start;gap:6px;padding:4px 12px 4px 4px;border-radius:16px;background:#00000047;font-size:12px}.live-layout__comments b{opacity:.8;font-weight:600}.live-layout__bar{gap:8px}.live-layout__input{display:flex;align-items:center;flex:1;height:44px;padding:0 16px;border-radius:22px;background:#0000004d;font-size:14px;opacity:.85}.live-layout__round{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:#ffffff47}.live-layout__round--dim{background:#0000004d}