@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

.font-instrument-sans, body {
font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* iOS Glassmorphism Utilities */
.glass-card {
background: rgba(255, 255, 255, 0.75) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.05) !important;
}

.glass-nav {
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* Mobile Bottom Navigation */
.mobile-bottom-nav {
    padding-bottom: env(safe-area-inset-bottom, 20px);
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-nav-item {
    transition: color 0.2s ease;
}
.mobile-nav-item.active {
    color: #3b82f6; /* Blue-500 */
}

/* General UI Polish */
.btn-ios {
    transition: transform 0.1s ease, background-color 0.2s ease;
}
.btn-ios:active {
    transform: scale(0.96);
}

body {
    background-color: #f2f2f7; /* iOS System Gray 6 */
    color: #1c1c1e;
}

/* Input Styles */
input[type="text"], select, textarea {
    -webkit-appearance: none;
    appearance: none;
}