:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-text: #1a1a2e;--color-text-secondary: #6c757d;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #e5e7eb;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #f59e0b;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--color-text-secondary)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-lg);background-color:var(--color-bg-secondary)}.login-card{text-align:center;max-width:400px;width:100%;padding:var(--space-2xl) var(--space-xl);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-card h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-sm)}.login-card p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.google-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:500;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:box-shadow .15s,border-color .15s;min-height:48px}.google-btn:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.app-header h1{font-size:var(--font-size-lg);font-weight:600}.user-info{display:flex;align-items:center;gap:var(--space-sm)}.avatar{width:32px;height:32px;border-radius:50%}.logout-btn{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm)}.logout-btn:hover{color:var(--color-text)}.main-content{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.greeting{margin-bottom:var(--space-xl)}.greeting h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xs)}.greeting p{color:var(--color-text-secondary)}.status-card{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.status-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-md)}.status-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.status-card li{font-size:var(--font-size-sm);color:var(--color-text-secondary)}