*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:system-ui,sans-serif;background:#1a1a1a;color:#222;height:100%;overflow-x:hidden}.app{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden}.loading{color:#fff;font-size:1.2rem;padding:2rem}.event-header{position:relative;width:100%;display:flex;align-items:center;padding:6px 16px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:44px}.header-left{display:flex;align-items:center;flex-shrink:0}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center}.header-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}@media (max-width: 860px){.event-header{flex-wrap:wrap;padding:6px 12px}.header-left{order:1;flex:1 1 0;min-width:0;overflow:hidden}.header-right{order:2;padding:4px 0}.header-center{position:static;transform:none;order:3;width:100%;justify-content:center;padding:4px 0 6px;border-top:1px solid rgba(255,255,255,.08)}}.event-name{font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-dates{font-size:.8rem;color:#ffffff80;white-space:nowrap}.day-tabs{display:flex;gap:3px;background:#0003;border-radius:20px;padding:3px}.day-tab{padding:3px 9px;font-size:.75rem;border-radius:16px;border:none;background:transparent;color:#ffffff80;cursor:pointer;transition:background .15s,color .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.tab-long{display:none}.tab-short{display:inline}@media (min-width: 600px){.tab-long{display:inline}.tab-short{display:none}}.day-tab:hover{color:#fff;opacity:1}.day-tab--active{background:#ffffff2e;color:#fff}.day-tab--present{color:#ffffffe6}.day-tab-dot{display:block;width:5px;height:5px;border-radius:50%;background:#a5d6a7}.attendance-btn{font-size:.8rem;padding:5px 12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:20px;white-space:nowrap}.attendance-btn:hover{background:#fff3;opacity:1}.name-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 12px;font-size:13px;color:#fff;display:flex;align-items:center;gap:6px;max-width:160px;min-width:0}.name-badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.name-badge button{background:none;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:0}.name-badge button:hover{color:#fff;opacity:1}.offline-ts{margin-left:6px;opacity:.8;font-size:.78rem}.offline-banner{width:100%;background:#e65100;color:#fff;text-align:center;padding:6px 16px;font-size:.85rem;flex-shrink:0}.error-banner{position:fixed;top:0;left:0;right:0;background:#e53935;color:#fff;text-align:center;padding:8px;font-size:14px;z-index:200}.map-wrapper{width:100%;height:calc(100vh - 46px);overflow:hidden}.map-wrapper svg{display:block;width:100%;height:100%}.day-summary{display:flex;width:100%;background:#0000008c;border-top:1px solid rgba(255,255,255,.1)}.day-summary-col{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-right:1px solid rgba(255,255,255,.08);min-width:0}.day-summary-col:last-child{border-right:none}.day-summary-label{font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.04em}.day-summary-count{font-size:1.3rem;font-weight:700;color:#fff;line-height:1.2}.day-summary-names{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:2px}.day-summary-name{font-size:.65rem;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.modal{background:#fff;border-radius:14px;padding:1.8rem;width:100%;max-width:380px;box-shadow:0 8px 32px #00000040}.tent-modal{max-width:460px;max-height:85vh;overflow-y:auto}.modal h2{font-size:1.2rem;margin-bottom:.8rem}.modal p{font-size:.95rem;margin-bottom:.8rem;color:#444}.modal input{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:1rem}.modal input:focus{outline:none;border-color:#1976d2}.modal input[type=number]{width:80px;margin-left:8px}button{padding:9px 18px;border-radius:8px;border:1.5px solid #1976d2;background:#1976d2;color:#fff;font-size:.9rem;cursor:pointer;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:#fff;color:#555;border-color:#ccc}button.danger{background:#e53935;border-color:#e53935}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:.6rem}.error{color:#e53935;font-size:.85rem;margin:.4rem 0}.muted{color:#888;font-size:.85rem}.small{font-size:.82rem}hr{border:none;border-top:1px solid #eee;margin:1rem 0}.day-grid{display:flex;gap:6px;margin:1rem 0 .5rem}.day-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;border:1.5px solid transparent;transition:opacity .15s,transform .1s}.day-clickable{cursor:pointer}.day-clickable:hover{opacity:.8;transform:scale(1.04)}.day-label{font-size:.78rem;font-weight:600}.day-who{font-size:.72rem}.day-free{background:#f0f0f0;border-color:#ddd;color:#888}.day-selected{background:#1976d2;border-color:#1565c0;color:#fff}.day-mine{background:#a5d6a7;border-color:#66bb6a;color:#1b5e20}.day-taken{background:#ffcdd2;border-color:#ef9a9a;color:#b71c1c}.day-legend{display:flex;gap:10px;font-size:.72rem;color:#888;margin-bottom:.8rem;flex-wrap:wrap}.day-legend span{background:none;border:none;padding:0;border-radius:0;font-size:.72rem}.day-legend .day-free{color:#aaa}.day-legend .day-selected{color:#1976d2}.day-legend .day-mine{color:#388e3c}.day-legend .day-taken{color:#c62828}.warn-box{background:#fff3e0;border:1.5px solid #ff9800;border-radius:10px;padding:1rem;margin:.5rem 0 1rem}.warn-box p{margin-bottom:.5rem;color:#333}.warn-box ul{margin:.3rem 0 .6rem 1.2rem;font-size:.9rem;color:#555}.tent-card{border:1.5px solid #a5d6a7;border-radius:10px;padding:.8rem 1rem;margin-bottom:.7rem;background:#f1f8e9}.tent-card--mine{border-color:#1976d2;background:#e3f2fd}.tent-header{display:flex;justify-content:space-between;font-weight:500;margin-bottom:.3rem}.tent-cap{color:#558b2f;font-size:.85rem}.tent-members{color:#555;font-size:.85rem;margin-bottom:.4rem}.tent-area-section{margin:.5rem 0}.tent-days-chips{display:flex;gap:4px;flex-wrap:wrap;margin:2px 0 4px}.day-chip{font-size:.65rem;padding:1px 6px;border-radius:10px;background:#00000014;color:#aaa}.day-chip--active{background:#a5d6a7;color:#1b5e20}.day-chip--tent-slot{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;line-height:1.2;padding:2px 8px;min-width:34px}.day-chip--tent{background:#bbdefb;color:#0d47a1}.day-chip-count{font-size:.55rem;opacity:.85}.tent-member-name--label{color:#888;font-size:.8rem}.tent-member-row{display:flex;align-items:center;gap:6px;margin:3px 0}.tent-member-name{font-size:.85rem;flex:0 0 90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tent-member-chips{display:flex;gap:3px}.tent-member-chips .day-chip{min-width:34px;text-align:center;justify-content:center}.tent-card-divider{border:none;border-top:1px solid rgba(0,0,0,.08);margin:.6rem 0}.tent-area-people{margin-bottom:.25rem}.join-day-picker{margin-top:.5rem}.badge-owner{display:inline-block;margin-left:8px;font-size:.72rem;background:#fff9c4;border:1px solid #f9a825;color:#f57f17;border-radius:10px;padding:1px 7px;vertical-align:middle}.new-tent-form{background:#f5f5f5;border-radius:8px;padding:.8rem 1rem;margin-top:.6rem}.new-tent-form label{font-size:.9rem;display:flex;align-items:center;margin-bottom:.6rem}