:root{--bg:#111;--fg:#f5f7ff;--muted:rgba(245,247,255,.7);--line:rgba(255,255,255,.12);--card:rgba(255,255,255,.1);--radius:18px;--max:1120px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:link,a:visited{color:inherit}.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}header{position:fixed;inset:0 0 auto 0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));backdrop-filter:blur(10px)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0}nav{display:flex;gap:14px;font-size:14px;color:var(--muted)}nav a:hover{color:#fff}.hero{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:50px;justify-content:center;background-color:#000}.hero-canvas{position:relative;width:100%;max-width:1280px;height:auto;aspect-ratio:16/9;margin:0 auto;background:#000;overflow:hidden}@media (max-width:900px){.hero-canvas{aspect-ratio:1/1}}#moyaiClockCanvas{width:100%;height:100%;display:block}.moyai-ui{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:2;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.45);color:rgba(255,255,255,.9);font:12px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;user-select:none}.moyai-ui__item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.moyai-ui__label{opacity:.9}#moyaiColor{-webkit-appearance:none;appearance:none;width:22px;height:22px;padding:0;border:none;background:0 0;cursor:pointer}#moyaiColor::-webkit-color-swatch-wrapper{padding:0}#moyaiColor::-webkit-color-swatch{border:none}#moyaiColor::-moz-color-swatch{border:none}#moyaiStroke{width:70px}#moyaiStroke{-webkit-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.25);border-radius:999px;outline:none}#moyaiStroke::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}#moyaiStroke::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}#moyaiStroke::-moz-range-track{height:4px;background:rgba(255,255,255,.25);border-radius:999px}.moyai-ui__val{width:30px;text-align:right;opacity:.9;font-variant-numeric:tabular-nums}.moyai-ui__btn{background:rgba(255,255,255,.06);color:rgba(255,255,255,.9);padding:6px 10px;cursor:pointer;border:none}.moyai-ui__btn:hover{background:rgba(255,255,255,.1)}.hero-inner{display:flex;flex-direction:column;gap:30px}.hero-inner h1{font-family:"Share Tech",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;letter-spacing:.08em;line-height:1em;font-size:clamp(42px, 6vw, 68px)}.hero-inner h1 span{font-size:.5em;font-weight:300;letter-spacing:.1em}.lead{max-width:560px;color:var(--muted);letter-spacing:.05em}.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{height:46px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:#000;display:inline-flex;align-items:center;font-size:14px;font-weight:600}.btn.primary{background:#fff;color:#000 !important}.btn.disabled{pointer-events:none;opacity:.45;cursor:not-allowed;background:#fff;color:#000 !important}.note{font-size:.6em;color:rgba(255,255,255,.6)}section{padding:72px 0}h3{margin:0 0 14px;font-size:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.code-block{max-width:100%;background:#1c1c1c;color:#fff;padding:16px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:hidden}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.box{background:var(--card);border-radius:var(--radius);padding:18px}.box strong{font-weight:400;color:#fff}.p{margin:0;color:var(--muted)}.ul{margin:20px 0 0;color:var(--muted);font-size:.8em}.ul li{margin:6px 0}footer{padding:36px 0;border-top:1px solid var(--line);font-size:12px;color:rgba(255,255,255,.5);text-align:center}