#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background:#f6f8fa;color:#222}.container{max-width:700px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #0001;padding:2rem 2.5rem 2.5rem}nav{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}nav button{background:#e6eaff;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;color:#222;cursor:pointer;transition:background .2s,color .2s}nav button:hover{background:#cdd6f6;color:#111}h1{font-size:2.2em;margin-bottom:.5em}h2{margin-top:1.5em;font-size:1.3em}ul{list-style:none;padding:0}li{margin-bottom:.5em;border-bottom:1px solid #eee;padding-bottom:2px}li>div+div{margin-top:2px}.trash-btn{background:none;border:none;color:#888;font-size:1.1em;padding:0 .3em;cursor:pointer;vertical-align:middle;margin-left:8px;margin-right:0;line-height:1;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s}.trash-btn:hover{color:#e74c3c}@media (max-width: 600px){.container{max-width:100vw;margin:0;border-radius:0;box-shadow:none;padding:1rem .5rem 2rem}nav{flex-direction:column;gap:.5rem;align-items:stretch}nav button{width:100%;font-size:1.1em}h1{font-size:1.5em}h2{font-size:1.1em}ul{padding:0}li{font-size:1em;padding-bottom:6px}.trash-btn{font-size:1.3em;min-width:40px;min-height:40px}input,select,textarea,button[type=submit]{font-size:1em;width:100%;min-width:0;box-sizing:border-box}select[multiple]{min-width:0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-row{display:flex;flex-wrap:wrap;gap:.7em;margin-bottom:1em}input,select{padding:.4em .7em;border:1px solid #bbb;border-radius:5px;font-size:1em}select{min-width:220px}select[multiple]{min-width:180px;max-width:100%}input,select,textarea{background:#fff;color:#222;border:1px solid #bbb;border-radius:5px;font-size:1em;padding:.4em .7em;transition:background .2s,color .2s}input:focus,select:focus,textarea:focus{outline:2px solid #a3bffa}button[type=submit]{background:#4f8cff;color:#fff;border:none;border-radius:5px;padding:.4em 1.2em;font-size:1em;cursor:pointer;transition:background .2s}button[type=submit]:hover{background:#2563eb}@media (max-width: 600px){.form-row{flex-direction:column;gap:.5em;align-items:stretch}input,select,button[type=submit]{font-size:1em;width:100%;min-width:0;box-sizing:border-box}select[multiple]{min-width:0}}.expense-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1em}.expense-main{flex:1;text-align:left}.expense-meta{font-size:.95em;color:#666;margin-top:2px}.add-event-header{font-size:1.2em;font-weight:600;margin-bottom:.5em;text-align:center}.event-header{margin:0 auto 1.5em;display:flex;flex-direction:column;align-items:center}.event-title{font-size:1.1em;font-weight:600;margin-bottom:.3em;letter-spacing:.01em}.event-switch-row{display:flex;gap:.5em;margin-bottom:.2em}.event-switch-btn{background:#f5f5f5;border:1px solid #bbb;border-radius:16px;padding:.2em 1.1em;font-size:1em;cursor:pointer;transition:background .15s,border .15s}.event-switch-btn:hover{background:#e0e7ff;border-color:#6366f1}.event-header-flex{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.5em;position:relative}.event-title-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.1em;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none}.you-are-section{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:140px}@media (max-width: 600px){.event-header-flex{flex-direction:column;align-items:stretch;gap:.5em;position:static}.event-title-centered{position:static;transform:none;text-align:center;margin-bottom:.2em;pointer-events:auto}.you-are-section{justify-content:center;min-width:0}}