:root{--primary: #18a058;--primary-hover: #36ad6a;--primary-pressed: #0c7a43;--bg-color: #f7f8fa;--card-bg: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-color: #e8e8e8;--header-height: 4rem;--sidebar-width: 220px;--sidebar-width-mobile: 64px;--touch-target-min: 44px;--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-top: env(safe-area-inset-top, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-bottom:var(--safe-area-inset-bottom);padding-top:var(--safe-area-inset-top)}#app{min-height:100vh}button,a,input,select,textarea,.clickable,[role=button]{touch-action:manipulation}button,.n-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.page-container{max-width:75rem;margin:0 auto;padding:1.5rem}.card{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600;color:var(--text-color)}.page-header p{color:var(--text-secondary);margin-top:.25rem}@media screen and (max-width: 64rem){html{font-size:15px}.page-container{padding:1rem}}@media screen and (max-width: 48rem){html{font-size:14px}.page-container{padding:.75rem}.card{padding:1rem;border-radius:.5rem}.page-header h1{font-size:1.25rem}}@media screen and (max-width: 30rem){html{font-size:14px}.page-container{padding:.625rem}.card{padding:.75rem}}@media screen and (max-width: 20rem){html{font-size:13px}}