:root{color-scheme:light;--bg: #fbfaf7;--panel: #ffffff;--ink: #1d1f24;--muted: #5f6673;--line: #dedfd7;--accent: #0f766e;--accent-strong: #115e59;--warm: #f4a261;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;min-width:320px}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}img{max-width:100%;display:block}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header,.site-footer{border-bottom:1px solid var(--line);background:#ffffffd1;backdrop-filter:blur(12px)}.site-footer{border-top:1px solid var(--line);border-bottom:0;margin-top:48px}.site-nav,.footer-inner,.page{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:0;text-decoration:none}.nav-links{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.95rem}.page{flex:1;padding:32px 0 0}.footer-inner{padding:24px 0;color:var(--muted);font-size:.92rem;display:grid;gap:8px}.eyebrow{color:var(--accent-strong);font-weight:700;font-size:.82rem;text-transform:uppercase}.hero-tool{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:stretch}.hero-tool--home{align-items:start}.tool-panel,.content-panel,.notice,.mix-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.tool-panel,.content-panel{padding:24px}.content-panel--hero{display:grid;gap:14px}.content-panel__notice{margin-top:8px}.tool-title{font-size:clamp(2rem,5vw,4.4rem);line-height:1;margin:8px 0 16px;letter-spacing:0}.subtitle{color:var(--muted);font-size:1.05rem;line-height:1.6}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;border:1px solid var(--line);border-radius:var(--radius);min-height:44px;padding:0 12px;font:inherit}.mixer-shell{display:grid;gap:16px;background:linear-gradient(180deg,#fff,#f7f8fc)}.mixer-switch{display:inline-grid;grid-template-columns:1fr 1fr;align-self:center;width:min(320px,100%);margin:0 auto;border:1px solid #ccd2df;border-radius:12px;overflow:hidden;background:#f4f5f8}.mixer-switch__button{min-height:58px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7d8089;text-decoration:none}.mixer-switch__button--active{background:#eaf0ff;color:#3d57b8;box-shadow:inset -1px 0 #ccd2df}.mixer-stage{padding:18px;border:1px solid #d7dbe6;border-radius:18px;background:#fff;box-shadow:0 12px 30px #313d6614}.mixer-stage__formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr);align-items:center;gap:10px}.mixer-stage__token,.mixer-stage__result{height:126px;border-radius:16px;background:#f4f5fa;display:grid;place-items:center;padding:12px;text-align:center}.mixer-stage__token--accent{background:#eef0f6}.mixer-stage__emoji{font-size:clamp(2rem,8vw,4rem);line-height:1}.mixer-stage__emoji--placeholder{display:grid;place-items:center}.mixer-stage__placeholder-box{display:inline-block;width:54px;height:54px;border:3px dashed #35384a;border-radius:8px}.mixer-stage__caption{margin-top:10px;font-size:.82rem;color:var(--muted);line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mixer-stage__operator{font-size:2rem;font-weight:700;color:#303246}.mixer-stage__result{background:#f0f1f7;overflow:hidden}.mixer-stage__result p{margin:0;color:var(--muted);line-height:1.5}.mixer-stage__result img{width:min(180px,100%);height:auto;max-height:100%;aspect-ratio:1;object-fit:contain}.mixer-stage__result-image{display:block}.mixer-search{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:74px;border:1px solid #d7dbe6;border-radius:16px;background:#fff;box-shadow:0 10px 24px #313d660f;color:#a1a6b2}.mixer-search__input{min-height:0;padding:0;border:0;border-radius:0;background:transparent;font-size:clamp(1.05rem,4vw,1.35rem)}.mixer-search__input:focus{outline:0}.mixer-grid-panel{position:relative;padding-bottom:4px}.mixer-random-wrap{position:sticky;bottom:18px;z-index:3;display:flex;justify-content:flex-end;margin-top:-8px;pointer-events:none}.mixer-random-fab{pointer-events:auto;width:56px;min-width:56px;min-height:56px;padding:0;border-radius:999px;border-color:#4054c7;background:#4054c7;color:#fff;box-shadow:0 14px 30px #313d662e}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px}.emoji-grid--mixer{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:12px}.emoji-choice{border:0;border-radius:18px;background:transparent;min-height:58px;display:grid;place-items:center;font-size:2rem;cursor:pointer;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.emoji-choice[aria-pressed=true]{background:#eef0f6;box-shadow:inset 0 0 0 1px #d9deea;transform:scale(1.03)}.mix-preview{min-height:280px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:var(--radius);background:#fff}.mix-preview img{width:min(260px,75vw);aspect-ratio:1;object-fit:contain}.section{margin-top:48px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section h2,.section h1{margin:0;letter-spacing:0}.collection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.collection-link{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-decoration:none;display:grid;gap:8px}.collection-link p{color:var(--muted);margin:0;line-height:1.45}.mix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.mix-card{overflow:hidden;display:grid}.mix-card__image{aspect-ratio:1;display:grid;place-items:center;background:#fff;border-bottom:1px solid var(--line)}.mix-card__image img{width:100%;height:100%;object-fit:contain;padding:12px}.mix-card__body{padding:12px;display:grid;gap:10px}.mix-card__title{margin:0;font-size:.95rem;line-height:1.25}.mix-card__actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:16px;color:var(--muted);line-height:1.5}.mixer-actions{position:sticky;bottom:8px;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 0 0;background:transparent}.mixer-actions__button{min-height:52px;border-radius:18px;padding:0 12px;border-color:#e1e4ed;background:#ffffffe0;box-shadow:0 10px 24px #313d6614}.mixer-actions__button--accent{background:#4054c7;border-color:#4054c7;color:#fff}.mixer-actions__label{display:inline}.mixer-status{display:block;text-align:center;font-size:.92rem}.faq-list{display:grid;gap:12px}.faq-list details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}@media(max-width:820px){.site-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.hero-tool{grid-template-columns:1fr}.hero-tool--home>.tool-panel{order:1}.hero-tool--home>.content-panel{order:2}.tool-panel,.content-panel{padding:18px}.content-panel--hero{gap:10px}.content-panel--hero .eyebrow{font-size:.76rem}.content-panel--hero .tool-title{font-size:clamp(1.6rem,8vw,2.4rem);margin-bottom:8px}.content-panel--hero .subtitle{font-size:.98rem;line-height:1.5}.section-header{align-items:flex-start;flex-direction:column}.mixer-shell{gap:14px;padding:14px;border-radius:22px}.mixer-stage{padding:14px}.mixer-stage__formula{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px}.mixer-stage__token,.mixer-stage__result{height:112px;padding:10px}.mixer-stage__emoji{font-size:clamp(1.8rem,9vw,3.2rem)}.mixer-stage__caption{font-size:.74rem}.mixer-stage__placeholder-box{width:42px;height:42px;border-width:2px}.mixer-search{min-height:66px}.emoji-grid--mixer{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px}.emoji-choice{min-height:54px;font-size:1.9rem;border-radius:16px}.mixer-actions__label{display:none}.mixer-actions__button{padding:0}.mixer-random-wrap{bottom:14px}.mixer-random-fab{width:52px;min-width:52px;min-height:52px}}@media(max-width:560px){.page{width:min(100%,calc(100% - 20px));padding-top:18px}.site-nav,.footer-inner{width:min(100%,calc(100% - 20px))}.hero-tool--home{gap:18px}.content-panel--hero{padding:0;background:transparent;border:0}.content-panel__notice .notice{padding:0;border:0;background:transparent}.mixer-switch{width:100%}.mixer-switch__button{min-height:50px;font-size:.94rem}.mixer-stage__formula{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:6px}.mixer-stage__token,.mixer-stage__result{height:102px}.mixer-stage__result{padding:8px}.mixer-stage__result p{font-size:.92rem;line-height:1.35}.mixer-search{padding:0 14px}.mixer-actions{grid-template-columns:repeat(2,minmax(0,1fr));bottom:4px}.mixer-random-wrap{bottom:10px}.mixer-random-fab{width:48px;min-width:48px;min-height:48px}}