:root{color:#172126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f3ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait}.app-shell{background:linear-gradient(90deg,#f6f3edf7 0%,#f6f3ede6 44%,#f6f3ed6b 100%),#f6f3ed;min-height:100svh;padding:clamp(12px,1.45vw,28px);position:relative;overflow:hidden}.ambient-photo{opacity:.68;background-image:-webkit-image-set(url(/meetup-background.webp) 1x type("image/webp"),url(/meetup-background.png) 1x type("image/png"));background-image:image-set("/meetup-background.webp" 1x type("image/webp"),"/meetup-background.png" 1x type("image/png"));background-position:50%;background-size:cover;position:absolute;inset:0}.app-layout{z-index:1;grid-template-columns:minmax(720px,1fr) clamp(340px,27vw,520px);align-items:stretch;gap:clamp(12px,1.05vw,20px);width:100%;max-width:2160px;height:calc(100svh - clamp(24px,2.9vw,56px));margin:0 auto;display:grid;position:relative}.app-layout.is-collection-collapsed{grid-template-columns:minmax(720px,1fr) clamp(88px,7vw,128px)}.workspace{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.05vw,18px);min-width:0;height:100%;display:grid}.brand-strip,.control-band,.collection-band,.topic-panel,.timer-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9e6;border:1px solid #1721261f;border-radius:8px;box-shadow:0 24px 70px #17212621}.brand-strip{justify-content:space-between;align-items:center;gap:16px;padding:clamp(12px,1.05vw,18px) clamp(16px,1.2vw,22px);display:flex}.eyebrow,.timer-label,.control-label,.topic-meta,.mode-count,.live-pill{letter-spacing:0;color:#2e5b5a;margin:0;font-size:.82rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.65rem,1.55vw,2.2rem);line-height:1.05}.live-pill{color:#8f3f34;white-space:nowrap;background:#fff0e8;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;display:inline-flex}.tool-grid{grid-template-columns:minmax(0,1fr) clamp(300px,23vw,420px);gap:clamp(12px,1.05vw,18px);min-height:0;display:grid}.tool-grid>*{min-height:0}.topic-panel{flex-direction:column;justify-content:space-between;gap:clamp(14px,1.3vw,24px);padding:clamp(18px,1.75vw,34px);display:flex;position:relative;overflow:hidden}.topic-panel:after{pointer-events:none;content:"";opacity:0;background:linear-gradient(115deg,#0000 0 36%,#ffffffbd 46%,#0000 58% 100%);position:absolute;inset:0;transform:translate(-120%)}.topic-panel.is-rolling{animation:.62s cubic-bezier(.22,1,.36,1) gacha-card-jiggle}.topic-panel.is-rolling:after{animation:.62s gacha-shine}.topic-panel.is-settled h2,.topic-panel.is-settled .topic-prompt,.topic-panel.is-settled .followups{animation:.26s both settle-pop}.gacha-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:74px;display:grid;position:relative}.slot-card{color:#2e5b5a;background:#e9f5f1b8;border:1px solid #0d6b6826;border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:74px;padding:12px 14px;display:grid;position:relative;overflow:hidden}.slot-card:after{content:"";background:#e26d5a1c;height:60px;position:absolute;inset:auto -30% -34px;transform:rotate(-4deg)}.slot-card span,.slot-card strong{z-index:1;text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.slot-card span{font-size:.76rem;font-weight:800}.slot-card strong{color:#172126;font-size:1rem}.slot-card.is-center{background:#fff7ee;border-color:#e26d5a61;box-shadow:0 12px 28px #e26d5a29}.slot-card.is-empty{color:#66777e;background:linear-gradient(135deg,#0d6b6814,#0000 48%),#f4eadbb3}.slot-card.is-empty strong{color:#33464d}.slot-marker{color:#fffefa;background:#e26d5a;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 12px 22px #e26d5a47}.topic-panel.is-rolling .slot-card{animation:.144s steps(2,end) infinite slot-flip}.topic-panel.is-rolling .slot-card:nth-child(2){animation-delay:24ms}.topic-panel.is-rolling .slot-card:nth-child(3){animation-delay:48ms}.topic-panel.is-rolling .slot-marker{animation:.36s infinite alternate marker-pulse}.topic-meta{flex-wrap:wrap;gap:10px;display:flex}.topic-meta span{background:#e9f5f1;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;display:inline-flex}.topic-empty{gap:14px;display:grid}.topic-empty span{color:#2e5b5a;background:#e9f5f1;border-radius:999px;width:fit-content;padding:7px 12px;font-size:.82rem;font-weight:800}.topic-panel h2{color:#172126;margin-bottom:0;font-size:clamp(2rem,2.2vw,3.25rem);line-height:1.1}.topic-prompt{color:#26343a;max-width:min(980px,100%);margin-bottom:0;font-size:clamp(1.18rem,1.35vw,1.85rem);font-weight:700;line-height:1.55}.followups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.followups p{color:#324349;background:#fff7ee;border-left:4px solid #e26d5a;border-radius:8px;min-height:68px;margin:0;padding:14px 16px;line-height:1.5}.topic-actions,.timer-actions,.metric-row,.step-row{align-items:center;gap:10px;display:flex}.primary-action,.quiet-action,.icon-action,.segmented button,.step-row button,.collection-card{border-radius:8px;min-height:42px;transition:transform .16s,background .16s,box-shadow .16s}.primary-action,.quiet-action,.icon-action{justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:800;display:inline-flex}.primary-action{color:#fffefa;background:#0d6b68;box-shadow:0 12px 26px #0d6b6847}.quiet-action,.icon-action{color:#172126;background:#ecdfcd}.icon-action{width:46px;padding:0}.primary-action:hover,.quiet-action:hover,.icon-action:hover,.segmented button:hover,.step-row button:hover,.collection-card.is-collected:hover{transform:translateY(-1px)}.primary-action:disabled,.quiet-action:disabled{opacity:.78;transform:none}.topic-panel.is-rolling .primary-action svg{animation:.52s linear infinite spin-icon}.timer-panel{align-content:center;gap:clamp(12px,1vw,16px);padding:clamp(16px,1.25vw,24px);display:grid}.timer-ring{--progress:0%;aspect-ratio:1;background:radial-gradient(circle at center, #fffefa 0 60%, transparent 61%), conic-gradient(#e26d5a var(--progress), #e6dccd 0);border-radius:50%;justify-self:center;place-items:center;width:min(76%,310px,30vh);display:grid}.timer-ring div{justify-items:center;gap:6px;display:grid}.timer-ring strong{color:#172126;font-size:clamp(2.55rem,3vw,3.55rem);line-height:1}.timer-actions{justify-content:center}.metric-row{flex-wrap:wrap;justify-content:center}.metric-row div{color:#2e5b5a;background:#e9f5f1;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.control-band{grid-template-columns:minmax(280px,1fr) auto minmax(150px,180px) minmax(200px,240px);gap:clamp(12px,1vw,18px);padding:clamp(12px,1vw,16px);display:grid}.control-group{align-content:start;gap:8px;min-width:0;display:grid}.control-label{font-size:.74rem}.segmented,.step-row{flex-wrap:wrap;gap:8px;display:flex}.segmented button,.step-row button{color:#33464d;white-space:nowrap;background:#f4eadb;padding:0 11px;font-size:.9rem;font-weight:800}.segmented button.is-active,.step-row button.is-active{color:#fffefa;background:#8f3f34}.range-group input{accent-color:#0d6b68;width:100%}.switch-group{min-width:0}.switch-row{color:#24353b;background:#f4eadb;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-flex}.switch-row input{accent-color:#0d6b68;width:18px;height:18px}.mode-count{color:#66777e}.draw-note{color:#66777e;margin:-8px 0 0;font-weight:800}.collection-band{flex-direction:column;gap:clamp(10px,.9vw,14px);min-height:0;padding:clamp(14px,1.05vw,20px);display:flex;overflow:hidden}.collection-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.collection-head-actions{gap:8px;display:inline-flex}.collection-head h2{margin:2px 0 0;font-size:1.5rem;line-height:1.1}.collection-band.is-collapsed{align-items:center;padding:16px 12px}.collection-band.is-collapsed .collection-head{flex-direction:column;align-items:center;width:100%}.collection-band.is-collapsed .collection-head div:first-child{justify-items:center;gap:6px;display:grid}.collection-band.is-collapsed .collection-head h2{writing-mode:vertical-rl;text-orientation:mixed;font-size:1.1rem}.collection-band.is-collapsed .eyebrow{writing-mode:vertical-rl;text-orientation:mixed}.collection-collapsed-body{color:#2e5b5a;justify-items:center;gap:8px;margin-top:auto;margin-bottom:auto;display:grid}.collection-collapsed-body strong{color:#172126;font-size:2rem;line-height:1}.collection-collapsed-body span{font-weight:800}.collection-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.collection-summary div{background:#e9f5f1;border-radius:8px;gap:4px;padding:12px;display:grid}.collection-summary span{color:#2e5b5a;font-size:.76rem;font-weight:800}.collection-summary strong{color:#172126;font-size:1.65rem;line-height:1}.collection-summary small{color:#66777e;font-size:.9rem}.collection-meter{--collection-progress:0%;background:linear-gradient(90deg, #e26d5a var(--collection-progress), transparent 0), #15191c;border-radius:999px;height:9px;overflow:hidden}.collection-grid{scrollbar-width:thin;flex:auto;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;min-height:0;max-height:none;padding-right:2px;display:grid;overflow-y:auto}.collection-card{text-align:left;border:1px solid #1721261f;align-content:center;gap:4px;min-width:0;min-height:clamp(58px,7.5vh,76px);padding:10px;display:grid;overflow:hidden}.collection-card span,.collection-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collection-card span{font-size:.72rem;font-weight:800}.collection-card strong{font-size:.92rem}.collection-card.is-locked{color:#fffef99e;background:linear-gradient(135deg,#ffffff14,#0000 46%),#111416}.collection-card.is-locked strong{color:#fffef957}.collection-card.is-collected{color:#2e5b5a;background:#fff7ee;box-shadow:inset 0 0 0 1px #e26d5a1f}.collection-card.is-collected strong{color:#172126}.release-action{white-space:nowrap;min-height:42px;padding:0 14px}@keyframes slot-flip{0%{filter:blur();transform:translateY(0)}50%{filter:blur(.35px);transform:translateY(-3px)}}@keyframes gacha-card-jiggle{0%,to{transform:translateY(0)rotate(0)}18%{transform:translateY(-2px)rotate(-.35deg)}38%{transform:translateY(1px)rotate(.35deg)}62%{transform:translateY(-1px)rotate(-.2deg)}}@keyframes gacha-shine{0%{opacity:0;transform:translate(-120%)}28%{opacity:.9}to{opacity:0;transform:translate(120%)}}@keyframes settle-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin-icon{to{transform:rotate(360deg)}}@keyframes marker-pulse{to{transform:translate(-50%)translateY(2px)scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width>=1500px){.app-layout{grid-template-columns:minmax(860px,1fr) clamp(420px,28vw,560px)}.app-layout.is-collection-collapsed{grid-template-columns:minmax(860px,1fr) 128px}.tool-grid{grid-template-columns:minmax(0,1fr) clamp(340px,22vw,440px)}}@media (width<=1180px){.app-layout{grid-template-columns:minmax(0,1fr) minmax(320px,38vw)}.app-layout.is-collection-collapsed{grid-template-columns:minmax(0,1fr) 112px}.tool-grid{grid-template-columns:minmax(0,1fr) 300px}.control-band{grid-template-columns:minmax(0,1fr) minmax(170px,auto)}}@media (height<=760px) and (width>=921px){.app-shell{padding:10px}.app-layout{gap:10px;height:calc(100svh - 20px)}.workspace{gap:10px}.brand-strip,.topic-panel,.timer-panel,.control-band,.collection-band{padding:12px 14px}.brand-strip{min-height:72px}h1{font-size:1.55rem}.tool-grid{gap:10px}.gacha-slots{min-height:58px}.slot-card{min-height:58px;padding:9px 11px}.topic-panel{scrollbar-width:thin;gap:10px;overflow-y:auto}.topic-panel h2{font-size:clamp(1.75rem,2.05vw,2.35rem)}.topic-prompt{font-size:clamp(1.05rem,1.1vw,1.3rem);line-height:1.45}.followups{gap:8px}.followups p{min-height:54px;padding:10px 12px;font-size:.9rem}.control-band{grid-template-columns:minmax(0,1fr) auto minmax(130px,160px) minmax(190px,220px);gap:8px;padding:10px 12px}.control-group{gap:6px}.control-label,.mode-count{font-size:.68rem}.control-group.wide .segmented{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.segmented,.step-row{gap:6px}.segmented button,.step-row button{flex:none;min-height:32px;padding:0 10px;font-size:.78rem}.switch-row{min-height:32px;padding:0 10px;font-size:.78rem}.switch-row input{width:16px;height:16px}.timer-ring{width:min(70%,210px,29vh)}.timer-ring strong{font-size:2.65rem}.collection-summary div{padding:10px}.collection-summary strong{font-size:1.35rem}.collection-card{min-height:54px;padding:8px}.release-action{min-height:36px}}@media (width<=920px){.app-shell{padding:16px;overflow:visible}.app-layout{grid-template-columns:1fr;height:auto;min-height:calc(100svh - 32px)}.app-layout.is-collection-collapsed{grid-template-columns:1fr}.workspace{height:auto;min-height:0}.brand-strip,.tool-grid,.control-band,.collection-band{grid-template-columns:1fr}.brand-strip{align-items:flex-start}.tool-grid{display:grid}.timer-panel{grid-row:1}.collection-grid{max-height:360px}.collection-band.is-collapsed{align-items:stretch}.collection-band.is-collapsed .collection-head{flex-direction:row}.collection-band.is-collapsed .collection-head h2,.collection-band.is-collapsed .eyebrow{writing-mode:horizontal-tb}.timer-ring{justify-self:center;width:min(330px,100%)}}@media (width<=640px){.app-shell{padding:10px}.workspace{gap:10px;min-height:auto}.brand-strip,.topic-panel,.timer-panel,.control-band,.collection-band{padding:14px}.brand-strip{gap:12px}h1{font-size:1.65rem}.topic-panel h2{font-size:1.85rem}.topic-prompt{font-size:1.18rem}.followups,.gacha-slots{grid-template-columns:1fr}.slot-card{min-height:58px}.timer-ring strong{font-size:3.1rem}.collection-grid{grid-template-columns:1fr}.topic-actions,.timer-actions{flex-wrap:wrap}.primary-action,.quiet-action{flex:150px}}