@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Serif+JP:wght@400;600;700&display=swap");:root{--figma-bg:#020617;--figma-bg-card:#0f172a;--figma-bg-card2:#111827;--figma-bg-card3:#0d1526;--figma-border:#1f2937;--figma-border2:#374151;--figma-blue:#3b82f6;--figma-blue-dark:#1d4ed8;--figma-purple:#818cf8;--figma-cyan:#14b8a6;--figma-green:#22c55e;--figma-amber:#f59e0b;--figma-red:#ef4444;--figma-text:#fff;--figma-text2:#e2e8f0;--figma-text3:#94a3b8;--figma-text4:#64748b;--figma-text5:#475569;--figma-grd-primary:linear-gradient(135deg,#1d4ed8,#818cf8);--figma-grd-blue:linear-gradient(135deg,#1d4ed8,#3b82f6);--figma-grd-purple:linear-gradient(135deg,#818cf8,#7dd3fc);--figma-grd-cyan:linear-gradient(135deg,#14b8a6,#818cf8);--figma-grd-gold:linear-gradient(135deg,#f59e0b,#fde68a);--figma-grd-hero:linear-gradient(135deg,rgba(29,78,216,.15),rgba(129,140,248,.08));--figma-glow-blue:0 0 20px rgba(59,130,246,.4);--figma-glow-purple:0 0 20px rgba(129,140,248,.4);--figma-glow-cyan:0 0 20px rgba(20,184,166,.4);--figma-glow-card:0 8px 32px rgba(0,0,0,.4);--background:#020617;--foreground:#fff;--card:#0f172a;--card-foreground:#fff;--popover:#0f172a;--popover-foreground:#fff;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#1f2937;--secondary-foreground:#e2e8f0;--muted:#1f2937;--muted-foreground:#94a3b8;--accent:#818cf8;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--border:#1f2937;--input:#1f2937;--ring:#3b82f6;--chart-1:#3b82f6;--chart-2:#818cf8;--chart-3:#14b8a6;--chart-4:#f59e0b;--chart-5:#22c55e}.dark,[data-theme=dark]{font-family:Inter,"Noto Serif JP",sans-serif;background-color:var(--figma-bg);color:var(--figma-text);min-height:100vh}.figma-heading{font-family:Cinzel,serif}.figma-mono{font-family:JetBrains Mono,monospace}.figma-card{border:1px solid var(--figma-border);border-radius:.75rem;box-shadow:var(--figma-glow-card)}.figma-card,.figma-card-hover{background-color:var(--figma-bg-card)}.figma-card-hover{border:1px solid var(--figma-border2);border-radius:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.figma-card-hover:hover{border-color:var(--figma-blue);box-shadow:var(--figma-glow-blue)}.figma-grd-primary{background:var(--figma-grd-primary)}.figma-grd-blue{background:var(--figma-grd-blue)}.figma-grd-purple{background:var(--figma-grd-purple)}.figma-grd-cyan{background:var(--figma-grd-cyan)}.figma-grd-gold{background:var(--figma-grd-gold)}.figma-btn-primary{background:var(--figma-grd-primary);color:#fff;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease}.figma-btn-primary:hover{opacity:.9;box-shadow:var(--figma-glow-blue)}.figma-btn-outline{background:transparent;color:var(--figma-text2);border:1px solid var(--figma-border2);border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.figma-btn-outline:hover{border-color:var(--figma-blue);color:var(--figma-blue);box-shadow:var(--figma-glow-blue)}.figma-input{background-color:var(--figma-bg-card2);border:1px solid var(--figma-border);border-radius:.5rem;color:var(--figma-text);padding:.625rem .875rem;font-size:.875rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.figma-input:focus{border-color:var(--figma-blue);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.figma-input::placeholder{color:var(--figma-text5)}.figma-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.625rem;font-family:JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.figma-text-gradient{background:var(--figma-grd-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.figma-grid-bg{position:relative}.figma-grid-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--figma-border) 1px,transparent 1px),linear-gradient(90deg,var(--figma-border) 1px,transparent 1px);background-size:60px 60px;opacity:.15;pointer-events:none}.figma-divider{height:1px;background:linear-gradient(90deg,transparent 0,var(--figma-border2) 20%,var(--figma-border2) 80%,transparent 100%);margin:3rem 0}.dark ::-webkit-scrollbar{width:3px;height:3px}.dark ::-webkit-scrollbar-track{background:transparent}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,245,255,.55),rgba(59,130,246,.55) 50%,rgba(139,92,246,.55));border-radius:9999px;box-shadow:0 0 6px rgba(0,245,255,.3),0 0 12px rgba(59,130,246,.15)}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(0,245,255,.9),rgba(59,130,246,.9) 50%,rgba(139,92,246,.9));box-shadow:0 0 10px rgba(0,245,255,.6),0 0 20px rgba(59,130,246,.35)}