*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F4EF;--bg-card: #FFFFFF;--bg-subtle: #EDEAE3;--border: #E0DBD2;--text-primary: #2C2C2A;--text-secondary: #888780;--text-hint: #B0ADA6;--accent: #5BBFB5;--accent-light: #E0F5F4;--accent-dark: #3D8F87;--jl: #FDDDD3;--jl-mid: #E8A598;--jl-dark: #9B4F42;--carolina: #E8DEFF;--carolina-mid: #C4ADEE;--carolina-dark: #6040A0;--hugo: #D4E8FF;--hugo-mid: #A3C4E8;--hugo-dark: #2E5F8A;--alba: #FFD6E4;--alba-mid: #EEA8BF;--alba-dark: #8A3055;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--navbar-h: 72px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1)}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--navbar-h);-webkit-overflow-scrolling:touch}.navbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--navbar-h);background:var(--bg-card);border-top:.5px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 8px 8px;z-index:100;box-shadow:0 -4px 16px #0000000f}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);border:none;background:none;-webkit-tap-highlight-color:transparent}.nav-dot{width:4px;height:4px;border-radius:50%;background:transparent;transition:background .2s}.nav-dot.active{background:var(--accent)}.nav-plus{width:52px;height:52px;border-radius:50%;background:var(--accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #5bbfb566;-webkit-tap-highlight-color:transparent;transition:transform .15s}.nav-plus:active{transform:scale(.94)}.card{background:var(--bg-card);border-radius:var(--radius-md);border:.5px solid var(--border);padding:12px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);border:.5px solid var(--border);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s,transform .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #5bbfb54d}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-danger{background:#fcebeb;color:#a32d2d;border-color:#f7c1c1}.input{width:100%;padding:12px 14px;border:.5px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-family:var(--font);color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-hint)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;border:.5px solid transparent;cursor:pointer;transition:opacity .15s}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.event-bar{background:var(--bg-card);border-radius:var(--radius-md);border:.5px solid var(--border);border-left-width:3px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2a4d;z-index:200;animation:fadeIn .2s ease}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:12px 20px 32px;z-index:201;animation:slideUp .25s ease;max-height:90vh;overflow-y:auto}.sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.pin-display{display:flex;gap:12px;justify-content:center;margin:24px 0}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);transition:background .15s,border-color .15s}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:280px;margin:0 auto}.pin-key{aspect-ratio:1;border-radius:var(--radius-md);border:.5px solid var(--border);background:var(--bg-card);font-size:22px;font-weight:500;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .1s;-webkit-tap-highlight-color:transparent}.pin-key:active{background:var(--bg-subtle);transform:scale(.94)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .2s ease}.text-secondary{color:var(--text-secondary)}.text-hint{color:var(--text-hint)}.text-sm{font-size:13px}.text-xs{font-size:11px}.fw-500{font-weight:500}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}