a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){a:hover{color:#747bff}}@media (prefers-color-scheme: dark){a:hover{color:#747bff}}.header{padding:0 2rem;z-index:100;border-bottom:1px solid var(--border-color);background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;height:var(--header-height)}.header-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer{border-top:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;bottom:0;left:0;width:100%;z-index:1000;padding-top:5px;height:var(--footer-height)}.footer-container{width:80%;max-width:1280px;margin:0 auto;height:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.footer-links{display:flex;gap:2rem}.theme-toggle{width:auto;height:auto;padding:.5rem;border:none;border-radius:50%;background:none;color:var(--text-color);cursor:pointer;font-size:1.2rem;line-height:1;transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:rotate(360deg);color:var(--primary-color)}.MuiSvgIcon-root{font-size:1rem!important}.footer-links a{color:var(--text-color);transition:opacity .3s ease;text-decoration:none;font-size:.875rem;opacity:.8;margin:0 var(--spacing-sm)}.footer-links a:hover{text-decoration:underline;opacity:.5}.logo{height:100%;width:auto}.logo-container{height:40px}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.header-actions{display:flex;align-items:center;gap:1rem}.footer-button{background-color:var(--primary-color);color:var(--on-primary-color);padding:.5rem 1rem;border-radius:var(--border-radius-md);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background-color .3s ease,box-shadow .3s ease}.footer-button:hover{background-color:var(--secondary-color);box-shadow:var(--elevation-2)}.footer-icon-button{padding:.5rem;border:1px solid var(--border-color);border-radius:50%;background:var(--surface-color);cursor:pointer;font-size:1.2rem;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--text-color);text-decoration:none}.footer-icon-button:hover{transform:scale(1.1);background:var(--accent-color);color:var(--on-accent-color);transform:rotate(360deg)}.footer-icon-button.active{background:var(--primary-color);color:var(--white);border-color:var(--white)}.profile-section{display:flex;align-items:center}.profile-button{height:var(--btn-height-md);display:flex;align-items:center;justify-content:center;padding:0;border-radius:100%;border-color:#f0f8ff;background:var(--on-primary-color);cursor:pointer;transition:transform .2s ease}.profile-button:hover{transform:scale(1.1)}.profile-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px #0000001a}.copyright{color:var(--text-color);font-size:.875rem;opacity:.8;align-items:center}.signin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);overflow:hidden}.signin-modal-content{text-align:left;width:90%;max-width:400px;background-color:var(--surface-color);color:var(--text-color);border-radius:var(--border-radius-md);box-shadow:var(--elevation-3);padding:var(--spacing-lg);position:relative;overflow:hidden}.signin-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:var(--font-size-lg);color:var(--text-color);cursor:pointer}.signin-modal-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.signin-modal-description{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.google-login-button{width:100%;padding:var(--btn-padding-md);font-size:var(--btn-font-size-md);background-color:var(--primary-color);color:var(--on-primary-color);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .3s ease,transform .2s ease}.google-login-button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.signin-modal-terms-text{font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:left;color:var(--text-color)}.error-message{color:red;font-size:.9rem;margin-top:1rem;text-align:center}.google-login-button:disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width: 576px){.signin-modal-content{width:95%;padding:var(--spacing-md)}.signin-modal-title{font-size:var(--font-size-lg)}.signin-modal-description{font-size:var(--font-size-sm)}.google-login-button{font-size:var(--btn-font-size-sm);padding:var(--btn-padding-sm)}.signin-modal-terms-text{font-size:var(--font-size-xs)}.logo-container{height:30px}}@media screen and (max-width: 768px){.footer-container{width:90%;flex-direction:row;gap:.5rem}.app-footer{height:56px}.footer-links{gap:1rem}.logo-container{height:35px}}@media screen and (max-width: 768px){.header-container{width:90%}.header{padding:0}}.profile-navbar{position:fixed;top:0;right:-100%;height:100%;width:30%;background:var(--surface-color);box-shadow:-4px 0 8px #0000001a;z-index:1100;transition:right .3s ease;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.profile-navbar.open{right:0}.close-navbar-button{align-self:flex-end;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;margin-bottom:1rem}.navbar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.navbar-menu li{font-size:1rem}.navbar-menu a{text-decoration:none;color:var(--text-color);transition:color .2s ease}.navbar-menu a:hover{color:var(--primary-color)}@media screen and (max-width: 768px){.profile-navbar{width:80%}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--surface-color);color:var(--text-color);border-radius:var(--border-radius-md);box-shadow:0 8px 16px #0003;padding:var(--spacing-lg);width:90%;max-width:500px;max-height:80%;overflow-y:auto;position:relative;text-align:left;transition:transform .3s ease,opacity .3s ease}.activity-modal-content:focus-within{outline:2px solid var(--primary-color)}.activity-modal-content{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;padding:var(--spacing-lg);max-width:500px;width:100%;position:relative}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:var(--spacing-xs);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.modal-close:hover{background-color:#ffffff1a;transform:scale(1.1)}.modal-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md);text-align:left}.activity-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xs);background:var(--surface-color);border-radius:var(--border-radius)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);width:100%;max-width:400px;align-self:center}.form-label{font-weight:600;font-size:.875rem;display:block;color:var(--text-color);margin-bottom:var(--spacing-xs)}.form-control{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);color:var(--text-color);font-size:1rem;transition:var(--transition-base);box-shadow:0 2px 4px #0000000d}.form-control:hover{border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.form-select{composes:form-control;cursor:pointer;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);transition:var(--transition-base);padding:1rem}.form-select:hover{border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.form-textarea{composes:form-control;min-height:10px;resize:vertical;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);transition:var(--transition-base);padding:1rem;box-shadow:0 2px 4px #0000000d}.form-textarea:hover{border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.button{display:inline-flex;align-items:center;justify-content:center;height:var(--button-height);padding:0 var(--spacing-lg);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);border:none;box-shadow:0 2px 4px #0000000d}.button-primary{background:var(--primary-color);color:#fff}.button-primary:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.button-secondary{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color)}.button-secondary:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-loading{position:relative;pointer-events:none}.button-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.form-error{padding:var(--spacing-sm);border-radius:var(--border-radius);background:#ef44441a;color:#ef4444;font-size:.875rem;margin-bottom:var(--spacing-md);box-shadow:0 2px 4px #ef44441a}.modal-description{font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--text-color);opacity:.9;text-align:left}.auth-options{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.google-auth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.google-auth-button:hover{background:#ffffff0d;transform:translateY(-1px)}.google-auth-button img{width:20px;height:20px}.modal-close-button{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:1.5rem;color:var(--text-color);opacity:.7;cursor:pointer;padding:.25rem;line-height:1;transition:opacity .2s ease}.modal-close-button:hover{opacity:1}.terms-text{font-size:.875rem;margin-top:var(--spacing-md);color:var(--text-color);opacity:.7;text-align:left;line-height:1.4;border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.modal-content.loading{opacity:.7;pointer-events:none}@media screen and (max-width: 768px){.activity-modal-content{width:calc(100% - 2rem);margin:1rem;padding:1.5rem}.modal-content{width:95%;padding:var(--spacing-md)}.modal-content h2,.modal-title{font-size:1.5rem}.modal-description{font-size:.9rem}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.button{width:100%}.google-auth-button{padding:.875rem}.google-login-button{font-size:var(--btn-font-size-sm);padding:var(--btn-padding-sm)}.terms-text{font-size:.75rem}}@media screen and (max-width: 576px){.modal-content{width:100%;margin:0;border-radius:0;max-height:100%}.modal-title{font-size:1.25rem}.modal-description{font-size:.85rem}.google-login-button{font-size:.9rem;padding:.75rem}.terms-text{font-size:.7rem}}.activities-container{display:flex;justify-content:center;align-items:center;padding:2rem}.div-container{min-height:20vh}.stacked-buttons{display:flex;flex-direction:row;gap:1rem;width:100%;max-width:800px;justify-content:center}.stacked-buttons button{padding:.75rem 5rem;border:none;border-radius:8px;background:var(--primary-color);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.stacked-buttons button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stacked-buttons button:nth-child(1){background:#9fb3df}.stacked-buttons button:nth-child(1):hover{background:#8ea4d0}.stacked-buttons button:nth-child(2){background:#9ec6f3}.stacked-buttons button:nth-child(2):hover{background:#8db5e2}.stacked-buttons button:nth-child(3){background:#bddde4;color:#333}.stacked-buttons button:nth-child(3):hover{background:#acccd3}.stacked-buttons button:nth-child(4){background:#fff1d5;color:#333;border:2px solid #9FB3DF}.stacked-buttons button:nth-child(4):hover{background:#f0e2c6}@media screen and (max-width: 768px){.stacked-buttons{flex-direction:column;max-width:400px;width:100%}.activity-generator{padding:1rem}.stacked-buttons{flex-direction:column;gap:1rem}.stacked-buttons button{width:100%}.div-container{min-height:15vh!important}}.main-title{text-align:center;margin-bottom:2rem;color:var(--text-color)}.activity-generator{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;text-align:center;padding:2rem;box-sizing:border-box}.activity-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;margin:0;padding:0;box-sizing:border-box}.activity-generator-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:100%;max-width:800px;text-align:center;padding:2rem;box-sizing:border-box}button{display:inline-block;padding:var(--btn-padding-md);font-size:var(--btn-font-size-md);font-weight:500;font-family:inherit;border-radius:var(--border-radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-base);text-align:center;background-color:var(--button-bg);color:var(--button-text);box-shadow:var(--elevation-1)}button:hover{opacity:.95;box-shadow:var(--elevation-2);border-color:var( --color-bg);border-width:2px;border-style:solid}button.core-outline{background-color:transparent;border:2px solid var(--border-color);color:var(--text-color)}button.text{background-color:transparent;color:var(--primary-color);box-shadow:none}button.text:hover{text-decoration:underline}button.primary{background-color:var(--primary-color);color:var(--on-primary-color)}button.primary-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}button.primary-outline:hover{background-color:var(--primary-color);color:var(--on-primary-color)}button.secondary{background-color:var(--secondary-color);color:var(--on-secondary-color)}button.secondary-outline{background-color:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color)}button.secondary-outline:hover{background-color:var(--secondary-color);color:var(--on-secondary-color)}button.accent{background-color:var(--accent-color);color:var(--on-accent-color)}button.success{background-color:var(--color-success);color:var(--color-on-success)}button.warning{background-color:var(--color-warning);color:var(--color-on-warning)}button.error{background-color:var(--color-error);color:var(--color-on-error)}button.full-width{width:100%;display:block}button.disabled,button:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.6}@media (max-width: var(--screen-sm)){button{font-size:var(--btn-font-size-sm);padding:var(--btn-padding-sm)}}@media (min-width: var(--screen-md)){button{font-size:var(--btn-font-size-lg);padding:var(--btn-padding-lg)}}.activity-display{background-color:var(--surface-color);color:var(--color-text);border-radius:var(--border-radius);max-width:800px;margin:0 auto;padding:20px;box-shadow:var(--elevation-2);text-align:left;height:auto}.activity-display p,.activity-display h1,.activity-display h2,.activity-display h3,.activity-display ul,.activity-display ol{color:var(--text-color);line-height:1.6;margin-bottom:var(--spacing-md)}.activity-display h1,.activity-display h2,.activity-display h3,.activity-display h4,.activity-display h5,.activity-display h6{text-align:left;margin-left:0}.activity-display ul,.activity-display ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-left:0}.activity-display p{line-height:1.6;margin-bottom:var(--spacing-md);text-align:left;margin-left:0}.activity-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md);align-items:right}.activity-header .button-group,.button-group{display:flex;gap:var(--spacing-md)}.download-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.download-button:hover{background-color:#45a049}.icon-button{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-color);transition:color .3s ease,transform .2s ease}.icon-button:hover{color:var(--primary-color);transform:scale(1.1)}.recording-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;background-color:#dc3545;color:#fff}.recording-button:hover{background-color:#c82333}.recording-button.recording{animation:pulse 1.5s infinite;background:#f44336!important;color:#fff!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.analyze-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;background-color:#007bff;color:#fff}.analyze-button:hover{background-color:#0056b3}.analyze-button:disabled{background-color:#6c757d;cursor:not-allowed}.analyze-button.analyzing{animation:pulse 1.5s infinite;background:#4caf50!important;color:#fff!important}.section-title{margin-bottom:.75rem;color:var(--color-primary);border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.subsection-title{color:var(--color-secondary);margin-bottom:.5rem}.vocabulary-item,.phrasal-verb-item{transition:background-color .2s}.vocabulary-item:hover,.phrasal-verb-item:hover{background-color:var(--color-surface-hover)}.role-card{border-left:4px solid var(--color-primary)}.dialog-line{padding:.5rem;border-radius:4px}.dialog-even{background-color:rgba(var(--color-primary-rgb),.1)}.dialog-odd{background-color:rgba(var(--color-secondary-rgb),.1)}.word,.verb,.speaker{color:var(--color-primary-dark)}.example{color:var(--color-text-secondary)}@media (max-width: 768px){.roles-list{grid-template-columns:1fr}}.prose{line-height:1.6;color:inherit}.prose h1{font-size:1.875rem;font-weight:700;margin-top:2rem;margin-bottom:1rem}.prose h2{font-size:1.5rem;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem}.prose h3{font-size:1.25rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin-top:.75rem;margin-bottom:.75rem;padding-left:1.5rem}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:.5rem}.prose strong{font-weight:600}.prose em{font-style:italic}.prose code{background-color:#0000000d;padding:.2rem .4rem;border-radius:.25rem;font-family:monospace}.prose blockquote{border-left:.25rem solid #a0aec0;padding-left:1rem;font-style:italic;margin:1rem 0}.save-success-banner{animation:fadeOut 3s forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.btn-save-private{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-save-private:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn-save-private:disabled{background:#adb5bd;cursor:not-allowed;box-shadow:none}.btn-save-public{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-save-public:hover{background:linear-gradient(135deg,#0056b3,#003f7f);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn-save-public:disabled{background:#6c757d;cursor:not-allowed;box-shadow:none}.button-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}@media (max-width: 1024px){.activity-display{max-width:90%;padding:15px;font-size:1rem}.activity-header{flex-direction:column;align-items:end}.button-group{flex-direction:row;gap:var(--spacing-sm)}.activity-card-container{margin-bottom:1rem}.activity-card{padding:15px;font-size:.9rem}}@media (max-width: 768px){.activity-display{margin-bottom:6rem;max-width:100%;padding:5px;font-size:.9rem}.activity-header{flex-direction:column;align-items:end}.button-group{flex-direction:row;gap:var(--spacing-xs)}.activity-card-container{margin-bottom:.75rem}.activity-card{padding:10px;font-size:.8rem}.activity-card-title-text{font-size:1rem}.activity-card-description{font-size:.8rem}.roles-list{grid-template-columns:1fr}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1rem}.prose p{font-size:.9rem}.prose ul,.prose ol{padding-left:1rem}.prose li{font-size:.9rem}}.activity-card-container{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:var(--spacing-md);background-color:var(--surface-color);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-card-container:hover{transform:translateY(-5px);box-shadow:var(--elevation-2)}.activity-card-link{text-decoration:none;color:inherit;display:block}.activity-card-link:hover,.activity-card-link *{text-decoration:none}.activity-card-name{text-align:left;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--primary-color)}.activity-card-title{text-align:left;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-color)}.activity-card-details{display:flex;justify-content:space-between;gap:var(--spacing-md);text-align:left}.activity-card-description{margin-top:.5rem;font-size:.9rem;color:#555;line-height:1.4}.activity-card-detail{flex:1}.detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color)}@media screen and (max-width: 768px){.activity-card-container{padding:var(--spacing-sm)}.activity-card-name,.activity-card-title{font-size:var(--font-size-sm)}.detail-value{font-size:var(--font-size-xs)}}.activity-list-container{width:100%;padding:var(--spacing-xs);position:relative;display:flex;flex-direction:column;height:auto;margin-bottom:6rem}.sticky-container{position:sticky;top:0;z-index:30;background:var(--bg-color);padding:var(--spacing-xs);box-shadow:var(--elevation-1)}.filter-toggle-container{display:flex;flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--bg-color);border-bottom:1px solid var(--border-color);width:auto}.view-toggle-container{display:flex;width:40%;justify-content:left;gap:var(--spacing-md)}.toggle-button{padding:.5rem 1rem;border:none;background-color:#f0f0f0;color:#333;cursor:pointer;border-radius:20px;font-weight:700;font-size:.875rem;transition:background-color .3s,color .3s}.toggle-button.active{background-color:#007bff;color:#fff}.toggle-button:hover{background-color:#0056b3;color:#fff}.filter-bar{display:flex;width:60%;justify-content:left;gap:var(--spacing-md);flex-wrap:wrap}.filter-select{padding:8px;width:30%;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--surface-color);font-size:var(--font-size-sm);color:var(--text-color);cursor:pointer}.activity-list-scrollable{flex:1;padding-top:var(--spacing-md)}.activity-list-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.loading-message,.error-message,.no-activities-message{font-size:var(--font-size-md);margin-top:var(--spacing-md)}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.activity-item:hover{transform:translateY(-5px);box-shadow:var(--elevation-2)}.activity-link{text-decoration:none;color:inherit;display:block;padding:var(--spacing-md);background-color:var(--surface-color)}.activity-card{text-align:left}.activity-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.activity-type,.activity-date{font-size:var(--font-size-sm);color:var(--text-muted)}@media screen and (max-width: 768px){.filter-toggle-container{flex-direction:column;gap:var(--spacing-sm)}.view-toggle-container,.filter-bar{justify-content:left;gap:var(--spacing-sm)}.toggle-button{font-size:.8rem;padding:.4rem .8rem}.filter-select{font-size:.8rem;padding:6px}.activity-title{font-size:var(--font-size-md)}.activity-type,.activity-date{font-size:var(--font-size-sm)}}@media screen and (max-width: 576px){.filter-toggle-container{flex-direction:column;gap:var(--spacing-sm)}.view-toggle-container{width:70%;gap:var(--spacing-xs)}.filter-bar{gap:var(--spacing-xs);width:100%}.toggle-button{font-size:.75rem;padding:.1rem 1rem;height:var(--btn-height-xs)}.filter-select{font-size:.75rem;padding:3px;width:30%}.activity-title{font-size:var(--font-size-sm)}.activity-type,.activity-date{font-size:.8rem}}.pricing-page{padding:var(--spacing-lg);text-align:center}.pricing-header{margin-bottom:var(--spacing-lg)}.pricing-title{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-color)}.pricing-subtitle{font-size:var(--font-size-md);color:var(--text-muted);margin-top:var(--spacing-sm)}.pricing-table{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.pricing-card{width:auto;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--elevation-1);transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-10px);box-shadow:var(--elevation-3)}.pricing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.pricing-card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin:0}.pricing-card-price{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.pricing-details{list-style:none;padding:0;margin:0 0 var(--spacing-md);text-align:left}.pricing-details li{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.btn-primary{background-color:var(--primary-color);color:var(--on-secondary-color);border:none;padding:var(--btn-padding-md);font-size:var(--btn-font-size-md);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.btn-primary:hover{background-color:var(--secondary-color);box-shadow:var(--elevation-2);color:var(--white)}@media screen and (max-width: 768px){.pricing-page{padding:var(--spacing-md)}.pricing-table{grid-template-columns:1fr;gap:var(--spacing-md)}.pricing-card{width:100%;max-width:300px;margin:0 auto}.pricing-card-title{font-size:var(--font-size-lg)}.pricing-card-price{font-size:var(--font-size-md)}.pricing-details li{font-size:var(--font-size-sm)}.btn-primary{font-size:var(--btn-font-size-sm);padding:var(--btn-padding-sm);color:var(--white)}}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease;font-size:var(--font-size-base);line-height:var(--line-height-xs);font-weight:var(--font-weight-normal)}.body{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.main-section{position:relative;overflow-y:auto;width:100%;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color)}.content-container{width:80%;max-width:1280px;margin:0 auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.content-wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.sign-in-button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:#ffffff0d;color:var(--text-color);font-size:.875rem;cursor:pointer;transition:all .3s ease}.sign-in-button:hover{background:#ffffff1a;transform:translateY(-1px)}.content-wrapper{height:100%;display:flex;flex-direction:column}copyright{color:var(--text-color);font-size:.875rem}.main-title{font-size:2rem;padding:0 1rem}@media screen and (max-width: 768px){.content-container{flex-direction:column;justify-content:center;gap:var(--spacing-md);width:95%;padding:.5rem}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:2rem}html,body{height:100%;font-family:inherit;background-color:var(--light-bg);color:var(--light-text);font-size:var(--font-size-sm);line-height:var(--line-height-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--light-primary);text-decoration:none;transition:var(--transition-base)}a:hover{text-decoration:underline}p{font-size:var(--font-size-sm);line-height:var(--line-height-md);margin-bottom:var(--spacing-sm);color:var(--text-color)}ul,ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}li{line-height:var(--line-height-md)}img{max-width:100%;display:block;height:auto}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;border-radius:var(--input-border-radius);border:1px solid var(--input-border-color);padding:var(--input-padding-md);background-color:var(--light-surface);transition:var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--input-focus-border-color)}button{cursor:pointer;background-color:var(--primary-color);color:#fff;border:none;padding:var(--btn-padding-md);font-size:var(--btn-font-size-md);border-radius:var(--border-radius-md);box-shadow:var(--elevation-1)}button:hover{box-shadow:var(--elevation-2)}table{width:100%;border-collapse:collapse}th,td{padding:var(--spacing-sm);border:1px solid var(--border-color);text-align:left}code{background-color:var(--light-surface);font-family:monospace;padding:.2em .4em;border-radius:var(--border-radius-sm)}pre{background-color:var(--light-surface);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);overflow:auto}blockquote{border-left:4px solid var(--primary-color);margin:var(--spacing-md) 0;padding-left:var(--spacing-md);color:var(--light-text)}:disabled{opacity:.6;cursor:not-allowed}.dark{--bg-color: var(--color-bg-dark);--text-color: var(--color-text-dark);--button-bg: var(--color-button-dark);--button-color: var(--color-button-dark);--button-text: var(--color-text-button-dark);--button-hover-border: var(--color-primary-dark);--border-color: var(--color-border-dark);--primary-color: var(--color-primary-dark);--secondary-color: var(--color-secondary-dark);--accent-color: var(--color-accent-dark);--surface-color: var(--color-surface-dark);--on-primary-color: var(--color-on-dark);--on-secondary-color: var(--color-on-dark);--on-accent-color: var(--color-on-dark);--on-surface-color: var(--color-on-dark);--disabled-bg: var(--color-disabled-bg-dark);--disabled-text: var(--color-disabled-text-dark)}.light{--bg-color: var(--color-bg-light);--text-color: var(--color-text-light);--button-bg: var(--color-button-light);--button-color: var(--color-button-light);--button-text: var(--color-text-button-light);--button-hover-border: var(--color-primary-light);--border-color: var(--color-border-light);--primary-color: var(--color-primary-light);--secondary-color: var(--color-secondary-light);--accent-color: var(--color-accent-light);--surface-color: var(--color-surface-light);--on-primary-color: var(--color-on-light);--on-secondary-color: var(--color-on-light);--on-accent-color: var(--color-on-light);--on-surface-color: var(--color-on-light);--disabled-bg: var(--color-disabled-bg-light);--disabled-text: var(--color-disabled-text-light)}:root{--color-bg-light: var(--white);--color-text-light: var(--black1);--color-button-light: var(--black2);--color-text-button-light: var(--white1);--color-surface-light: var(--white2);--color-border-light: var(--black3);--color-muted-light: var(--grey-semi);--color-disabled-bg-light: var(--white3);--color-disabled-text-light: var(--grey2);--color-bg-dark: var(--black);--color-text-dark: var(--white);--color-button-dark: var(--white);--color-text-button-dark: var(--black3);--color-surface-dark: var(--black);--color-border-dark: var(--white1);--color-muted-dark: var(--grey1);--color-disabled-bg-dark: var(--grey3);--color-disabled-text-dark: var(--grey4)}:root{--blue: #0000FF;--white: #FFFFFF;--white1: #e0e0e0;--white2: #f9f9f9;--white3: #f0f0f0;--black: #000000;--black1: #121212;--black2: #0a0a0ae7;--black3: #2c2c2c;--black4: #1c1c1c;--grey: #666666;--grey1: #aaaaaa;--grey2: #9e9e9e;--grey3: #333333;--grey4: #777777}:root{--pastel-blue: #A0C4FF;--pastel-green: #B9FBC0;--pastel-yellow: #FFE156;--pastel-red: #FF677D;--pastel-purple: #D0A6FF;--pastel-orange: #FFABAB;--pastel-pink: #FF9AA2;--pastel-gray: #F0F4F8;--pastel-teal: #A0E7E5;--pastel-lavender: #E2C2FF;--pastel-peach: #FFABAB;--pastel-mint: #B9FBC0;--pastel-coral: #FF6F61;--my-blue: #1a73e8;--gray-100: #f3f4f6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--color-success: #2ecc71;--color-on-success: #076c0e;--color-warning: #f1c40f;--color-on-warning: #787b20;--color-error: #e74c3c;--color-on-error: #811919;--color-primary-light: #004aad;--color-secondary-light: #1a73e8;--color-accent-light: #00cec9;--color-on-light: var(--white);--color-primary-dark: #1a73e8;--color-secondary-dark: #004aad;--color-accent-dark: #00b894;--color-on-dark: var(--black)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell;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}:root{--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--header-height: 45px;--footer-height: 40px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-xs: 1;--line-height-sm: 1.2;--line-height-md: 1.5;--line-height-lg: 1.75;--line-height-xl: 2}:root{--btn-height-xs: 25px;--btn-height-sm: 35px;--btn-height-md: 40px;--btn-height-lg: 50px;--btn-padding-sm: .5rem 1rem;--btn-padding-md: .75rem 1.5rem;--btn-padding-lg: 1rem 2rem;--btn-font-size-sm: .875rem;--btn-font-size-md: 1rem;--btn-font-size-lg: 1.125rem;--input-padding-sm: .5rem;--input-padding-md: .75rem;--input-padding-lg: 1rem;--input-font-size-sm: .875rem;--input-font-size-md: 1rem;--input-font-size-lg: 1.125rem;--input-border-radius: 8px;--input-border-color: #cccccc;--input-focus-border-color: #6366F1}:root{--spacing-xs: .375rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem;--icon-xs: .5rem;--icon-sm: 1rem;--icon-md: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--icon-xxl: 3rem;--icon-xxxl: 3.5rem;--grid-gutter: 1.25rem;--grid-col-count: 12;--grid-breakpoint-sm: 576px;--grid-breakpoint-md: 768px;--grid-breakpoint-lg: 1024px;--grid-breakpoint-xl: 1280px}:root{--elevation-1: 0 2px 4px rgba(0, 0, 0, .1);--elevation-2: 0 4px 6px rgba(0, 0, 0, .15);--elevation-3: 0 6px 12px rgba(0, 0, 0, .2)}:root{--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px}:root{--z-modal: 1000;--z-dropdown: 800;--z-tooltip: 600;--z-backdrop: 500}:root{--transition-fast: all .2s ease;--transition-medium: all .3s ease;--transition-slow: all .5s ease;--transition-base: all .2s ease}:root{--screen-xs: 480px;--screen-sm: 576px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px}@media (max-width: 576px){:root{--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem}}@media (min-width: 576px) and (max-width: 768px){:root{--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem}}@media (min-width: 768px) and (max-width: 1024px){:root{--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--spacing-xs: .75rem;--spacing-sm: 1rem;--spacing-md: 1.25rem;--spacing-lg: 1.5rem}}@media (min-width: 1024px){:root{--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--spacing-xs: 1rem;--spacing-sm: 1.25rem;--spacing-md: 1.5rem;--spacing-lg: 2rem}}:root{--dark-bg: #0A0A0A;--dark-surface: #141414;--dark-primary: #6366F1;--dark-secondary: #8B5CF6;--dark-accent: #3B82F6;--dark-text: #fcfcfc;--dark-button: #FFFFFF;--dark-border: rgba(255, 255, 255, .1);--light-bg: #FFFFFF;--light-surface: #F3F4F6;--light-primary: #4F46E5;--light-secondary: #7C3AED;--light-accent: #2563EB;--light-text: #1F2937;--light-button: #0A0A0A;--light-border: rgba(0, 0, 0, .1)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.fsz-xs{font-size:var(--font-size-xs)}.fsz-sm{font-size:var(--font-size-sm)}.fsz-md{font-size:var(--font-size-md)}.fsz-lg{font-size:var(--font-size-lg)}.fsz-xl{font-size:var(--font-size-xl)}.fsz-xxl{font-size:var(--font-size-xxl)}.fsz-xxxl{font-size:var(--font-size-xxxl)}.fstl-italic{font-style:italic}.fstl-underline{text-decoration:underline}.text-none{text-decoration:none}.text-line-through{text-decoration:line-through}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-muted{color:var(--color-muted-light)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-black{color:var(--black)}.text-white{color:var(--white)}.text-gray{color:var(--gray-500)}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-row-rev{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-rev{flex-direction:column-reverse}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.d-grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.grid-rows-3{grid-template-rows:repeat(3,1fr)}.place-items-center{place-items:center}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-xxl{gap:var(--spacing-xxl)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.bg-muted{background-color:var(--color-muted-light)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-white{background-color:var(--white)}.bg-black{background-color:var(--black)}.bg-gray{background-color:var(--gray-100)}.border{border:1px solid var(--border-color)}.border-none{border:none}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--elevation-1)}.shadow-md{box-shadow:var(--elevation-2)}.shadow-lg{box-shadow:var(--elevation-3)}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.transition{transition:var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}@media (min-width: 640px){.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-justify{text-align:justify}}@media (min-width: 768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-justify{text-align:justify}}@media (min-width: 1024px){.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-justify{text-align:justify}}@media (min-width: 1280px){.xl\:text-left{text-align:left}.xl\:text-center{text-align:center}.xl\:text-right{text-align:right}.xl\:text-justify{text-align:justify}}@media (min-width: 640px){.sm\:p-0{padding:0}.sm\:p-xs{padding:var(--spacing-xs)}.sm\:p-sm{padding:var(--spacing-sm)}.sm\:p-md{padding:var(--spacing-md)}.sm\:p-lg{padding:var(--spacing-lg)}.sm\:p-xl{padding:var(--spacing-xl)}}@media (min-width: 768px){.md\:p-0{padding:0}.md\:p-xs{padding:var(--spacing-xs)}.md\:p-sm{padding:var(--spacing-sm)}.md\:p-md{padding:var(--spacing-md)}.md\:p-lg{padding:var(--spacing-lg)}.md\:p-xl{padding:var(--spacing-xl)}}@media (min-width: 1024px){.lg\:p-0{padding:0}.lg\:p-xs{padding:var(--spacing-xs)}.lg\:p-sm{padding:var(--spacing-sm)}.lg\:p-md{padding:var(--spacing-md)}.lg\:p-lg{padding:var(--spacing-lg)}.lg\:p-xl{padding:var(--spacing-xl)}}@media (min-width: 1280px){.xl\:p-0{padding:0}.xl\:p-xs{padding:var(--spacing-xs)}.xl\:p-sm{padding:var(--spacing-sm)}.xl\:p-md{padding:var(--spacing-md)}.xl\:p-lg{padding:var(--spacing-lg)}.xl\:p-xl{padding:var(--spacing-xl)}}@media (min-width: 640px){.sm\:m-0{margin:0}.sm\:m-xs{margin:var(--spacing-xs)}.sm\:m-sm{margin:var(--spacing-sm)}.sm\:m-md{margin:var(--spacing-md)}.sm\:m-lg{margin:var(--spacing-lg)}.sm\:m-xl{margin:var(--spacing-xl)}}@media (min-width: 768px){.md\:m-0{margin:0}.md\:m-xs{margin:var(--spacing-xs)}.md\:m-sm{margin:var(--spacing-sm)}.md\:m-md{margin:var(--spacing-md)}.md\:m-lg{margin:var(--spacing-lg)}.md\:m-xl{margin:var(--spacing-xl)}}@media (min-width: 1024px){.lg\:m-0{margin:0}.lg\:m-xs{margin:var(--spacing-xs)}.lg\:m-sm{margin:var(--spacing-sm)}.lg\:m-md{margin:var(--spacing-md)}.lg\:m-lg{margin:var(--spacing-lg)}.lg\:m-xl{margin:var(--spacing-xl)}}@media (min-width: 1280px){.xl\:m-0{margin:0}.xl\:m-xs{margin:var(--spacing-xs)}.xl\:m-sm{margin:var(--spacing-sm)}.xl\:m-md{margin:var(--spacing-md)}.xl\:m-lg{margin:var(--spacing-lg)}.xl\:m-xl{margin:var(--spacing-xl)}}@media (min-width: 640px){.sm\:d-flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-center{justify-content:center}.sm\:items-center{align-items:center}}@media (min-width: 768px){.md\:d-flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:justify-center{justify-content:center}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:d-flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:justify-center{justify-content:center}.lg\:items-center{align-items:center}}@media (min-width: 1280px){.xl\:d-flex{display:flex}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.xl\:justify-center{justify-content:center}.xl\:items-center{align-items:center}}@media (min-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}}@media (min-width: 1280px){.xl\:hidden{display:none}.xl\:block{display:block}}