@import url(https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#f9a825;--color-primary-dark:#f57f17;--color-secondary:#2576f9;--color-secondary-dark:#2e41c7;--color-background:#fafafa;--color-surface:#fafafa;--color-on-primary:#2d2d2d;--color-on-primary-light:#555;--color-on-secondary:#fafafa;--color-on-background:#2d2d2d;--color-on-surface:#2d2d2d;--color-footer-border:#ddd;--color-danger:#ff3e3e;--color-danger-hover:red;--color-button:#ddd;--color-button-hover:#b5b5b5;--color-on-button:var(--color-on-primary);--color-button-dark:#1f5ae0;--color-button-dark-hover:#1a4fc8;--shadow-card:0 10px 20px #0003;--shadow-card-hover:0 8px 20px #0006;--shadow-badge:0 2px 6px #06b6d44d;--radius-card:16px;--radius-button:8px;--radius-info:10px;--font-main:"Stack sans text",sans-serif;--font-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-base:1rem;--font-size-title:1.6rem;--font-size-subtitle:1rem;--font-size-small:0.85rem;--font-size-info:0.95rem;--font-size-badge:1rem;--spacing-sm:0.3rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--spacing-xxxl:3rem;--max-width-content:700px;--max-width-card:520px;--width-card:400px}.app-container{background:var(--color-background);color:var(--color-on-background);display:flex;flex-direction:column;font-family:var(--font-main);min-height:100vh}.app-header{background:var(--color-primary);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.app-header h1{color:var(--color-on-primary);font-size:2.2rem;margin:0}.subtitle{color:var(--color-on-primary-light);font-size:var(--font-size-subtitle);margin-top:.25rem}.app-content{flex:1 1;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);width:90%}.app-footer{align-items:center;border-top:1px solid var(--color-footer-border);color:var(--color-on-primary-light);display:flex;font-size:var(--font-size-small);justify-content:center;padding:var(--spacing-md);position:relative}button{background:var(--color-button);border:1px solid #ffffff1f;border-radius:var(--radius-button);box-shadow:0 2px 4px #00000014,inset 0 1px 0 #ffffff1a;color:var(--color-on-button);cursor:pointer;font-weight:600;letter-spacing:.2px;margin:.5rem;padding:.6rem 1.2rem;transition:transform .18s ease,box-shadow .25s ease,background .25s ease}button:hover{background:var(--color-button-hover);box-shadow:0 4px 12px #0000002e,inset 0 0 4px #ffffff12;transform:translateY(-2px)}button:active{box-shadow:0 2px 6px #00000026,inset 0 0 4px #00000026;transform:translateY(0)}.remove-button{background-color:var(--color-danger)}.remove-button:hover{background-color:var(--color-danger-hover)}.select-premade-challenge-button{background:var(--color-surface);color:var(--color-on-surface);margin:0}.feedback-button{background:var(--color-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--font-size-small);padding:6px 12px;position:absolute;right:var(--spacing-md)}.feedback-button:hover{background:var(--color-primary-dark)}.button-group,.button-group-on-card{display:flex;gap:.5rem;margin-top:.5rem}.button-group-on-card button{background:var(--color-surface);color:var(--color-on-surface)}.home-page{width:100%}.challenge-container{align-items:center;display:flex;flex-direction:column}.edit-challenge-form{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0;max-width:400px;width:100%}.edit-challenge-form input,.edit-challenge-form textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:var(--font-size-base);max-width:400px;padding:.6rem;width:100%}.edit-challenge-form textarea{min-height:80px;resize:vertical}.link-input-container{align-items:center;display:flex;justify-content:space-between;width:100%}.link-input-container p{flex-shrink:0}.invalid-link,.valid-link{margin:0;padding:0}.valid-link{color:green}.invalid-link{color:red}.challenge-card{background:var(--color-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-on-secondary);max-width:var(--width-card);overflow:hidden;position:relative;transition:all .25s ease;width:100%}.challenge-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.challenge-header{align-items:center;background:var(--color-secondary-dark);display:flex;gap:.5rem;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-xxl);padding-bottom:var(--spacing-xl)}.challenge-body{padding:var(--spacing-xxl);padding-top:0}.challenge-title{flex:1 1;font-size:var(--font-size-title);font-weight:600;margin:0}.streak-badge{background:linear-gradient(135deg,#fcd913,#ee5222);border-radius:20px;box-shadow:var(--shadow-badge);color:#fff;font-size:var(--font-size-badge);font-weight:600;padding:var(--spacing-sm) .75rem;white-space:nowrap}.challenge-description{color:var(--color-on-secondary);font-size:var(--font-size-base);line-height:1.5;margin-bottom:1rem}.challenge-info{background:var(--color-surface);border-radius:var(--radius-info);color:var(--color-on-surface);font-size:var(--font-size-info);margin-bottom:1rem;padding:var(--spacing-md) var(--spacing-lg)}.challenge-info p{margin:var(--spacing-sm)}.challenge-notes{color:var(--color-on-secondary);font-size:var(--font-size-info);margin-top:var(--spacing-md)}.embedded-video{border-radius:12px;margin-top:var(--spacing-md);overflow:hidden;padding-top:56.25%;position:relative}.embedded-video iframe{border:none;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.timer-container{align-items:center;background:var(--color-secondary-dark);display:flex;flex-direction:column;padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.timer-container h2{color:var(--color-text);font-size:var(--font-size-title);font-weight:600;margin:0;margin-bottom:var(--spacing-md)}.timer-container button{background:var(--color-surface);color:var(--color-on-surface)}.premade-challenge-list{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.premade-challenge-grid{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:var(--spacing-md);width:100%}.premade-challenge-list-header{display:flex;justify-content:space-between}.premade-challenge-list-header div{display:flex;gap:.5rem}.create-challenge-button{background:var(--color-secondary);color:var(--color-on-secondary);font-size:medium}.create-challenge-button:hover{background:var(--color-secondary-dark);color:var(--color-on-secondary)}.welcome-page-wrapper{align-items:center;display:flex;flex-direction:column}.welcome-page{background:var(--color-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-on-secondary);margin:0;margin-top:var(--spacing-xl);max-width:800px;overflow:hidden;transition:all .25s ease}.welcome-page:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.welcome-page-header{align-items:center;background:var(--color-secondary-dark);display:flex;margin-bottom:var(--spacing-md);padding:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.welcome-page-body{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;padding:var(--spacing-xxl);padding-top:0}.get-started-button{background:var(--color-surface);color:var(--color-on-surface);font-size:large}
/*# sourceMappingURL=main.55ca7b47.css.map*/