*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--space-1: clamp(8px, 1.4vw, 12px);--space-2: clamp(12px, 2.2vw, 16px);--space-3: clamp(16px, 3vw, 24px);--space-4: clamp(20px, 4vw, 32px);--radius: 12px;--border: 1px solid rgba(255, 255, 255, .14);--fg: #f5f5f5;--muted: #cfcfcf;--bg-blur: rgba(0, 0, 0, .45)}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}body{font-family:Zen Kaku Gothic New,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:clamp(14px,1.8vw,16px);line-height:1.7;letter-spacing:.01em;color:var(--fg);padding:0;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;font-feature-settings:"palt"}canvas#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0}main{position:relative;z-index:1;min-height:100dvh;padding:calc(var(--space-3) + var(--safe-top)) calc(var(--space-3) + var(--safe-right)) calc(var(--space-3) + var(--safe-bottom)) calc(var(--space-3) + var(--safe-left));display:grid;gap:var(--space-3);align-content:start}.container{width:min(100%,1080px);margin-inline:auto;padding-inline:var(--space-2);display:grid;gap:var(--space-3)}.card{background:var(--bg-blur);border:var(--border);border-radius:var(--radius);padding:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports not ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))){.card{background:#0009}}h1{margin:0 0 var(--space-2);font-size:clamp(24px,5vw,36px);font-weight:700;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.2)}p.lead{margin:0;color:var(--muted);font-size:clamp(14px,2.4vw,16px)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:clamp(10px,2.6vw,12px) clamp(14px,3.2vw,16px);border-radius:calc(var(--radius) - 4px)}