/* Extracted verbatim from google-drive-sync/index.html so all seven language copies share one file. */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; line-height: 1.6; color: #333; background: #f9fafb; }
.container { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
header { text-align: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #e5e7eb; }
header img { width: 64px; height: 64px; margin-bottom: 16px; }
h1, h2, h3 { color: #111; }
h1 { font-size: 2rem; margin-bottom: 8px; }
h2 { font-size: 1.4rem; margin: 0 0 16px; }
h3 { font-size: 1.1rem; margin: 20px 0 12px; }
p, li { color: #374151; }
p, ul { margin-bottom: 16px; }
ul { padding-left: 24px; }
li { margin-bottom: 8px; }
code { background: #eef2f7; border-radius: 4px; padding: 2px 5px; }
.section { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.notice { background: #ecfdf5; border: 1px solid #10b981; border-radius: 8px; padding: 16px 20px; margin: 24px 0; }
.notice p { color: #065f46; margin: 0; }
a { color: #059669; }
footer { text-align: center; padding: 24px; color: #6b7280; font-size: .85rem; border-top: 1px solid #e5e7eb; margin-top: 40px; }
footer a { color: #059669; text-decoration: none; }
@media (prefers-color-scheme: dark) {
    body { background: #111827; color: #e5e7eb; }
    h1, h2, h3 { color: #f9fafb; }
    p, li { color: #d1d5db; }
    .section { background: #1f2937; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
    code { background: #374151; }
    .notice { background: #064e3b; border-color: #10b981; }
    .notice p { color: #a7f3d0; }
    footer { border-top-color: #374151; color: #9ca3af; }
    header { border-bottom-color: #374151; }
}