*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fffbeb;--bg-card:#ffffffe0;--bg-item:#fffde8;--text:#1c1500;--text-muted:#7a6a1a;--accent:#b8860b;--accent-light:#fff3a0;--accent-dark:#8b6508;--accent-how-to-text:#6b4c00;--border:#b8860b29;--border-item:#b8860b1a;--hero-gradient:linear-gradient(135deg, #b8860b, #e07b00);--card-shadow:#b8860b14;--slack-purple:#4a154b;--green:#22c55e;--check-bg:#fff;--how-to-code-bg:#fff;--privacy-code-bg:#fff3a0;--privacy-code-color:#8b6508;--radius:1.25rem;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#141000;--bg-card:#1c1600e0;--bg-item:#1e1800;--text:#fff8d6;--text-muted:#c4a83c;--accent:#ffde34;--accent-light:#ffde341f;--accent-dark:#ffe566;--accent-how-to-text:#ffe566;--border:#ffde342e;--border-item:#ffde341a;--hero-gradient:linear-gradient(135deg, #ffde34, #ff9500);--card-shadow:#ffde340f;--slack-purple:#4a154b;--green:#4ade80;--check-bg:#1c1800;--how-to-code-bg:#ffde3414;--privacy-code-bg:#ffde341f;--privacy-code-color:#ffde34}}html{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100%;line-height:1.6;display:flex}.bg-grid{z-index:0;opacity:.5;pointer-events:none;grid-template-columns:repeat(8,1fr);gap:2rem;padding:2rem;display:grid;position:fixed;inset:0;overflow:hidden}@media (width>=769px){.bg-grid{grid-template-columns:repeat(8,1fr)}}.bg-cell{-webkit-user-select:none;user-select:none;perspective:400px;justify-content:center;align-items:center;font-weight:700;display:flex}.bg-flipper{transform-style:preserve-3d;transition:transform .6s;position:relative}.bg-flipper.flipped{transform:rotateX(180deg)}.bg-front,.bg-back{backface-visibility:hidden;justify-content:center;align-items:center;display:flex}.bg-back{position:absolute;inset:0;transform:rotateX(180deg)}.bg-front{color:var(--accent);opacity:.35;letter-spacing:.02em;font-size:.95rem}.bg-back{font-size:1.4rem}.navbar{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:56rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex;position:relative}.logo{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-emoji{font-size:1.75rem;transition:transform .3s}.logo:hover .logo-emoji{transform:scale(1.15)rotate(12deg)}.logo-text{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.main{z-index:10;flex-direction:column;flex:1;padding:1rem 1rem 3rem;display:flex;position:relative}.footer{z-index:10;text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem;position:relative}.landing{flex:1;justify-content:center;align-items:center;display:flex}.hero-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:38rem;box-shadow:0 8px 40px var(--card-shadow);padding:3rem 2.5rem}.badge{background:var(--accent-light);color:var(--accent);border-radius:100px;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.75rem);font-weight:800;line-height:1.15}.hero-title .gradient{background:var(--hero-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:30rem;margin:0 auto 1.75rem;font-size:1.05rem}.demo-box{text-align:left;background:#1a1400;border-radius:.75rem;margin-bottom:2rem;padding:1.25rem 1.5rem;font-family:SF Mono,Fira Code,monospace;font-size:.9rem}.demo-input{color:#ffd98a}.demo-input .cmd{color:#ffde34;font-weight:700}.demo-divider{background:#2a1f00;height:1px;margin:.75rem 0}.demo-output{color:#fff}.demo-output .arrow{color:#7a6a1a;margin-right:.5rem}.demo-output .emoji-result{font-size:1.4rem}.install-btn{background:var(--slack-purple);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex;box-shadow:0 4px 16px #4a154b40}.install-btn:hover{background:#3b113c;transform:translateY(-1px)}.install-btn:active{transform:translateY(0)}.slack-icon{width:1.1em;height:1.1em}.arrow-icon{transition:transform .2s}.install-btn:hover .arrow-icon{transform:translate(3px)}.install-note{color:var(--text-muted);margin-top:1rem;font-size:.85rem}.confirmation{flex:1;justify-content:center;align-items:center;display:flex}.confirm-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);text-align:center;border:1px solid #22c55e26;width:100%;max-width:34rem;padding:3rem 2.5rem;box-shadow:0 8px 40px #22c55e0f}.confirm-icon{margin-bottom:1.5rem;display:inline-block;position:relative}.confirm-icon .big-emoji{font-size:4rem}.confirm-icon .check{background:var(--check-bg);color:var(--green);border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1.1rem;font-weight:800;display:flex;position:absolute;bottom:-.25rem;right:-.75rem;box-shadow:0 2px 8px #0000001a}.confirm-title{margin-bottom:.75rem;font-size:2rem;font-weight:800}.confirm-sub{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.how-to-use{background:var(--accent-light);border:1px solid var(--border);text-align:left;border-radius:.75rem;padding:1.25rem}.how-to-use h3{color:var(--accent-dark);margin-bottom:.5rem;font-size:1rem;font-weight:700}.how-to-use p{color:var(--accent-how-to-text);font-size:.95rem}.how-to-use code{background:var(--how-to-code-bg);color:var(--accent);border-radius:.4rem;margin-top:.4rem;padding:.3rem .6rem;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 1px 3px #0000000f}.privacy{flex:1;justify-content:center;padding-top:1rem;display:flex}.privacy-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:48rem;box-shadow:0 8px 40px var(--card-shadow);padding:2.5rem}.privacy-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.privacy-header .shield{background:var(--accent-light);border-radius:.75rem;padding:.6rem;font-size:2rem;line-height:1}.privacy-header h1{font-size:2rem;font-weight:800}.privacy-intro p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem}.privacy-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}.hero-card{padding:2rem 1.5rem}@media (width>=641px){.privacy-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.5rem}.hero-card{padding:3rem 2.5rem}}.privacy-item{background:var(--bg-item);border:1px solid var(--border-item);border-radius:.75rem;padding:1.25rem}.privacy-item .item-emoji{margin-bottom:.5rem;font-size:1.75rem}.privacy-item h3{margin-bottom:.35rem;font-size:1rem;font-weight:700}.privacy-item p{color:var(--text-muted);font-size:.85rem;line-height:1.55}.privacy-item code{background:var(--privacy-code-bg);color:var(--privacy-code-color);border-radius:.25rem;padding:.1rem .35rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.privacy-footer{border-top:1px solid var(--border);padding-top:1.5rem}.privacy-footer p{color:var(--text-muted);font-size:.85rem}.error-page{flex:1;justify-content:center;align-items:center;display:flex}.error-card{text-align:center}.error-emoji{margin-bottom:1rem;font-size:4rem;display:block}.error-card h1{letter-spacing:-.04em;color:var(--accent);margin-bottom:.5rem;font-size:5rem;font-weight:800;line-height:1}.error-msg{color:var(--text-muted);margin-bottom:1.75rem;font-size:1.05rem}.back-link{color:var(--accent);font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}