:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='40' height='40' fill='none'/><path d='M0 20 L20 0 L40 20 L20 40 Z' stroke='%23ffd700' stroke-width='1' fill='none' opacity='0.12'/></svg>") repeat,radial-gradient(ellipse at 50% 70%,#116c31 60%,#0b6d22) top center / 100% 100%;min-height:100vh}.content{position:fixed;z-index:999;bottom:45px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}#btn:active{background:linear-gradient(135deg,#ffd70090,#ffb30090 60%,#ffec8b00);box-shadow:0 12px 32px #00000059,0 2px 12px #fffbe6 inset}#btn,#btn-halfopen,#btn-open{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;min-width:120px;min-height:48px;text-align:center;font-size:1.15rem;font-weight:700;color:#fffbe6;user-select:none;background:linear-gradient(135deg,#ffd70070,#ffb30030 60%,#ffec8b00);box-shadow:0 4px 12px #0000002e,0 1px 4px #fffbe6 inset;border:0 solid #fffbe6;border-radius:1.5em;cursor:pointer;letter-spacing:1.5px;text-shadow:0 1px 4px #b8860b,0 1px 0 #fffbe6;transition:background .2s,transform .1s,box-shadow .2s;line-height:48px;margin:0 8px}#btn-halfopen:active,#btn-open:active{background:linear-gradient(135deg,#ffd70090,#ffb30090 60%,#ffec8b00);box-shadow:0 8px 24px #00000040,0 1px 8px #fffbe6 inset;transform:scale(1.06)}