.about-page.svelte-cwls5q{min-height:100vh;padding:80px 20px 60px;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#0a0a12)}.container.svelte-cwls5q{max-width:700px;margin:0 auto}h1.svelte-cwls5q{font-size:clamp(32px,8vw,48px);font-weight:700;text-align:center;margin-bottom:48px;color:#f8f8f2}.highlight.svelte-cwls5q{color:#ff006e;text-shadow:0 0 20px rgba(255,0,110,.4)}.section.svelte-cwls5q{margin-bottom:48px}h2.svelte-cwls5q{font-size:24px;font-weight:600;color:#00d9ff;margin-bottom:16px;text-shadow:0 0 12px rgba(0,217,255,.3)}p.svelte-cwls5q{color:#a0a0b0;line-height:1.7;margin-bottom:16px}p.svelte-cwls5q strong:where(.svelte-cwls5q){color:#f8f8f2}.patterns-grid.svelte-cwls5q{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:20px}.pattern-card.svelte-cwls5q{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;transition:all .2s ease}.pattern-card.svelte-cwls5q:hover{background:#00d9ff0d;border-color:#00d9ff4d}.pattern-card.irregular.svelte-cwls5q{border-color:#ff006e4d;background:#ff006e0d}.pattern-card.irregular.svelte-cwls5q:hover{background:#ff006e1a;border-color:#ff006e80}.pattern-name.svelte-cwls5q{font-weight:600;color:#f8f8f2;margin-bottom:4px}.pattern-range.svelte-cwls5q{font-family:Space Mono,monospace;font-size:14px;color:#00d9ff;margin-bottom:8px}.pattern-desc.svelte-cwls5q{font-size:13px;color:#a0a0b0;font-family:Noto Sans JP,sans-serif}.example-number.svelte-cwls5q{font-family:Space Mono,monospace;color:#00d9ff;font-size:18px;text-shadow:0 0 8px rgba(0,217,255,.4)}.pattern-list.svelte-cwls5q{list-style:none;padding:0;margin:20px 0}.pattern-list.svelte-cwls5q li:where(.svelte-cwls5q){color:#a0a0b0;padding:8px 0;display:flex;align-items:center;gap:12px}.tag.svelte-cwls5q{display:inline-block;background:#00d9ff26;border:1px solid rgba(0,217,255,.3);color:#00d9ff;padding:4px 10px;border-radius:4px;font-size:13px;font-weight:500}.tag.irregular.svelte-cwls5q{background:#ff006e26;border-color:#ff006e4d;color:#ff006e}.cta.svelte-cwls5q{text-align:center;margin-top:48px}.start-button.svelte-cwls5q{display:inline-block;background:linear-gradient(135deg,#ff006e,#ff4d94);color:#fff;font-weight:600;font-size:16px;padding:14px 32px;border-radius:8px;text-decoration:none;box-shadow:0 0 20px #ff006e66;transition:all .2s ease}.start-button.svelte-cwls5q:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff006e99}