@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fafaf8;justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}@media (prefers-color-scheme:dark){body{color:#e8e8e6;background:#141413}}#root{width:100%}.page{text-align:center;max-width:460px;margin:0 auto;padding:3rem 1.5rem}.brand{letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:1.5rem;font-size:13px;font-weight:500}.title{margin-bottom:.4rem;font-size:34px;font-weight:500;line-height:1.2}.title span{color:#e24b4a}.sub{color:#777;margin-bottom:2.5rem;font-size:15px}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:2.5rem;display:grid}.tool{cursor:pointer;color:inherit;background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:1.4rem 1rem;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.tool:hover{border-color:#ccc;transform:translateY(-2px)}.tool:active{transform:scale(.97)}.icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.icon svg{width:24px;height:24px}.label{font-size:13px;font-weight:500}.t1 .icon{color:#d85a30;background:#faece7}.t2 .icon{color:#ba7517;background:#faeeda}.t3 .icon{color:#1d9e75;background:#e1f5ee}.t4 .icon{color:#7f77dd;background:#eeedfe}.footer{color:#aaa;font-size:12px}.footer a{color:#888;text-decoration:none}.footer a:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.tool{background:#1e1e1c;border-color:#2a2a28}.tool:hover{border-color:#444}.t1 .icon{color:#f0997b;background:#3a1a0e}.t2 .icon{color:#fac775;background:#332006}.t3 .icon{color:#5dcaa5;background:#0a2a20}.t4 .icon{color:#afa9ec;background:#221e48}}.home{touch-action:none;color:#e8e8e6;background:radial-gradient(#1c1713 0%,#0c0a08 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.home:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 45%,#0009 100%);position:absolute;inset:0}.popcorn-canvas{pointer-events:none;z-index:0;position:absolute;inset:0}.home .page{z-index:2;position:relative}.home .sub{color:#8a8680}.home .footer{color:#6f6b66}.home .footer a{color:#8a8680}.home .tool{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1e1cd1;border-color:#2a2a28}.home .tool:hover{border-color:#444}.home .t1 .icon{color:#f0997b;background:#3a1a0e}.home .t2 .icon{color:#fac775;background:#332006}.home .t3 .icon{color:#5dcaa5;background:#0a2a20}.home .t4 .icon{color:#afa9ec;background:#221e48}.title.flash span{animation:.9s ease-out title-pop}@keyframes title-pop{0%{text-shadow:0 0 #ffaa3c00;transform:scale(1)}25%{text-shadow:0 0 28px #ffaa3ce6;transform:scale(1.12)}to{text-shadow:0 0 #ffaa3c00;transform:scale(1)}}.title span{display:inline-block}.sound-toggle{z-index:3;color:#8a8680;cursor:pointer;background:#1e1e1cd1;border:1px solid #2a2a28;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,border-color .15s;display:flex;position:fixed;bottom:16px;right:16px}.sound-toggle:hover{color:#e8e8e6;border-color:#444}.sound-toggle[aria-pressed=true]{color:#fac775}.sound-toggle svg{width:18px;height:18px}