h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.headline-medium{font-family:Poppins,serif;font-size:1.75rem;font-style:normal;font-weight:400;line-height:2.25rem}.label-medium{color:var(--on-surface-variant, #80809D);font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.5px}.label-large,.menu .menu-item,label{font-family:Poppins,serif;font-size:.875rem;font-style:normal;font-weight:300;line-height:1.25rem;letter-spacing:.00625rem}.title-medium{font-family:Poppins,serif;font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;letter-spacing:.00938rem}.title-large{font-family:Poppins,serif;font-size:1.375rem;font-style:normal;font-weight:500;line-height:1.75rem}.body-large,textarea,input{color:var(--on-surface, #414143);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.body-small{color:var(--on-surface);font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.body-medium{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}.body-large,textarea,input{color:var(--On-surface, #414143);font-family:Poppins,serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;letter-spacing:.03125rem}:root{--background: #fafafa;--color: #ffffff;--on-primary: #ffffff;--on-surface: #414143;--on-surface-rgb: 65, 65, 67;--on-surface-variant: #80809D;--primary: rgb(23, 18, 228);--primary-rgb: 23, 18, 228;--primaryDark: #3D3D94;--primary-container: rgb(255, 255, 255);--primary-variant: #2e2ecc;--outline: #D1D0DB;--outline-variant: #CCD4F5;--tertiary: #eb8900;--on-tertiary: #ffffff;--tertiary-container: #FFF2DD;--tertiary-container-rgb: 255, 242, 221;--on-tertiary-container: #724600;--tertiary-rgb: 255, 149, 0;--surface: #F6F6FC;--surface-low: #F2F2F3;--surface-lowest: #ffffff;--surface-high: #EDEDF7;--surface-highest: #E6E6F4;--error: #FF1057;--on-error: #FFFFFF;--success: #00b139;--secondary-container: #F0F3FF;background:linear-gradient(162deg,#f1f1f5 5.46%,#ebebf2 87.54%);font-family:Poppins,system-ui;color:var(--on-surface)}html,body{height:100%}body{margin:0}.projects-page-container{max-width:880px;margin:0 auto;padding:0 1rem}.wrapper{height:100%;display:flex;flex-direction:column}.container{margin-right:auto;margin-left:auto;max-width:800px}h1{font-size:40px;font-weight:600;color:var(--on-surface);max-width:670px}h1 span{color:var(--primary-variant)}.text-overline{font-size:13px;font-style:normal;font-weight:400;line-height:19px;letter-spacing:0;text-align:center;color:var(--on-surface-variant)}.material-symbols-rounded.fill-icon{color:var(--on-surface);font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 200,"opsz" 48}.icon-button-with-bg{display:flex;justify-content:center;align-items:center;border-radius:44px;height:40px;width:40px;padding:0;background:var(--surface-high);cursor:pointer}.icon-button-with-bg:hover{background:var(--surface-highest)}button{border-radius:44px;padding:12px 20px;font-size:16px;cursor:pointer;border:none;display:flex;gap:10px;align-items:center;font-weight:500;letter-spacing:.015em;font-style:normal}button img{vertical-align:middle}button.secondary-button{border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-lowest));color:var(--primary)}.primary-button{display:flex;gap:10px;align-items:center;background:var(--primary);color:var(--on-primary);justify-content:center;height:48px;border-radius:14px}.primary-button:hover{background:color-mix(in srgb,var(--primary),var(--on-surface) 15%)}.primary-button:disabled{background:#bfbfbf}.primary-text-button{color:var(--primary);padding:12px 0;background:transparent}.primary-text-button:disabled{color:#bfbfbf}.button-danger{background:var(--error);color:var(--on-error);border-radius:14px;height:48px;text-align:center;display:flex;justify-content:center}textarea{border-radius:14px;border:1px solid var(--outline-variant);padding:12px}input{height:48px;padding:2px 12px;border-radius:14px;border:1px solid var(--outline-variant);background:var(--surface)}input::placeholder{color:var(--on-surface-variant)}.outlined-button{display:flex;padding:8px 16px 8px 12px;align-items:center;gap:8px;border-radius:55px;border:1px solid var(--outline-variant, #CCD4F5);background:transparent;text-wrap:nowrap}.menu-item{padding:8px;display:flex;align-items:center;gap:8px;border-radius:8px;cursor:pointer;color:var(--on-surface);text-decoration:none}.menu-item:hover{background:var(--surface-low)}.menu{background:#fff;border-radius:14px;box-shadow:0 4px 4px 2px #00000026;min-width:170px;padding:8px}.horizontal-divider{background:var(--outline);height:1px}.vertical-divider{background:var(--outline);width:1px}.dialog-close-button{padding:4px;height:32px;width:32px;background:rgba(var(--primary-rgb),.05);position:absolute;top:8px;right:8px}.dialog-close-button:hover{background:rgba(var(--primary-rgb),.07)}.menu{background:var(--surface-lowest);padding:12px;margin-top:8px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.menu .menu-item{padding:8px;display:flex;align-items:center;gap:12px;border-radius:8px;background:var(--surface-lowest)}.menu .menu-item:hover{background:var(--surface-high)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2.5rem}.stat-card{background-color:var(--surface-lowest);border:1px solid var(--outline);border-radius:14px;padding:16px;gap:8px;display:flex;flex-direction:column}.social-button{display:grid;padding:10px;background:var(--surface-lowest);border-radius:8px;border:1px solid var(--outline-variant);box-shadow:0 4px 4px #090c5040}.play-button{padding:8px;background:var(--primary);box-shadow:0 4px 9.7px #040db26b;height:46px;width:46px;border-radius:12px}.pause-button{padding:8px;background:var(--primary-container);box-shadow:0 4px 4px #a83c0045;height:46px;width:46px;border-radius:12px}