:root{--green-900:#14532d;--green-800:#166534;--green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--green-200:#bbf7d0;--green-100:#dcfce7;--green-50:#f0fdf4;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--red-600:#dc2626;--red-100:#fee2e2;--red-50:#fef2f2;--white:#fff;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--green-50);color:var(--gray-900);padding-top:64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.navbar{z-index:100;background:var(--green-800);color:var(--white);align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026}.navbar-brand{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.container{max-width:800px;margin:0 auto;padding:24px 16px}.hero{text-align:center;margin-bottom:24px;padding:32px 16px}.hero h1{color:var(--green-800);margin-bottom:8px;font-size:28px;font-weight:800}.hero .en{color:var(--gray-500);font-size:20px;font-style:italic;font-weight:400}.hero .event-details{color:var(--gray-700);margin-top:16px;font-size:15px}.hero .event-details .en{font-size:13px}.hero .timeline{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:16px;display:flex}.hero .timeline-item{background:var(--white);border-radius:var(--radius-sm);text-align:center;padding:10px 20px;box-shadow:0 1px 3px #00000014}.hero .timeline-item .time{color:var(--green-700);font-size:16px;font-weight:700}.hero .timeline-item .label{color:var(--gray-500);font-size:12px}.alert{border-radius:var(--radius-sm);text-align:center;margin-bottom:24px;padding:14px 20px;font-weight:500}.alert-success{background:var(--green-100);color:var(--green-800);border:1px solid var(--green-200)}.alert-danger{background:var(--red-50);color:var(--red-600);border:1px solid var(--red-100);animation:1s ease-in-out infinite pulse-alert}@keyframes pulse-alert{0%,to{background:var(--red-50);transform:scale(1);box-shadow:0 0 #dc26264d}50%{background:var(--red-100);transform:scale(1.02);box-shadow:0 0 16px 4px #dc262633}}.alert .en{font-style:italic;font-weight:400}.section-card{background:var(--white);border-radius:var(--radius);margin-bottom:20px;padding:24px;box-shadow:0 1px 4px #0000000f}.section-card h2{color:var(--green-800);margin-bottom:4px;font-size:18px;font-weight:700}.section-card h2 .en{color:var(--gray-500);font-size:14px;font-style:italic;font-weight:400}.section-card .section-subtitle{color:var(--gray-500);margin-bottom:16px;font-size:13px}.user-info{grid-template-columns:1fr 1fr;gap:12px;display:grid}.user-info-item label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.user-info-item .value{color:var(--gray-700);background:var(--gray-100);border-radius:var(--radius-sm);padding:8px 12px;font-size:15px}@media (width<=500px){.user-info{grid-template-columns:1fr}}.option-cards{flex-wrap:wrap;gap:12px;display:flex}.option-card{border:2px solid var(--gray-300);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--white);-webkit-user-select:none;user-select:none;flex:1;min-width:120px;padding:16px;transition:all .15s}.option-card:hover{border-color:var(--green-500);background:var(--green-50)}.option-card.selected{border-color:var(--green-600);background:var(--green-100)}.option-card.selected-danger{border-color:var(--red-600);background:var(--red-50)}.option-card .icon{margin-bottom:6px;font-size:28px}.option-card .card-label{color:var(--gray-900);font-size:14px;font-weight:600}.option-card .card-label-en{color:var(--gray-500);font-size:12px;font-style:italic}.option-card .card-note{color:var(--gray-500);margin-top:4px;font-size:11px}.option-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.option-cards-grid .option-card{min-width:unset;padding:12px}.option-cards-grid .option-card .icon{font-size:22px}.option-cards-grid .option-card .card-label{font-size:13px}.form-group{margin-top:16px}.form-group label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group .en-label{color:var(--gray-500);font-style:italic;font-weight:400}.form-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.form-input:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #16a34a1a}.form-input:disabled{background:var(--gray-100);color:var(--gray-500)}.form-select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);width:100%;padding:10px 14px;font-family:inherit;font-size:15px}.form-select:disabled{background:var(--gray-100);color:var(--gray-500)}.form-hint{color:var(--gray-500);margin-top:4px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.submit-section{text-align:center;margin:32px 0}.btn-submit{background:var(--green-600);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:20px 64px;font-family:inherit;font-size:22px;font-weight:800;transition:background .15s;animation:1s ease-in-out infinite pulse-submit}.btn-submit:hover{background:var(--green-700);animation:none}.btn-submit:active{background:var(--green-800);animation:none}@keyframes pulse-submit{0%,to{background:var(--green-600);transform:scale(1);box-shadow:0 0 #16a34a66}50%{background:#e85d04;transform:scale(1.05);box-shadow:0 0 20px 8px #16a34a66}}.results-section{background:var(--green-100);border-radius:var(--radius);margin-top:32px;margin-bottom:48px;padding:32px 24px}.results-section h2{color:var(--green-800);margin-bottom:4px;font-size:24px;font-weight:800}.results-section h2 .en{color:var(--gray-500);font-size:18px;font-style:italic;font-weight:400}.results-section .results-subtitle{color:var(--gray-500);margin-bottom:24px;font-size:14px}.results-section h3{color:var(--green-800);margin-top:24px;margin-bottom:12px;font-size:16px;font-weight:700}.results-section h3 .en{color:var(--gray-500);font-size:14px;font-style:italic;font-weight:400}.results-section h3:first-of-type{margin-top:0}.stat-cards{flex-wrap:wrap;gap:12px;display:flex}.stat-card{background:var(--white);border-radius:var(--radius-sm);text-align:center;flex:1;min-width:80px;padding:14px 12px;box-shadow:0 1px 3px #0000000f}.stat-card .stat-number{color:var(--green-800);font-size:28px;font-weight:800}.stat-card .stat-number.red{color:var(--red-600)}.stat-card .stat-number.gray{color:var(--gray-500)}.stat-card .stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.stat-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.stat-cards-grid .stat-card{min-width:unset}.stat-cards-grid .stat-card .stat-number{font-size:22px}.stat-card.clickable{cursor:pointer;transition:background .15s,box-shadow .15s}.stat-card.clickable:hover,.stat-card.expanded{background:var(--green-50);box-shadow:0 2px 8px #0000001a}.sport-people{border-top:1px solid var(--gray-300);color:var(--gray-700);margin-top:8px;padding-top:8px;font-size:12px;line-height:1.6}.transport-list{background:var(--white);border-radius:var(--radius-sm);margin-top:12px;padding:16px}.transport-list h4{color:var(--gray-700);margin-bottom:8px;font-size:14px;font-weight:600}.transport-list ul{list-style:none}.transport-list li{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:6px 0;font-size:14px}.transport-list li:last-child{border-bottom:none}.transport-list .detail{color:var(--gray-500);font-size:12px}.transport-list .divider{border-top:1px solid var(--gray-300);margin:16px 0}.page-status{text-align:center;color:var(--gray-500);padding:80px 16px;font-size:18px}.page-status.error{color:var(--red-600)}.auto-save-hint{color:var(--gray-500);text-align:center;margin-top:8px;font-size:13px;font-style:italic}