body,html{margin:0;padding:0;height:100%}body{font-family:Arial,sans-serif;background-color:#f3f4f6;height:100%}#\__next,.container{height:100%;display:flex;flex-direction:column}.container{max-width:500px;margin:0 auto}.header{background-color:#ffffff;padding:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.nav{display:flex;justify-content:center;gap:16px}.nav a{text-decoration:none;color:#333333;font-weight:700}.ad{width:100%;height:60px;background-color:#e2e8f0;color:#555555;font-size:.9rem;border-radius:4px}.ad,.main{display:flex;align-items:center;justify-content:center}.main{flex:1 1;flex-direction:column;padding:16px}.dash{flex-direction:column;gap:16px}.dash,.dash-box{display:flex;align-items:center}.dash-box{width:192px;height:192px;justify-content:center;border-radius:8px;background-color:#cccccc;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-size:1rem;font-weight:700;color:white}.dash-box.react{background-color:#4ade80}.share-button,.start-button{padding:8px 16px;background-color:#3b82f6;color:white;border:none;border-radius:4px;cursor:pointer}.start-button:disabled{opacity:.5;cursor:default}.share-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.share-button{display:inline-block;text-decoration:none;padding:8px 12px;background-color:#3b82f6;color:white;border-radius:4px}.stats{text-align:center;line-height:1.5}.history{display:flex;flex-direction:column;gap:12px;margin-top:16px}.history-entry{background-color:#ffffff;padding:12px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}