:root{--background: #fafafa;--foreground: #1a1a1a;--card: #ffffff;--card-foreground: #1a1a1a;--primary: #2563eb;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #334155;--muted: #f8fafc;--muted-foreground: #64748b;--accent: #2563eb;--accent-foreground: #ffffff;--destructive: #dc2626;--destructive-foreground: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--ring: #2563eb;--shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.04);--radius: 12px;--radius-lg: 16px;--bg-mid: #f0f4ff;--bg-end: #e8ecf8}.dark{--background: #0a0a0a;--bg-mid: #0d0d14;--bg-end: #0a0f1a;--foreground: #fafafa;--card: #141414;--card-foreground: #fafafa;--primary: #60a5fa;--primary-foreground: #0a0a0a;--secondary: #1e293b;--secondary-foreground: #cbd5e1;--muted: #1a1a1a;--muted-foreground: #a1a1aa;--accent: #60a5fa;--accent-foreground: #0a0a0a;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #27272a;--input: #27272a;--ring: #60a5fa;--shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.4), 0 4px 10px rgba(0, 0, 0, 0.3)}*{margin:0;padding:0;box-sizing:border-box}html{transition:background-color 150ms ease, color 150ms ease}body{font-family:'Lato', sans-serif;font-weight:300;letter-spacing:0.01em;background:linear-gradient(180deg, var(--background) 0%, var(--bg-mid, var(--background)) 50%, var(--bg-end, var(--background)) 100%);background-attachment:fixed;color:var(--foreground);min-height:100vh;position:relative;overflow-x:hidden;padding-top:1rem;transition:background-color 150ms ease, color 150ms ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (min-width: 601px){body{padding-top:2rem}}.container{max-width:800px;width:100%;text-align:left;animation:fadeIn 0.6s ease;padding:1rem 1rem;margin:0 auto}@media (min-width: 601px){.container{width:90%;padding:2rem 1rem}}.container>*+*{margin-top:1.5rem}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}p{line-height:1.6;margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color 150ms ease}a:hover{color:var(--accent)}@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--primary);text-decoration:none;font-weight:600;font-size:1rem;transition:color 150ms ease;padding:0.25rem 0;min-height:44px;line-height:44px}@media (min-width: 601px){.back-link{margin-bottom:2rem;font-size:1.1rem;min-height:auto;line-height:inherit;padding:0}}.back-link:hover{color:var(--accent)}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:left;color:var(--primary)}@media (min-width: 601px){.page-title{font-size:2rem;margin-bottom:2rem}}.content-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);text-align:left;transition:box-shadow 150ms ease, transform 150ms ease}@media (min-width: 601px){.content-box{padding:2rem}}.content-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (hover: none){.content-box:hover{transform:none}}.content-item{font-size:1rem;margin-bottom:0.5rem;color:var(--foreground);line-height:1.6}@media (min-width: 601px){.content-item{font-size:1.1rem}}.content-item:last-child{margin-bottom:0}.theme-toggle{position:fixed;top:0.75rem;right:0.75rem;width:36px;height:36px;border-radius:10px;background:var(--muted);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.95rem;transition:all 150ms ease;z-index:1000;-webkit-tap-highlight-color:transparent;opacity:0.6}@media (min-width: 601px){.theme-toggle{top:1rem;right:1rem}}.theme-toggle:hover{opacity:1}.theme-toggle:active{transform:scale(0.9)}@media (hover: none){.theme-toggle{opacity:0.8}.theme-toggle:hover{transform:none}}@media (pointer: fine){*,*::before,*::after{cursor:none !important}.custom-cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;transition:opacity 0.15s ease}.cursor-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.2s ease, height 0.2s ease, background 0.2s ease, border-radius 0.2s ease, border 0.2s ease}.custom-cursor--link .cursor-dot{width:32px;height:32px;background:transparent;border:2px solid var(--primary)}.custom-cursor--music .cursor-dot{width:24px;height:24px;background:var(--primary);border-radius:4px}.custom-cursor--zoom .cursor-dot{width:40px;height:40px;background:transparent;border:2px solid var(--primary)}.custom-cursor--text .cursor-dot{width:2px;height:20px;border-radius:1px;background:var(--foreground)}.custom-cursor--click .cursor-dot{transform:translate(-50%, -50%) scale(0.8)}}