:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#142033;background:#f3f6fb;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#app,.app-shell{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e3e8f0;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 16px 12px;display:flex}.app-kicker{color:#5b6b82;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:12px}.app-title{margin:0;font-size:24px}.app-subtitle{color:#5b6b82;margin:6px 0 0;font-size:14px}.app-nav{color:#284466;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.app-nav .router-link-active{font-weight:700}.app-main{padding:16px}.session-bar{flex-wrap:wrap;gap:10px;max-width:960px;margin:0 auto 16px;display:flex}.session-chip{color:#38537c;background:#eef4ff;border:1px solid #d9e6ff;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.page-card{background:#fff;border:1px solid #e3e8f0;border-radius:16px;max-width:960px;margin:0 auto;padding:20px;box-shadow:0 8px 24px #1420330f}.page-card h2{margin-top:0}.page-card ul{padding-left:20px}.page-grid{gap:16px;max-width:960px;margin:0 auto;display:grid}.full-width-card{max-width:none}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-desc{color:#5b6b82;margin:6px 0 0;font-size:14px}.form-grid{gap:16px;display:grid}.stack-form{gap:12px;display:grid}.stack-form h3,.stack-form h4{margin:0}.stack-form label,.field-label{color:#334863;gap:6px;font-size:14px;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{color:#142033;background:#fff;border:1px solid #d5deeb;border-radius:12px;width:100%;padding:12px 14px}textarea{resize:vertical}button{cursor:pointer;border:none;border-radius:12px;padding:12px 14px}button:disabled{cursor:not-allowed;opacity:.6}.primary-btn{color:#fff;background:#1d5eff;font-weight:700}.ghost-btn{color:#204274;background:#eef4ff;border-radius:999px}.danger-btn{color:#9b2c2c;background:#fff1f1;border:1px solid #f3d4d4;font-weight:700}.checkbox-row{align-items:center;gap:10px;display:flex!important}.checkbox-row input{width:16px;height:16px;margin:0}.info-banner,.error-banner,.empty-state,.empty-inline,.upload-hint{border-radius:12px;padding:12px 14px;font-size:14px}.info-banner{color:#25643a;background:#eef8f0;border:1px solid #d4ebda}.error-banner{color:#8d2b2b;background:#fff1f1;border:1px solid #f3d4d4}.empty-state,.empty-inline{color:#5b6b82;background:#f6f8fc;border:1px dashed #d5deeb}.upload-hint{color:#607089;background:#f7f9fd;border:1px solid #e2e9f3}.ball-selector{gap:12px;display:grid}.ball-row{flex-wrap:wrap;gap:10px;display:flex}.center-row{justify-content:center}.ball-chip{color:#204274;filter:saturate(.78)brightness(.9);opacity:.76;border:2px solid #d5deeb;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:700;display:grid;position:relative;transform:scale(.94);box-shadow:inset 0 1px 2px #fffc,0 8px 18px #1d5eff14}.ball-chip span{background:#ffffffeb;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.ball-chip.active{z-index:1;filter:none;opacity:1;border-color:#12264ae6;transform:translateY(-1px)scale(1.12);box-shadow:inset 0 1px 2px #ffffff5c,0 0 0 4px #fffffff5,0 0 0 7px #1d5eff61,0 14px 24px #13233f47}.ball-chip.active:after{content:"✓";color:#fff;background:#1d5eff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:grid;position:absolute;top:-6px;right:-4px;box-shadow:0 0 0 2px #fff,0 6px 12px #1d5eff4d}.solid-ball{background:radial-gradient(circle at 30% 30%, #fff 0%, var(--ball-color) 32%, color-mix(in srgb, var(--ball-color) 84%, #000) 100%)}.stripe-ball{background:radial-gradient(circle at 30% 30%, #ffffffeb 0%, #fff0 24%), linear-gradient(180deg, #fff 0 26%, var(--ball-color) 26% 74%, #fff 74% 100%)}.ball-chip.black-ball{color:#fff;background:radial-gradient(circle at 30% 30%,#4b5567 0%,#18263d 72%,#0b1220 100%);border-color:#18263d}.ball-chip.dark-tone-ball span{color:#17325d}.ball-chip.light-tone-ball span{color:#8a4a00}.ball-chip.black-ball span{color:#111}.ball-chip.active span{background:#fff;transform:scale(1.08)}.inline-actions,.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-chip{color:#204274;background:#fff;border:1px solid #d5deeb;border-radius:999px;min-width:96px;padding:10px 14px;font-weight:700}.choice-chip.active{color:#fff;background:#1d5eff;border-color:#1d5eff}.entry-mode-row{margin-bottom:18px}.unified-entry-form,.unified-preview-panel{align-content:start}.member-pick-row{gap:10px}.member-pick-chip{min-width:110px}.field-hint{color:#607089;font-size:13px}.event-card,.inline-panel,.preview-card{background:#fbfcff;border:1px solid #e3e8f0;border-radius:14px;padding:16px}.event-card+.event-card{margin-top:12px}.event-card-head{justify-content:space-between;gap:12px;display:flex}.event-card-head h3{margin:0}.event-card-head p{color:#5b6b82;margin:6px 0 0}.event-actions{flex-wrap:wrap;gap:8px;display:flex}.meta-row{color:#5b6b82;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:13px;display:flex}.party-list{gap:10px;margin-top:14px;display:grid}.party-item{color:#1e3554;background:#fff;border:1px solid #dbe5f3;justify-content:space-between;align-items:center;display:flex}.summary-grid{gap:12px;display:grid}.summary-item{background:#f7f9fd;border:1px solid #e2e9f3;border-radius:12px;gap:6px;padding:14px;display:grid}.summary-item span{color:#607089;font-size:13px}.member-row,.ranking-row{border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.member-row:last-child,.ranking-row:last-child{border-bottom:none}.member-row p,.ranking-main p{color:#607089;margin:4px 0 0;font-size:13px}.member-tags{flex-wrap:wrap;gap:8px;display:flex}.status-tag{color:#1d4f9c;background:#eaf2ff;border-radius:999px;padding:4px 8px;font-size:12px}.status-tag.muted{color:#5b6b82;background:#eff3f8}.ranking-list{display:grid}.history-list{gap:12px;display:grid}.history-card{background:#f9fbff;border:1px solid #e2e9f3;border-radius:12px;padding:14px}.history-thumbnail{aspect-ratio:4/3;object-fit:cover;background:#eef3fb;border:1px solid #dbe5f3;border-radius:10px;width:100%;margin-bottom:12px;display:block}.history-card p{color:#607089;margin:6px 0 0;font-size:13px}.history-link{color:#1d5eff;margin-top:10px;font-weight:600;display:inline-block}.history-note{color:#8a97aa!important;margin-top:10px!important}.history-action{margin-top:12px}.image-preview-card{background:#f9fbff;border:1px solid #e2e9f3;border-radius:12px;overflow:hidden}.image-preview{object-fit:cover;width:100%;max-height:280px;display:block}.ranking-index{color:#1d5eff;background:#eef4ff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.ranking-main{flex:1}.ranking-score{color:#162f58;font-size:24px;font-weight:700}.preview-total{color:#1d5eff;font-weight:700}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f4f7fb;--bg-elevated:#ffffffe6;--bg-soft:#eef4ff;--bg-accent:linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #38bdf8 100%);--text-primary:#10233f;--text-secondary:#5d6c82;--text-muted:#8b98ac;--line-soft:#95a6c433;--line-strong:#5c75a338;--shadow-sm:0 10px 30px #13233f0f;--shadow-md:0 18px 50px #13233f1a;--radius-sm:12px;--radius-md:18px;--radius-lg:24px}html{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 30%),radial-gradient(circle at 100% 0,#38bdf81a,#0000 28%),linear-gradient(#f7faff 0%,#f3f6fb 100%)}body{color:var(--text-primary);background:0 0}a,button,input,select,textarea{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}.app-shell{background:linear-gradient(#ffffffc7 0%,#f4f7fb59 100%)}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7faffd1;border-bottom:1px solid #bac9e157;padding:18px 16px;position:sticky;top:0}.app-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:0 auto;display:flex}.app-brand{min-width:min(100%,420px)}.app-kicker{color:#2563eb;letter-spacing:.14em;font-weight:700}.app-title{letter-spacing:-.03em;color:#0f1d34;font-size:clamp(28px,4vw,40px)}.app-subtitle{max-width:620px;color:var(--text-secondary);font-size:15px;line-height:1.65}.app-nav{gap:10px}.app-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-header-actions .ghost-btn{justify-content:center;align-items:center;min-height:44px;padding:0 16px;line-height:1;display:inline-flex}.header-link-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-nav a{color:#44607f;background:#ffffffb3;border:1px solid #b2c2dd6b;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;display:inline-flex;box-shadow:inset 0 1px #fff9}.app-nav a:hover{color:#183a74;transform:translateY(-1px);box-shadow:0 10px 25px #1d4ed81a}.app-nav .router-link-active{color:#fff;background:var(--bg-accent);border-color:#0000;font-weight:700;box-shadow:0 16px 35px #2563eb3d}.app-main{max-width:1280px;margin:0 auto;padding:24px 16px 48px}.session-bar{gap:12px;margin:0 0 18px}.session-chip{border-radius:var(--radius-md);min-width:180px;color:var(--text-primary);box-shadow:var(--shadow-sm);background:#ffffffc7;border:1px solid #b7c6df73;flex-direction:column;flex:180px;align-items:flex-start;gap:4px;padding:14px 16px}.session-chip span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.session-chip strong{color:#163766;font-size:15px}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;max-width:none}.page-card{border-radius:var(--radius-lg);max-width:none;box-shadow:var(--shadow-sm);background:linear-gradient(#fffffff0 0%,#f7faffdb 100%);border:1px solid #bcc9e08c;grid-column:1/-1;margin:0;padding:24px}.page-card h2{letter-spacing:-.02em;margin-bottom:0;font-size:24px}.section-head{margin-bottom:18px}.section-desc{color:var(--text-secondary);line-height:1.6}.stack-form{gap:14px}.stack-form h3,.stack-form h4{letter-spacing:-.01em;font-size:18px}.section-head.compact{margin-bottom:8px}input,select,textarea{background:#ffffffeb;border-color:#b2c2dd9e;border-radius:14px;box-shadow:inset 0 1px #ffffffb3}input:hover,select:hover,textarea:hover{border-color:#6382bc80}input:focus,select:focus,textarea:focus{border-color:#2563eba3;outline:none;box-shadow:0 0 0 4px #2563eb1f,inset 0 1px #fffc}button{border-radius:14px;min-height:44px;font-weight:600}button:hover:not(:disabled){transform:translateY(-1px)}.primary-btn{background:var(--bg-accent);color:#fff;box-shadow:0 16px 28px #2563eb38}.primary-btn:hover:not(:disabled){box-shadow:0 18px 32px #2563eb47}.ghost-btn{color:#21406f;background:#ffffffd1;border:1px solid #b5c4dea6}.ghost-btn:hover:not(:disabled){background:#eff5fff0;box-shadow:0 10px 20px #193c6e14}.danger-btn{color:#b23b3b;box-shadow:none;background:#fff5f5eb;border:1px solid #e9bdbdb3}.danger-btn:hover:not(:disabled){background:#ffececf5}.info-banner,.error-banner,.empty-state,.empty-inline,.upload-hint{border-radius:16px;line-height:1.6}.info-banner{background:#ecf9f0f2}.error-banner{background:#fff1f1f5}.empty-state,.empty-inline{background:#f6f9fedb;border-style:solid;padding:18px}.upload-hint{background:#f5f8fef0}.inline-panel,.preview-card,.event-card,.history-card,.summary-item{background:#ffffffc2;border:1px solid #b6c4dc73;border-radius:18px}.inline-panel,.preview-card,.event-card{box-shadow:inset 0 1px #ffffff8c}.summary-grid{gap:14px}.summary-item{background:linear-gradient(#f7fafff5 0%,#f0f5ffe0 100%);padding:16px}.summary-item strong{font-size:18px;line-height:1.4}.summary-item-success{background:linear-gradient(#ecfbf2fa 0%,#e0f7e9eb 100%);border-color:#3ea76a42}.summary-item-warning{background:linear-gradient(#fff9eafa 0%,#fff1d6eb 100%);border-color:#d6921740}.summary-item-danger{background:linear-gradient(#fff1f1fa 0%,#fce5e5eb 100%);border-color:#c958583d}.summary-item-muted{background:linear-gradient(#f5f7fbfa 0%,#ecf0f6eb 100%);border-color:#96a2b833}.member-row,.ranking-row{align-items:flex-start;padding:14px 0}.member-row p,.ranking-main p{color:var(--text-secondary)}.status-tag{background:#e3eeffe6;padding:6px 10px;font-weight:700}.event-card{padding:18px}.event-select-card{text-align:left;cursor:pointer;width:100%}.event-select-card.active{background:linear-gradient(#f7fafffa 0%,#ebf3fff0 100%);border-color:#2563eb7a;box-shadow:0 18px 34px #2563eb24}.event-card-head,.section-head{gap:16px}.meta-row{color:var(--text-secondary);gap:10px 14px}.party-item{min-height:56px;box-shadow:var(--shadow-sm);border-color:#b5c4dc80;border-radius:16px;padding:14px 16px}.party-item:hover{border-color:#4971ba73;transform:translateY(-1px)}.ball-selector{gap:12px}.ball-chip{border-color:#b3c2dc9e;border-radius:50%;min-height:0;box-shadow:inset 0 1px #ffffff8c,0 8px 18px #1d5eff14}.ball-chip:hover:not(:disabled),.choice-chip:hover:not(:disabled){border-color:#4971ba8a;transform:translateY(-1px)}.ball-chip.active{box-shadow:0 14px 28px #2563eb2e}.choice-chip{border-color:#b3c2dca6;min-height:42px}.field-hint{color:var(--text-secondary);margin-top:2px}.ranking-list,.history-list,.party-list{gap:14px}.ranking-row{box-shadow:var(--shadow-sm);background:#ffffffc7;border:1px solid #b7c6df6b;border-radius:18px;padding:18px 16px}.ranking-index{background:linear-gradient(135deg,#dbeafef2,#bfdbfef2);width:36px;height:36px;font-size:14px}.ranking-score{text-align:right;letter-spacing:-.03em;min-width:56px;font-size:28px}.history-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.history-card{box-shadow:var(--shadow-sm);padding:16px}.history-card strong{font-size:16px;line-height:1.45;display:block}.history-link{margin-right:10px}.history-action{width:auto;margin-right:8px;display:inline-flex}.history-thumbnail{border-radius:14px}.image-preview-card{box-shadow:var(--shadow-sm);border-radius:18px}.checkbox-row{background:#fafcffd6;border:1px solid #b7c6df73;border-radius:14px;gap:12px;padding:12px 14px}.checkbox-row input{accent-color:#2563eb}.participant-grid{gap:12px;display:grid}.participant-card{color:var(--text-primary);background:#ffffffc7;border:1px solid #b7c6df73;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.participant-card span,.participant-card p{color:var(--text-secondary);margin:0}.participant-card.read-only{background:#f6f9feeb}.invitation-participant-grid{grid-template-columns:1fr}.invitation-member-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.invitation-member-main{gap:6px;min-width:0;display:grid}.invitation-member-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invitation-member-card p{color:var(--text-secondary);margin:0}.dialog-mask{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;background:#0c162661;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog-card{width:min(100%,560px);box-shadow:var(--shadow-md);overscroll-behavior:contain;background:linear-gradient(#fffffffa 0%,#f8fbfff5 100%);border:1px solid #becbe2a6;border-radius:24px;gap:16px;max-height:min(88vh,820px);padding:24px;display:grid;overflow-y:auto}.dialog-card h3,.dialog-card h4{margin:0}.dialog-actions{padding-top:12px;padding-bottom:max(4px, env(safe-area-inset-bottom));background:linear-gradient(#f8fbff00 0%,#f8fbfffa 32%);flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex;position:sticky;bottom:0}.compact-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.status-tag.success{color:#18794e;background:#eaf9f0}.status-tag.warning{color:#9a6700;background:#fff4db}.status-tag.danger{color:#c03a2b;background:#fdecec}.auth-shell{place-items:center;min-height:calc(100vh - 48px);display:grid}.auth-card{width:min(100%,520px);box-shadow:var(--shadow-md);background:linear-gradient(#fffffff7 0%,#f6f9fff2 100%);border:1px solid #becbe2a6;border-radius:28px;gap:18px;padding:28px;display:grid}.auth-head{gap:8px;display:grid}.auth-head h2{letter-spacing:-.03em;margin:0;font-size:28px}@media (width>=768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.page-grid>.page-card{grid-column:span 6}.page-grid>.full-width-card{grid-column:1/-1}}@media (width<=767px){.dialog-mask{padding:12px 12px calc(44px + env(safe-area-inset-bottom));place-items:start center}.dialog-card{width:100%;max-height:calc(100vh - 56px - env(safe-area-inset-bottom));border-radius:20px;padding:18px;scroll-padding-bottom:120px}.app-header{padding-top:14px}.page-card{border-radius:20px;padding:20px}.compact-summary{grid-template-columns:1fr}.invitation-member-card{flex-direction:column;align-items:flex-start}.dialog-actions{bottom:calc(30px + env(safe-area-inset-bottom));justify-content:stretch;padding-bottom:0}.dialog-actions .danger-btn,.dialog-actions .primary-btn{flex:100%}.section-head,.event-card-head{flex-direction:column;align-items:stretch}.ranking-row,.member-row{flex-direction:column}.ranking-score{text-align:left;min-width:0}.ball-row{grid-template-columns:repeat(4,minmax(0,1fr))}}