:root{--bg: #f4f6fb;--ink: #1d2433;--ink-2: #5b6478;--ink-3: #9aa2b4;--accent: #2f7cf6;--glass-border: rgba(255, 255, 255, .9);--glass-shadow: 0 10px 30px rgba(40, 56, 100, .09), 0 2px 6px rgba(40, 56, 100, .05);--radius: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#root{height:100%;overflow:clip}.topics,.chat,.board,.summary{scrollbar-width:none}.topics::-webkit-scrollbar,.chat::-webkit-scrollbar,.board::-webkit-scrollbar,.summary::-webkit-scrollbar{display:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.backdrop{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.blob{position:absolute;width:70vmax;height:70vmax;border-radius:50%;will-change:transform}.blob.b1{background:radial-gradient(circle,#c4dcffcc,#c4dcff00 65%);top:-26vmax;left:-24vmax;animation:drift1 20s ease-in-out infinite alternate}.blob.b2{background:radial-gradient(circle,#ffd6e6bf,#ffd6e600 65%);bottom:-30vmax;right:-26vmax;animation:drift2 24s ease-in-out infinite alternate}.blob.b3{background:radial-gradient(circle,#cef4e4b3,#cef4e400 65%);top:28%;left:34%;width:50vmax;height:50vmax;animation:drift3 28s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate3d(12vmax,8vmax,0)}}@keyframes drift2{to{transform:translate3d(-10vmax,-12vmax,0)}}@keyframes drift3{to{transform:translate3d(-16vmax,6vmax,0)}}.glass{position:relative;background:linear-gradient(180deg,#ffffffb3,#fff0 46%),linear-gradient(150deg,#ffffffdb,#fff9);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #fff,inset 0 -8px 16px #ffffff59;border-radius:var(--radius)}.blur{backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.screen{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;max-width:520px;margin:0 auto;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 16px)}.sk{display:block;border-radius:18px;background:linear-gradient(100deg,#e1e7f2e6 30%,#f7f9fcf2,#e1e7f2e6 70%);background-size:300% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.avatar{overflow:visible;display:block}.av-eyes-closed{opacity:0}.av-eyes-open,.av-eyes-closed{animation:4.2s infinite;animation-delay:var(--blink-delay, 0s)}.av-eyes-open{animation-name:eyes-open}.av-eyes-closed{animation-name:eyes-closed}@keyframes eyes-open{0%,93%,97.5%,to{opacity:1}94%,97%{opacity:0}}@keyframes eyes-closed{0%,93%,97.5%,to{opacity:0}94%,97%{opacity:1}}.av-mouth{opacity:0;transform-box:fill-box;transform-origin:center}.avatar.talking .av-smile{opacity:0}.avatar.talking .av-mouth{opacity:1;animation:talk .32s ease-in-out infinite alternate}.avatar.talking{animation:bob .5s ease-in-out infinite alternate}@keyframes talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.topbar{display:flex;align-items:center;justify-content:space-between;height:44px;flex-shrink:0}.brand{font-weight:900;font-size:20px;letter-spacing:.04em}.carousel{position:relative;height:210px;margin:14px -16px 0;flex-shrink:0;touch-action:pan-y;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.type-card{position:absolute;top:4px;left:50%;width:min(78vw,360px);height:196px;margin-left:calc(min(78vw,360px)/-2);padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:30px;will-change:transform}.type-card .tint{position:absolute;inset:0;opacity:.6;pointer-events:none}.type-card .num{font-size:13px;font-weight:700;color:var(--ink-2);letter-spacing:.1em;position:relative}.type-card h2{margin:0;font-size:28px;font-weight:900;position:relative;letter-spacing:.02em}.tags{display:flex;gap:6px;position:relative;flex-wrap:wrap}.tag{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:#ffffffbf}.type-icon{position:absolute;right:-8px;bottom:-14px;opacity:.9}.dots{display:flex;gap:6px;justify-content:center;margin:4px 0 14px;flex-shrink:0}.dot{height:6px;border-radius:3px;background:#1d24332e}.topics{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding:2px 2px 12px;margin:0 -2px}.topic-card{display:flex;align-items:center;gap:14px;padding:18px;text-align:left;border-radius:22px;width:100%}.topic-no{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;flex-shrink:0;color:#fff}.topic-title{flex:1;font-size:15px;font-weight:700;line-height:1.5}.seen{font-size:11px;font-weight:700;color:var(--ink-3);display:flex;align-items:center;gap:3px;flex-shrink:0}.chev{color:var(--ink-3);flex-shrink:0}.scrim{position:fixed;inset:0;background:#1e284638;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;z-index:41;border-radius:32px 32px 0 0;padding:10px 20px calc(var(--safe-bottom) + 22px);background:linear-gradient(160deg,#fff,#f8faff);box-shadow:0 -10px 40px #28386424,inset 0 1px #fff;touch-action:none}.grabber{width:40px;height:5px;border-radius:3px;background:#1d24332e;margin:0 auto 16px}.sheet-type{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.08em}.sheet h3{margin:6px 0 18px;font-size:19px;line-height:1.5;font-weight:900}.label{font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:10px;letter-spacing:.08em}.crowd{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:6px 0 22px}.crowd-person{display:flex;flex-direction:column;align-items:center;gap:3px}.crowd-person span{font-size:11px;font-weight:700;color:var(--ink-2)}.role-chip{font-style:normal;font-size:10px;font-weight:900;padding:3px 9px;border-radius:999px;color:#fff;white-space:nowrap}.primary{width:100%;padding:17px;border-radius:20px;font-weight:900;font-size:16px;color:#fff;background:linear-gradient(180deg,#4b90ff,#2f6ff0);box-shadow:0 10px 24px #2f6ff054,inset 0 1px #ffffff73;display:flex;align-items:center;justify-content:center;gap:8px}.secondary{width:100%;padding:15px;border-radius:20px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.demo{padding-bottom:calc(var(--safe-bottom) + 12px);gap:8px}.tint-layer{position:fixed;inset:0;z-index:-1;pointer-events:none}.demo-top{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.demo-title{flex:1;min-width:0}.demo-title b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.45}.clock{font-variant-numeric:tabular-nums;font-weight:900;font-size:15px;padding:9px 12px;border-radius:14px;flex-shrink:0}.phasebar{display:flex;gap:4px;flex-shrink:0;margin-top:2px}.phase-seg{flex:1;height:5px;border-radius:3px;background:#1d24331a;overflow:hidden}.phase-seg>div{height:100%;background:var(--accent);border-radius:3px;transform-origin:left center;transform:scaleX(0)}.phase-name{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--ink-2);flex-shrink:0;height:16px}.seats{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 4px 8px;border-radius:22px;flex-shrink:0;cursor:pointer}.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.seat .avatar{position:relative;z-index:1}.seat-ring{position:absolute;top:-3px;width:50px;height:50px;border-radius:50%;border:2.5px solid;transition:opacity .25s;box-shadow:0 0 0 4px #ffffffb3}.seat-role{position:relative;z-index:2;font-size:10px;font-weight:900;color:#fff;padding:2px 8px;border-radius:999px;margin-top:-6px;white-space:nowrap;line-height:15px}.seat-role.none{background:#c9d0dd}.phase-pill{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#1d2433db;color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 24px #1d243340;pointer-events:none}.phase-pill small{font-size:10px;letter-spacing:.14em;color:#9fc3ff}.chat{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px 2px 10px;touch-action:pan-y;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 100%)}.msg{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}.msg-av{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 2px 8px #2838641a}.msg-av>svg{position:absolute;left:-2px;top:1px}.msg-body{min-width:0;flex:1}.msg-meta{font-size:11px;font-weight:700;color:var(--ink-2);margin:0 0 4px 4px;display:flex;gap:6px;align-items:center}.msg-meta i{font-style:normal;color:#fff;padding:1px 7px;border-radius:999px;font-size:10px}.msg-meta em{font-style:normal;font-size:10px;font-weight:900}.bubble{display:inline-block;max-width:100%;padding:11px 14px;border-radius:6px 20px 20px;font-size:14px;line-height:1.7;background:#ffffffeb;border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 14px #28386412}.bubble.role-line{font-weight:700;border-left:4px solid}.bubble.key-line{box-shadow:0 4px 14px #28386412,0 0 0 2px #ffbe3c73}.msg.past .bubble{opacity:.82}.caret{display:inline-block;width:2px;height:1em;vertical-align:-2px;margin-left:2px;animation:caret .8s steps(2) infinite}@keyframes caret{50%{opacity:0}}.controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:26px;flex-shrink:0}.ctrl{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;position:relative}.ctrl:active{background:#0000000a}.play{width:60px;height:60px;border-radius:22px;background:linear-gradient(180deg,#4b90ff,#2f6ff0);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #2f6ff054}.speed{font-weight:900;font-size:14px;width:56px}.badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff5a79;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center}.key-card{position:relative;flex-shrink:0;padding:18px 18px 16px;border-radius:26px;background:#fffffff2;box-shadow:0 16px 40px #28386429,inset 0 0 0 1.5px var(--role);overflow:hidden}.key-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--role)}.key-head{display:flex;align-items:center;gap:8px}.key-role{font-size:11px;font-weight:900;color:#fff;padding:4px 10px;border-radius:999px;letter-spacing:.04em}.key-card h4{margin:10px 0 6px;font-size:17px;font-weight:900;line-height:1.5}.key-card p{margin:0 0 14px;font-size:13.5px;line-height:1.75;color:#3a4256}.key-next{width:100%;padding:15px;border-radius:18px;color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 20px #1d24332e,inset 0 1px #ffffff59}.board-sheet{max-height:78vh;display:flex;flex-direction:column}.board{overflow-y:auto;padding:4px 2px 6px;touch-action:pan-y}.board-phase{font-size:11px;font-weight:900;color:#1fa874;letter-spacing:.1em;margin:14px 0 8px}.note{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:14px;background:#fff;margin-bottom:8px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #2838640f}.note:before{content:"";width:6px;height:6px;border-radius:50%;background:#1fa874;flex-shrink:0}.empty{text-align:center;color:var(--ink-3);font-size:13px;padding:30px 0}.summary{overflow-y:auto;gap:14px}.summary-hero{padding:22px;text-align:center;border-radius:30px;flex-shrink:0}.hero-people{display:flex;justify-content:center;gap:2px;margin-bottom:10px}.summary-hero small{font-size:12px;font-weight:900;color:var(--accent);letter-spacing:.14em}.summary-hero h2{margin:8px 0 12px;font-size:14px;color:var(--ink-2);font-weight:700;line-height:1.5}.summary-hero p{margin:0;font-size:17px;font-weight:900;line-height:1.7}.section{padding:18px;border-radius:26px;flex-shrink:0}.section h3{margin:0 0 12px;font-size:14px;font-weight:900}.role-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.role-tabs button{font-size:12px;font-weight:900;padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #28386414;transition:background .2s,color .2s}.points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.points li{display:flex;flex-direction:column;gap:3px;padding-left:12px;border-left:3px solid var(--role)}.points li b{font-size:14px}.points li span{font-size:12.5px;line-height:1.7;color:#3a4256}.flow{position:relative;padding-left:20px}.flow:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#2f7cf633;border-radius:1px}.flow-item{position:relative;margin-bottom:12px}.flow-item:last-child{margin-bottom:0}.flow-item:before{content:"";position:absolute;left:-19px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #2f7cf62e}.flow-item b{font-size:13px}.flow-item span{font-size:12px;color:var(--ink-2);margin-left:6px}.flow-item p{margin:3px 0 0;font-size:12px;color:var(--ink-2);line-height:1.6}.summary-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;padding-bottom:8px}@media(prefers-reduced-motion:reduce){.blob,.avatar.talking,.av-eyes-open,.av-eyes-closed{animation:none!important}}