:root{color:#172033;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;background:linear-gradient(135deg,#1e40af14,#0000 36%),linear-gradient(315deg,#14b8a61a,#0000 34%),#f7f9fc;font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input{letter-spacing:0}.appShell{min-height:100vh;padding:28px 16px 40px;position:relative}.appShell:before{content:"";pointer-events:none;background-image:linear-gradient(#1720330d 1px,#0000 1px),linear-gradient(90deg,#1720330d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.appHero,.workspaceGrid{z-index:1;max-width:1120px;margin:0 auto;position:relative}.appHero{align-items:end;gap:18px;margin-bottom:22px;display:grid}.heroCopy{gap:12px;display:grid}.heroChip{color:#1d4ed8;background:#e8f0ff;border:1px solid #2563eb2e;border-radius:8px;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-weight:700;display:inline-flex}.heroCopy h1{color:#0f172a;margin:0;font-size:2.35rem;line-height:1.05}.heroCopy p{color:#526075;max-width:660px;margin:0;font-size:1rem;line-height:1.8}.heroSummary{border:1px solid #94a3b852;justify-self:stretch}.heroSummary [data-slot=base]{border-radius:8px}.heroSummaryBody{gap:6px;padding:18px;display:grid}.heroSummary span,.heroSummary small{color:#64748b}.heroSummary strong{color:#0f172a;font-size:1.8rem;line-height:1;display:block}.workspaceGrid{gap:18px;display:grid}.inputStack{gap:14px;min-width:0;display:grid}.toolCard,.resultCard{background:#ffffffeb;border:1px solid #94a3b847;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.sectionHeader,.resultHeader{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.sectionHeader>div,.resultHeader>div{gap:4px;display:grid}.sectionIndex{color:#2563eb;font-size:.74rem;font-weight:800}.sectionHeader h2,.resultHeader h2{color:#111827;margin:0;font-size:1.05rem;line-height:1.25}.sectionHeader p{color:#64748b;text-align:right;max-width:320px;margin:0;font-size:.88rem;line-height:1.65}.sectionBody{gap:16px;padding:18px 20px 20px;display:grid}.inputGrid,.participantRow{grid-template-columns:1fr;gap:12px;display:grid}.fieldShell{background:#fff;border:1px solid #94a3b873;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;min-height:64px;padding:10px 12px;display:flex;box-shadow:0 1px #0f172a08}.fieldShell:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.fieldShell [data-slot=label]{color:#475569;pointer-events:auto;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:700;line-height:1.2;position:static;overflow:hidden;transform:none}.fieldShell [data-slot=inner-wrapper]{align-items:center;gap:6px;min-height:24px;display:flex}.fieldShell input{color:#0f172a;font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:1rem}.fieldShell input:disabled{color:#64748b;cursor:not-allowed}[data-slot=base].opacity-disabled{opacity:.72}[data-slot=description]{color:#64748b;margin-top:4px;font-size:.75rem;line-height:1.4}.inputSuffix{color:#64748b;white-space:nowrap;font-size:.9rem}.modeTabs{width:100%}.modeTabList{background:#eef4ff;border:1px solid #2563eb2e;border-radius:8px;gap:4px;width:100%;padding:4px;display:flex;overflow:hidden}.modeTab{color:#334155;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-weight:700;display:inline-flex}.modeTab[data-selected=true]{color:#fff;background:#2563eb;box-shadow:0 8px 18px #2563eb2e}.modeTab [data-slot=tabContent]{color:inherit;white-space:nowrap}.modeCursor{display:none}.participantList,.resultList{gap:12px;display:grid}.participantRow{background:#f8fafc;border:1px solid #94a3b838;border-radius:8px;padding:12px}.resetButton{color:#334155;background:#fff;border:1px solid #94a3b86b;border-radius:8px;width:100%;min-height:44px;font-weight:700}.resetButton:hover{background:#f8fafc}.statusChip{color:#1d4ed8;white-space:nowrap;background:#e8f0ff;border-radius:8px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.resultCard{align-self:start}.resultEmpty p{color:#64748b;margin:0;line-height:1.7}.resultPlaceholder,.resultHero{color:#fff;background:#0f172a;border-radius:8px;gap:8px;padding:20px;display:grid}.resultPlaceholder span,.resultHero span{color:#cbd5e1;font-size:.9rem}.resultPlaceholder strong,.resultHero strong{font-size:2rem;line-height:1}.resultRow,.resultTotal{justify-content:space-between;align-items:center;gap:16px;display:flex}.resultRow{background:#f8fafc;border:1px solid #94a3b833;border-radius:8px;padding:12px 14px}.resultRow span,.resultTotal span{color:#475569}.resultRow strong{color:#0f172a;white-space:nowrap;font-size:1.08rem}.resultTotal{border-top:1px solid #e2e8f0;padding-top:14px}.resultTotal strong{color:#0f172a;font-size:1.18rem}@media (width>=720px){.appShell{padding:44px 24px 64px}.appHero{grid-template-columns:1fr 280px;margin-bottom:28px}.heroCopy h1{font-size:3rem}.inputGrid,.participantRow{grid-template-columns:1fr 1fr}}@media (width>=960px){.workspaceGrid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.resultCard{position:sticky;top:24px}}@media (width<=520px){.sectionHeader,.resultHeader{display:grid}.sectionHeader p{text-align:left}.heroCopy h1{font-size:2rem}}