:root{--bg:#0b0d14;--bg-soft:#141726;--panel:#181c2e;--line:#272c44;--text:#eef0f8;--text-dim:#9aa0b4;--text-faint:#5b6075;--accent:#f4c84a;--accent-ink:#1a1404;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(900px 500px at 80% -10%, #7c5aff1f, transparent 60%), radial-gradient(700px 400px at 0% 10%, #f4c84a12, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.7}main{max-width:880px;margin:0 auto;padding:0 20px 80px}a{color:inherit}em{color:var(--accent);font-style:normal}.site-header{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;padding:22px 20px;display:flex}.site-logo{letter-spacing:.08em;font-size:18px;font-weight:800;text-decoration:none}.site-nav{gap:22px;display:flex}.site-nav a{color:var(--text-dim);font-size:14px;text-decoration:none}.site-nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--text-faint);margin-top:40px;padding:28px 20px 48px;font-size:13px}.site-footer p{margin:4px 0}.footer-note a{color:var(--text-faint)}.page{padding-top:28px}.page-title{margin:0 0 12px;font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.35}.page-lead{color:var(--text-dim);margin:0 0 32px}.section-label{color:var(--accent);letter-spacing:.14em;margin:0 0 16px;font-size:13px;font-weight:700}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,background .12s;display:inline-block}.btn:hover{background:#1f2438;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#ffd95e}.btn-big{padding:14px 30px;font-size:16px}.hero{padding:48px 0 40px}.hero-eyebrow{color:var(--accent);letter-spacing:.2em;margin:0 0 14px;font-size:14px;font-weight:800}.hero-title{margin:0 0 20px;font-size:clamp(36px,8vw,64px);font-weight:900;line-height:1.25}.hero-lead{color:var(--text-dim);max-width:560px;margin:0 0 30px}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.home-sample{margin-top:48px}.home-sample-link{text-decoration:none;display:block}.home-how{margin-top:64px}.how-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 32px;padding:0;list-style:none;display:grid}.how-steps li{counter-increment:step;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.how-steps li:before{content:"0" counter(step);color:var(--accent);letter-spacing:.1em;margin-bottom:8px;font-weight:800;display:block}.how-steps strong{margin-bottom:6px;display:block}.how-steps span{color:var(--text-dim);font-size:14px}.card-view{border:1px solid var(--line);background:linear-gradient(160deg,#0e1019,#131628);border-radius:20px;padding:clamp(18px,4vw,36px);box-shadow:0 24px 60px #00000073}.card-head{margin-bottom:20px}.card-brand{color:var(--accent);letter-spacing:.18em;font-size:12px;font-weight:800}.card-title{margin:6px 0 0;font-size:clamp(20px,4.4vw,30px);font-weight:800}.card-by{color:var(--text-dim);margin-top:6px;font-size:14px;display:block}.card-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tile{aspect-ratio:1/1.05;border-radius:14px;flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.tile:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 18% 12%,#ffffff24,#0000 60%);position:absolute;inset:0}.tile-empty{background:var(--bg-soft);border:1px dashed var(--line);color:var(--text-faint)}.tile-num{letter-spacing:.08em;font-size:13px;font-weight:800}.tile-title{margin-top:auto;font-size:clamp(12px,2.4vw,16px);font-weight:700;line-height:1.4}.tile-meta{color:#ffffffb8;margin-top:4px;font-size:clamp(10px,1.8vw,12px)}.card-comment{color:#c6cadb;margin:20px 4px 0;font-size:15px}.card-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.make-own{text-align:center;color:var(--text-dim);margin-top:26px;font-weight:700;display:block}.editor-grid-wrap{position:relative}.slot-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.slot{aspect-ratio:1/1.05;cursor:grab;border-radius:14px;flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.slot-empty{background:var(--bg-soft);border:1px dashed var(--line);color:var(--text-faint);cursor:default;justify-content:center;align-items:center;font-weight:800}.slot-num{font-size:13px;font-weight:800}.slot-title{margin-top:auto;font-size:clamp(12px,2.4vw,15px);font-weight:700;line-height:1.4}.slot-meta{color:#ffffffb8;margin-top:4px;font-size:11px}.slot-remove{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;width:26px;height:26px;font-size:15px;line-height:1;position:absolute;top:8px;right:8px}.slot-remove:hover{background:#000000b3}.editor-count{text-align:right;color:var(--accent);margin:10px 2px 0;font-size:20px;font-weight:800}.editor-count span{color:var(--text-faint);font-size:14px}.search-box{margin-top:18px;position:relative}.search-box input,.editor-fields input{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 16px;font-size:16px}.search-box input:focus,.editor-fields input:focus{border-color:var(--accent)}.search-results{z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-height:340px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #00000080}.result-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.result-cover{object-fit:cover;background:var(--bg-soft);border-radius:6px;flex:0 0 38px;width:38px;height:52px}.result-cover-none{border:1px dashed var(--line);display:inline-block}.result-text{min-width:0}.result-sub{color:var(--text-faint);font-size:12px;display:block}.result-status{color:var(--text-dim);padding:12px;font-size:14px}.result-item:hover:not(:disabled){background:#232943}.result-item:disabled{opacity:.4;cursor:default}.result-title{font-size:15px;font-weight:700;display:block}.result-meta{color:var(--text-dim);font-size:12px;display:block}.result-custom .result-title{color:var(--accent)}.editor-fields{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:26px 0;display:grid}.editor-fields label{color:var(--text-dim);font-size:13px;font-weight:700;display:block}.editor-fields input{margin-top:6px;font-weight:400}.trend-section{margin:36px 0 44px}.trend-heading{margin:0 0 18px;font-size:22px;font-weight:800}.trend-list{margin:0;padding:0;list-style:none}.trend-list li{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:10px 4px;display:flex}.trend-list-big li{padding:14px 4px;font-size:17px}.trend-rank{letter-spacing:.06em;flex:0 0 28px;font-size:14px;font-weight:800}.trend-title{min-width:0;font-weight:700}.trend-meta{color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:13px}.trend-decades{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 28px;display:grid}.trend-decade h3{color:var(--accent);letter-spacing:.1em;margin:18px 0 4px;font-size:15px}.about-body{color:var(--text-dim);max-width:600px;margin-bottom:32px}@media (width<=480px){.site-nav{gap:14px}.tile,.slot{border-radius:10px;padding:8px}}