:root{color-scheme:light;--brown: #584232;--orange: #d98c4d;--orange-dark: #b66e32;--orange-pale: #fff3e6;--beige: #f7f1e5;--border: #e9cdb1;--muted: #89796d;--white: #fff;--green: #3d8b78;--danger: #b84a4a;--shadow: 0 8px 24px rgba(88, 66, 50, .08)}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:var(--beige);-webkit-text-size-adjust:100%;touch-action:manipulation}body{min-height:100vh;margin:0;color:var(--brown);background:var(--beige);font-family:Noto Sans JP,Yu Gothic UI,Yu Gothic,system-ui,sans-serif;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.topbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:74px 1fr 74px;align-items:center;min-height:64px;padding:env(safe-area-inset-top) 10px 0;border-bottom:1px solid var(--border);background:#f7f1e5f0;backdrop-filter:blur(10px)}.topbar>div{text-align:center;line-height:1.3}.topbar span{display:block;color:var(--orange-dark);font-size:.58rem;font-weight:800;letter-spacing:.14em}.topbar strong{font-size:.9rem}.back-button{display:grid;width:44px;height:44px;place-items:center;color:var(--brown);text-decoration:none;font-size:2rem}.reset-button{min-height:42px;border:0;color:var(--danger);background:transparent;font-size:.76rem;cursor:pointer}.page-shell{width:min(100%,680px);min-height:calc(100vh - 64px);margin:0 auto;padding:26px 16px calc(70px + env(safe-area-inset-bottom))}.center-view{display:flex;min-height:65vh;flex-direction:column;align-items:center;justify-content:center;text-align:center}.center-view h1{margin:13px 0 4px;font-size:1.35rem}.center-view p{max-width:390px;margin:5px 0 23px;color:var(--muted);font-size:.86rem}.empty-icon{font-size:2.4rem}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.primary-link,.secondary-link{display:grid;min-width:230px;min-height:54px;padding:12px 18px;place-items:center;border-radius:12px;font-weight:700;text-decoration:none}.primary-link{color:#fff;background:var(--orange)}.secondary-link{border:1px solid var(--border);color:var(--brown);background:#fff}.page-heading{margin:12px 0 24px;text-align:center}.page-heading h1{margin:4px 0 0;font-size:1.55rem}.eyebrow,.step-label{margin:0;color:var(--orange-dark);font-size:.65rem;font-weight:800;letter-spacing:.13em}.event-buttons{display:grid;gap:12px}.event-choice{display:grid;grid-template-columns:1fr 24px;gap:12px;width:100%;padding:18px;border:1px solid var(--border);border-radius:14px;color:var(--brown);background:#fff;box-shadow:var(--shadow);text-align:left;cursor:pointer}.event-choice strong,.event-choice small{display:block}.event-choice small{margin-top:3px;color:var(--muted)}.event-summary{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin:5px 2px 20px}.event-summary h1{margin:2px 0 0;font-size:1.45rem;line-height:1.35}.event-time{margin:4px 0 0;color:var(--muted);font-size:.78rem}.sync-status{flex:none;margin-top:4px;padding:5px 9px;border-radius:999px;color:var(--muted);background:#ede5da;font-size:.65rem}.sync-status.ready{color:#2b765f;background:#e2f2eb}.panel{margin-bottom:15px;padding:18px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 4px 14px #5842320b}.panel-heading{margin-bottom:15px}.panel-heading h2{margin:2px 0 3px;font-size:1.15rem}.panel-heading p{margin:0;color:var(--muted);font-size:.75rem}.compact-heading{display:flex;align-items:center;justify-content:space-between}.count-badge{padding:4px 9px;border-radius:999px;color:var(--orange-dark);background:var(--orange-pale);font-size:.75rem}.participant-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.participant-chip{display:inline-flex;min-height:36px;gap:6px;align-items:center;padding:7px 11px;border:1px solid #e6d9cd;border-radius:9px;background:#faf8f5;font-size:.78rem;font-weight:700}.participant-chip.guest{border-style:dashed}.participant-chip button{width:22px;height:22px;padding:0;border:0;border-radius:50%;color:#9d6d6d;background:#f4e7e7;cursor:pointer}.inline-form{display:grid;grid-template-columns:1fr 76px;gap:8px}.form-input,.topic-input{width:100%;min-height:48px;padding:11px 12px;border:1px solid #ccc;border-radius:8px;color:var(--brown);background:#fff;appearance:none;-webkit-appearance:none}.form-input:focus,.topic-input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #d98c4d2e}.small-button{min-height:48px;border:1px solid var(--orange);border-radius:8px;color:var(--orange-dark);background:var(--orange-pale);font-weight:700;cursor:pointer}.mini-note{margin:8px 0 0;color:var(--muted);font-size:.69rem}.topic-inputs{display:grid;gap:9px}.topic-row{display:grid;grid-template-columns:1fr 38px;gap:7px;align-items:center}.topic-input{min-height:70px;resize:vertical;font-size:1rem;line-height:1.55}.remove-topic{width:36px;height:36px;border:0;border-radius:50%;color:#9d6d6d;background:#f4e7e7;cursor:pointer}.add-row-button{width:100%;min-height:46px;margin:10px 0;border:1px dashed var(--orange);border-radius:8px;color:var(--orange-dark);background:var(--orange-pale);cursor:pointer}.primary-button,.secondary-button{width:100%;min-height:54px;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer}.primary-button{border:1px solid var(--orange-dark);color:#fff;background:var(--orange);box-shadow:0 6px 15px #b66e322e}.secondary-button{border:1px solid var(--border);color:var(--brown);background:#fff}.submission-stats{display:flex;gap:8px;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);color:var(--muted);font-size:.75rem}.submission-stats strong{color:var(--orange-dark);font-size:1rem}.start-panel{text-align:center}.start-mark{display:grid;width:52px;height:52px;margin:0 auto 9px;place-items:center;border-radius:12px;color:#a66d16;background:#fff2d3;font-size:1.6rem}.start-panel h2{margin:0;font-size:1.15rem}.start-panel>div:nth-child(2) p{margin:5px 0 16px;color:var(--muted);font-size:.75rem}.strong-button{min-height:58px}.legacy-link{display:grid;grid-template-columns:44px 1fr 18px;gap:11px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;color:var(--brown);background:#ffffff9e;text-decoration:none}.legacy-link>span:first-child{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;color:var(--orange-dark);background:var(--orange-pale);font-size:1.35rem;font-weight:800}.legacy-link strong,.legacy-link small{display:block}.legacy-link small{color:var(--muted);font-size:.68rem}.result-view{text-align:center}.result-event-summary{text-align:left}.result-intro{margin:25px 0 14px;color:var(--muted);font-size:.78rem}.result-card{display:grid;min-height:300px;margin-bottom:15px;padding:25px;place-items:center;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.result-card.fake{border-color:#e4bd7a;background:#fffaf0}.card-back{display:grid;gap:10px;color:var(--orange);font-size:4rem}.card-back small{font-size:.65rem;letter-spacing:.18em}.result-label{margin:0 0 13px;color:var(--orange-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em}.result-value{margin:0;font-size:clamp(2rem,10vw,3.6rem);font-weight:900;line-height:1.3}.result-note{margin:15px 0 0;color:var(--muted)}.guest-results{margin:26px 0 14px;padding-top:20px;border-top:2px dashed var(--border);text-align:left}.guest-results h2{margin:0;font-size:1.05rem}.guest-results>p{margin:3px 0 12px;color:var(--muted);font-size:.73rem}.guest-result-button{width:100%;min-height:52px;margin-bottom:8px;padding:10px 13px;border:1px solid var(--border);border-radius:9px;color:var(--brown);background:#fff;text-align:left;font-weight:700;cursor:pointer}.answer-entry{margin-top:28px;padding:18px;border:1px solid #dcc5ae;border-radius:14px;background:#ffffffa8}.answer-entry p{margin:0 0 11px;color:var(--muted);font-size:.76rem}.answer-button{width:100%;min-height:54px;padding:12px 18px;border:1px solid var(--brown);border-radius:10px;color:#fff;background:var(--brown);font-weight:800;cursor:pointer}#refresh-result-button{margin-top:12px}.answer-view{text-align:center}.answer-status{color:#9b5f19;background:#fff0d6}.answer-heading{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin:20px 0 16px;padding:18px;border:1px solid #e4bd7a;border-radius:15px;background:#fffaf0;text-align:left}.answer-heading>span{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#fff;background:var(--orange);font-size:1.35rem;font-weight:900}.answer-heading p{margin:0;color:var(--orange-dark);font-size:.68rem;font-weight:800;letter-spacing:.08em}.answer-heading h2{margin:2px 0 0;overflow-wrap:anywhere;font-size:clamp(1.45rem,7vw,2.25rem);line-height:1.35}.answer-list-panel{margin-bottom:14px;padding:18px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow);text-align:left}.answer-list-panel>h2{margin:0 0 12px;font-size:1rem}.answer-list{display:grid;gap:8px}.answer-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:10px 12px;border:1px solid #e8ddd2;border-radius:10px;background:#faf8f5}.answer-person strong{overflow-wrap:anywhere}.answer-role{padding:5px 10px;border-radius:999px;color:#2b765f;background:#e2f2eb;font-size:.72rem;font-weight:800}.answer-person.fake{border-color:#e3b76b;background:#fff7e8}.answer-person.fake .answer-role{color:#9b5f19;background:#ffe6b5}.answer-reset-button{margin-top:10px}.toast{position:fixed;z-index:50;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));left:18px;max-width:560px;margin:auto;padding:12px 15px;border-radius:10px;color:#fff;background:#3f322bf0;box-shadow:var(--shadow);text-align:center;font-size:.8rem}@media(min-width:760px){.page-shell{width:min(100%,980px);padding-inline:24px}#collect-view{display:grid;grid-template-columns:1fr 1fr;gap:16px}#collect-view[hidden]{display:none}.event-summary,.legacy-link{grid-column:1 / -1}.panel{margin-bottom:0}.start-panel{display:flex;flex-direction:column;justify-content:center}.result-view,.answer-view{width:min(100%,620px);margin:0 auto}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}