:root{--bg:#f5f8fc;--card:#fff;--card-soft:#f3f6fa;--ink:#16202c;--ink-2:#2e3a4b;--muted:#5b6778;--faint:#7a8596;--line:#e4eaf1;--line-soft:#eef2f7;--primary:#1e88f0;--primary-ink:#1570d6;--primary-dark:#1570d6;--primary-soft:#e6f2fe;--primary-line:#cfe4fb;--navy:#13254a;--green:#23693a;--green-soft:#e3f3e7;--amber:#8a5a00;--amber-ink:#b7700a;--amber-soft:#fff1d6;--red:#a2301a;--red-soft:#fde8e4;--shadow:0 1px 2px #16202c0d, 0 12px 32px #1e88f014;--radius:22px;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:IBM Plex Sans KR,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);word-break:keep-all;overflow-wrap:break-word;min-height:100dvh;margin:0}h1,.step-title,.hero-sub,.step-sub{text-wrap:balance}h1,h2,p{margin:0}p{line-height:1.55}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #1e88f073}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.page{max-width:560px;padding:0 16px calc(40px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.page.roster{max-width:720px}.center-page{text-align:center;justify-content:center;align-items:center;gap:18px;min-height:100dvh}.topbar{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 12px 8px 6px;background:var(--bg);box-shadow:0 1px 0 var(--line);align-items:center;gap:6px;margin:0 -16px;display:flex;position:sticky;top:0}.topbar-logo{align-items:center;min-height:44px;padding:0 10px;text-decoration:none;display:flex}.topbar-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.topbar-main{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.topbar-sub{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:flex}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.logo{line-height:1}.icon-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#16202c0d}.pill-link{background:var(--card);min-height:40px;color:var(--primary-ink);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-dark)}.button.large{border-radius:18px;width:100%;min-height:58px;font-size:17px}.button.primary.large{box-shadow:0 8px 20px #1e88f042}.button.small{border-radius:12px;gap:5px;min-height:40px;padding:0 14px;font-size:14px}.button.soft{background:var(--primary-soft);color:var(--primary-ink);flex:1}.button.danger{background:var(--red);color:#fff}.button.provider.google{color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.text-button{min-height:40px;color:var(--primary-ink);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.text-button:hover:not(:disabled){background:var(--primary-soft)}.text-button:disabled{opacity:.45}.danger-text{color:var(--red);align-self:center}.hint{color:var(--muted);font-size:13px;line-height:1.5}.center{text-align:center}.error-note{color:var(--red);font-size:14px;font-weight:600}.warn-note{color:var(--amber);font-size:13.5px;font-weight:600}.card{background:var(--card);border-radius:var(--radius);padding:16px}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:22px 4px 8px;display:flex}.parade{grid-template-columns:repeat(5,auto);justify-content:center;place-items:end center;gap:0 4px;display:grid}.parade-item{animation:.5s cubic-bezier(.2,1.4,.4,1) both rise,3.2s ease-in-out infinite bob;display:inline-block}.parade-item.top{margin-bottom:-10px}.parade.small{height:56px}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.6)}to{opacity:1;transform:none}}@keyframes bob{0%,to{translate:0}50%{translate:0 -6px}}.hero-title{letter-spacing:-.8px;font-size:27px;font-weight:700;line-height:1.32}.hero-title em{color:var(--primary-ink);font-style:normal}.hero-sub{color:var(--muted);max-width:400px;font-size:15px}.hero .button.large{max-width:360px;margin-top:6px}.list-card{padding:4px 18px}.point{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:14px 0;display:flex}.point:last-child{border-bottom:none}.point-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tone-indigo{background:var(--primary-soft);color:var(--primary-ink)}.tone-green{background:var(--green-soft);color:var(--green)}.tone-amber{background:var(--amber-soft);color:var(--amber-ink)}.point-title{font-size:15px;font-weight:700}.point-body{color:var(--muted);margin-top:2px;font-size:13px}.tagline{text-align:center;color:var(--ink-2);padding:8px 0 12px;font-family:Jua,sans-serif;font-size:17px}.steps{gap:5px;padding-right:6px;display:flex}.steps span{background:var(--line);border-radius:3px;width:18px;height:6px;transition:background .2s}.steps span.on{background:var(--primary)}.step{flex-direction:column;gap:14px;animation:.28s both slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.step-title{letter-spacing:-.6px;margin-top:8px;font-size:24px;font-weight:700;line-height:1.3}.step-sub{color:var(--muted);margin-top:-6px;font-size:14.5px}.purpose-list{flex-direction:column;gap:10px;margin-top:4px;display:flex}.purpose{text-align:left;background:var(--card);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--ink);border:2px solid #0000;align-items:center;gap:14px;padding:18px 16px;transition:border-color .15s,transform .12s;display:flex}.purpose:hover{border-color:var(--primary-line)}.purpose:active{transform:scale(.99)}.purpose.selected{border-color:var(--primary)}.purpose>svg{color:var(--faint)}.purpose-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.purpose-talk .purpose-icon{background:var(--primary-soft);color:var(--primary-ink)}.purpose-notice .purpose-icon{background:var(--green-soft);color:var(--green)}.purpose-pop .purpose-icon{background:var(--amber-soft);color:#b4480a}.purpose-text{flex-direction:column;flex:1;gap:3px;display:flex}.purpose-name{font-size:16.5px;font-weight:700}.purpose-desc{color:var(--ink-2);font-size:13.5px}.purpose-eg{color:var(--faint);font-size:12.5px}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field-label{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.optional{color:var(--faint);background:var(--line-soft);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:600}.counter{color:var(--faint);margin-left:auto;font-size:12px;font-weight:500}.field-hint{color:var(--muted);font-size:12.5px}.field input,.field textarea,.add-form input,.paste-area{border:1.5px solid var(--line);background:var(--card);border-radius:14px;width:100%;padding:13px 14px;font-size:16px;line-height:1.45;transition:border-color .15s}.field textarea,.paste-area{resize:vertical;min-height:84px}.field input:focus,.field textarea:focus,.add-form input:focus,.paste-area:focus{border-color:var(--primary);outline:none}::placeholder{color:#9aa5b4}.bottom-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -1px 0 var(--line);margin:4px -16px 0;position:sticky;bottom:0}.settings-card{padding:4px 16px}.setting{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:16px 0;display:flex}.setting:last-child{border-bottom:none}.setting.column{flex-direction:column;align-items:stretch;gap:8px}.setting-text{flex:1}.setting-name{margin-bottom:8px;padding:0;font-size:15px;font-weight:700}.setting-text .setting-name{margin-bottom:3px}.setting-desc{color:var(--muted);font-size:13px;line-height:1.45}.segmented-wrap{border:none;min-width:0;margin:0;padding:0}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:1.5px solid var(--line);background:var(--card);min-height:40px;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:12px;flex:auto;padding:0 12px;font-size:14px;font-weight:600}.segmented button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink);font-weight:700}.switch{cursor:pointer;background:#d3dbe5;border:none;border-radius:999px;flex-shrink:0;width:52px;height:32px;transition:background .2s;position:relative}.switch.on{background:var(--primary)}.switch-knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s cubic-bezier(.3,1.3,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.on .switch-knob{transform:translate(20px)}.invite-preview{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;padding:18px 20px 22px;animation:.4s cubic-bezier(.2,1.3,.4,1) both pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.invite-preview-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.official{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.invite-host{color:var(--muted);font-size:14.5px}.invite-room{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:23px;font-weight:700;line-height:1.3}.invite-intro{color:var(--ink-2);background:var(--card-soft);white-space:pre-wrap;border-radius:14px;width:100%;padding:10px 14px;font-size:14px}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{background:var(--bg);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip.warm{background:var(--amber-soft);color:var(--amber)}.finish-box{flex-direction:column;gap:10px;margin-top:6px;display:flex}.signed-as{color:var(--muted);text-align:center;font-size:13.5px}.section-head{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.page-title{letter-spacing:-.6px;font-size:24px;font-weight:700}.account-button{background:var(--primary);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;width:40px;height:40px;padding:0;font-weight:700;overflow:hidden}.account-button img{object-fit:cover;width:100%;height:100%;display:block}.room-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.room-card{background:var(--card);border-radius:var(--radius);color:var(--ink);align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .12s;display:flex}.room-card:active{transform:scale(.99)}.room-card>svg{color:var(--faint)}.room-card-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.room-card-meta{color:var(--muted);align-items:center;gap:3px;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:28px 16px;display:flex}.account-info{padding:4px 4px 14px}.account-name{font-size:16px;font-weight:700}.account-email{color:var(--muted);font-size:14px}.celebrate{background:var(--navy);color:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 8px 12px 14px;animation:.45s cubic-bezier(.2,1.3,.4,1) both pop;display:flex}.celebrate .icon-button{color:#b8c2cf;margin-left:auto}.celebrate-title{font-size:15px;font-weight:700}.celebrate-body{color:#b8c2cf;margin-top:1px;font-size:13px}.pop-in{animation:.5s cubic-bezier(.2,1.6,.4,1) .1s both pop}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--card);border-radius:16px;flex-direction:column;gap:2px;padding:12px 12px 11px;display:flex}.stat-label{color:var(--muted);font-size:12.5px;font-weight:600}.stat-value{letter-spacing:-.5px;font-size:24px;font-weight:700}.stat-value small{color:var(--faint);font-size:15px;font-weight:600}.stat-value.tone-indigo{color:var(--primary-ink);background:0 0}.stat-value.tone-green{color:var(--green);background:0 0}.add-card{flex-direction:column;gap:12px;display:flex}.add-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.add-head h2{font-size:16px;font-weight:700}.add-form{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;display:grid}.add-form input{padding:11px 12px}.add-form .button{min-height:48px;padding:0 14px}.add-more{flex-wrap:wrap;gap:4px;margin:-4px -6px 0;display:flex}.privacy-note{color:var(--muted);align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.45;display:flex}.privacy-note svg{margin-top:2px}@media (width<=420px){.add-form{grid-template-columns:minmax(0,1fr) auto}.add-form input:nth-child(-n+2){grid-column:1/-1}.add-label{display:none}}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{background:var(--card);height:36px;color:var(--ink-2);cursor:pointer;border:1px solid #dde4ec;border-radius:999px;padding:0 13px;font-size:13px;font-weight:700}.filters button span{opacity:.7}.filters button.on{background:var(--navy);border-color:var(--navy);color:#fff}.roster-list{margin:0;padding:4px 14px;list-style:none}.roster-row{align-items:center;gap:10px;min-height:64px;display:flex}.roster-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.roster-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.roster-phone{color:var(--faint);font-size:12px}.code{letter-spacing:1px;color:var(--muted);font-weight:600}.status{border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:12px;font-weight:700}.status.waiting{background:var(--bg);color:var(--muted)}.status.sent{background:var(--primary-soft);color:var(--primary-ink)}.status.pressed{background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line,#e5e7eb)}.status.joined{background:var(--green-soft);color:var(--green)}.send-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:11px;flex-shrink:0;align-items:center;gap:4px;height:38px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.send-button.again{background:var(--card);color:var(--primary-ink);border:1px solid var(--primary-line)}.sheet{background:var(--card);width:100%;max-width:560px;max-height:90dvh;color:var(--ink);border:none;border-radius:26px 26px 0 0;margin:auto auto 0;padding:0}.sheet[open]{animation:.28s cubic-bezier(.2,1,.3,1) both sheet-up}.sheet::backdrop{background:#16202c6b}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (width>=640px){.sheet{border-radius:26px;margin:auto}}.sheet-body{padding:8px 18px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.sheet-grip{background:var(--line);border-radius:3px;align-self:center;width:40px;height:5px}.sheet-head{align-items:center;gap:8px;margin-right:-8px;display:flex}.sheet-title{letter-spacing:-.3px;flex:1;font-size:17px;font-weight:700}.sheet-action{background:var(--bg);cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 14px;font-weight:700;display:flex}.message-preview{white-space:pre-wrap;color:var(--ink-2);background:var(--card-soft);border:1px solid var(--line-soft);overflow-wrap:anywhere;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:13.5px;line-height:1.55}.send-actions{flex-direction:column;gap:8px;display:flex}.send-row{gap:8px;display:flex}.next-person{border:1.5px dashed var(--primary-line);background:var(--card);min-height:52px;color:var(--primary-ink);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-weight:700;display:flex}.next-person span{text-align:left;flex:1}.confirm-row{color:var(--red);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.confirm-row span{flex:200px}.paste-preview{flex-direction:column;gap:4px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.paste-preview li{border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.paste-preview li .mono{margin-left:auto}.paste-preview li.ok{background:var(--green-soft);color:var(--green)}.paste-preview li.bad{background:var(--red-soft);color:var(--red)}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:50;background:var(--navy);color:#fff;opacity:0;pointer-events:none;border-radius:14px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:12px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast[popover]{inset:auto auto calc(24px + env(safe-area-inset-bottom)) 50%;border:none;margin:0;overflow:visible}.toast[popover]:not(:popover-open){display:flex}.spinner-wrap{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:48px 0;display:flex}.spinner{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.step-badge{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:13px;font-weight:700;display:inline-flex}.step-badge.light{background:#ffffff38;margin-right:2px}.add-head h2{align-items:center;display:flex}.add-ways{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.way{border:1.5px dashed var(--primary-line);background:var(--card);min-height:52px;color:var(--primary-ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.way:hover:not(:disabled){background:var(--primary-soft)}.way:disabled{opacity:.45}.roster-list li{border-bottom:1px solid var(--line-soft);list-style:none}.roster-list li:last-child{border-bottom:none}button.roster-row{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;padding:0}button.roster-row>svg:last-child{color:var(--faint)}.send-bar{gap:8px;margin-top:0;display:flex}.send-bar .button.primary{flex:1;padding:0 12px;font-size:16px}.sheet-lead{color:var(--ink-2);font-size:14px;line-height:1.5}.person-info{align-items:center;gap:12px;display:flex}.person-phone{font-size:15px;font-weight:700}.sheet-action-text{text-align:left;flex-direction:column;flex:1;gap:1px;display:flex}.sheet-action{color:var(--ink)}.join{padding-top:12px}.join-top{justify-content:space-between;align-items:center;min-height:44px;display:flex}.invite-card{background:var(--card);text-align:center;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:26px 22px 22px;animation:.4s cubic-bezier(.2,1.3,.4,1) both pop;display:flex}.invite-card .invite-room{margin:0;font-size:25px}.gathered{background:var(--card-soft);width:100%;color:var(--muted);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.stack{display:flex}.stack-item{border:2px solid var(--card-soft);border-radius:50%;margin-right:-9px;line-height:0}.stack-item:last-child{margin-right:0}input.digits{letter-spacing:8px;text-align:center;font-size:22px;font-weight:700}.waiting-ring{background:var(--card);border-radius:50%;padding:10px;animation:2.4s ease-in-out infinite breathe;box-shadow:0 0 0 10px #1e88f014}@keyframes breathe{50%{box-shadow:0 0 0 18px #1e88f00a}}.reveal{color:#fff;min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));background:#0f2a5c;flex-direction:column;align-items:center;display:flex}.reveal-room{color:#dce8f8;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1a;border-radius:999px;max-width:100%;padding:7px 13px;font-size:13px;font-weight:600;overflow:hidden}.reveal-stage{aspect-ratio:1;justify-content:center;align-items:center;width:min(320px,80vw);margin-top:28px;display:flex;position:relative}.reveal-rings{width:100%;height:100%;animation:2.4s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.pop-a{animation:.7s cubic-bezier(.2,1.3,.4,1) both popA;position:relative}.pop-b{animation:.7s cubic-bezier(.2,1.3,.4,1) both popB;position:relative}@keyframes popA{0%{opacity:0;transform:scale(.3)rotate(-12deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{transform:none}}@keyframes popB{0%{opacity:0;transform:scale(.3)rotate(12deg)}60%{opacity:1;transform:scale(1.12)rotate(-4deg)}to{transform:none}}.float{line-height:0;animation:3.2s ease-in-out infinite bob}.reveal-lead{color:#bfd3ee;margin-top:22px;font-size:15px}.reveal-nick{letter-spacing:-1px;text-align:center;margin-top:4px;font-family:Jua,sans-serif;font-size:56px;line-height:1.15}.reveal-desc{color:#d3e2f5;text-align:center;white-space:pre-line;margin-top:10px;font-size:15px;line-height:1.65}.reveal-actions{flex-direction:column;gap:10px;width:100%;max-width:420px;margin-top:auto;padding-top:24px;display:flex}.button.gold{color:#16202c;background:#ffc53d}.button.ghost-light{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:18px;min-height:52px;font-weight:600}.requests{background:#fff7e6;border:1px solid #f3dca6;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.requests h2{color:var(--amber);font-size:15px;font-weight:700}.request{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.request-who{flex:140px;min-width:0}.request-name{font-size:14.5px;font-weight:700}.request-last4{color:var(--muted);font-size:13px;font-weight:500}.request-reason{color:#6b5412;margin-top:1px;font-size:12.5px}.request-actions{gap:6px;display:flex}.small-title{margin-bottom:8px;font-size:14px;font-weight:700}.outsider-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.outsider-list li{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.outsider-list .hint{margin-left:auto;font-weight:500}.tip-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tip-choice{border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:52px;font-size:15px;font-weight:700;display:flex}.tip-choice.bad{background:var(--red-soft);color:var(--red);text-decoration:line-through}.tip-choice.good{background:var(--green-soft);color:var(--green);box-shadow:0 0 0 2px var(--green) inset}.send-bar.column{flex-direction:column;align-items:stretch;gap:2px}.send-bar .button.primary{justify-content:center;gap:8px;position:relative}.send-next{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.send-count{opacity:.8;font-size:14px;font-weight:600;position:absolute;right:18px}.send-bar .button.primary:has(.send-count){padding:0 56px 0 16px}.send-all{white-space:nowrap;justify-content:center}.send-alls .send-all{padding:0 10px;font-size:14.5px}.all-sent{background:var(--green-soft);min-height:58px;color:var(--green);border-radius:18px;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.send-all-link{color:var(--muted);align-self:center;font-size:14px}.room{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.room-head{z-index:5;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0}.room-bar{padding:calc(8px + env(safe-area-inset-top)) 12px 2px 6px;align-items:center;gap:6px;display:flex}.room-logo{border-right:1px solid var(--line);height:26px;color:inherit;flex-shrink:0;align-items:center;margin-right:4px;padding:0 12px 0 8px;text-decoration:none;display:flex}.room-title{flex:1;min-width:0}.room-name{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.room-meta{color:var(--muted);font-size:12.5px}.tabs{padding:0 12px;display:flex}.tabs button{height:46px;color:var(--faint);cursor:pointer;background:0 0;border:none;flex:1;font-size:15px;font-weight:700;position:relative}.tabs button.on{color:var(--ink)}.tabs button.on:after{content:"";background:var(--primary);border-radius:3px;width:44px;height:3px;margin-left:-22px;position:absolute;bottom:0;left:50%}.room-body{flex-direction:column;flex:1;gap:14px;padding:16px 14px 24px;display:flex}.new-post{border:1.5px dashed var(--primary-line);background:var(--card);min-height:50px;color:var(--primary-ink);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.post-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #e4eaf1;border-radius:22px;flex-direction:column;gap:12px;padding:18px 18px 10px;display:flex}.post-top{align-items:center;gap:10px;display:flex}.post-who{flex:1;min-width:0}.post-author{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.post-time{color:var(--muted);font-size:12.5px}.host-badge{background:var(--primary-soft);color:var(--primary-ink);border-radius:999px;align-items:center;gap:3px;padding:2px 8px 2px 6px;font-size:11px;font-weight:700;display:inline-flex}.pin{background:var(--bg);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.post-title{letter-spacing:-.4px;font-size:19px;font-weight:700;line-height:1.35}.post-body{color:var(--ink-2);white-space:pre-wrap;font-size:15px;line-height:1.62}.post-link{color:var(--primary-ink);background:#f0f7ff;border:1px solid #cfe4fb;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.post-link-icon{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.post-link-text{flex-direction:column;gap:1px;min-width:0;font-size:14.5px;font-weight:700;display:flex}.post-link-url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.post-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-top:6px;display:flex}.post-stat{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.like,.metoo,.heart-toggle{background:var(--card);height:34px;color:var(--muted);cursor:pointer;border:1px solid #dde4ec;border-radius:999px;align-items:center;gap:5px;margin:5px 0;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.like:disabled,.metoo:disabled{cursor:default}.like.on,.heart-toggle.on{color:#b8391f;background:#ffefea;border-color:#f3b3a5}.like.on svg,.heart-toggle.on svg{fill:#e4573d}.metoo.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-ink)}.comments-head{justify-content:space-between;align-items:center;padding:2px 4px 0;display:flex}.comments-title{font-size:16px;font-weight:700}.comments-title span{color:var(--primary-ink)}.sorter{background:#e9eef4;border-radius:999px;gap:2px;padding:3px;display:flex}.sorter button{color:#5b6778;cursor:pointer;background:0 0;border:none;border-radius:999px;height:32px;padding:0 12px;font-size:13px;font-weight:700}.sorter button.on{background:var(--card);color:var(--ink)}.comment-list{border-top:1px solid var(--line-soft);margin:0;padding:0;list-style:none}.comment{border-bottom:1px solid var(--line-soft);gap:11px;padding:14px 0 8px;display:flex}.comment:last-child{border-bottom:none}.locked{color:#5b6778;background:#f3f6fa;border-radius:14px;flex:1;align-items:center;gap:8px;min-height:40px;margin-bottom:6px;padding:0 14px;font-size:13.5px;display:flex}.comment-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.comment-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-nick{font-size:14px;font-weight:700}.me-badge{background:var(--navy);color:#fff;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700}.comment-time{color:var(--faint);font-size:12px;font-weight:500}.secret-label{color:var(--primary-ink);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.comment-text{color:#1f2a38;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.comment-text.secret{background:#eef5fe;border-radius:12px;padding:8px 11px}.comment-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.host-heart{color:#b8391f;background:#ffefea;border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 10px 0 8px;font-size:12px;font-weight:700;display:inline-flex}.host-heart svg{fill:#e4573d;stroke:none}.host-reply{background:#eef5fe;border-radius:16px;gap:9px;margin-bottom:4px;padding:11px 12px;display:flex}.host-reply p{color:#1f2a38;white-space:pre-wrap;font-size:14px;line-height:1.5}.host-reply-head{align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:700;display:flex}.reply-form{gap:6px;display:flex}.reply-form input{border:1.5px solid var(--line);border-radius:12px;flex:1;min-width:0;min-height:40px;padding:0 12px;font-size:16px}.divider-label{color:var(--faint);align-items:center;gap:8px;padding:8px 4px 0;font-size:13px;font-weight:700;display:flex}.divider-label span{background:#dde4ec;flex:1;height:1px}.post-mini{text-align:left;background:var(--card);cursor:pointer;color:var(--ink);border:1px solid #e4eaf1;border-radius:18px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.post-mini-title{font-size:15px;font-weight:700}.post-mini-meta{color:var(--muted);font-size:12.5px}.chat-body{gap:12px}.msg{align-items:flex-start;gap:8px;display:flex}.msg.mine{justify-content:flex-end;align-items:flex-end;gap:6px}.msg-main{flex-direction:column;gap:4px;max-width:78%;display:flex}.msg-nick{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.bubble{background:var(--card);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #e4eaf1;border-radius:4px 18px 18px;padding:10px 13px;font-size:15px;line-height:1.5}.bubble.host{background:#eef5fe;border-color:#cfe4fb}.bubble.secret{background:#f3f6fa}.bubble-me{background:var(--primary);color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px 4px 18px 18px;max-width:74%;padding:10px 13px;font-size:15px;line-height:1.5}.bubble-me.secret{background:#0f4c8a}.bubble-secret{color:#ffd76e;align-items:center;gap:4px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:flex}.bubble-secret.dark{color:var(--primary-ink)}.msg-time{color:var(--faint);font-size:11.5px}.composer-bar{background:var(--card);border-top:1px solid var(--line);padding:8px 10px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:sticky;bottom:0}.composer-hint{color:var(--primary-ink);align-items:center;gap:6px;padding:2px 6px 0;font-size:12.5px;font-weight:700;display:flex}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-box{background:#f3f6fa;border:1px solid #dde4ec;border-radius:22px;flex:1;align-items:flex-end;min-width:0;padding:0 4px 0 8px;display:flex}.composer-me{align-self:flex-start;margin-top:8px}.composer-box:focus-within{border-color:var(--primary)}.composer-box textarea{box-sizing:border-box;min-width:0;min-height:42px;max-height:124px;font:inherit;resize:none;color:inherit;background:0 0;border:none;flex:1;padding:10px 4px 10px 8px;font-size:16px;line-height:22px;overflow-y:hidden}.composer-box textarea:focus{outline:none}.composer-box textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inset-icon{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.inset-icon.on{color:var(--primary)}.inset-icon:disabled{opacity:.4;cursor:default}.lock-toggle{width:44px;height:44px;color:var(--muted);cursor:pointer;background:#f3f6fa;border:1px solid #dde4ec;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lock-toggle.on{background:var(--primary);border-color:var(--primary);color:#fff}.lock-toggle:disabled{cursor:default}.send-round{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.send-round:disabled{cursor:default;background:#b7c3d1}.enter-room{background:var(--navy);color:#fff;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.enter-room-text{flex-direction:column;flex:1;gap:1px;display:flex}.enter-room-title{font-size:16px;font-weight:700}.enter-room-sub{color:#b8c2cf;font-size:12.5px}button.post-stat{cursor:pointer;background:0 0;border:none;min-height:44px;padding:0 4px}.write-box{background:var(--card);width:100%;color:var(--faint);text-align:left;cursor:pointer;border:1px solid #e4eaf1;border-radius:20px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;display:flex}.write-open{background:var(--card);border:1.5px solid var(--primary-line);border-radius:20px;flex-direction:column;gap:8px;padding:12px;display:flex}.write-open textarea{resize:vertical;background:0 0;border:none;width:100%;min-height:72px;font-size:16px;line-height:1.5}.write-open textarea:focus{outline:none}.write-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.post-card.notice{border-color:#cfe4fb}.post-card:not(.notice){box-shadow:none;border-color:#e4eaf1}.post-body.secret{background:#eef5fe;border-radius:12px;padding:8px 11px}.locked-card{flex-direction:row;align-items:center;padding:12px 14px}.locked-card .locked{margin:0}.more-comments{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:13.5px;font-weight:700}.replies{border-left:2px solid var(--line-soft);margin:0 0 4px 43px;padding:0 0 0 10px;list-style:none}.replies .comment{border-bottom:none;padding-top:8px}.comment-box{border-top:1px solid var(--line-soft);flex-direction:column;gap:6px;padding-top:8px;display:flex}.comment-box .composer-row input{height:40px;font-size:15px}.reply-chip{background:var(--primary-soft);color:var(--primary-ink);border-radius:999px;align-self:flex-start;align-items:center;gap:2px;padding:2px 4px 2px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.icon-button.tiny{width:28px;height:28px;color:var(--primary-ink)}.lock-toggle.small,.send-round.small{width:40px;height:40px}.metoo-count{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:inline-flex}.reply-button{min-height:34px;color:var(--muted);padding:0 8px;font-size:13px}.reactions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.push-banner{background:var(--primary-soft);border:1px solid var(--primary-line);border-radius:18px;align-items:center;gap:10px;padding:12px 8px 12px 14px;display:flex}.push-icon{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.push-text{flex:1;min-width:0}.push-title{font-size:14.5px;font-weight:700}.push-sub{color:var(--muted);margin-top:1px;font-size:12.5px}.home-steps{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.home-steps li{gap:12px;display:flex}.step-no{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.home-step{flex-direction:column;flex:1;gap:6px;display:flex}.home-step-title{padding-top:3px;font-size:15px;font-weight:700}.home-step .hint svg{vertical-align:-3px}.move-code{flex-direction:column;gap:4px;display:flex}.move-code-digits{letter-spacing:8px;color:var(--primary-ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.my-rooms{flex-direction:column;gap:8px;display:flex}.my-rooms h2{font-size:15px;font-weight:700}.move-card{flex-direction:column;gap:10px;display:flex}.move-row{gap:8px;display:flex}.move-row input{flex:1;min-width:0}.post-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reads-button{cursor:pointer;min-height:44px;color:var(--primary-ink);background:0 0;border:none;padding:0;font-weight:700}.reads-group h3{margin:0 0 8px;font-size:14px;font-weight:700}.people{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.people li{align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.all-sent.waiting-note{background:var(--bg);color:var(--muted);font-size:15px}.poll{background:var(--card-soft);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.poll-head{color:var(--primary-ink);align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.poll-sub{color:var(--muted);font-weight:600}.poll-closed{background:var(--line-soft);color:var(--muted);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700}.poll-options{flex-direction:column;gap:6px;display:flex}.poll.attend .poll-options{grid-template-columns:1fr 1fr;display:grid}.poll-option{border:1.5px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}.poll-option:before{content:"";width:var(--pct);background:var(--primary-soft);transition:width .3s;position:absolute;inset:0 auto 0 0}.poll-option>*{position:relative}.poll-option.on{border-color:var(--primary)}.poll-option:disabled{cursor:default;color:var(--ink)}.poll-mark{border:1.5px solid var(--line);background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.poll-option.on .poll-mark{background:var(--primary);border-color:var(--primary);color:#fff}.poll-label{overflow-wrap:anywhere;flex:1;min-width:0}.poll-count{color:var(--muted);font-size:13px;font-weight:700}.poll-foot{color:var(--muted);font-size:12.5px}.poll-more{min-height:40px;color:var(--primary-ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:700;display:flex}.poll-more span{margin-left:auto}.poll-preview{grid-template-columns:1fr 1fr;gap:6px;display:grid}.poll-preview span{border:1.5px dashed var(--line);min-height:44px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;font-weight:700;display:flex}.poll-edit{flex-direction:column;gap:8px;display:flex}.poll-edit-row{align-items:center;gap:6px;display:flex}.poll-edit-row input{border:1.5px solid var(--line);background:var(--card);border-radius:12px;flex:1;min-width:0;height:46px;padding:0 12px;font-size:15px}.poll-edit-row input:focus{border-color:var(--primary);outline:none}.poll-add{align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.item-menu{width:36px;height:36px;color:var(--faint);flex-shrink:0;margin-left:auto}.comment-actions .item-menu{width:32px;height:32px}.menu-list{flex-direction:column;display:flex}.menu-item{border:none;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;min-height:52px;padding:0 4px;font-size:16px;font-weight:700;display:flex}.menu-item:last-child{border-bottom:none}.confirm-block{flex-direction:column;gap:14px;display:flex}.confirm-block p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status.removed{background:var(--red-soft);color:var(--red)}.outsider-list .status.removed{margin-left:auto}.outsider-list li>button{flex-shrink:0}.room-timer{color:#b4480a;align-items:center;gap:3px;margin-left:6px;font-weight:700;display:inline-flex}.exploded-icon{background:var(--amber-soft);color:#b4480a;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.room-card.over{opacity:.6}.drawer-meta{color:var(--muted);font-size:13.5px}.drawer-block h3{margin:0 0 6px;font-size:14px;font-weight:700}.drawer-block p{white-space:pre-wrap;color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.drawer-leave{align-self:flex-start;align-items:center;gap:6px;min-height:44px;display:inline-flex}.hidden-line{width:100%;color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.hidden-line .text-button{margin-left:auto}.report-flag{background:var(--red-soft);color:var(--red);border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.report-flag span{flex:1}.report-flag .text-button{color:var(--red)}.menu-item:disabled{opacity:.5}.code-form{flex-direction:column;gap:14px;padding-top:12px;display:flex}.code-form .step-title,.code-form .step-sub{text-align:left;margin:0}.spacer{flex:1}.write-actions .lock-toggle{margin-right:0}.picked-files{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.picked-files li{background:var(--bg);color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:4px 4px 4px 10px;font-size:13px;display:flex}.picked-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.picked-size{color:var(--faint);font-size:12px}.comment-box .picked-files{margin-bottom:6px}.attachments{flex-direction:column;gap:8px;display:flex}.attach-images{border-radius:14px;gap:4px;display:grid;overflow:hidden}.attach-images.n1{grid-template-columns:1fr}.attach-images.n2,.attach-images.n3,.attach-images.n4{grid-template-columns:1fr 1fr}.attach-images.n3 .attach-image:first-child{grid-column:span 2}.attach-image{background:var(--line-soft);cursor:zoom-in;border:none;width:100%;min-height:120px;padding:0;display:block}.attach-images.n1 .attach-image{min-height:160px}.attach-image img{object-fit:cover;width:100%;height:100%;max-height:420px;display:block}.attach-images.n1 .attach-image img{object-fit:contain;background:var(--line-soft)}.attach-file{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.attach-file.waiting{opacity:.6}.attach-file-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attach-file-text{flex-direction:column;gap:1px;min-width:0;display:flex}.attach-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.attach-file-meta{color:var(--muted);font-size:12px}.comment-main .attachments{margin-top:6px}.attach-file-wrap{flex-direction:column;gap:2px;display:flex}.file-opens{align-self:flex-start;align-items:center;gap:4px;min-height:36px;font-size:13px;display:inline-flex}.stats .stat{text-align:left;cursor:pointer;font:inherit;color:inherit;border:2px solid #0000}.stats .stat.on{border-color:var(--navy)}.filter-note{color:var(--muted);align-items:center;gap:8px;scroll-margin-top:80px;font-size:13.5px;font-weight:600;display:flex}.filter-note .text-button{margin-left:auto}.sent-note{min-height:32px;color:var(--green);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.send-all{min-height:46px;margin-top:6px}.send-bar .button.soft.large{justify-content:center;width:100%}.way{white-space:nowrap;padding:0 10px}.filter-note .text-button{white-space:nowrap;flex-shrink:0}.roster-item{align-items:center;gap:4px;display:flex}.roster-item .roster-row{flex:1;min-width:0}.pick-box{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-6px;display:flex}.pick-mark{border:2px solid var(--line);background:var(--card);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pick-mark.on{background:var(--primary);border-color:var(--primary)}.initial-mark{color:var(--muted);background:#e6ecf3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.sent-note.muted{color:var(--muted)}.send-alls{gap:8px;margin-top:6px;display:flex}.send-alls .send-all{flex:1;gap:6px;margin-top:0}.person-email{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.person-email .text-button{min-height:32px;padding:0}.email-edit{gap:6px;margin-top:4px;display:flex}.email-edit input{border:1.5px solid var(--line);border-radius:10px;flex:1;min-width:0;height:40px;padding:0 10px;font-size:15px}.email-edit input:focus{border-color:var(--primary);outline:none}.copy-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.copy-pair .button{gap:6px}.other-apps{align-self:center;align-items:center;gap:6px;min-height:40px;display:inline-flex}.notice-preview{background:var(--bg);color:var(--ink-2);border-radius:14px;margin:4px 0 0;padding:12px 14px;font-size:14.5px;line-height:1.6}.room-code{letter-spacing:6px;color:var(--primary-ink);font-variant-numeric:tabular-nums;flex:1;font-size:28px;font-weight:800}.drawer-block .button.large{justify-content:center;gap:8px;width:100%}.drawer-block{flex-direction:column;gap:10px;display:flex}.drawer-block h3,.drawer-block .hint{margin:0}.menu-item.danger-text{align-self:stretch}.update-bar{left:50%;top:calc(10px + env(safe-area-inset-top));z-index:40;background:var(--navy);color:#fff;cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex;position:fixed;transform:translate(-50%)}.setting-desc.warn{color:var(--amber);margin-top:4px}.signin-buttons{flex-direction:column;gap:8px;display:flex}.button.provider.kakao{color:#000000d9;background:#fee500;border:none;gap:8px}.button.provider.naver{color:#fff;background:#03c75a;border:none;gap:8px}.login{flex-direction:column;gap:14px;padding-top:12px;display:flex}.login .step-title,.login .step-sub{text-align:left;margin:0}.text-button.returning{align-self:center;margin-top:4px;font-size:14px}.legal{gap:10px;padding-bottom:48px}.legal-section h2{margin:14px 0 6px;font-size:16px;font-weight:700}.legal-section p,.legal-section li{color:var(--ink-2);margin:0 0 6px;font-size:14.5px;line-height:1.65}.legal-section ul{margin:0 0 6px;padding-left:20px}.consent{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12.5px;line-height:1.5}.consent a,.legal-links a{color:var(--muted);text-decoration:underline}.legal-links{color:var(--faint);text-align:center;margin:12px 0 0;font-size:12.5px}.text-button.withdraw{align-self:center;margin-top:12px;font-size:13.5px}.choose-person{border:none;flex-direction:column;gap:4px;margin:0 0 12px;padding:0;display:flex}.choose-person legend{margin-bottom:4px;padding:0;font-size:15px;font-weight:700}.choose-number{background:var(--bg);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:15px;display:flex}.choose-number input{width:18px;height:18px;accent-color:var(--primary)}.choose-kind{color:var(--muted);margin-top:6px;font-size:12.5px;font-weight:700}.choose-fixed{font-variant-numeric:tabular-nums;color:var(--ink-2);padding:4px 2px;font-size:15px}.roster-name{align-items:center;gap:5px;max-width:100%;display:inline-flex}.has-email{color:var(--primary-ink);opacity:.7;flex-shrink:0;display:inline-flex}.roster-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.person-info>div{flex:1;min-width:0}.email-edit input{width:100%}.sheet-body{overflow-x:clip}.person-email span{overflow-wrap:anywhere}.how-file{align-self:flex-start;min-height:32px;padding:0;font-size:13px}.how-file-text{margin:0;line-height:1.55}.contact-search{border:1.5px solid var(--line);border-radius:14px;height:46px;padding:0 14px;font-size:16px}.contact-search:focus{border-color:var(--primary);outline:none}.contact-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contact-rows li{border-bottom:1px solid var(--line-soft)}.contact-row{text-align:left;cursor:pointer;width:100%;min-height:56px;color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;display:flex}.contact-row:disabled{cursor:default;opacity:.5}.contact-who{flex-direction:column;min-width:0;display:flex}.contact-name{align-items:center;gap:5px;font-size:15px;font-weight:700;display:inline-flex}.contact-name svg{color:var(--primary-ink);opacity:.7}.contact-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.contact-choices{flex-direction:column;gap:4px;padding:0 0 10px 36px;display:flex}.add-ways .way{white-space:normal;text-align:center}.file-steps{flex-direction:column;gap:14px;margin:0;padding-left:0;list-style:none;display:flex}.file-steps li{color:var(--ink-2);flex-direction:column;gap:4px;font-size:14px;line-height:1.55;display:flex}.file-steps strong{color:var(--ink);font-size:15px}.add-ways .way.wide{grid-column:1/-1}.contact-lead{color:var(--ink-2);margin:0;font-size:14.5px;font-weight:600}.contact-added{background:var(--green-soft);color:var(--green);border-radius:12px;align-items:center;gap:6px;margin:0;padding:8px 12px;font-size:13.5px;font-weight:700;display:flex}.other-file{align-self:flex-start;min-height:32px;padding:0;font-size:13px}.picked-chips{flex-wrap:wrap;gap:6px;max-height:96px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.picked-chips li{border:1.5px solid var(--primary-line);background:var(--primary-soft);color:var(--primary-ink);border-radius:999px;align-items:center;gap:2px;padding:4px 4px 4px 12px;font-size:14px;font-weight:700;display:inline-flex}.picked-chips button{width:28px;height:28px;color:var(--primary-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.sheet.tall[open]{flex-direction:column;height:90dvh;display:flex;overflow:hidden}.sheet.tall .sheet-body{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.sheet.tall .bottom-bar{margin-top:0;position:static}.contact-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;margin:0 -18px;padding:0 18px;display:flex;overflow-y:auto}.contact-more{height:1px;border:none!important}.logo{align-items:center;gap:.26em;display:inline-flex}.logo-mark,.logo-word{width:auto;display:block}.reveal-change{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reveal-note{color:#ffd6de;text-align:center;margin:4px 0 0;font-size:13.5px}.pick-tabs button{flex:1 1 0;padding:0 6px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:0;padding:4px 0 12px;list-style:none;display:grid}.pick-cell{background:var(--bg);cursor:pointer;width:100%;font:inherit;color:var(--ink);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;display:flex;position:relative}.pick-cell.mine{border-color:var(--primary);background:var(--primary-soft)}.pick-cell:disabled{cursor:default;opacity:.4}.pick-name{font-size:13px;font-weight:700}.pick-taken{background:var(--navy);color:#fff;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:6px;right:6px}.notice-row{background:var(--amber-soft);min-height:44px;color:var(--amber);font:inherit;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;margin-bottom:6px;padding:0 14px;font-size:14.5px;font-weight:700;display:flex}.notice-row-text{text-align:left;flex:1}.notice-row-count{font-weight:600}.notice-row.done{background:var(--green-soft);color:var(--green)}.text-button.other-ways{min-height:36px;color:var(--muted);align-self:center;align-items:center;gap:6px;margin-top:4px;font-size:13.5px;display:inline-flex}.notice-edit{flex-direction:column;gap:6px;margin:10px 0 12px;display:flex}.notice-edit-head{color:var(--ink-2);justify-content:space-between;align-items:center;min-height:32px;font-size:14px;font-weight:700;display:flex}.notice-edit-head .text-button{font-size:13.5px}.notice-edit textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);resize:vertical;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.6}.code-only{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;padding-top:12px;display:flex}.code-only-label{width:100%;color:var(--muted);font-size:13.5px}.code-only .room-code{letter-spacing:3px;font-size:20px}.code-only .button{white-space:nowrap;flex-shrink:0;gap:6px}.browser-choice{flex-direction:column;gap:8px;padding-top:4px;display:flex}.browser-choice .button{justify-content:center}.qr{border-radius:10px;display:block}.onsite-note{background:var(--amber-soft);width:100%;color:var(--amber);border-radius:14px;justify-content:center;align-items:center;gap:6px;margin:0;padding:9px 12px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.onsite-card{flex-direction:column;align-items:center;gap:12px;display:flex}.onsite-title{letter-spacing:-.3px;font-size:16px;font-weight:800}.onsite-qr{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:18px;padding:8px;position:relative}.onsite-qr-empty{width:208px;height:208px}.onsite-card.locked .qr{opacity:.18}.onsite-lock{color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex;position:absolute;inset:0}.onsite-code{align-items:baseline;gap:10px;display:flex}.onsite-code .code-only-label{width:auto}.onsite-code .room-code{flex:none}.onsite-card .hint{max-width:340px;margin:0}.onsite-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.onsite-actions .button:first-child{grid-column:1/-1}.onsite-actions .button{justify-content:center;gap:6px}.onsite-count{color:var(--primary-ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.onsite-count small{color:var(--muted);font-size:14px;font-weight:600}.setting-row{align-items:center;gap:12px;display:flex}.setting-row .button{flex:none;width:auto}.outsider-name{flex:1;min-width:0}.qr-screen{color:#16202c;background:#fff;border:none;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.qr-screen::backdrop{background:#fff}.qr-screen-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:24px 16px;display:flex;position:relative}.qr-screen-close{top:calc(8px + env(safe-area-inset-top));position:absolute;right:8px}.qr-screen-room{letter-spacing:-.5px;overflow-wrap:anywhere;max-width:90vw;font-size:clamp(20px,4.5vw,40px);font-weight:800}.qr-screen-lead{color:#5b6778;font-size:clamp(15px,2.6vw,24px)}.qr-screen-code{color:#5b6778;flex-direction:column;align-items:center;gap:4px;font-size:clamp(14px,2.2vw,20px);display:flex}.qr-screen-code strong{letter-spacing:.25em;color:#16202c;font-variant-numeric:tabular-nums;font-size:clamp(30px,7vw,64px)}.mention{color:var(--primary-ink);font:inherit;cursor:pointer;background:0 0;border:none;margin:0 5px 0 0;padding:0;font-weight:700;display:inline}.more-replies{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 0 0;font-size:13px;font-weight:700}.comment.flash{border-radius:12px;animation:1.6s comment-flash}@keyframes comment-flash{0%,40%{background:var(--primary-soft)}to{background:0 0}}.photo-viewer{color:#fff;background:#0e0d14;border:none;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.photo-viewer::backdrop{background:#0e0d14}.photo-top{z-index:2;padding:calc(8px + env(safe-area-inset-top)) 8px 8px 18px;background:linear-gradient(#00000073,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.photo-count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.photo-close{color:#fff}.photo-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;width:100%;height:100%;display:flex;overflow:auto hidden}.photo-track::-webkit-scrollbar{display:none}.photo-slide{scroll-snap-align:center;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.photo-slide img{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;max-width:100%;max-height:100%}.photo-arrow{z-index:2;color:#fff;cursor:pointer;background:#0006;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-arrow.prev{left:10px}.photo-arrow.next{right:10px}.photo-hint{z-index:2;padding:12px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;color:#ffffffbf;background:linear-gradient(#0000,#00000073);font-size:13px;position:absolute;bottom:0;left:0;right:0}.photo-post{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;height:34px;margin-left:auto;margin-right:4px;padding:0 12px;font-size:13px;font-weight:700}.media-row{width:100%}.media-row-text{text-align:left;flex:1}.media-grid{border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;display:grid;overflow:hidden}.media-thumb{aspect-ratio:1;background:var(--line-soft);cursor:zoom-in;border:none;padding:0}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-files{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.media-files li{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.media-files .attach-file-wrap{width:100%}.explode-soon{background:var(--amber-soft);color:var(--amber);border-radius:18px;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.explode-soon-text{flex:1;min-width:0}.explode-soon-title{font-size:14.5px;font-weight:800}.explode-soon-sub{font-size:13px;line-height:1.4}.explode-soon .button{flex-shrink:0}.post-card.flash{animation:1.6s post-flash}@keyframes post-flash{0%,40%{background:var(--primary-soft)}to{background:var(--card)}}.photo-body{outline:none;width:100%;height:100%;position:relative}.add-form.with-id{grid-template-columns:minmax(0,.8fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr) auto}@media (width<=520px){.add-form.with-id{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.add-form.with-id input:nth-child(-n+2){grid-column:auto}.add-form.with-id input:nth-child(3),.add-form.with-id input:nth-child(4),.add-form.with-id .button{grid-column:1/-1}}.requests-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.requests-head .button{flex:none;width:auto}.entry-fields{flex-direction:column;gap:8px;display:flex}.entry-field{align-items:center;gap:6px;display:flex}.entry-field input{border:1.5px solid var(--line);background:var(--card);border-radius:12px;flex:1;min-width:0;padding:11px 12px;font-size:16px}.entry-field input:focus{border-color:var(--primary);outline:none}.entry-fields .text-button{align-self:flex-start}.form-card{flex-direction:column;gap:8px;display:flex}.form-card .chips{justify-content:flex-start}.form-card .hint{margin:0}.setting-value{font-size:15px;font-weight:700}.room-list button.room-card{width:100%;font:inherit;text-align:left;cursor:pointer;border:none}.share-what{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}
