:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1c1a;--muted:#6b6862;--line:#e4e1da;--accent:#5b4bd6;--accent-soft:#ebe8fb;--shadow:0 1px 2px #0000000d, 0 8px 24px #0000000f;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141318;--surface:#1e1d24;--text:#f1eff6;--muted:#a29fae;--line:#33313d;--accent:#9d90ff;--accent-soft:#2a2545;--shadow:0 1px 2px #0006;color-scheme:dark}}:root[data-theme=dark]{--bg:#141318;--surface:#1e1d24;--text:#f1eff6;--muted:#a29fae;--line:#33313d;--accent:#9d90ff;--accent-soft:#2a2545;--shadow:0 1px 2px #0006;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;line-height:1.6}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:0}.logo{white-space:nowrap;font-size:17px;text-decoration:none}.logo b{color:var(--accent)}.head-tabs{gap:4px;display:flex}.head-tab{color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.head-tab:hover{color:var(--text)}.head-tab.on{color:var(--text);background:var(--surface);font-weight:600}.head-tab .fav-count{vertical-align:1px;margin-left:6px}.fav-count{background:var(--accent);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.platform{flex:none;margin-left:auto;position:relative}.platform-btn{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.platform-btn span{color:var(--muted)}.platform-btn i{color:var(--muted);font-style:normal}.platform-menu{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:260px;max-width:calc(100vw - 32px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000002e}.platform-menu li{cursor:pointer;border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.platform-menu li:hover{background:var(--bg)}.platform-menu li[aria-selected=true]{background:var(--accent-soft)}.platform-menu li[aria-selected=true] b{color:var(--accent)}.platform-menu b{font-size:14px}.platform-menu small{color:var(--muted);font-size:12px}.site-header{gap:10px}.menu-btn{width:38px;height:38px;color:var(--text);background:0 0;border:none;border-radius:10px;flex:none;place-items:center;margin-left:-6px;display:grid}.menu-btn:hover{background:var(--surface)}.menu-btn svg,.menu-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.menu-scrim{z-index:60;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;inset:0}.menu-scrim.show{opacity:1;pointer-events:auto}.site-menu{z-index:61;width:min(320px,86vw);padding:14px 14px calc(24px + env(safe-area-inset-bottom));background:var(--bg);border-right:1px solid var(--line);transition:transform .3s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-104%);box-shadow:8px 0 30px #0003}.site-menu.open{transform:none}html.menu-open{overflow:hidden}.menu-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.menu-head b{font-size:16px}.menu-close{background:0 0;border:none;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.menu-close:hover{background:var(--surface)}.menu-label{color:var(--muted);margin:18px 4px 8px;font-size:12px;font-weight:700}.menu-site{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;text-decoration:none;display:flex}.menu-site:hover{border-color:var(--accent)}.menu-site.here{border-color:var(--accent);background:var(--accent-soft)}.menu-site.disabled{opacity:.55}.menu-site-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu-site-text small{color:var(--muted);font-size:12px}.menu-site em{color:var(--accent);white-space:nowrap;font-size:11px;font-style:normal;font-weight:700}.menu-site em.soon{color:var(--muted)}.menu-mark{border-radius:10px;flex:none;width:36px;height:36px}.menu-mark.ui{background:linear-gradient(135deg,#e2572b,#ff9a62)}.menu-mark.design{background:linear-gradient(135deg,#3a2f9e,#9d90ff)}.menu-mark.error{background:linear-gradient(135deg,#c2410c,#fbbf24)}.menu-mark.lp{background:linear-gradient(135deg,#0f766e,#5eead4)}.menu-link{border-radius:10px;padding:11px 12px;text-decoration:none;display:block}.menu-link:hover{background:var(--surface);color:var(--accent)}.site-tabbar{display:none}@media (width<=760px){.head-tabs{display:none}.site-tabbar{z-index:20;padding:6px 0 calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(10px);display:flex;position:fixed;bottom:0;left:0;right:0}.site-tabbar a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.site-tabbar a.on{color:var(--accent);font-weight:700}.tab-icon{width:26px;height:26px;position:relative}.tab-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:26px;height:26px}.site-tabbar a.on .tab-icon svg{fill:currentColor}.site-tabbar a.on .tab-icon svg.line{fill:none;stroke-width:2.3px}.tab-icon .fav-count{border:2px solid var(--bg);box-sizing:content-box;position:absolute;top:-4px;left:16px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}main{max-width:1120px;margin:0 auto;padding:0 16px 48px}.hero{isolation:isolate;text-align:center;padding:36px 0 8px;position:relative}.hero-deco{z-index:-1;pointer-events:none;position:absolute;inset:-60px -16px -40px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hero-deco i{width:var(--s);height:var(--s);display:block;position:absolute}.hd-glow{filter:blur(40px);opacity:.5;border-radius:50%}.hd-glow.a{background:color-mix(in srgb, var(--accent) 45%, transparent)}.hd-glow.b{background:#ff7ab659}.hd-palette{opacity:.85;box-shadow:var(--shadow);background:linear-gradient(90deg,#ff8a5c 0 20%,#ffd23f 20% 40%,#2ec27e 40% 60%,#3d8bff 60% 80%,#9d90ff 80%);border-radius:10px;overflow:hidden;rotate:-5deg;height:28px!important;display:flex!important}.hd-glass{-webkit-backdrop-filter:blur(8px);opacity:.9;background:#ffffff29;border:1.5px solid #ffffff73;border-radius:18px;rotate:-7deg;box-shadow:0 8px 24px #0000001f;height:calc(var(--s) * 1.2)!important}.hd-glass:before{content:"";z-index:-1;opacity:.8;background:#ff7ab6;border-radius:50%;width:60px;height:60px;position:absolute;top:-18px;left:-22px}.hd-type{background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);opacity:.9;border-radius:14px;rotate:8deg}.hd-type:after{content:"Aa";color:var(--accent);place-items:center;font:700 26px Georgia,Shippori Mincho,serif;display:grid;position:absolute;inset:0}.hd-window{background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);opacity:.85;border-radius:10px;overflow:hidden;rotate:-4deg;height:calc(var(--s) * .72)!important}.hd-window:before{content:"";background:var(--line);height:14px;position:absolute;top:0;left:0;right:0}.hd-window:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 55%, transparent), #ff7ab673);border-radius:6px;position:absolute;inset:26px 12% 12px}.hd-dot{opacity:.75;background:#ffd23f;border-radius:50%}.hd-dot.b{background:var(--accent)}@media (width<=760px){.hero-deco i{scale:.7}.hd-glow{scale:1!important}.hd-type{display:none!important}}.hero h1{margin:0 0 8px;font-size:clamp(26px,5vw,40px)}@media (width<=430px){.hero h1{font-size:23px}}.hero p{color:var(--muted);max-width:38em;margin:0 auto 18px}.search-box input{width:100%;max-width:620px;font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:999px;outline:none;padding:14px 18px;font-size:17px}.search-box input:focus{border-color:var(--accent)}.hints{justify-content:center;margin-top:12px}.chip.hint{background:var(--accent-soft);color:var(--accent);border-color:#0000}.hero-links{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.hero-links a{color:var(--accent);text-decoration:none}.hero-links a:after{content:" →"}.hero-links a:hover{text-decoration:underline}.cmp-link{color:var(--accent);margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.filters{gap:4px;margin-top:16px;display:grid}.filter-label{margin:10px 0 6px;font-size:14px;font-weight:600}.filter-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.count{color:var(--muted);margin:14px 0 8px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:40px 0}.maybe-divider{border-top:1px dashed var(--line);color:var(--muted);grid-column:1/-1;margin:12px 0 0;padding-top:16px;font-size:14px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;transition:transform .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px)}.card.came-back{animation:1.6s cameback}@keyframes cameback{0%,40%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:var(--shadow)}}.card-link{text-decoration:none;display:block}.card .mini{background:var(--bg);height:190px;position:relative;overflow:hidden}.card .mini .sample{border-radius:0;width:400px;height:330px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.pop-tag{z-index:3;color:#555;background:#ffffffe6;border:1px solid #ddd;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.card .summary{color:var(--muted);margin:0;padding:12px 14px 6px;font-size:13px;line-height:1.5}.card-title{align-items:flex-start;gap:6px;margin-top:auto;padding:8px 8px 14px 14px;display:flex}.card-title a{flex:1;min-width:0;text-decoration:none}.card-title h3{margin:0;font-size:17px}.card-title small{color:var(--muted);font-size:12px}.card-fav{width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;margin-top:-4px;display:grid}.card-fav:hover{background:var(--accent-soft)}.card-fav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:22px;height:22px}.card-fav.on{color:#ff3b5c}.card-fav.on svg{fill:currentColor}.card-fav.pop svg{animation:.45s heartpop}@keyframes heartpop{0%{transform:scale(1)}25%{transform:scale(.7)}60%{transform:scale(1.35)}to{transform:scale(1)}}@media (width<=520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.card .mini{height:150px}.card .mini .sample{transform:translate(-50%,-50%)scale(.45)}.card .summary{display:none}.card-title{padding:8px 2px 10px 10px}.card-title h3{font-size:15px}}.detail-nav{justify-content:space-between;align-items:center;gap:8px;padding:14px 0 8px;display:flex}.back{color:var(--muted);text-decoration:none}.pn{gap:6px;min-width:0;display:flex}.pn a{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;gap:4px;max-width:190px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex}.pn a span{text-overflow:ellipsis;overflow:hidden}.pn a:hover{color:var(--accent);border-color:var(--accent)}@media (width<=520px){.pn a{max-width:120px;padding:6px 10px}}.detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:36px;display:grid}@media (width<=860px){.detail-grid{grid-template-columns:1fr;gap:20px}}.detail-grid>*{min-width:0}.stage-col{position:sticky;top:76px}@media (width<=860px){.stage-col{position:static}}.kind-tabs{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;margin-bottom:10px;padding:4px;display:flex;overflow-x:auto}.kind-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:7px 10px;font-size:13px}.kind-tabs button.on{background:var(--text);color:var(--bg);font-weight:600}.stage{background:var(--bg);border:1px solid var(--line);border-radius:20px;place-items:center;min-height:420px;padding:28px 16px;display:grid;overflow:hidden}.stage .sample{box-shadow:0 20px 40px #0000002e}.try-text{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.try-text span{white-space:nowrap}.try-text input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:14px}.try-text input:focus{border-color:var(--accent)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px}.tag.mood{background:var(--accent-soft);color:var(--accent);border-color:#0000}.info h1{margin:10px 0 0;font-size:clamp(28px,5vw,38px);line-height:1.25}.en{color:var(--muted);margin:2px 0 12px}.lead{margin:0 0 12px;font-size:17px}.aliases{flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.aliases span{color:var(--muted);margin-right:2px}.aliases em{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 8px;font-style:normal;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.fav-btn{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.fav-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:18px;height:18px}.fav-btn.on{color:#ff3b5c;border-color:#ff3b5c}.fav-btn.on svg{fill:currentColor}.share{gap:8px;display:flex}.share-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid}.share-btn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.share-btn svg.fill{fill:currentColor;stroke:none}.share-btn.line{color:#06c755}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.sec{margin:26px 0 8px;font-size:15px}.sec small{color:var(--muted);font-size:12px;font-weight:400}.features{margin:0;padding-left:1.2em}.palette{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=520px){.palette{grid-template-columns:repeat(3,1fr)}}.swatch{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;padding:0 0 8px;display:flex;overflow:hidden}.swatch span{border-bottom:1px solid var(--line);height:52px;display:block}.swatch b{padding:4px 8px 0;font-size:12px}.swatch code{color:var(--muted);padding:0 8px;font-size:11px}.swatch:hover{border-color:var(--accent)}.fonts{flex-wrap:wrap;gap:6px;margin:0;display:flex}.fonts span{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px 12px;font-size:13px}.usage{gap:8px;margin:0;display:grid}.usage>div{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:12px;padding:10px 14px}.usage>div.good{border-left-color:#34c759}.usage>div.bad{border-left-color:#ff9500}.usage dt{color:var(--muted);font-size:12px;font-weight:700}.usage dd{margin:2px 0 0;font-size:14px}.note{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}.note b{color:var(--muted);font-size:12px;display:block}.sub{color:var(--muted);margin:0 0 8px;font-size:13px}.text-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;margin-top:8px;padding:6px 12px;font-size:13px}.text-btn:hover{color:var(--accent);border-color:var(--accent)}.prompt{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0;padding:14px;font-family:inherit;font-size:14px}.copy{background:var(--accent);color:#fff;border:none;border-radius:999px;margin-top:8px;padding:10px 18px;font-weight:600}.related-sec{border-top:1px solid var(--line);margin-top:48px;padding-top:8px}.related-sec .sec{margin:20px 0 14px;font-size:18px}.cmp-on-item{flex-wrap:wrap;gap:8px;display:flex}.cmp-on-item a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:13px;text-decoration:none}.cmp-on-item a:hover{color:var(--accent);border-color:var(--accent)}.doc-wide{padding-top:20px}.page-title{margin:0 0 4px;font-size:26px}.cmp-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.cmp-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.cmp-card:hover{transform:translateY(-2px)}.cmp-minis{grid-template-columns:repeat(4,1fr);display:grid}.cmp-mini{background:var(--bg);height:100px;position:relative;overflow:hidden}.cmp-mini .sample{border-radius:0;width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.cmp-body{padding:12px 14px 14px}.cmp-body h2{margin:0;font-size:17px}.cmp-body p{color:var(--muted);margin:4px 0 0;font-size:13px}.cmp-sub{color:var(--muted);margin:0 0 10px}.cmp-cards{margin:18px 0 8px}.cmp-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.cmp-table thead th{font-size:13px}.cmp-table thead a{color:var(--accent);text-decoration:none}.cmp-table tbody th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.cmp-table tr:last-child>*{border-bottom:none}.mini-palette{gap:3px;display:flex}.mini-palette i{border:1px solid var(--line);border-radius:50%;width:18px;height:18px}.cmp-pick{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cmp-pick li{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.cmp-pick a{color:var(--accent);flex:none;font-weight:700;text-decoration:none}.cmp-more{flex-wrap:wrap;gap:8px;display:flex}.cmp-more a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:14px;text-decoration:none}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.clear-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px}.fav-empty{text-align:center;padding:48px 16px}.fav-empty-icon{background:var(--accent-soft);border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 16px;display:grid}.fav-empty-icon svg{fill:none;width:40px;height:40px;stroke:var(--accent);stroke-width:1.8px;stroke-linejoin:round}.fav-empty h2{margin:0 0 6px;font-size:18px}.fav-empty p{color:var(--muted);margin:0 0 20px}.fav-empty .copy,.doc-page .copy{color:#fff;text-decoration:none;display:inline-block}.doc-page{max-width:760px;padding-top:24px;line-height:1.9}.doc-page h2{margin:32px 0 8px;font-size:18px}.doc-page ul{padding-left:1.3em}.doc-page a{color:var(--accent)}.site-footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);margin:40px auto 0;padding:24px 16px 32px;font-size:13px}.site-footer nav{flex-wrap:wrap;gap:6px 18px;margin-bottom:8px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer p{margin:0;font-size:12px}.to-top{z-index:15;background:var(--accent);color:#fff;border:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .2s,background .2s;display:grid;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 14px #00000040}.to-top svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.to-top:disabled{opacity:.35;background:var(--muted);box-shadow:none;cursor:default}@media (width<=760px){.to-top{bottom:calc(76px + env(safe-area-inset-bottom));right:16px}}.toast{z-index:50;opacity:0;pointer-events:none;background:var(--text);color:var(--bg);border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}.autoscroll-mark{z-index:100;pointer-events:none;background:color-mix(in srgb, var(--surface) 90%, transparent);border:1.5px solid var(--muted);width:34px;height:34px;box-shadow:var(--shadow);border-radius:50%;place-items:center;margin:-17px;display:grid;position:fixed}.autoscroll-mark svg{fill:none;width:20px;height:20px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}html.autoscrolling,html.autoscrolling *{user-select:none;cursor:ns-resize!important}.quiz{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:6px;margin:12px 0 8px;padding:16px;display:grid}.quiz-q .filter-label{align-items:center;gap:8px;display:flex}.quiz-no{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-grid}.quiz-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.quiz-actions .copy{margin:0;text-decoration:none}.quiz-actions .text-btn{margin:0}.quiz-result{scroll-margin-top:70px}.quiz-result .sec:first-child{margin-top:20px}.quiz-top .card{border-color:var(--accent)}.mix-kinds{max-width:560px;margin-top:12px}.mix-grid{grid-template-rows:auto auto auto auto;grid-template-columns:repeat(3,1fr);column-gap:14px;display:grid}.mix-col{grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;min-width:0;display:grid}.mix-select{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 12px;font-size:15px}.mix-stage{border:1px solid var(--line);background:var(--bg);border-radius:18px;place-items:center;min-height:440px;padding:20px 10px;display:grid;overflow:hidden}.mix-col.empty .mix-stage{color:var(--muted);text-align:center;border-style:dashed;font-size:13px}.mix-stage .sample.big{width:100%;max-width:360px;box-shadow:0 16px 32px #00000029}.mix-info a{flex-direction:column;text-decoration:none;display:flex}.mix-info a:hover b{color:var(--accent)}.mix-info b{font-size:17px}.mix-info small{color:var(--muted);font-size:12px}.mix-info p{color:var(--muted);margin:6px 0 8px;font-size:13px}.mix-pal{border:1px solid var(--line);border-radius:8px;height:22px;display:flex;overflow:hidden}.mix-col.empty .mix-pal{visibility:hidden}.mix-pal i{flex:1}@media (width<=860px){.mix-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.mix-col{scroll-snap-align:start}}@media (width<=430px){.platform-btn span{display:none}.logo{font-size:16px}}.chip small{opacity:.8;font-size:11px}@media (width<=760px){#pop-filters{flex-wrap:nowrap}#pop-filters .chip small{display:none}}.howto{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 85%, transparent);text-align:left;border-radius:14px;max-width:620px;margin:16px auto 0;padding:10px 40px 10px 14px;position:relative}.howto ol{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.howto li{align-items:center;gap:8px;display:flex}.howto li b{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.howto-close{width:30px;height:30px;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.howto-close:hover{background:var(--bg)}.howto-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.more-wrap{justify-content:center;margin:20px 0 8px;display:flex}.more-btn{border:1.5px solid var(--accent);background:var(--surface);min-width:240px;color:var(--accent);border-radius:999px;padding:12px 24px;font-size:15px;font-weight:700}.more-btn:hover{background:var(--accent-soft)}.sample{--bg:#fff;--surface:#fff;--text:#222;--muted:#777;--primary:#e2572b;--on-primary:#fff;--radius:12px;--bw:0px;--bc:transparent;--shadow:none;--font:inherit;--hfont:inherit;--hw:700;--img:linear-gradient(135deg, #ffb38f, #e2572b);background:var(--bg);width:300px;color:var(--text);font-family:var(--font);text-align:left;border-radius:18px;flex-direction:column;gap:14px;padding:18px;line-height:1.5;display:flex;position:relative;overflow:hidden}.sample.big{gap:16px;width:min(360px,100%);padding:22px}.sm-deco{pointer-events:none;display:none;position:absolute}.sm-nav,.sm-hero,.sm-card,.sm-input{z-index:1;position:relative}.sm-nav{justify-content:space-between;align-items:center;display:flex}.sm-logo{font-family:var(--hfont);font-weight:var(--hw);font-size:15px}.sm-menu{flex-direction:column;gap:3px;display:flex}.sm-menu i{background:currentColor;border-radius:2px;width:18px;height:2px}.sm-hero h3{font-family:var(--hfont);font-weight:var(--hw);margin:0 0 4px;font-size:22px;line-height:1.25}.sm-hero p{color:var(--muted);margin:0 0 12px;font-size:13px}.sm-btn{background:var(--primary);color:var(--on-primary);border-radius:var(--radius);border:var(--bw) solid var(--bc);box-shadow:var(--shadow);padding:10px 20px;font-size:14px;font-weight:700;display:inline-block}.sm-card{background:var(--surface);border-radius:var(--radius);border:var(--bw) solid var(--bc);box-shadow:var(--shadow);padding:12px}.sm-img{border-radius:calc(var(--radius) * .7);background:var(--img);height:90px;margin-bottom:10px}.sm-row{justify-content:space-between;align-items:center;display:flex}.sm-meta{flex-direction:column;font-size:13px;display:flex}.sm-meta small{color:var(--muted);font-size:11px}.sm-toggle{background:var(--primary);border:var(--bw) solid var(--bc);border-radius:12px;width:42px;height:24px;position:relative}.sm-toggle:after{content:"";background:var(--on-primary);border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;right:3px}.sm-input{color:var(--muted);background:var(--surface);border-radius:var(--radius);border:max(1px, var(--bw)) solid var(--bc,#ddd);padding:11px 14px;font-size:13px}.sample.kind-web.big{width:min(560px,100%)}.sm-links{color:var(--muted);gap:12px;margin-left:auto;margin-right:12px;font-size:11px;display:flex}.sm-links i{font-style:normal}.sm-btn.sm-small{padding:5px 12px;font-size:11px}.sm-center{text-align:center;justify-content:center}.sm-hero.sm-center h3{font-size:24px}.sm-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sm-btn.sm-ghost{color:var(--text);border:max(1px, var(--bw)) solid var(--ghost,currentColor);box-shadow:none;background:0 0}.sm-features{z-index:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.sm-card.sm-feat{flex-direction:column;gap:3px;padding:10px;font-size:12px;display:flex}.sm-feat small{color:var(--muted);font-size:10px;line-height:1.4}.sm-icon{border-radius:calc(var(--radius) * .5 + 2px);background:var(--primary);width:24px;height:24px;margin-bottom:4px}.sm-card.sm-form{flex-direction:column;gap:10px;padding:18px;display:flex}.sm-form h4{font-family:var(--hfont);font-weight:var(--hw);margin:0 0 2px;font-size:18px}.sm-btn.sm-block{text-align:center;display:block}.sm-link{color:var(--muted);text-align:center;font-size:11px;text-decoration:underline}.kind-login .sm-nav{justify-content:center;padding:6px 0}.sm-stats{z-index:1;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}.sm-stat{flex-direction:column;display:flex}.sm-stat small,.sm-cap{color:var(--muted);font-size:10px}.sm-stat b{font-size:20px;font-family:var(--hfont)}.sm-chart{align-items:flex-end;gap:6px;height:70px;margin-top:6px;display:flex}.sm-chart i{height:var(--h);background:var(--primary);border-radius:calc(var(--radius) * .3) calc(var(--radius) * .3) 0 0;flex:1}.sm-li{align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.sm-li+.sm-li{border-top:1px solid color-mix(in srgb, var(--muted) 25%, transparent)}.sm-li small{color:var(--muted);margin-left:auto;font-size:10px}.sm-dot{background:var(--primary);border-radius:50%;flex:none;width:8px;height:8px}.sample h3.grad,.sample .grad-text{color:#0000;-webkit-background-clip:text;background-clip:text}.st-flat{--bg:#e8f4ff;--surface:#fff;--text:#1e2a3a;--muted:#5b6b80;--primary:#ff6b4a;--radius:4px;--img:#4aa3ff;--bc:#d5e3f3}.st-flat .sm-toggle{background:#2ecc71}.st-material{--bg:#f7f2fa;--surface:#fffbfe;--text:#1d1b20;--muted:#49454f;--primary:#6750a4;--radius:20px;--shadow:0 1px 3px #0003, 0 4px 10px #0000000f;--img:linear-gradient(135deg, #d0bcff, #6750a4);--bc:#cac4d0}.st-material .sm-card{border-radius:16px}.st-glass{--bg:#1b1440;--surface:#ffffff29;--text:#fff;--muted:#ffffffbf;--primary:#ffffffeb;--on-primary:#1b1440;--radius:16px;--bw:1px;--bc:#fff6;--img:#fff3}.st-glass .sm-deco{border-radius:50%;display:block}.st-glass .sm-deco.a{background:#ff5e8a;width:170px;height:170px;top:60px;left:-40px}.st-glass .sm-deco.b{background:#3aa8ff;width:190px;height:190px;bottom:30px;right:-60px}.st-glass .sm-deco.c{background:#ffc83a;width:90px;height:90px;top:-20px;left:40%}.st-glass .sm-card{-webkit-backdrop-filter:blur(16px)}.st-glass .sm-btn{border:none}.st-neu{--bg:#e3e7ee;--surface:#e3e7ee;--text:#4a5568;--muted:#7a8494;--primary:#e3e7ee;--on-primary:#e2572b;--radius:18px;--shadow:7px 7px 14px #c1c7d0, -7px -7px 14px #fff;--img:#e3e7ee}.st-neu .sm-img{box-shadow:inset 5px 5px 10px #c1c7d0,inset -5px -5px 10px #fff}.st-neu .sm-toggle{box-shadow:inset 3px 3px 6px #c1c7d0,inset -3px -3px 6px #fff}.st-neu .sm-toggle:after{background:#e2572b}.st-neu .sm-input{border:none;box-shadow:inset 4px 4px 8px #c1c7d0,inset -4px -4px 8px #fff}.st-brutal{--bg:#fff200;--surface:#fff;--text:#000;--muted:#222;--primary:#00e0ff;--on-primary:#000;--radius:0px;--bw:3px;--bc:#000;--shadow:5px 5px 0 #000;--font:"Courier New", ui-monospace, monospace;--hw:900;--img:#ff4fd8}.st-brutal .sm-hero h3{text-transform:uppercase;font-size:24px}.st-brutal .sm-img{border:3px solid #000}.st-brutal .sm-toggle{background:#000}.st-brutal .sm-toggle:after{background:#fff200;border-radius:0}.st-minimal{--bg:#fafafa;--surface:transparent;--text:#111;--muted:#888;--primary:transparent;--on-primary:#111;--radius:0px;--hw:300;--img:#e9e9e9;--bc:#111}.st-minimal .sm-hero h3{letter-spacing:.06em}.st-minimal .sm-btn{border-bottom:1px solid #111;padding:4px 0;font-weight:400}.st-minimal .sm-card{padding:0}.st-minimal .sm-toggle{background:0 0;border:1px solid #111}.st-minimal .sm-toggle:after{background:#111}.st-minimal .sm-input{border:none;border-bottom:1px solid #111;padding-left:0}.st-y2k{--bg:linear-gradient(135deg, #e3c7ff, #b9dcff, #d4ffe0);--surface:linear-gradient(180deg, #fff, #e6ecff);--text:#2b2b7a;--muted:#5b5ba8;--primary:linear-gradient(180deg, #9db4ff, #4b6bff);--radius:24px;--bw:2px;--bc:#8aa0ff;--shadow:inset 0 2px 0 #fffc, 0 6px 14px #5050c840;--img:linear-gradient(135deg, #ff9cf3, #a6c8ff, #c8ffd8)}.st-y2k .sm-hero h3{font-style:italic}.st-y2k .sm-btn{border-radius:999px}.st-y2k .sm-deco.a{color:#ff6bd6;font-size:22px;display:block;top:60px;right:18px}.st-y2k .sm-deco.a:before{content:"✦"}.st-y2k .sm-deco.b{color:#6b8cff;font-size:14px;display:block;top:96px;right:46px}.st-y2k .sm-deco.b:before{content:"✧"}.st-clay{--bg:#ffe9dc;--surface:#ffd6c2;--text:#6b3a2a;--muted:#9a6250;--primary:#7ec8a9;--radius:26px;--shadow:inset -6px -6px 12px #00000014, inset 6px 6px 12px #ffffff8c, 10px 14px 24px #b45a3c38;--img:#ffb38f}.st-clay .sm-img{box-shadow:inset -5px -5px 10px #00000014,inset 5px 5px 10px #ffffff80}.st-cyber{--bg:#0a0618;--surface:#120a2a;--text:#e9e6ff;--muted:#9c95c9;--primary:transparent;--on-primary:#ff2bd6;--radius:4px;--bw:1px;--bc:#ff2bd6;--shadow:0 0 14px #ff2bd680;--img:linear-gradient(180deg, #2b0f5c, #ff2bd6);--hfont:ui-monospace, monospace}.st-cyber .sm-hero h3,.st-cyber .sm-logo{color:#00f0ff;text-shadow:0 0 10px #00f0ff;letter-spacing:.06em}.st-cyber .sm-btn{text-shadow:0 0 8px #ff2bd6}.st-cyber .sm-toggle{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff80}.st-cyber .sm-toggle:after{background:#00f0ff}.st-cyber .sm-deco.a{background:linear-gradient(#0000,#ff2bd640),repeating-linear-gradient(90deg,#00f0ff40 0 1px,#0000 1px 22px);height:60px;display:block;inset:auto 0 0}.st-wa{--bg:#efe8dc;--surface:#fbf7f0;--text:#2b2622;--muted:#6b6259;--primary:#2b2622;--on-primary:#fbf7f0;--radius:0px;--font:"Hiragino Mincho ProN", "Yu Mincho", serif;--hw:600;--img:linear-gradient(180deg, #d9c9b0, #8a7a63);--bc:#c9bba6}.st-wa .sm-hero h3{letter-spacing:.18em}.st-wa .sm-btn{letter-spacing:.2em}.st-wa .sm-card{border-top:3px solid #a8322d}.st-wa .sm-toggle{background:#a8322d}.st-skeuo{--bg:linear-gradient(#6b4a32, #4a311f);--surface:linear-gradient(#f5ecd9, #e6d6b8);--text:#3b2a1a;--muted:#7a5f45;--primary:linear-gradient(#7fb6ff, #2f6fd6);--radius:10px;--bw:1px;--bc:#2a5bb0;--shadow:inset 0 1px 0 #ffffff80, 0 2px 4px #0006;--img:linear-gradient(#a0c8f0, #3d6fa8);--font:Georgia, serif}.st-skeuo .sm-nav,.st-skeuo .sm-hero{color:#f5ecd9;text-shadow:0 -1px #0009}.st-skeuo .sm-hero p{color:#e2cfae}.st-skeuo .sm-card{border:2px dashed #b49a74;outline:4px solid #e6d6b8}.st-skeuo .sm-toggle{background:linear-gradient(#8ad26e,#3d9a2a)}.st-skeuo .sm-toggle:after{background:linear-gradient(#fff,#ccc);box-shadow:0 1px 2px #0006}.st-dark{--bg:#121212;--surface:#1e1e1e;--text:#e8e8e8;--muted:#9a9a9a;--primary:#bb86fc;--on-primary:#121212;--radius:12px;--img:linear-gradient(135deg, #3a2e5c, #bb86fc);--bc:#2c2c2c}.st-dark .sm-card{background:#242424}.st-showa{--bg:#f3e6cf;--surface:#fff8ea;--text:#4a2a17;--muted:#8a5a3a;--primary:#d9622b;--on-primary:#fff8ea;--radius:14px;--bw:3px;--bc:#4a2a17;--hfont:"Hiragino Maru Gothic ProN", "Kosugi Maru", sans-serif;--hw:800;--img:repeating-linear-gradient(90deg, #d9622b 0 22px, #f0a43c 22px 44px, #6b8f3a 44px 66px)}.st-showa .sm-card{outline-offset:3px;outline:3px double #4a2a17}.st-showa .sm-toggle{background:#6b8f3a}.st-yumekawa{--bg:linear-gradient(160deg, #ffd6f2, #d9d6ff, #c6f1ff);--surface:#fffc;--text:#7a4f9c;--muted:#a07bbd;--primary:linear-gradient(90deg, #ff9fd8, #b59cff);--radius:22px;--shadow:0 6px 16px #b59cff59;--img:linear-gradient(135deg, #ffc4ec, #c9b8ff, #a8e6ff);--hfont:"Hiragino Maru Gothic ProN", sans-serif}.st-yumekawa .sm-btn{border-radius:999px}.st-yumekawa .sm-deco.a{color:#ff9fd8;font-size:20px;display:block;top:54px;right:20px}.st-yumekawa .sm-deco.a:before{content:"♡"}.st-yumekawa .sm-deco.b{color:#9fd8ff;font-size:16px;display:block;top:90px;right:50px}.st-yumekawa .sm-deco.b:before{content:"☆"}.st-swiss{--bg:#fff;--surface:#fff;--text:#111;--muted:#444;--primary:#e1251b;--radius:0px;--hw:900;--font:"Helvetica Neue", Arial, sans-serif;--img:#e1251b;--bc:#111}.st-swiss .sm-hero h3{letter-spacing:-.02em;font-size:30px;line-height:1.05}.st-swiss .sm-card{border-top:6px solid #111;padding:10px 0 0}.st-swiss .sm-img{height:70px}.st-swiss .sm-toggle{background:#111}.st-memphis{--bg:#fffbe8;--surface:#fff;--text:#1a1a1a;--muted:#444;--primary:#ff5fa2;--radius:10px;--bw:2px;--bc:#1a1a1a;--shadow:4px 4px 0 #2ad3ff;--img:radial-gradient(#1a1a1a 2px, transparent 2.5px) 0 0 / 14px 14px, #ffd23f;--hw:900}.st-memphis .sm-deco{display:block}.st-memphis .sm-deco.a{background:linear-gradient(135deg,#0000 33%,#2ad3ff 33% 66%,#0000 66%) 0 0/14px 14px;width:60px;height:14px;top:48px;right:14px}.st-memphis .sm-deco.b{border-bottom:26px solid #ffd23f;border-left:16px solid #0000;border-right:16px solid #0000;top:80px;right:30px}.st-memphis .sm-deco.c{border:3px solid #ff5fa2;border-radius:50%;width:26px;height:26px;bottom:14px;left:60%}.st-memphis .sm-toggle{background:#2ad3ff}.st-luxury{--bg:#0d0d10;--surface:#15151a;--text:#f1e9d8;--muted:#a39b8a;--primary:transparent;--on-primary:#c9a96e;--radius:0px;--bw:1px;--bc:#c9a96e;--font:"Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--hw:400;--img:linear-gradient(135deg, #2a2620, #c9a96e 50%, #2a2620)}.st-luxury .sm-logo{letter-spacing:.4em;text-transform:uppercase;color:#c9a96e}.st-luxury .sm-hero h3{letter-spacing:.12em}.st-luxury .sm-btn{letter-spacing:.3em;font-weight:400}.st-luxury .sm-toggle:after{background:#c9a96e}.st-natural{--bg:#f2ece0;--surface:#fbf8f1;--text:#3f4a34;--muted:#6f7a62;--primary:#7b8f5c;--radius:16px;--img:linear-gradient(135deg, #c9d4b0, #8fa36e);--hfont:"Hiragino Maru Gothic ProN", sans-serif;--bc:#ddd3c0}.st-natural .sm-deco.a{background:#7b8f5c;border-radius:0 100%;width:22px;height:38px;display:block;top:50px;right:22px;transform:rotate(-25deg)}.st-natural .sm-deco.b{background:#a8b88a;border-radius:0 100%;width:16px;height:28px;display:block;top:66px;right:40px;transform:rotate(30deg)}.st-natural .sm-card{box-shadow:0 2px #e3d9c4}.st-saas{--bg:#0b0b1a;--surface:#ffffff0f;--text:#fff;--muted:#a9a9c8;--primary:linear-gradient(90deg, #7b5cff, #3aa8ff);--radius:12px;--bw:1px;--bc:#ffffff1f;--img:linear-gradient(135deg, #7b5cff, #3aa8ff);--hw:800}.st-saas .sm-deco.a{filter:blur(60px);opacity:.6;background:#7b5cff;border-radius:50%;width:240px;height:240px;display:block;top:-80px;left:-60px}.st-saas .sm-deco.b{filter:blur(60px);opacity:.5;background:#3aa8ff;border-radius:50%;width:200px;height:200px;display:block;bottom:-40px;right:-60px}.st-saas .sm-hero h3{letter-spacing:-.01em;font-size:24px}.st-saas .sm-btn{border:none}.st-hand{--bg:#fffdf5;--surface:#fff;--text:#2b2b2b;--muted:#666;--primary:#ffe066;--on-primary:#2b2b2b;--radius:255px 15px 225px 15px / 15px 225px 15px 255px;--bw:2px;--bc:#2b2b2b;--font:"Klee One", "Hiragino Maru Gothic ProN", "Comic Sans MS", cursive;--img:repeating-linear-gradient(-45deg, #9fd3ff 0 6px, #fff 6px 12px);background-image:repeating-linear-gradient(#0000 0 23px,#e6eef8 23px 24px)}.st-hand .sm-hero h3{text-underline-offset:6px;text-decoration:underline wavy #ff8a8a}.st-hand .sm-toggle{background:#a8e6a1;border-radius:14px 10px}.st-liquid{--bg:linear-gradient(135deg, #ff9a62, #ff5e8a 45%, #5b8cff);--surface:#ffffff2e;--text:#fff;--muted:#ffffffd1;--primary:#ffffff4d;--on-primary:#fff;--radius:22px;--bw:1px;--bc:#ffffffa6;--shadow:inset 0 1.5px 0 #ffffffe6, inset 0 -1px 0 #ffffff40, 0 10px 24px #00000026;--img:#ffffff38}.st-liquid .sm-card,.st-liquid .sm-btn,.st-liquid .sm-input{-webkit-backdrop-filter:blur(10px)saturate(1.7)}.st-liquid .sm-btn{border-radius:999px}.st-liquid .sm-deco.a{background:#ffd84a;border-radius:50%;width:120px;height:120px;display:block;top:70px;right:-20px}.st-aurora{--bg:#0e0b24;--surface:#ffffff14;--text:#fff;--muted:#ffffffb3;--primary:#fff;--on-primary:#0e0b24;--radius:16px;--bw:1px;--bc:#ffffff24;--img:linear-gradient(135deg, #7b5cff, #ff6fb5, #4cc9ff)}.st-aurora .sm-deco{filter:blur(46px);opacity:.85;border-radius:50%;display:block}.st-aurora .sm-deco.a{background:#7b5cff;width:220px;height:220px;top:-40px;left:-60px}.st-aurora .sm-deco.b{background:#ff6fb5;width:200px;height:200px;top:80px;right:-60px}.st-aurora .sm-deco.c{background:#4cc9ff;width:200px;height:200px;bottom:-80px;left:30px}.st-grainy{--bg:linear-gradient(160deg, #f2b38b, #c96a4a 55%, #6a4c93);--surface:#f5ede3e6;--text:#2a1f1a;--muted:#6b5548;--primary:#2a1f1a;--on-primary:#f5ede3;--radius:10px;--img:linear-gradient(135deg, #c96a4a, #6a4c93);--hfont:"Instrument Serif", "Noto Serif JP", Georgia, serif;--hw:400}.st-grainy .sm-nav,.st-grainy .sm-hero{color:#f5ede3}.st-grainy .sm-hero p{color:#f5ede3d9}.st-grainy .sm-btn{color:#2a1f1a;background:#f5ede3}.st-grainy .sm-deco.a{opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");display:block;inset:0}.st-isometric{--bg:#eef2ff;--surface:#fff;--text:#1d2350;--muted:#5a6290;--primary:#6c8cff;--radius:6px;--shadow:6px 6px 0 #c9d3ff;--img:linear-gradient(135deg, #dfe6ff, #b9c6ff)}.st-isometric .sm-btn{box-shadow:0 4px #3247a8}.st-isometric .sm-deco.a{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:conic-gradient(from -60deg, #6c8cff 0 120deg, #4a63d9 0 240deg, #3247a8 0);width:60px;height:68px;display:block;top:46px;right:18px}.st-isometric .sm-deco.b{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:conic-gradient(from -60deg, #ffd27a 0 120deg, #ffb547 0 240deg, #e0901f 0);width:36px;height:41px;display:block;top:86px;right:54px}.st-pixel{--bg:#1b1b3a;--surface:#2a2a5a;--text:#f4f4f4;--muted:#b9b9e0;--primary:#ffd84a;--on-primary:#1b1b3a;--radius:0px;--bw:3px;--bc:#f4f4f4;--shadow:4px 4px 0 #000;--font:"DotGothic16", "Press Start 2P", ui-monospace, monospace;--img:conic-gradient(#5bd15b 25%, #3aa83a 0 50%, #5bd15b 0 75%, #3aa83a 0) 0 0 / 16px 16px}.st-pixel .sm-toggle:after{border-radius:0}.st-pixel .sm-deco.a{background:#e8443a;width:8px;height:8px;display:block;top:54px;right:22px;box-shadow:8px 0 #e8443a,16px 0 #e8443a,0 8px #e8443a,8px 8px #ffd84a,16px 8px #e8443a,0 16px #e8443a,8px 16px #e8443a,16px 16px #e8443a}.st-vaporwave{--bg:linear-gradient(180deg, #ff71ce, #b967ff 55%, #01cdfe);--surface:#f6ecff;--text:#3b1e5f;--muted:#7a5aa0;--primary:#01cdfe;--on-primary:#3b1e5f;--radius:0px;--bw:2px;--bc:#3b1e5f;--shadow:4px 4px 0 #ff71ce;--font:"VT323", "DotGothic16", ui-monospace, monospace;--img:linear-gradient(#ff71ce 50%, #05ffa1 50%)}.st-vaporwave .sm-nav,.st-vaporwave .sm-hero h3{color:#fffb96;text-shadow:2px 2px #3b1e5f}.st-vaporwave .sm-hero p{color:#fff}.st-vaporwave .sm-deco.a{background:repeating-linear-gradient(#fffb96 0 6px,#0000 6px 10px),linear-gradient(#fffb96,#ff71ce);border-radius:50%;width:70px;height:70px;display:block;top:46px;right:16px;-webkit-mask:linear-gradient(#000 0 0)}.st-synthwave{--bg:linear-gradient(#1a0933 55%, #3a0d52);--surface:#1a0933d9;--text:#fff;--muted:#c9b6ff;--primary:transparent;--on-primary:#2de2e6;--radius:4px;--bw:1px;--bc:#ff2e88;--shadow:0 0 12px #ff2e8880;--img:linear-gradient(#7a2bff, #ff2e88 60%, #ff9e3d);--hw:900}.st-synthwave .sm-btn{border-color:#2de2e6;box-shadow:0 0 12px #2de2e680}.st-synthwave .sm-hero h3{background:linear-gradient(#ff9e3d,#ff2e88);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.st-synthwave .sm-deco.a{background:linear-gradient(#ffd23f,#ff2e88);border-radius:50%;width:80px;height:80px;display:block;top:40px;right:20px;-webkit-mask:repeating-linear-gradient(#000 0 8px,#0000 8px 11px);mask:repeating-linear-gradient(#000 0 8px,#0000 8px 11px)}.st-synthwave .sm-deco.b{background:linear-gradient(#0000,#ff2e8833),repeating-linear-gradient(90deg,#2de2e659 0 1px,#0000 1px 26px),repeating-linear-gradient(#2de2e659 0 1px,#0000 1px 18px);height:90px;display:block;bottom:0;left:0;right:0}.st-glitch{--bg:#0b0b0f;--surface:#15151c;--text:#f2f2f2;--muted:#9a9aa6;--primary:#ff2a55;--radius:2px;--bw:1px;--bc:#2a2a33;--img:linear-gradient(90deg, #00f0ff 0 33%, #ff2a55 0 66%, #f2f2f2 0);--font:"Share Tech Mono", ui-monospace, monospace}.st-glitch .sm-hero h3,.st-glitch .sm-logo,.st-glitch .sm-form h4{text-shadow:2px 0 #ff2a55,-2px 0 #00f0ff}.st-glitch .sm-img{filter:contrast(1.2);clip-path:polygon(0 0,100% 0,100% 30%,96% 30%,96% 40%,100% 40%,100% 100%,0 100%,0 65%,5% 65%,5% 55%,0 55%)}.st-glitch .sm-deco.a{z-index:2;background:repeating-linear-gradient(#0000 0 3px,#ffffff0a 3px 4px);display:block;inset:0}.st-holographic{--bg:linear-gradient(135deg, #fbc2eb, #a6c1ee 35%, #fdf6a8 65%, #c3a6ff);--surface:#fff9;--text:#4a3b6b;--muted:#7a6a9b;--primary:linear-gradient(90deg, #e9eef2, #c3a6ff, #a6c1ee, #fbc2eb);--on-primary:#4a3b6b;--radius:18px;--bw:1.5px;--bc:#ffffffe6;--shadow:0 6px 18px #7864c840;--img:linear-gradient(120deg, #fbc2eb, #a6c1ee, #fdf6a8, #c3a6ff, #fbc2eb)}.st-holographic .sm-card{backdrop-filter:blur(6px)}.st-holographic .sm-deco.a{color:#fff;text-shadow:0 0 6px #c3a6ff;font-size:18px;display:block;top:50px;right:18px}.st-holographic .sm-deco.a:before{content:"✦"}.st-artdeco{--bg:#0f1a2b;--surface:#13223a;--text:#f3e9d2;--muted:#c9bb95;--primary:transparent;--on-primary:#d4af37;--radius:0px;--bw:1px;--bc:#d4af37;--font:"Poiret One", "Shippori Mincho", Georgia, serif;--hw:400;--img:repeating-linear-gradient(90deg, #d4af37 0 1px, transparent 1px 14px), linear-gradient(#1f4d3a, #0f1a2b)}.st-artdeco .sm-hero h3{letter-spacing:.12em;color:#d4af37}.st-artdeco .sm-logo{letter-spacing:.35em;text-transform:uppercase}.st-artdeco .sm-card{outline-offset:3px;outline:1px solid #d4af37}.st-artdeco .sm-deco.a{background:repeating-conic-gradient(from 90deg at 50% 0, #d4af37 0 1.5deg, transparent 1.5deg 12deg);opacity:.4;border-radius:0 0 100px 100px;width:200px;height:120px;margin-left:-100px;display:block;top:-60px;left:50%}.st-bauhaus{--bg:#f2ebdd;--surface:#fff;--text:#111;--muted:#444;--primary:#e63b2e;--radius:0px;--hw:900;--img:linear-gradient(90deg, #1f4fa3 50%, #f6c02a 50%);--font:"Josefin Sans", "Helvetica Neue", sans-serif}.st-bauhaus .sm-img{border-radius:0 0 60px}.st-bauhaus .sm-deco{display:block}.st-bauhaus .sm-deco.a{background:#1f4fa3;border-radius:50%;width:54px;height:54px;top:44px;right:16px}.st-bauhaus .sm-deco.b{border-bottom:38px solid #f6c02a;border-left:22px solid #0000;border-right:22px solid #0000;width:0;height:0;top:62px;right:74px}.st-bauhaus .sm-deco.c{background:#e63b2e;width:26px;height:26px;top:104px;right:30px}.st-popart{--bg:radial-gradient(#e8232a 1.6px, transparent 2px) 0 0 / 10px 10px, #ffe11a;--surface:#fff;--text:#111;--muted:#333;--primary:#1b6fd1;--radius:6px;--bw:3px;--bc:#111;--shadow:5px 5px 0 #111;--hw:900;--img:radial-gradient(#111 2px, transparent 2.5px) 0 0 / 9px 9px, #e8232a;--hfont:"Bangers", "Dela Gothic One", sans-serif}.st-popart .sm-hero h3{-webkit-text-stroke:1px #111;color:#fff;text-shadow:3px 3px #111;font-size:26px;transform:rotate(-2deg)}.st-popart .sm-deco.a{background:#fff;border:3px solid #111;border-radius:50%;padding:8px 10px;font-size:14px;font-weight:900;display:block;top:44px;right:12px;transform:rotate(8deg)}.st-popart .sm-deco.a:before{content:"POW!"}.st-editorial{--bg:#faf8f3;--surface:transparent;--text:#1a1a1a;--muted:#6b6b6b;--primary:#1a1a1a;--on-primary:#faf8f3;--radius:0px;--font:"Noto Serif JP", "Playfair Display", Georgia, serif;--hw:600;--img:linear-gradient(160deg, #cfc8bb, #6b6458);--bc:#1a1a1a}.st-editorial .sm-hero h3{font-size:26px;line-height:1.2}.st-editorial .sm-nav{border-bottom:1px solid #1a1a1a;padding-bottom:8px}.st-editorial .sm-card{border-top:1px solid #1a1a1a;padding:10px 0 0}.st-editorial .sm-img{filter:grayscale()}.st-newspaper{--bg:#f4f1ea;--surface:transparent;--text:#151515;--muted:#5c5c5c;--primary:#151515;--on-primary:#f4f1ea;--radius:0px;--font:"Noto Serif JP", "Old Standard TT", Georgia, serif;--hw:900;--img:radial-gradient(#151515 1px, transparent 1.4px) 0 0 / 5px 5px, #bdb8ad;--bc:#151515}.st-newspaper .sm-nav{border-top:4px double #151515;border-bottom:4px double #151515;justify-content:center;padding:4px 0}.st-newspaper .sm-logo{letter-spacing:.1em;font-size:18px}.st-newspaper .sm-menu{display:none}.st-newspaper .sm-card{border:1px solid #151515}.st-scandi{--bg:#f7f6f2;--surface:#fff;--text:#3a3a3a;--muted:#7a7a7a;--primary:#7d9bb3;--radius:14px;--img:linear-gradient(90deg, #d9a5a0 0 33%, #e8d39a 0 66%, #7d9bb3 0);--bc:#d9d7d1;--hfont:"Zen Kaku Gothic New", "Nunito", sans-serif}.st-scandi .sm-deco.a{background:#9bb08c;border-radius:0 100%;width:26px;height:40px;display:block;top:52px;right:20px;transform:rotate(20deg)}.st-korean{--bg:#faf7f2;--surface:#eadbc8;--text:#3a2e28;--muted:#8a7466;--primary:#7a5c4a;--radius:18px;--img:linear-gradient(135deg, #f3e3d3, #d9b9a4);--bc:#e5d6c4;--font:"Gowun Dodum", "Zen Kaku Gothic New", sans-serif;--hw:500}.st-korean .sm-logo{letter-spacing:.25em;font-size:13px;font-weight:400}.st-korean .sm-btn{border-radius:999px;padding:8px 18px;font-weight:500}.st-harajuku{--bg:#ffe6f4;--surface:#fff;--text:#2b1a4a;--muted:#6b4a8a;--primary:#ff4fa3;--radius:20px;--bw:3px;--bc:#2b1a4a;--shadow:4px 4px 0 #4fd8ff;--img:linear-gradient(135deg, #ff4fa3, #ffe24f, #4fd8ff);--hfont:"Mochiy Pop One", "Zen Maru Gothic", sans-serif}.st-harajuku .sm-deco{font-size:20px;display:block}.st-harajuku .sm-deco.a{color:#ffe24f;text-shadow:0 0 #2b1a4a,1px 1px #2b1a4a;top:48px;right:16px}.st-harajuku .sm-deco.a:before{content:"★"}.st-harajuku .sm-deco.b{color:#ff4fa3;top:76px;right:44px}.st-harajuku .sm-deco.b:before{content:"♥"}.st-harajuku .sm-deco.c{color:#a67cff;font-size:16px;top:96px;right:18px}.st-harajuku .sm-deco.c:before{content:"✿"}.st-gothic{--bg:#0e0b0f;--surface:#1a141c;--text:#e9e2e6;--muted:#a99ca5;--primary:#7a0f1c;--on-primary:#f1e4e7;--radius:0px;--bw:1px;--bc:#b9b5bd;--font:"Shippori Mincho B1", "Noto Serif JP", Georgia, serif;--hfont:"UnifrakturMaguntia", "Shippori Mincho B1", serif;--img:radial-gradient(circle at 50% 120%, #7a0f1c, #1a141c 70%)}.st-gothic .sm-card{outline-offset:3px;outline:1px solid #3b1e3f}.st-gothic .sm-deco.a{color:#7a0f1c;font-size:26px;display:block;top:50px;right:22px}.st-gothic .sm-deco.a:before{content:"✠"}.st-midcentury{--bg:#f3e7d3;--surface:#fff7ea;--text:#3d2b1f;--muted:#7a6150;--primary:#d35f2b;--radius:24px;--img:radial-gradient(circle at 30% 60%, #e0a526 0 28%, transparent 29%), radial-gradient(circle at 70% 40%, #2e7d7a 0 24%, transparent 25%), #f3e7d3;--hfont:"Josefin Sans", "Zen Kaku Gothic New", sans-serif}.st-midcentury .sm-deco.a{background:#2e7d7a;border-radius:50% 50% 0;width:70px;height:34px;display:block;top:46px;right:14px;transform:rotate(-12deg)}.st-midcentury .sm-deco.b{background:#e0a526;border-radius:50%;width:26px;height:26px;display:block;top:80px;right:60px}.st-botanical{--bg:#f6f1e6;--surface:#fffdf7;--text:#26302a;--muted:#5d6b60;--primary:#2f4a3a;--radius:4px;--font:"Cormorant Garamond", "Zen Old Mincho", Georgia, serif;--hw:600;--img:linear-gradient(160deg, #a9bfa1, #4d6b56);--bc:#d9d2c0}.st-botanical .sm-deco{background:#8fa98a;border-radius:0 100%;width:22px;height:40px;display:block}.st-botanical .sm-deco.a{top:46px;right:24px;transform:rotate(-30deg)}.st-botanical .sm-deco.b{background:#2f4a3a;top:62px;right:44px;transform:rotate(25deg)}.st-botanical .sm-deco.c{background:#c77c5b;width:14px;height:26px;top:84px;right:16px;transform:rotate(60deg)}.st-fluent{--bg:#e9eef6;--surface:#ffffffb8;--text:#1b1b1b;--muted:#616161;--primary:#0f6cbd;--radius:6px;--bw:1px;--bc:#e0e0e0;--shadow:0 2px 6px #00000014;--img:linear-gradient(135deg, #cfe0f5, #8fb4e3);--font:"Segoe UI", Inter, "Noto Sans JP", sans-serif;--hw:600}.st-fluent .sm-card{backdrop-filter:blur(20px)saturate(1.4)}.st-fluent .sm-deco.a{filter:blur(40px);background:#8fb4e3;border-radius:50%;width:200px;height:200px;display:block;top:20px;right:-60px}.st-retroos{--bg:teal;--surface:silver;--text:#000;--muted:#333;--primary:silver;--on-primary:#000;--radius:0px;--font:"DotGothic16", "MS UI Gothic", ui-monospace, monospace;--hw:700;--img:linear-gradient(navy, #1084d0)}.st-retroos .sm-nav{color:#fff;background:linear-gradient(90deg,navy,#1084d0);margin:-18px -18px 0;padding:4px 8px}.st-retroos.big .sm-nav{margin:-22px -22px 0}.st-retroos .sm-hero{color:#fff}.st-retroos .sm-hero p{color:#e0ffff}.st-retroos .sm-btn,.st-retroos .sm-card,.st-retroos .sm-input,.st-retroos .sm-toggle{border:2px solid gray;border-color:#fff gray gray #fff;box-shadow:1px 1px #000}.st-retroos .sm-input{background:#fff;border-color:gray #fff #fff gray}.st-retroos .sm-toggle:after{background:navy;border-radius:0}.st-terminal{--bg:#0b0f0c;--surface:#0b0f0c;--text:#3f6;--muted:#1fa34a;--primary:transparent;--on-primary:#3f6;--radius:0px;--bw:1px;--bc:#1e6b35;--font:"JetBrains Mono", "Share Tech Mono", ui-monospace, monospace;--hw:700;--img:repeating-linear-gradient(#0f2a17 0 6px, #0b0f0c 6px 12px)}.st-terminal .sm-hero h3:before,.st-terminal .sm-form h4:before{content:"$ ";color:#f2d33b}.st-terminal .sm-hero p:after{content:"▍";animation:1s step-end infinite termblink}@keyframes termblink{50%{opacity:0}}.st-terminal .sm-btn{border-color:#3f6}.st-corporate{--bg:#fff;--surface:#eef3fb;--text:#1f2933;--muted:#52606d;--primary:#0b3d91;--radius:8px;--img:linear-gradient(135deg, #2f6fdb, #0b3d91);--bc:#d4def0}.st-corporate .sm-nav{border-bottom:3px solid #0b3d91;padding-bottom:8px}.st-feminine{--bg:#fffaf7;--surface:#f3dcd4;--text:#5a4646;--muted:#8f7474;--primary:#c98b8b;--radius:16px;--font:"Cormorant Garamond", "Shippori Mincho", Georgia, serif;--hw:500;--img:linear-gradient(160deg, #f3dcd4, #c98b8b);--bc:#ead2c9}.st-feminine .sm-img{border-radius:120px 120px 12px 12px}.st-feminine .sm-btn{letter-spacing:.1em;border-radius:999px}.st-feminine .sm-logo{letter-spacing:.2em;color:#c8a86b}.st-street{--bg:#141414;--surface:#1e1e1e;--text:#f5f5f5;--muted:#a8a8a8;--primary:#d4ff3a;--on-primary:#141414;--radius:2px;--bw:2px;--bc:#f5f5f5;--hfont:"Permanent Marker", "Dela Gothic One", sans-serif;--img:linear-gradient(135deg, #ff3b30, #141414 70%)}.st-street .sm-hero h3{color:#d4ff3a;font-size:26px;transform:rotate(-3deg)}.st-street .sm-deco.a{background:#ffe600;width:120px;height:20px;display:block;top:56px;right:-10px;transform:rotate(12deg);box-shadow:0 2px 4px #0006}.st-street .sm-deco.b{opacity:.2;background:radial-gradient(#fff 1px,#0000 1.5px) 0 0/7px 7px;display:block;inset:0}.st-sporty{--bg:#111;--surface:#1e1e1e;--text:#fff;--muted:#a8a8a8;--primary:#b6ff00;--on-primary:#111;--radius:0px;--hw:900;--img:linear-gradient(110deg, #ff5a1f 0 55%, #b6ff00 55% 60%, #2a2a2a 60%);--hfont:"Oswald", "Dela Gothic One", sans-serif}.st-sporty .sm-hero h3{text-transform:uppercase;font-size:26px;font-style:italic;transform:skew(-6deg)}.st-sporty .sm-btn{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);padding:10px 24px}.st-sporty .sm-card{clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%)}.st-boldtype{--bg:#f6f4ef;--surface:#0e0e0e;--text:#0e0e0e;--muted:#555;--primary:#ff4d2e;--radius:0px;--hw:900;--img:#ffd400;--hfont:"Anton", "Dela Gothic One", Impact, sans-serif}.st-boldtype .sm-hero h3{letter-spacing:-.02em;font-size:40px;line-height:.95}.st-boldtype .sm-hero.sm-center h3{font-size:34px}.st-boldtype .sm-card{color:#f6f4ef}.st-boldtype .sm-card small{color:#bbb}.st-mono{--bg:#fff;--surface:#e3e3e3;--text:#0f0f0f;--muted:#6a6a6a;--primary:#0f0f0f;--on-primary:#fff;--radius:4px;--img:linear-gradient(160deg, #bdbdbd, #3a3a3a);--bc:#0f0f0f;--hw:800}.st-mono .sm-img{filter:grayscale()}.st-acid{--bg:#050505;--surface:#121214;--text:#d9dde3;--muted:#8b9098;--primary:#c6ff00;--on-primary:#050505;--radius:999px;--bw:1px;--bc:#5c6066;--img:linear-gradient(120deg, #5c6066, #f4f6f9 30%, #8b9098 45%, #e9ecf0 60%, #5c6066 80%);--hfont:"Unbounded", "Syne", sans-serif;--hw:800}.st-acid .sm-hero h3{background:linear-gradient(#fff,#8b9098 50%,#e9ecf0 55%,#5c6066);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.st-acid .sm-card{border-radius:18px}.st-acid .sm-img{border-radius:14px}.st-acid .sm-deco.a{color:#c6ff00;font-size:28px;display:block;top:46px;right:18px}.st-acid .sm-deco.a:before{content:"✳"}.st-bento{--bg:#f2f2f4;--surface:#111114;--text:#1c1c1e;--muted:#6e6e73;--primary:#2f6bff;--radius:22px;--img:linear-gradient(135deg, #7aa2ff, #2f6bff);--bc:#e3e3e8;gap:8px}.st-bento .sm-hero{background:#fff;border-radius:22px;padding:14px}.st-bento .sm-card{color:#f5f5f7}.st-bento .sm-card small{color:#a1a1a6}.st-bento .sm-features .sm-card:nth-child(2){background:#2f6bff}.st-bento .sm-features .sm-card:nth-child(3){color:#1c1c1e;background:#fff}.st-bento .sm-features .sm-card:nth-child(3) small{color:#6e6e73}.st-bento .sm-input{background:#fff;border-color:#e3e3e8}.st-citypop{--bg:linear-gradient(180deg, #2e8fd8 0%, #6fb7e8 45%, #ffb38a 75%, #ff6fa4 100%);--surface:#fff4dc;--text:#fff;--muted:#fff4dc;--primary:#ff6fa4;--radius:999px;--hfont:"Jost", "Futura", "M PLUS Rounded 1c", sans-serif;--hw:600;--img:linear-gradient(180deg, #ff8a5c 0 50%, #14b8c4 50%)}.st-citypop .sm-card{--text:#2a3b5c;color:#2a3b5c;border-radius:18px}.st-citypop .sm-card small{color:#6a7a96}.st-citypop .sm-img{background:radial-gradient(circle at 50% 62%,#ffe08a 0 22%,#0000 23%),linear-gradient(#ff8a5c 0 55%,#14b8c4 55%);border-radius:12px}.st-citypop .sm-hero h3{letter-spacing:.04em;text-shadow:0 2px #00000026}.st-citypop .sm-input{color:#6a7a96}.st-citypop .sm-deco.a{opacity:.6;background:repeating-linear-gradient(#ffe08a 0 6px,#0000 6px 9px);border-radius:50%;width:64px;height:64px;display:block;top:54px;right:22px}.st-darkacademia{--bg:#2b1e16;--surface:#3a2a1f;--text:#e9dcc3;--muted:#bfae90;--primary:#7a2e2e;--on-primary:#e9dcc3;--radius:2px;--bw:1px;--bc:#b8955a;--font:"Cormorant Garamond", "Shippori Mincho", Georgia, serif;--hw:600;--img:linear-gradient(160deg, #2f4a3a, #1b2a21)}.st-darkacademia .sm-nav{border-bottom:3px double #b8955a;padding-bottom:8px}.st-darkacademia .sm-logo{letter-spacing:.15em;color:#b8955a}.st-darkacademia .sm-hero h3{font-size:24px}.st-darkacademia .sm-input{color:#6b5a44;background:#e9dcc3}.st-darkacademia .sm-toggle{background:#2f4a3a}.st-cottage{--bg:#fbf6ec;--surface:#fff;--text:#5a4334;--muted:#8c7462;--primary:#7a5c45;--on-primary:#fbf6ec;--radius:999px;--bw:1.5px;--bc:#e8b4b0;--hfont:"Klee One", "Zen Maru Gothic", serif;--hw:600;--img:repeating-linear-gradient(0deg, #d9605a59 0 8px, transparent 8px 16px), repeating-linear-gradient(90deg, #d9605a59 0 8px, #fff 8px 16px);background-image:radial-gradient(circle,#e8b4b0 2px,#0000 2.5px),radial-gradient(circle,#a8c28a 1.5px,#0000 2px);background-position:0 0,14px 14px;background-size:28px 28px,28px 28px}.st-cottage .sm-card{border-style:dashed;border-radius:16px}.st-cottage .sm-img{border-radius:10px}.st-cottage .sm-toggle{background:#a8c28a}.st-maximal{--bg:#ff4fa3;--surface:#fff;--text:#1a1033;--muted:#4a3a66;--primary:#ffd23f;--on-primary:#1a1033;--radius:14px;--bw:3px;--bc:#1a1033;--shadow:4px 4px 0 #1a1033;--hfont:"Dela Gothic One", "Bricolage Grotesque", sans-serif;--hw:900;--img:repeating-linear-gradient(45deg, #2ec27e 0 12px, #3d5afe 12px 24px, #ffd23f 24px 36px);background-image:radial-gradient(circle,#ffd23f 3px,#0000 3.5px),repeating-linear-gradient(-45deg,#0000 0 22px,#7b2ff759 22px 30px);background-size:22px 22px,auto}.st-maximal .sm-hero{background:#fff;border:3px solid #1a1033;border-radius:14px;padding:12px;transform:rotate(-1.5deg);box-shadow:4px 4px #1a1033}.st-maximal .sm-hero h3{color:#7b2ff7;text-shadow:2px 2px #ffd23f}.st-maximal .sm-card{transform:rotate(1deg)}.st-maximal .sm-deco.a{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:2;background:#2ec27e;border:3px solid #1a1033;width:46px;height:46px;display:block;top:8px;right:10px}.st-maximal .sm-links{color:#1a1033;background:#fff;border-radius:8px;padding:2px 8px}.st-maximal:not(.kind-app) .sm-deco.a,.st-hud:not(.kind-app) .sm-deco.a{display:none}.st-watercolor{--bg:#fffdf8;--surface:#ffffffb8;--text:#4a4a5a;--muted:#7a7a8a;--primary:#6fa8c0;--radius:18px;--hfont:"Klee One", "Zen Kurenaido", serif;--hw:600;--img:radial-gradient(ellipse at 30% 40%, #a9d6e5 0 30%, transparent 60%), radial-gradient(ellipse at 70% 60%, #f4b6c2 0 28%, transparent 60%), #fdf3e6}.st-watercolor .sm-deco{filter:blur(14px);opacity:.75;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;display:block}.st-watercolor .sm-deco.a{background:#a9d6e5;width:180px;height:150px;top:20px;left:-50px}.st-watercolor .sm-deco.b{background:#f4b6c2;width:170px;height:150px;top:45%;right:-50px}.st-watercolor .sm-deco.c{background:#f6dfa4;width:150px;height:120px;bottom:-40px;left:20%}.st-watercolor .sm-card{backdrop-filter:blur(2px)}.st-papercut{--bg:#fff6ee;--surface:#ffe1c9;--text:#5a2a14;--muted:#8c4f30;--primary:#f2784b;--radius:16px;--shadow:0 2px 0 #8c3b1e40, 0 6px 12px #8c3b1e2e;--hfont:"M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;--hw:800;--img:radial-gradient(120% 70% at 20% 100%, #f2784b 0 50%, transparent 51%), radial-gradient(120% 80% at 80% 100%, #ffb38a 0 55%, transparent 56%), #ffe1c9}.st-papercut .sm-img{box-shadow:inset 0 -4px 8px #8c3b1e40}.st-papercut .sm-deco{z-index:0;border-radius:50% 50% 0 0;height:120px;display:block;left:-20%;right:-20%}.st-papercut .sm-deco.a{background:#ffb38a;bottom:-60px;box-shadow:0 -4px 10px #8c3b1e33}.st-papercut .sm-deco.b{background:#f2784b;bottom:-80px;left:10%;box-shadow:0 -4px 10px #8c3b1e40}.st-chalk{--bg:#26392f;--surface:#ffffff0f;--text:#f2f2ec;--muted:#c9cfc6;--primary:transparent;--on-primary:#f7e27a;--radius:6px;--bw:2px;--bc:#f2f2ec99;--font:"Klee One", "Yomogi", "Hiragino Maru Gothic ProN", sans-serif;--hw:600;--img:radial-gradient(ellipse at 40% 50%, #ffffff1f, transparent 70%), #2d4337;background-image:radial-gradient(at 30% 30%,#ffffff0f,#0000 60%);box-shadow:inset 0 0 0 8px #8a5a3b}.st-chalk .sm-hero h3{text-shadow:0 0 1px #fff,0 0 4px #fff6}.st-chalk .sm-hero h3:after{content:"";opacity:.8;background:#f4a7b9;border-radius:2px;width:60%;height:3px;margin-top:4px;display:block}.st-chalk .sm-hero.sm-center h3:after{margin-inline:auto}.st-chalk .sm-btn,.st-chalk .sm-card,.st-chalk .sm-input{border-style:dashed}.st-chalk .sm-toggle{background:#f7e27a}.st-chalk .sm-toggle:after{background:#26392f}.st-chalk .sm-chart i,.st-chalk .sm-dot,.st-chalk .sm-icon{background:#f7e27a}.st-hud{--bg:#060b14;--surface:#38e1ff0d;--text:#cff6ff;--muted:#6fb6c8;--primary:#38e1ff1f;--on-primary:#38e1ff;--radius:0px;--bw:1px;--bc:#38e1ff;--font:"Rajdhani", "Share Tech Mono", ui-monospace, sans-serif;--hw:700;--img:linear-gradient(#38e1ff26 1px, transparent 1px) 0 0 / 12px 12px, linear-gradient(90deg, #38e1ff26 1px, transparent 1px) 0 0 / 12px 12px, #0e3a4d;background-image:linear-gradient(#38e1ff0d 1px,#0000 1px),linear-gradient(90deg,#38e1ff0d 1px,#0000 1px);background-size:20px 20px}.st-hud .sm-card,.st-hud .sm-btn,.st-hud .sm-input{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.st-hud .sm-hero h3{letter-spacing:.06em;text-shadow:0 0 8px #38e1ff99}.st-hud .sm-logo{letter-spacing:.2em;color:#ff9f1c}.st-hud .sm-toggle{background:#0e3a4d}.st-hud .sm-toggle:after{background:#38e1ff;border-radius:0}.st-hud .sm-chart i,.st-hud .sm-dot,.st-hud .sm-icon{background:#38e1ff}.st-hud .sm-deco.a{opacity:.7;background:linear-gradient(#38e1ff,#38e1ff) 50%/1px 100% no-repeat,linear-gradient(#38e1ff,#38e1ff) 50%/100% 1px no-repeat;border:1px dashed #38e1ff;border-radius:50%;width:54px;height:54px;display:block;top:56px;right:18px}.st-tropical{--bg:#fff3d6;--surface:#fff;--text:#1f3d2b;--muted:#4f6b57;--primary:#ff4f7b;--radius:18px;--hfont:"Fredoka", "M PLUS Rounded 1c", sans-serif;--hw:700;--img:linear-gradient(180deg, #ffa62b, #ff4f7b 45%, #18b5c9 46%);--shadow:0 4px 12px #1f7a4d26}.st-tropical .sm-hero h3{color:#1f7a4d}.st-tropical .sm-toggle{background:#18b5c9}.st-tropical .sm-deco.a,.st-tropical .sm-deco.b{opacity:.9;background:#1f7a4d;border-radius:0 100%;width:140px;height:60px;display:block}.st-tropical .sm-deco.a{top:40px;right:-36px;transform:rotate(-28deg)}.st-tropical .sm-deco.b{background:#2f9a62;top:92px;right:-50px;transform:rotate(10deg)}.st-tropical .sm-deco.c{clip-path:polygon(50% 0,62% 38%,100% 38%,70% 62%,82% 100%,50% 76%,18% 100%,30% 62%,0 38%,38% 38%);background:radial-gradient(circle,#ffd23f 0 18%,#ff4f7b 20% 100%);border-radius:50%;width:54px;height:54px;display:block;bottom:60px;left:-18px}.st-artnouveau{--bg:#f4ecdc;--surface:#fbf6ea;--text:#4a3426;--muted:#7a6450;--primary:#4e6b4f;--on-primary:#f4ecdc;--radius:18px;--bw:1.5px;--bc:#b89452;--font:"Cormorant Garamond", "Shippori Mincho", Georgia, serif;--hw:600;--img:linear-gradient(160deg, #d9a5a0, #4e6b4f)}.st-artnouveau .sm-img{border:2px solid #b89452;border-radius:120px 120px 10px 10px}.st-artnouveau .sm-card{outline-offset:3px;outline:1px solid #b89452}.st-artnouveau .sm-logo{color:#b89452;letter-spacing:.12em}.st-artnouveau .sm-btn{border-radius:999px}.st-industrial{--bg:#8c8c88;--surface:#2b2b2b;--text:#edebe6;--muted:#c9c6bf;--primary:#b5562b;--on-primary:#edebe6;--radius:2px;--bw:2px;--bc:#1a1a1a;--hfont:"Bebas Neue", "Oswald", Impact, sans-serif;--hw:700;--img:repeating-linear-gradient(0deg, #8e4a3a 0 10px, #6f3a2e 10px 12px);background-image:radial-gradient(#0000001f 1px,#0000 1.5px),radial-gradient(#ffffff1a 1px,#0000 1.5px);background-size:9px 9px,13px 13px}.st-industrial .sm-hero h3{letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a;font-size:26px}.st-industrial .sm-hero p{color:#2b2b2b}.st-industrial .sm-input{color:#555;background:#edebe6}.st-kids{--bg:#fff8e7;--surface:#fff;--text:#2d3a6b;--muted:#5f6a94;--primary:#ff6b6b;--radius:24px;--bw:3px;--bc:#2d3a6b;--shadow:0 4px 0 #2d3a6b;--hfont:"M PLUS Rounded 1c", "Kosugi Maru", sans-serif;--hw:800;--img:linear-gradient(135deg, #4d96ff 0 33%, #6bcb77 33% 66%, #ffd23f 66%)}.st-kids .sm-hero h3{color:#4d96ff;font-size:24px}.st-kids .sm-toggle{background:#6bcb77}.st-kids .sm-deco.a{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffd23f;width:36px;height:36px;display:block;top:52px;right:14px}.st-kids:not(.kind-app) .sm-deco.a{display:none}.st-clean{--bg:#fff;--surface:#e6f4f8;--text:#1e3a5f;--muted:#6b7c8a;--primary:#1fa2b4;--radius:14px;--img:linear-gradient(135deg, #bfe6ee, #1fa2b4);--bc:#d3e9ef}.st-clean .sm-hero h3{color:#1e3a5f}.st-clean .sm-logo{color:#1fa2b4}.st-clean .sm-input{background:#fff}.st-sticker{--bg:#f3efe6;--surface:#fff;--text:#1a1a1a;--muted:#4a4a4a;--primary:#ff5c8a;--on-primary:#fff;--radius:14px;--hfont:"Dela Gothic One", "Mochiy Pop One", sans-serif;--hw:900;--img:linear-gradient(135deg, #ffc93c, #ff5c8a)}.st-sticker .sm-btn,.st-sticker .sm-card,.st-sticker .sm-img{box-shadow:0 0 0 4px #fff,0 4px 10px #0003}.st-sticker .sm-btn{transform:rotate(-3deg)}.st-sticker .sm-card{transform:rotate(1.5deg)}.st-sticker .sm-hero h3{color:#3a86ff}.st-sticker .sm-toggle{background:#3a86ff}.st-chinese{--bg:#b3001b;--surface:#f7ebd3;--text:#f7ebd3;--muted:#f0d6a8;--primary:#d4a637;--on-primary:#1a1110;--radius:4px;--bw:2px;--bc:#d4a637;--hfont:"Shippori Mincho B1", "Noto Serif JP", serif;--hw:800;--img:radial-gradient(circle, #2e8b6e 0 40%, #1a1110 41%)}.st-chinese .sm-card{color:#1a1110}.st-chinese .sm-card small{color:#6b4a2a}.st-chinese .sm-img{border:3px solid #d4a637;border-radius:50%;width:90px;margin-inline:auto}.st-chinese .sm-nav{border-bottom:6px solid;border-image:repeating-linear-gradient(90deg,#d4a637 0 6px,#0000 6px 8px,#d4a637 8px 10px,#0000 10px 12px) 6;padding-bottom:6px}.st-chinese .sm-hero h3{color:#d4a637;letter-spacing:.1em}.st-dopamine{--bg:#fff;--surface:#ff8a00;--text:#2a0a3d;--muted:#5a3a6d;--primary:#ff4fa3;--radius:22px;--hfont:"Dela Gothic One", "M PLUS Rounded 1c", sans-serif;--hw:900;--img:linear-gradient(135deg, #b6f000 0 50%, #8a5cff 50%)}.st-dopamine .sm-card{color:#2a0a3d}.st-dopamine .sm-card small{color:#3a1a4d}.st-dopamine .sm-hero h3{color:#8a5cff}.st-dopamine .sm-deco.a{z-index:0;background:#b6f000;border-radius:50%;width:110px;height:110px;display:block;top:40px;right:-30px}.st-dopamine .sm-toggle{background:#8a5cff}.st-ukiyoe{--bg:#f2e6cf;--surface:#fff8e8;--text:#222;--muted:#5a4a3a;--primary:#d9452b;--on-primary:#f2e6cf;--radius:4px;--bw:2.5px;--bc:#222;--hfont:"Yuji Syuku", "Shippori Mincho", serif;--hw:700;--img:radial-gradient(circle at 20% 110%, transparent 30%, #1f3a5f 31% 36%, transparent 37%) 0 0 / 40px 30px, #5fa8a0}.st-ukiyoe .sm-hero h3{color:#1f3a5f;letter-spacing:.08em}.st-ukiyoe .sm-img{background:radial-gradient(circle at 50% 100%,#0000 45%,#fff 46% 50%,#0000 51%) 0 0/36px 26px,linear-gradient(#1f3a5f,#1f3a5f)}.st-ukiyoe .sm-toggle{background:#1f3a5f}.st-noir{--bg:#0e0e0e;--surface:#1c1c1c;--text:#f2f2f2;--muted:#9a9a9a;--primary:#f2f2f2;--on-primary:#0e0e0e;--radius:0px;--bw:1px;--bc:#444;--font:"Playfair Display", "Shippori Mincho", Georgia, serif;--hw:700;--img:repeating-linear-gradient(-35deg, #0e0e0e 0 12px, #7a7a7a 12px 20px);background-image:repeating-linear-gradient(-35deg,#0000 0 26px,#ffffff0d 26px 40px)}.st-noir .sm-hero h3{letter-spacing:.04em}.st-noir .sm-logo{color:#b3001b;letter-spacing:.2em}.st-noir .sm-toggle{background:#b3001b}.st-marine{--bg:#fff;--surface:#fff;--text:#14305c;--muted:#4a6488;--primary:#d7263d;--radius:10px;--bw:2px;--bc:#14305c;--hfont:"Josefin Sans", "Zen Kaku Gothic New", sans-serif;--hw:700;--img:repeating-linear-gradient(0deg, #14305c 0 10px, #fff 10px 20px);background-image:repeating-linear-gradient(0deg,#14305c12 0 10px,#0000 10px 20px)}.st-marine .sm-hero h3{letter-spacing:.04em}.st-marine .sm-toggle{background:#14305c}.st-outdoor{--bg:#efe6d2;--surface:#fff8ea;--text:#23251f;--muted:#5c6b3c;--primary:#e8641b;--radius:6px;--bw:2px;--bc:#23251f;--hfont:"Oswald", "Zen Kaku Gothic New", sans-serif;--hw:700;--img:linear-gradient(160deg, transparent 55%, #5c6b3c 56%), linear-gradient(200deg, transparent 50%, #6b4a2a 51%), #9fc0c6;background-image:repeating-radial-gradient(circle at 80% 20%,#0000 0 14px,#5c6b3c1f 14px 15.5px)}.st-outdoor .sm-hero h3{text-transform:uppercase;letter-spacing:.04em;color:#5c6b3c}.st-outdoor .sm-toggle{background:#5c6b3c}.st-solarpunk{--bg:#f6f2e4;--surface:#ffffffb3;--text:#2f5d50;--muted:#5b7d6f;--primary:#7bbf5a;--radius:22px;--bw:1.5px;--bc:#cfe3c0;--hfont:"Outfit", "Zen Maru Gothic", sans-serif;--hw:700;--img:radial-gradient(circle at 75% 30%, #e9b73f 0 16%, transparent 17%), linear-gradient(#9fd3e6, #cdeccf)}.st-solarpunk .sm-deco.a{background:radial-gradient(circle,#e9b73f 0 40%,#e9b73f40 41%);border-radius:50%;width:100px;height:100px;display:block;top:-24px;right:-24px}.st-solarpunk .sm-card{backdrop-filter:blur(6px)}.st-solarpunk .sm-toggle{background:#2f5d50}.st-steampunk{--bg:#3b2616;--surface:#e8d9b5;--text:#e8d9b5;--muted:#c9b48a;--primary:#b5893b;--on-primary:#3b2616;--radius:6px;--bw:2px;--bc:#b5893b;--font:"Cinzel", "Shippori Mincho", Georgia, serif;--hw:700;--img:radial-gradient(circle, #3b2616 0 18%, #b5893b 19% 30%, transparent 31%), radial-gradient(circle at 80% 70%, #3b2616 0 10%, #b4602e 11% 22%, transparent 23%), #4a4a48}.st-steampunk .sm-card{color:#3b2616}.st-steampunk .sm-card small{color:#6b4a2a}.st-steampunk .sm-deco.a{border:6px dotted #b5893b;border-radius:50%;width:40px;height:40px;display:block;top:52px;right:14px}.st-steampunk:not(.kind-app) .sm-deco.a{display:none}.st-steampunk .sm-toggle{background:#b4602e}.st-lineart{--bg:#fff;--surface:#fff;--text:#2a2a2a;--muted:#7a7a7a;--primary:#2a2a2a;--radius:999px;--bw:1.5px;--bc:#2a2a2a;--hfont:"Jost", "Zen Kaku Gothic New", sans-serif;--hw:400;--img:radial-gradient(circle at 50% 45%, transparent 22%, #2a2a2a 22.5% 24%, transparent 24.5%), linear-gradient(#efe7dc, #efe7dc)}.st-lineart .sm-card,.st-lineart .sm-img{border-radius:14px}.st-lineart .sm-btn{color:#2a2a2a;background:0 0}.st-lineart .sm-toggle{background:#fff}.st-lineart .sm-toggle:after{background:#c58b6b}.st-lineart .sm-hero h3{letter-spacing:.06em}.st-duotone{--bg:#1a1f71;--surface:#ff3e8a;--text:#fff;--muted:#ffd0e3;--primary:#ffe14d;--on-primary:#1a1f71;--radius:0px;--hfont:"Anton", "Dela Gothic One", Impact, sans-serif;--hw:900;--img:radial-gradient(circle at 40% 40%, #ff3e8a 0 30%, #1a1f71 70%)}.st-duotone .sm-img{filter:contrast(1.3)}.st-duotone .sm-hero h3{text-transform:uppercase;color:#ffe14d;font-size:30px;line-height:1}.st-duotone .sm-toggle{background:#1a1f71}.st-risograph{--bg:#f5f0e6;--surface:#fff;--text:#0078bf;--muted:#3a6f96;--primary:#ff48b0;--radius:6px;--hfont:"Space Grotesk", "Zen Maru Gothic", sans-serif;--hw:800;--img:radial-gradient(circle at 40% 50%, #ff48b0d9 0 30%, transparent 31%), radial-gradient(circle at 58% 50%, #0078bfcc 0 30%, transparent 31%), #fff;background-image:radial-gradient(#00000012 1px,#0000 1.2px);background-size:4px 4px}.st-risograph .sm-hero h3{color:#ff48b0;text-shadow:3px 2px #0078bf99}.st-risograph .sm-btn{box-shadow:3px 3px #0078bf}.st-risograph .sm-toggle{background:#0078bf}.st-blueprint{--bg:#1d4e89;--surface:#ffffff0f;--text:#e8f1fa;--muted:#a9c3e0;--primary:transparent;--on-primary:#e8f1fa;--radius:0px;--bw:1px;--bc:#e8f1fa;--font:"IBM Plex Mono", ui-monospace, monospace;--hw:600;--img:linear-gradient(#e8f1fa4d 1px, transparent 1px) 0 0 / 12px 12px, linear-gradient(90deg, #e8f1fa4d 1px, transparent 1px) 0 0 / 12px 12px, #0f2d52;background-image:linear-gradient(#e8f1fa1f 1px,#0000 1px),linear-gradient(90deg,#e8f1fa1f 1px,#0000 1px);background-size:16px 16px}.st-blueprint .sm-card,.st-blueprint .sm-btn,.st-blueprint .sm-input{border-style:dashed}.st-blueprint .sm-toggle{background:#f5d547}.st-blueprint .sm-toggle:after{background:#1d4e89;border-radius:0}.st-blueprint .sm-chart i,.st-blueprint .sm-dot,.st-blueprint .sm-icon{background:#f5d547}.st-frutiger{--bg:linear-gradient(180deg, #3fa9f5 0%, #bde8ff 55%, #7ed957 56%, #4caf3a 100%);--surface:#ffffff8c;--text:#0b4f8a;--muted:#2c6aa0;--primary:linear-gradient(#7fd0ff, #1e88e5 50%, #1565c0 51%, #42a5f5);--on-primary:#fff;--radius:14px;--bw:1px;--bc:#ffffffe6;--shadow:0 4px 12px #0b4f8a40;--hfont:"M PLUS Rounded 1c", sans-serif;--img:radial-gradient(circle at 30% 30%, #fff 0 8%, transparent 9%), radial-gradient(circle at 70% 60%, #ffffffb3 0 12%, transparent 13%), linear-gradient(#bde8ff, #3fa9f5)}.st-frutiger .sm-card{backdrop-filter:blur(8px)}.st-frutiger .sm-hero h3{color:#fff;text-shadow:0 1px 3px #0b4f8a80}.st-frutiger .sm-hero p{color:#0b4f8a}.st-frutiger .sm-deco.a{background:radial-gradient(circle at 35% 30%,#fff 0 18%,#fff3 40%,#3fa9f54d);border:1px solid #fffc;border-radius:50%;width:34px;height:34px;display:block;top:60px;right:20px}.st-frutiger:not(.kind-app) .sm-deco.a{display:none}.st-frutiger .sm-toggle{background:#7ed957}.st-wabisabi{--bg:#ede6d9;--surface:#f6f1e7;--text:#3a3631;--muted:#8c7b65;--primary:#3a3631;--on-primary:#ede6d9;--radius:3px;--font:"Shippori Mincho", "Zen Old Mincho", serif;--hw:500;--img:radial-gradient(ellipse at 50% 60%, #a39e93 0 30%, #8c7b65 31% 34%, transparent 35%), #e3dccd;background-image:radial-gradient(#3a36310f 1px,#0000 1.5px);background-size:6px 6px}.st-wabisabi .sm-hero h3{letter-spacing:.18em;font-size:20px}.st-wabisabi .sm-toggle{background:#6e7556}.st-matsuri{--bg:#151a3a;--surface:#fff;--text:#fff;--muted:#f3d9a0;--primary:#d7263d;--on-primary:#fff;--radius:10px;--bw:2px;--bc:#e9b73f;--hfont:"Yusei Magic", "Dela Gothic One", sans-serif;--hw:800;--img:radial-gradient(circle at 30% 40%, #e9b73f 0 3%, transparent 4%), radial-gradient(circle at 30% 40%, transparent 18%, #d7263d 19% 20%, transparent 21%), #151a3a}.st-matsuri .sm-card{color:#151a3a}.st-matsuri .sm-card small{color:#555}.st-matsuri .sm-nav{background:repeating-conic-gradient(#d7263d 0 25%, #fff 0 50%) 0 0 / 14px 14px;color:#151a3a;border-radius:6px;padding:4px 8px}.st-matsuri .sm-logo{background:#fff;border-radius:4px;padding:0 6px}.st-matsuri .sm-hero h3{color:#e9b73f}.st-matsuri .sm-deco.a{background:linear-gradient(#d7263d,#b31b2e);border-radius:45%;width:30px;height:40px;display:block;top:56px;right:16px;box-shadow:0 0 16px #e9b73f99}.st-matsuri:not(.kind-app) .sm-deco.a{display:none}.st-matsuri .sm-toggle{background:#e9b73f}.st-scrapbook{--bg:#f7f1e3;--surface:#fff;--text:#2e2e3a;--muted:#6a6a7a;--primary:#2e2e3a;--on-primary:#f7f1e3;--radius:2px;--shadow:2px 3px 6px #00000026;--hfont:"Caveat", "Klee One", cursive;--hw:700;--img:linear-gradient(135deg, #9dbf9e, #c9a27c)}.st-scrapbook .sm-card{position:relative;transform:rotate(-1.5deg)}.st-scrapbook .sm-card:before{content:"";background:#f4b6c2d9;width:54px;height:16px;margin-left:-27px;position:absolute;top:-8px;left:50%;transform:rotate(3deg)}.st-scrapbook .sm-img{box-shadow:var(--shadow);border:6px solid #fff}.st-scrapbook .sm-hero h3{font-size:26px}.st-scrapbook .sm-toggle{background:#9dbf9e}.st-manga{--bg:#fff;--surface:#fff;--text:#111;--muted:#444;--primary:#111;--on-primary:#fff;--radius:0px;--bw:3px;--bc:#111;--hfont:"Dela Gothic One", "Mochiy Pop One", sans-serif;--hw:900;--img:radial-gradient(#111 1.2px, transparent 1.6px) 0 0 / 6px 6px, #fff}.st-manga .sm-hero{background:repeating-conic-gradient(from 0deg at 80% 40%, #fff 0 2deg, transparent 2deg 6deg)}.st-manga .sm-hero h3{font-size:24px}.st-manga .sm-card{background-image:radial-gradient(#bdbdbd 1px,#0000 1.4px);background-size:5px 5px}.st-manga .sm-toggle{background:#e53935}.st-lofi{--bg:#2b2a4c;--surface:#f3e9dc1a;--text:#f3e9dc;--muted:#c8b6d8;--primary:#e8a87c;--on-primary:#2b2a4c;--radius:14px;--bw:1px;--bc:#f3e9dc33;--hfont:"Zen Maru Gothic", "Kosugi Maru", sans-serif;--hw:700;--img:linear-gradient(180deg, #8e7ab5, #e8a87c);background-image:radial-gradient(#ffffff0d 1px,#0000 1.4px);background-size:3px 3px}.st-lofi .sm-img{border-radius:10px;box-shadow:inset 0 0 0 6px #3b3a5c}.st-lofi .sm-toggle{background:#7a9e7e}.st-cosmic{--bg:radial-gradient(ellipse at 70% 20%, #5b2a86, #0b0b2b 70%);--surface:#ffffff0f;--text:#fff6c9;--muted:#c9b8ff;--primary:#e07be0;--on-primary:#0b0b2b;--radius:16px;--bw:1px;--bc:#c9b8ff66;--shadow:0 0 16px #e07be040;--hfont:"Orbitron", "Zen Kaku Gothic New", sans-serif;--hw:700;--img:radial-gradient(circle at 70% 40%, #2b59c3 0 18%, transparent 19%), radial-gradient(ellipse at 70% 40%, transparent 24%, #fff6c999 25% 27%, transparent 28%), #0b0b2b}.st-cosmic .sm-deco.b{opacity:.6;z-index:0;background:radial-gradient(#fff6c9 1px,#0000 1.5px) 0 0/23px 29px,radial-gradient(#fff 1px,#0000 1.5px) 11px 7px/37px 31px;display:block;inset:0}.st-cosmic .sm-toggle{background:#2b59c3}.st-japandi{--bg:#f4efe6;--surface:#fff;--text:#2f2e2b;--muted:#7a756c;--primary:#2f2e2b;--on-primary:#f4efe6;--radius:8px;--bc:#e8d9c0;--bw:1px;--hfont:"Zen Kaku Gothic New", "Jost", sans-serif;--hw:500;--img:linear-gradient(90deg, #a67c52 0 30%, #e8d9c0 30%)}.st-japandi .sm-hero h3{letter-spacing:.12em;font-size:20px}.st-japandi .sm-img{border-radius:60px 8px 8px}.st-japandi .sm-toggle{background:#8a9a80}.st-western{--bg:#f1e2c4;--surface:#fff6e4;--text:#231812;--muted:#6b3e1f;--primary:#b22b1f;--on-primary:#f1e2c4;--radius:2px;--bw:2px;--bc:#6b3e1f;--hfont:"Rye", "Dela Gothic One", serif;--hw:400;--img:linear-gradient(180deg, #d29c2e 0 50%, #b4602e 50% 70%, #6b3e1f 70%)}.st-western .sm-hero h3{color:#6b3e1f;letter-spacing:.04em}.st-western .sm-card{outline-offset:-6px;outline:2px dashed #6b3e1f}.st-western .sm-deco.a{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#b22b1f;width:34px;height:34px;display:block;top:56px;right:16px}.st-western:not(.kind-app) .sm-deco.a{display:none}.st-western .sm-toggle{background:#6b3e1f}:is(.kind-web,.kind-dash,.kind-login):is(.st-popart,.st-y2k,.st-harajuku,.st-yumekawa,.st-holographic,.st-gothic,.st-acid,.st-memphis,.st-bauhaus,.st-isometric,.st-pixel,.st-vaporwave,.st-synthwave,.st-midcentury,.st-botanical,.st-scandi,.st-natural,.st-liquid,.st-street,.st-citypop,.st-tropical,.st-dopamine,.st-solarpunk) .sm-deco:is(.a,.b,.c){top:auto;bottom:16px}:is(.kind-web,.kind-dash,.kind-login):is(.st-popart,.st-y2k,.st-harajuku,.st-yumekawa,.st-holographic,.st-gothic,.st-acid,.st-memphis,.st-bauhaus,.st-isometric,.st-pixel,.st-vaporwave,.st-midcentury,.st-botanical,.st-scandi,.st-natural,.st-tropical) .sm-deco.b{bottom:46px}:is(.kind-web,.kind-dash,.kind-login):is(.st-harajuku,.st-memphis,.st-bauhaus,.st-botanical) .sm-deco.c{bottom:76px}.st-synthwave:is(.kind-web,.kind-dash,.kind-login) .sm-deco.b{bottom:0}