*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #F5F4F1;--card: #FFFFFF;--elevated: #EDECE9;--border: #E2E0DC;--border-strong: #D0CEC9;--text-primary: #111110;--text-secondary: #6B6A6F;--text-tertiary: #9898A2;--text-muted: #9898A2;--green: #32D583;--green-dark: #059669;--indigo: #6366F1;--indigo-dark: #4F46E5;--coral: #E85A4F;--coral-dark: #DC2626;--amber: #FFB547;--font-serif: "Fraunces", Georgia, serif;--font-sans: "DM Sans", sans-serif}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;align-items:center;background:#e8e6e1}.phone-shell{width:402px;height:874px;background:var(--bg);border-radius:52px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #00000010,0 30px 80px #00000030,0 0 0 8px #d8d6d1,0 0 60px #6366f112}@media(max-height:900px){.phone-shell{height:calc(100vh - 20px);width:calc((100vh - 20px) * 402 / 874);border-radius:calc((100vh - 20px) * 52 / 874)}}@media(max-width:440px){body{align-items:flex-start}.phone-shell{width:100vw;height:100dvh;border-radius:0;box-shadow:none}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.status-bar{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg);z-index:10}.status-time{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.status-icons{display:flex;align-items:center;gap:5px;color:var(--text-primary)}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px 120px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.tab-bar{position:absolute;bottom:0;left:0;right:0;padding:0;background:transparent;z-index:100;overflow:visible}.tab-pill{height:68px;background:var(--card);border-radius:24px 24px 0 0;border:1px solid var(--border);border-bottom:none;display:flex;align-items:center;padding:0 4px 6px;gap:0;position:relative;overflow:visible;box-shadow:0 -2px 20px #0000001f}.card{background:var(--card);border-radius:20px;padding:16px}.card-sm{background:var(--card);border-radius:14px;padding:12px 14px}.btn-primary{background:linear-gradient(135deg,var(--indigo),var(--indigo-dark));color:#fff;border:none;border-radius:14px;padding:15px;font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #6366f14d;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-green{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#0b0b0e;border:none;border-radius:14px;padding:15px;font-family:var(--font-sans);font-size:15px;font-weight:700;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #32d58340;transition:opacity .15s}.btn-ghost{background:var(--elevated);color:var(--text-muted);border:none;border-radius:10px;padding:9px 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.4px}.badge-green{background:#32d58326;color:var(--green)}.badge-indigo{background:#6366f126;color:var(--indigo)}.badge-coral{background:#e85a4f26;color:var(--coral)}.badge-amber{background:#ffb54726;color:var(--amber)}.badge-muted{background:var(--border);color:var(--text-muted)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;background:var(--border);color:var(--text-muted);font-size:11px;font-weight:500}.tag-accent{background:#6366f126;color:var(--indigo)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary)}.input-field{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:13px 15px;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);width:100%;outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--indigo)}.input-field::placeholder{color:var(--text-muted)}textarea.input-field{resize:none;min-height:80px;line-height:1.5}.divider{height:1px;background:var(--border);margin:0 -16px}.screen-enter{animation:slideIn .25s cubic-bezier(.25,.46,.45,.94) forwards}.screen-exit{animation:slideOut .25s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes scanLine{0%{transform:translateY(0);opacity:.9}50%{opacity:1}to{transform:translateY(228px);opacity:.9}}.scan-line{animation:scanLine 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:700;flex-shrink:0;color:#fff}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:54px;flex-shrink:0}.header-title{font-family:var(--font-serif);font-size:28px;font-weight:500;letter-spacing:-.8px;color:var(--text-primary)}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;transition:opacity .15s}.icon-btn:active{opacity:.7}.toggle-track{width:52px;height:30px;border-radius:100px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-thumb{position:absolute;top:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:left .2s cubic-bezier(.34,1.56,.64,1)}.segment{display:flex;background:var(--card);border-radius:13px;padding:4px;gap:0}.segment-item{flex:1;padding:8px;border-radius:9px;text-align:center;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;color:var(--text-secondary);background:transparent;border:none;font-family:var(--font-sans)}.segment-item.active{background:var(--indigo);color:#fff;font-weight:600}.icon-row{display:flex;align-items:center;gap:10px;padding:13px 15px;color:var(--text-primary)}.active-event-card{border:1.5px solid var(--green);box-shadow:0 4px 20px #32d58326}.grad-purple{background:linear-gradient(135deg,#6366f1,#e85a4f)}.grad-green{background:linear-gradient(135deg,#32d583,#059669)}.grad-amber{background:linear-gradient(135deg,#ffb547,#e85a4f)}.grad-blue{background:linear-gradient(135deg,#6366f1,#32d583)}