*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f2f2f7;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;outline:none}input,textarea{outline:none;border:none;font-family:inherit}a{text-decoration:none}.container{max-width:500px;margin:0 auto;min-height:100vh;background:#f2f2f7}.card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 24px #0000000a}.btn{padding:14px 28px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.96);opacity:.8}.btn-primary{background:#007aff;color:#fff;box-shadow:0 4px 12px #007aff4d}.btn-outline{background:transparent;border:2px solid #007aff;color:#007aff}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.1);display:flex;padding:8px 0 env(safe-area-inset-bottom);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;cursor:pointer}.tab-icon{font-size:22px}.tab-label{font-size:11px;color:#8e8e93;font-weight:500}.tab-item.active .tab-label{color:#007aff;font-weight:600}.tab-item.active .tab-icon{filter:hue-rotate(180deg) brightness(.8) contrast(2)}