:root{--icon-size-2xs:12px;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--icon-size-2xl:40px;--icon-size:var(--icon-size-md);--icon-color:currentColor;--icon-stroke:2;--icon-spin-duration:1s;--icon-pulse-duration:1.2s}@media (prefers-color-scheme:dark){:root{--icon-color-muted:var(--color-text-muted);--icon-color-primary:var(--color-primary);--icon-color-success:var(--color-success);--icon-color-warning:var(--color-warning);--icon-color-danger:var(--color-danger)}}@media (forced-colors:active){:root{--icon-color:ButtonText}}*{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}:focus-visible{outline:none}input:focus,select:focus,textarea:focus{box-shadow:none;outline:none}html{overflow-y:auto;scrollbar-gutter:stable}html::-webkit-scrollbar{background:#0000;width:0}html::-webkit-scrollbar-thumb,html::-webkit-scrollbar-track{background:#0000}html{-ms-overflow-style:none;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}button{border-radius:24px!important}button.btn--circular,button[class*=circular],button[style*="border-radius: 50%"],button[style*="border-radius:50%"]{border-radius:50%!important}.protocol-shield-container{cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;transition:transform .2s ease;width:-webkit-fit-content;width:fit-content}.protocol-shield-container[role=button]:hover{transform:scale(1.02)}.protocol-shield-container[role=button]:hover .protocol-shield-background{box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,0 3px 10px #00000014}.protocol-shield-container[role=button]:active{transform:scale(.98)}.protocol-shield-fab-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:none;border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:pointer;display:flex;flex-direction:row;height:24px;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px;z-index:10}.protocol-shield-fab-btn:hover{background:#f5f5f5;box-shadow:0 10px 28px #0003;transform:translateY(-1px)}.protocol-shield-fab-btn:active{box-shadow:0 4px 16px #00000026;transform:translateY(0)}.protocol-shield-fab-btn[aria-expanded=true]{background:#f5f5f5}.protocol-shield-fab-icon{color:#000000b3;flex-shrink:0;height:14px;transition:all .2s ease;width:14px}.protocol-shield-fab-btn:hover .protocol-shield-fab-icon{color:#000000d9}.protocol-shield-fab-menu{align-items:flex-end;animation:fabMenuSlideDown .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--font-main,"Inter","Roboto",Arial,sans-serif);gap:4px;justify-content:flex-start;min-width:100px;padding:0;position:absolute;right:8px;top:36px;width:auto;z-index:1000}.protocol-shield-fab-menu-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:14px;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a;cursor:pointer;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:6px;height:28px;isolation:isolate;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content;order:0;outline:none;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:auto}.protocol-shield-fab-menu-item:hover{background:#fff;border-color:#0000001f;box-shadow:0 3px 6px #0000001a,0 1px 3px #0000000f}.protocol-shield-fab-menu-item:active{background:#fafafa;box-shadow:0 1px 2px #00000014;transform:scale(.98)}.protocol-shield-fab-menu-item:focus-visible{outline:2px solid #1976d280;outline-offset:2px}.protocol-shield-fab-menu-item.active{background:#f0f8fff2;border-color:#1976d233}.protocol-shield-fab-menu-icon{color:#0009;flex:none;flex-grow:0;height:14px;order:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:14px;z-index:1}.protocol-shield-fab-menu-item:hover .protocol-shield-fab-menu-icon{color:#000c}.protocol-shield-fab-menu-item.active .protocol-shield-fab-menu-icon{color:#1976d2cc}.protocol-shield-fab-menu-item span{color:#000000b3;flex:none;flex-grow:0;font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--font-main,"Inter","Roboto",Arial,sans-serif);font-size:12px;font-style:normal;font-weight:500;height:16px;letter-spacing:.05px;line-height:16px;order:1;text-align:right;white-space:nowrap;width:auto;z-index:0}.protocol-shield-fab-menu-item:hover span{color:#000000d9}.protocol-shield-fab-menu-item.active span{color:#1976d2e6}.protocol-shield-wrapper{align-items:center;display:flex;height:220px;justify-content:center;perspective:1000px;position:relative;width:320px}.protocol-shield-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.protocol-shield-container.protocol-shield-flipped .protocol-shield-inner{transform:rotateY(180deg)}.protocol-shield-container.protocol-shield-flipped[role=button]:hover{transform:scale(1)}.protocol-shield-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;height:100%;overflow:hidden;position:absolute;width:100%}.protocol-shield-front{transform:rotateY(0deg)}.protocol-shield-back{border-radius:24px;overflow:hidden;transform:rotateY(180deg)}.protocol-shield-background{background:linear-gradient(135deg,#5591e61f,#5f9beb26 25%,#73aff01f 50%,#87b9f526 75%,#5591e61f);border:none;border-radius:24px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 2px 8px #0000000f;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.protocol-shield-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:0;position:relative;text-align:left;width:100%;z-index:1}.protocol-biohacks-back-layer{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.protocol-biohack-image-back{background:#fff;border:none;border-radius:10px;box-shadow:0 4px 12px #00000040,0 2px 6px #00000026;cursor:pointer;height:110px;overflow:hidden;pointer-events:auto;position:absolute;transition:transform .3s ease,opacity .2s ease;width:110px}.protocol-biohack-image-back:hover{box-shadow:0 8px 20px #00000059,0 4px 10px #00000040;transform:translateY(-4px) scale(1.1)!important;z-index:10!important}.protocol-biohack-image-back-img{display:block;height:100%;object-fit:cover;width:100%}.protocol-front-section{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:linear-gradient(135deg,#5591e6d9,#5f9bebd9 50%,#73aff0d9);border:1px solid #fff3;border-radius:20px;border-top:2px solid #ffffff4d;bottom:0;box-shadow:0 -2px 8px #00000026,inset 0 1px 0 #fff3;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;left:0;min-height:65px;padding:8px 18px 10px;position:absolute;right:0;width:100%;z-index:3}.protocol-category-icons{align-items:center;display:flex;gap:6px;pointer-events:none;position:absolute;right:18px;top:8px;z-index:15}.protocol-category-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:20px}.protocol-category-icon svg{stroke-width:2;color:#fffffff2;display:block;font-size:1rem}.protocol-category-icon:hover{background:#ffffff40;transform:scale(1.1)}.protocol-category-icon:hover svg{color:#fff}.protocol-category-count{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:4px;display:flex;flex-direction:row;flex-shrink:0;font-family:var(--font-main);gap:0;height:20px;justify-content:center;line-height:1;padding:0;pointer-events:auto;transition:all .2s ease;width:20px}.protocol-category-number,.protocol-category-plus{color:#fffffff2;display:block;font-size:.65rem;font-weight:700;line-height:1;margin:0;padding:0}.protocol-category-count:hover{background:#ffffff4d;border-color:#ffffff4d;transform:scale(1.1)}.protocol-category-count:hover .protocol-category-number,.protocol-category-count:hover .protocol-category-plus{color:#fff}.protocol-shield-name{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 2px;max-width:calc(100% - 60px);padding:0;text-shadow:0 1px 3px #0003;text-transform:none}.protocol-shield-creator,.protocol-shield-name{font-family:var(--font-main);letter-spacing:.01em;line-height:1.2;position:relative;text-align:left;z-index:2}.protocol-shield-creator{color:#fffc;font-size:.7rem;font-weight:300;margin:0 0 4px;text-shadow:0 1px 2px #00000026}.protocol-front-section:before{background:linear-gradient(90deg,#0000 0,#ffffff80 20%,#fff9 50%,#ffffff80 80%,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.protocol-bottom-section{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:2px;padding:0;position:relative;width:100%;z-index:2}.protocol-scores-left{align-items:center;display:flex;flex:1 1;gap:8px;z-index:1}.protocol-score-badge{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;text-align:center}.protocol-score-label{color:#ffffffb3;font-family:var(--font-main);font-size:.6rem;font-weight:400;letter-spacing:.03em;line-height:1;margin-bottom:2px;text-transform:uppercase}.protocol-score-value{color:#fff;font-family:var(--font-main);font-size:.9375rem;font-weight:700;letter-spacing:.01em;line-height:1.2}.protocol-score-orb{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 3px 8px #00000026,0 1px 4px #0000001a;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:56px;z-index:1}.protocol-score-orb:hover{background:#ffffffb3;box-shadow:0 4px 10px #0003,0 2px 6px #00000026;transform:translateY(-1px) scale(1.05)}.protocol-score-orb-value{color:#000000d9;font-size:1.5rem;font-weight:900;letter-spacing:-.03em;line-height:1;text-align:center}.protocol-shield-back-description{word-wrap:break-word;align-items:center;color:#8a8a8acc;display:flex;flex:1 1;font-family:var(--font-main);font-size:.75rem;font-style:italic;font-weight:400;justify-content:center;line-height:1.6;margin:auto;max-height:180px;max-width:210px;overflow-wrap:break-word;overflow-y:auto;padding:0 20px;position:relative;text-align:center;z-index:3}.protocol-shield-back-description::-webkit-scrollbar{width:4px}.protocol-shield-back-description::-webkit-scrollbar-track{background:#0000}.protocol-shield-back-description::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.protocol-shield-back-created-by{color:#1a1a1ab3;font-size:.75rem;font-weight:500;margin:0 auto 8px;padding:0 20px}.protocol-shield-back-created-by,.protocol-shield-back-created-date{flex-shrink:0;font-family:var(--font-main);position:relative;text-align:center;z-index:3}.protocol-shield-back-created-date{color:#8a8a8acc;font-size:.7rem;font-weight:400;margin:0 auto;padding:0 20px 20px}.protocol-shield-back-logo{left:-90px;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.protocol-shield-back-logo-image{display:block;height:auto;object-fit:contain;width:180px}.protocol-shield-back .protocol-shield-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:24px 0}@media (max-width:768px){.protocol-shield-wrapper{height:175px;width:280px}.protocol-biohack-image-back{height:100px;width:100px}.protocol-front-section{min-height:70px;padding:10px 16px}.protocol-shield-name{font-size:1.05rem}.protocol-shield-date{font-size:.75rem}.protocol-score-orb{height:50px;width:50px}.protocol-score-orb-value{font-size:1.35rem}}@media (max-width:480px){.protocol-shield-wrapper{height:170px;width:240px}.protocol-biohack-image-back{height:90px;width:90px}.protocol-front-section{min-height:65px;padding:8px 14px}.protocol-shield-name{font-size:.95rem}.protocol-shield-date{font-size:.7rem}.protocol-score-orb{height:44px;width:44px}.protocol-score-orb-value{font-size:1.2rem}.protocol-score-label{font-size:.55rem}.protocol-score-value{font-size:.85rem}}.protocol-shield-container:focus-visible{border-radius:8px;outline:2px solid #3b82f6;outline-offset:4px}.biohack-info-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.biohack-info-card{background:var(--color-surface-primary);border-radius:16px;box-shadow:0 8px 32px #0000001f;margin:0 auto;max-height:85vh;max-width:90vw;overflow-y:auto;position:relative;width:800px}.info-card-header-gradient{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);border-radius:16px 16px 0 0;overflow:hidden;padding:24px;position:relative}.biohack-info-card .header-content{align-items:flex-start;display:flex!important;flex-direction:row!important;justify-content:space-between;margin-bottom:8px}.header-left{flex:1 1;order:1;z-index:2}.header-right{flex-shrink:0;margin-left:20px;order:2}.header-image{background:#fff;border:3px solid #ffffffe6;border-radius:16px;box-shadow:0 4px 16px #00000026;height:120px;overflow:hidden;position:relative;width:120px}.header-image img{height:100%;object-fit:cover;width:100%}.image-rating{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:12px;bottom:8px;box-shadow:0 2px 8px #00000026;display:flex;gap:4px;left:8px;padding:4px 8px;position:absolute}.image-rating .icon--sm{color:var(--color-warning-dark);height:14px;width:14px}.image-rating .rating-text{color:var(--color-text-primary);font-size:.8rem;font-weight:700}.image-rating .star-rated{color:var(--color-primary)}.image-rating .star-rated svg{fill:var(--color-primary);stroke:var(--color-primary)}.image-rating .star-not-rated{color:var(--color-warning-dark)}.image-rating .star-not-rated svg{fill:var(--color-warning-dark);stroke:var(--color-warning-dark)}.info-card-title{color:var(--color-text-primary);font-size:1.8rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}.biohack-category{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;opacity:.8}.header-actions{align-items:center;display:flex;gap:12px;margin-top:-24px;position:relative;transform:translateY(-12px);z-index:2}.action-btn{border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:0;height:40px;padding:10px;transition:all .2s ease;width:40px}.action-btn--primary{border:none!important;box-shadow:0 2px 8px #0000001a!important}.action-btn--primary,.action-btn--primary:hover{background:#fff!important;color:var(--color-text-primary)!important}.action-btn--primary:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.action-btn--secondary{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;color:var(--color-text-secondary)!important}.action-btn--secondary:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.action-btn--muted{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffb3!important;color:var(--color-text-secondary)!important}.action-btn--muted:hover{background:#ffffffe6!important;transform:translateY(-1px)!important}.action-divider{background:#00000026;height:32px;margin:0 4px;width:1px}.action-btn--buy{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-text-primary);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--color-surface-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:40px;padding:8px 12px;transition:all .2s ease;width:auto}.action-btn--buy:hover{background:var(--color-primary);box-shadow:0 4px 12px #288b804d;color:var(--color-surface-primary);transform:translateY(-1px)}.action-btn--buy .icon--sm{height:14px;width:14px}.action-btn--buy .icon--sm,.action-btn--buy:hover .icon--sm{color:var(--color-surface-primary)}.buy-text{color:inherit;font-size:.85rem;font-weight:600}.action-btn .icon--sm{display:block;height:16px;width:16px}.action-btn .icon--sm svg{display:block;height:100%;width:100%}.action-btn .icon{display:block;height:16px;width:16px}.action-btn .icon svg{display:block;height:100%;width:100%}.action-btn--primary .icon svg{color:inherit}.action-btn .icon.icon--favourited{color:var(--color-accent)!important}.action-btn .icon.icon--favourited svg{stroke:var(--color-accent)!important}.action-btn .icon.icon--favourited svg path{fill:var(--color-accent)!important}.action-btn .icon.icon--not-favourited{color:inherit!important}.action-btn .icon.icon--not-favourited svg{stroke:currentColor!important}.action-btn .icon.icon--not-favourited svg path{fill:none!important}.action-btn .icon.icon--rated{color:var(--color-accent)!important}.action-btn .icon.icon--rated svg,.action-btn .icon.icon--rated svg path{fill:var(--color-accent)!important;stroke:var(--color-accent)!important}.action-btn .icon.icon--not-rated{color:inherit!important}.action-btn .icon.icon--not-rated svg,.action-btn .icon.icon--not-rated svg path{fill:none!important;stroke:currentColor!important}.action-btn--muted .icon svg,.action-btn--secondary .icon svg{color:var(--color-text-secondary)}.action-btn .icon--sm{align-items:center;display:flex!important;justify-content:center;min-height:16px;min-width:16px}.action-btn .icon--sm svg{display:block!important;min-height:16px;min-width:16px}.info-card-stats{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;gap:0;justify-content:space-between;margin:-20px 24px 0;padding:10px;z-index:3}.info-card-stats,.stat-item{display:flex;position:relative}.stat-item{align-items:center;box-sizing:border-box;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-height:70px;padding:16px 8px;text-align:center;width:33.33333%}.stat-item--ratings{align-items:flex-start;border-right:1px solid var(--color-border-primary);flex:0 0 240px;justify-content:flex-start;margin-right:0;padding-right:16px;width:240px}.stats-right{align-items:center;align-self:stretch;display:flex;flex:1 1;flex-direction:row;gap:0;justify-content:space-between;margin-left:0;min-height:70px;padding-left:0;width:100%}.stats-right>.stat-item{align-items:center!important;align-self:stretch!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;min-height:70px!important;padding:16px 8px!important;position:relative!important;text-align:center!important;width:33.33333%!important}.stats-right>.stat-item:first-child,.stats-right>.stat-item:nth-child(2),.stats-right>.stat-item:nth-child(3){flex:1 1!important;min-width:0!important}@media (max-width:768px){.info-card-stats{flex-direction:column;gap:32px;margin:0 16px;padding:20px}.stat-item{flex-direction:row;gap:12px;justify-content:center;width:100%}.stat-item--ratings{align-items:center;border-right:none;flex:1 1;margin-right:0;max-width:none;padding-right:0;width:100%}.stats-right{flex:1 1;justify-content:center;margin-left:0;padding-left:0}.stats-right>.stat-item{flex:none!important;width:100%!important}}.ratings-mini{display:flex;flex-direction:column;gap:0;padding-left:4px;width:100%}.rating-mini-item{align-items:center;display:flex;gap:8px;justify-content:flex-start;padding:8px 0;position:relative}.rating-mini-item:not(:last-child):after{background-color:var(--color-border-primary);bottom:0;content:"";height:1px;left:0;margin:0 4px;position:absolute;right:0}.rating-mini-label{color:var(--color-text-primary);font-size:.8rem;font-weight:600;min-width:70px;text-align:left}.rating-mini-stars{display:flex;flex:1 1;gap:4px;justify-content:flex-end}.rating-mini-stars .icon--xs{cursor:help;height:15px;transition:transform .1s ease;width:15px}.rating-mini-stars .icon--xs:hover{transform:scale(1.2)}.rating-mini-stars .star-filled{color:var(--color-info)}.rating-mini-stars .star-filled svg{fill:var(--color-info);stroke:var(--color-info)}.rating-mini-stars .star-empty{color:var(--color-border-primary)}.rating-mini-stars .star-empty svg{fill:none;stroke:var(--color-border-primary)}.stat-item .icon--sm{color:var(--color-info);display:block;height:20px;order:1!important;width:20px}.stat-value{font-size:1.6rem!important;margin:0;order:2!important}.stat-label{font-size:.8rem;font-weight:500;margin:0;order:3!important}.info-card-description{margin:0 24px 24px;padding:24px}.info-card-description p{color:var(--color-text-secondary);font-size:.95rem;font-weight:400;line-height:1.6;margin:0}.info-card-secondary-info{display:flex;gap:16px;padding:0 24px 24px}.secondary-info-pill{align-items:center;background:#fff;border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex:1 1;gap:12px;padding:20px;transition:all .2s ease}.secondary-info-pill:hover{border-color:var(--color-info);box-shadow:0 4px 16px #2196f326;transform:translateY(-2px)}.secondary-info-pill .icon--sm{color:var(--color-info);flex-shrink:0;height:18px;width:18px}.pill-label{color:var(--color-text-primary);white-space:nowrap}.pill-label,.pill-value{font-size:.9rem;font-weight:600}.pill-value{color:var(--color-info);line-height:1.3;margin-left:auto;text-align:right}.biohack-info-card::-webkit-scrollbar{display:none;width:0}.biohack-info-card::-webkit-scrollbar-thumb,.biohack-info-card::-webkit-scrollbar-track{display:none}.biohack-info-card::-webkit-scrollbar-thumb:hover{display:none}.biohack-info-card{-ms-overflow-style:none;scrollbar-width:none}.info-card-related{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;margin:0 24px;padding:24px;text-align:center}.related-content-btn{background:none;border:none;cursor:pointer;padding:0;transition:all .2s ease}.related-content-text{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease}.related-content-btn:hover .related-content-text{color:var(--color-info)}.related-content-btn:disabled .related-content-text{color:var(--color-text-muted);cursor:not-allowed}.related-posts-section{background:#fff;border-radius:12px;border-top:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;margin:0 24px 24px;padding:24px}.related-posts-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.related-posts-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;margin:0}.related-posts-count{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:20px;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;padding:6px 12px}.related-posts-empty,.related-posts-error{color:var(--color-text-secondary);padding:24px;text-align:center}.related-posts-empty p,.related-posts-error p{font-size:.9rem;margin:.5rem 0}.related-posts-list{display:flex;flex-direction:column;gap:16px}.related-post-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.related-post-card:hover{background:#fff;border-color:var(--color-info);box-shadow:0 4px 16px #2196f31a;transform:translateY(-2px)}.related-post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.related-post-user{align-items:center;display:flex;gap:10px}.related-post-avatar{align-items:center;background:var(--color-info);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.related-post-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.related-post-avatar-fallback{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:100%;justify-content:center;width:100%}.related-post-user-info{display:flex;flex-direction:column;gap:2px}.related-post-username{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.related-post-level{background:#2196f31a;border-radius:12px;color:var(--color-info);font-size:.75rem;font-weight:500;padding:3px 8px}.related-post-time{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.related-post-content{margin-bottom:16px}.related-post-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 8px}.related-post-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.related-post-stats{align-items:center;display:flex;gap:16px}.related-post-comments,.related-post-likes{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:6px}.related-post-comments .icon--xs,.related-post-likes .icon--xs{color:var(--color-text-secondary);height:14px;width:14px}@media (max-width:768px){.biohack-info-card{border-radius:12px;margin:20px;max-width:600px;width:95%}.info-card-header-gradient{border-radius:12px 12px 0 0;padding:20px}.biohack-info-card .header-content{align-items:center;flex-direction:column!important;gap:20px;text-align:center}.header-left{order:2}.header-right{margin-left:0;order:1}.header-image{height:100px;width:100px}.header-actions{flex-wrap:wrap;gap:8px;justify-content:center}.action-btn{font-size:.8rem;height:36px;padding:8px;width:36px}.action-btn--buy{font-size:.75rem;gap:4px;padding:6px 10px}.action-btn--buy .icon--sm{height:12px;width:12px}.buy-text{font-size:.75rem}.info-card-stats{flex-direction:column;gap:32px;margin:0 16px;padding:20px}.stat-item{flex-direction:row;gap:12px;justify-content:center;width:100%}.stat-item--ratings{align-items:center;border-right:none;flex:1 1;margin-right:0;max-width:none;padding-right:0;width:100%}.stats-right{flex:1 1;justify-content:center;margin-left:0;padding-left:0}.stats-right>.stat-item{flex:none!important;width:100%!important}.ratings-mini{flex-direction:row;gap:0;justify-content:space-around;padding-left:0;width:100%}.rating-mini-item{flex-direction:column;gap:4px;justify-content:center;padding:8px 0;text-align:center}.rating-mini-item:not(:last-child):after{background-color:var(--color-border-primary);bottom:0;content:"";height:auto;margin:8px 0;position:absolute;right:0;top:0;width:1px}.info-card-description,.info-card-related,.info-card-secondary-info,.related-posts-section{margin-left:16px;margin-right:16px}.info-card-secondary-info{flex-direction:column;gap:12px}.pros-cons-column{padding:16px}}@media (max-width:480px){.biohack-info-card{border-radius:8px;max-width:98vw}.info-card-header-gradient{border-radius:8px 8px 0 0;padding:16px}.header-image{height:80px;width:80px}.info-card-title{font-size:1.4rem}.action-btn{font-size:.75rem;height:32px;padding:6px;width:32px}.action-btn .icon--sm{height:14px;width:14px}.action-btn--buy{font-size:.7rem;gap:3px;padding:5px 8px}.action-btn--buy .icon--sm{height:11px;width:11px}.buy-text{font-size:.7rem}.info-card-stats{margin:-16px 12px 0;padding:16px}.ratings-mini{gap:12px}.rating-mini-stars .icon--xs{height:10px;width:10px}.stat-item{width:100%}.info-card-description,.info-card-related,.info-card-secondary-info{margin-left:12px;margin-right:12px}.secondary-info-pill{padding:16px}.pill-label,.pill-value{font-size:.8rem}.related-posts-section{margin-left:12px;margin-right:12px;padding:16px}.related-posts-title{font-size:1.1rem}.related-post-card{padding:16px}.related-post-title{font-size:.9rem}.related-post-excerpt{font-size:.8rem}}.info-card-actions,.info-card-cta,.info-card-header,.info-card-image,.info-card-meta,.info-card-scores,.rate-biohack-btn,.rating-section,.score-value,.scores-container{display:none}.info-card-user-insights{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:-12px 24px 24px;padding:24px}.user-insights-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 16px;text-align:left}.user-insights-content{display:flex;flex-direction:column;gap:0}.user-insights-text{color:var(--color-text-secondary);font-size:.95rem;font-weight:400;line-height:1.6;margin:0;text-align:left}.biohack-info-card .action-btn--primary,.biohack-info-card .action-btn--primary:hover,.biohack-info-card .header-actions .action-btn.action-btn--primary:hover:not(:disabled){background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important}.biohack-info-card .header-actions .action-btn.action-btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.biohack-info-card .action-btn--secondary{background:#ffffffe6!important;color:var(--color-text-secondary)!important}.biohack-info-card .action-btn--secondary:hover{background:#fff!important;color:var(--color-text-secondary)!important}.biohack-info-card .header-actions .action-btn.action-btn--secondary:hover:not(:disabled){background:#fff!important;box-shadow:0 4px 12px #00000026!important;color:var(--color-text-secondary)!important;transform:translateY(-1px)!important}.biohack-info-card .action-btn--muted{background:#ffffffb3!important;color:var(--color-text-secondary)!important}.biohack-info-card .action-btn--muted:hover{background:#ffffffe6!important;color:var(--color-text-secondary)!important}.biohack-info-card .header-actions .action-btn.action-btn--muted:hover:not(:disabled){background:#ffffffe6!important;color:var(--color-text-secondary)!important;transform:translateY(-1px)!important}.biohack-info-card .action-btn--buy{background:#ffffffe6!important;color:var(--color-dark)!important}.biohack-info-card .action-btn--buy .icon--sm{color:var(--color-dark)!important}.biohack-info-card .action-btn--buy .icon--sm svg{stroke:var(--color-dark)!important;color:var(--color-dark)!important}.biohack-info-card .action-btn--buy:hover{background:#fff!important;color:var(--color-dark)!important}.biohack-info-card .action-btn--buy:hover .icon--sm{color:var(--color-dark)!important}.biohack-info-card .action-btn--buy:hover .icon--sm svg{stroke:var(--color-dark)!important;color:var(--color-dark)!important}.biohack-info-card .header-actions .action-btn.action-btn--buy:hover:not(:disabled){background:#fff!important;box-shadow:0 4px 12px #00000026!important;color:var(--color-dark)!important;transform:translateY(-1px)!important}.biohack-info-card .header-actions .action-btn:hover:not(:disabled){background:#fff!important;box-shadow:0 4px 12px #00000026!important}.biohack-rating-overlay{align-items:center;background:var(--color-surface-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.biohack-rating-modal{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;box-shadow:0 1px 2px #00000014;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.rating-header-section{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0;padding:12px 24px 0;position:relative}.rating-header-section .icon-btn{position:relative;right:auto;top:auto;z-index:1}.rating-form{padding:0 20px 20px}.star-rating-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.scale-label-left,.scale-label-right{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;white-space:nowrap}.scale-label-left{margin-right:12px}.scale-label-right{margin-left:12px}.rating-criteria{margin-bottom:24px;padding:0 8px;text-align:center}.rating-header{margin-bottom:12px;text-align:center}.rating-label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.rating-description{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:400;line-height:1.4}.star-rating{align-items:center;display:flex;gap:6px;justify-content:center}.star-btn{background:none;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:all .2s ease}.star-btn:hover{background:var(--color-surface-secondary);transform:scale(1.1)}.star-btn .star-icon{color:var(--color-border-secondary);height:22px;transition:all .2s ease;width:22px}.star-btn.filled .star-icon{color:var(--color-accent)}.star-btn.filled .star-icon svg{fill:var(--color-accent);stroke:var(--color-accent)}.star-btn:hover .star-icon{color:var(--color-accent)}.rating-error{background:var(--color-surface-secondary);border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);font-size:.85rem;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.rating-actions{border-top:1px solid var(--color-border-primary);display:flex;justify-content:center;margin-top:20px;padding-top:16px}.rating-actions .btn{border-radius:6px;font-family:var(--btn-font);font-size:.85rem;font-weight:600;height:36px;min-width:100px;transition:all .2s ease}.rating-actions .btn--secondary{background:var(--color-surface-primary);border:2px solid var(--color-primary);color:var(--color-primary)}.rating-actions .btn--primary,.rating-actions .btn--secondary:hover{background:var(--color-primary);color:var(--color-text-on-primary)}.rating-actions .btn--primary{border:2px solid var(--color-primary)}.rating-actions .btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}@media (max-width:600px){.biohack-rating-modal{margin:20px;width:95%}.rating-header-section{justify-content:flex-end;padding:20px 20px 0}.rating-form{padding:0 20px 20px}.rating-actions{flex-direction:column;gap:12px}.rating-actions .btn{height:40px;width:100%}.rating-criteria{margin-bottom:20px;padding:0 4px}.star-rating-container{gap:12px}.scale-label-left,.scale-label-right{font-size:.75rem}}.star-icon svg{height:22px;width:22px}.landing-container{background-attachment:fixed;background-color:var(--color-bg-primary);background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff59;border:1px solid #fff6;border-radius:999px;box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;justify-content:space-between;left:50%;max-height:68px;max-width:1200px;padding:10px 32px;position:fixed;top:24px;transform:translateX(-50%);width:calc(100% - 48px);z-index:1000}.landing-nav,.landing-nav-left{align-items:center;display:flex}.landing-nav-left{gap:.5rem;padding-left:1.5rem}.landing-logo{height:48px;object-fit:contain;width:auto}.landing-brand-name{color:#000;font-family:Space Grotesk,Orbitron,Futura,Avenir,Playfair Display,Cinzel,sans-serif;font-size:2rem;font-style:bold;font-weight:600;letter-spacing:-.13em;line-height:1}.landing-nav-right{align-items:center;display:flex;gap:8px}.landing-nav-divider{background:#00000026;height:24px;margin:0 4px;width:1px}.landing-nav-right .btn{border-radius:999px;font-size:.9rem;font-weight:500;min-height:36px;padding:8px 20px}.landing-nav-link{background:#0000000a;border:1px solid #00000014;box-shadow:none;color:#000}.landing-nav-link:hover{background:#0000000f;border-color:#0000001f}.landing-hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 32px 80px;position:relative;text-align:center}.landing-hero-text{color:#000;font-size:64px;font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0;max-width:1000px;padding:40px 60px;position:relative;z-index:1}.landing-hero-text:before{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;border-radius:32px;bottom:0;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.landing-hero-underline{display:inline-block;position:relative}.landing-hero-underline:after{background:#00d4ff;background:var(--color-primary,#00d4ff);border-radius:3px;bottom:.1em;content:"";height:6px;left:0;position:absolute;width:100%}.landing-hero-highlight{color:inherit;display:inline-block;font-family:Cormorant SC,Playfair Display SC,Cinzel,EB Garamond,Crimson Text,Libre Baskerville,serif;font-size:1.35em;font-style:italic;font-weight:500;letter-spacing:-.05em;margin-top:-.05em}.landing-hero-intro{bottom:85px;color:#00000080;font-size:18px;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:0;max-width:600px;padding:0 32px;text-align:center;z-index:1}.landing-hero-intro,.landing-scroll-indicator{left:50%;position:absolute;transform:translateX(-50%)}.landing-scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:40px;display:flex;justify-content:center}.landing-scroll-arrow{color:#000;height:32px;opacity:.7;transition:opacity .3s ease;width:32px}.landing-scroll-arrow:hover{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.landing-extra-section{background:#ffffff05;display:flex;justify-content:center;padding:60px 32px}.landing-extra-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;border:1px solid #fff9;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;max-width:1000px;padding:40px;width:100%}.landing-extra-title{color:#000;font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 48px;text-align:center}.landing-extra-description{color:#000000b3;font-size:18px;line-height:1.6;margin:0 0 48px;text-align:center}.landing-testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:32px}.landing-testimonial-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #00000014;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:20px;max-width:100%;padding:32px 28px;transition:transform .15s ease,box-shadow .15s ease;width:100%}.landing-testimonial-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.landing-testimonial-content{flex:1 1}.landing-testimonial-text{color:#000000bf;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.6;margin:0}.landing-testimonial-author{align-items:center;border-top:1px solid #00000014;display:flex;gap:14px;padding-top:18px}.landing-testimonial-avatar{align-items:center;background:#f0f0f0;border:1px solid #0000000f;border-radius:50%;box-shadow:none;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;position:relative;width:52px}.landing-testimonial-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.landing-testimonial-avatar-fallback{align-items:center;color:#000000b3;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:500;height:100%;justify-content:center;position:absolute;text-transform:uppercase;width:100%}.landing-testimonial-author-info{display:flex;flex-direction:column;gap:4px}.landing-testimonial-author-name{color:#000000d9;font-size:15px;font-weight:500;letter-spacing:-.01em}.landing-testimonial-author-name,.landing-testimonial-author-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-testimonial-author-title{color:#0000008c;font-size:13px;font-weight:400;letter-spacing:0}.landing-faq-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:100%;width:100%}.landing-faq-item{background:#fff9;border:1px solid #00000014;border-radius:8px;overflow:hidden;transition:all .2s ease}.landing-faq-item:hover{border-color:#0000001f}.landing-faq-question{align-items:center;background:#0000;border:none;color:#000000e6;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500;gap:16px;justify-content:space-between;padding:20px 24px;position:relative;text-align:left;transition:color .2s ease;width:100%}.landing-faq-question:hover{color:#000}.landing-faq-question span{flex:1 1;min-width:0;text-align:left}.landing-faq-icon{align-items:center;box-sizing:border-box;color:#00000080;display:flex!important;justify-content:center;margin:0!important;max-width:20px!important;min-width:20px!important;order:2;padding:0!important;transition:transform .2s ease,color .2s ease}.landing-faq-icon,.landing-faq-icon>svg{flex-shrink:0;height:20px!important;width:20px!important}.landing-faq-item:hover .landing-faq-icon{color:#000000b3}.landing-faq-answer{animation:fadeIn .2s ease;padding:0 24px 20px}.landing-faq-answer p{color:#000000b3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;margin:0}@media (max-width:768px){.landing-nav{padding:12px 20px;top:16px;width:calc(100% - 32px)}.landing-nav-left{padding-left:0}.landing-logo{height:24px}.landing-brand-name{font-size:1.4rem}.landing-nav-right{gap:6px}.landing-nav-right .btn{font-size:.85rem;min-height:32px;padding:7px 18px}.landing-hero{padding:100px 24px 60px}.landing-hero-text{font-size:40px;letter-spacing:-.03em;padding:32px 40px}.landing-hero-intro{bottom:75px;font-size:16px;padding:0 24px}.landing-scroll-indicator{bottom:30px}.landing-scroll-arrow{height:28px;width:28px}.landing-extra-section{padding:48px 24px}.landing-extra-card{padding:32px 24px}.landing-extra-title{font-size:28px;margin-bottom:32px}.landing-testimonials-grid{gap:20px;grid-template-columns:1fr;margin-top:24px}.landing-testimonial-card{padding:24px}}@media (max-width:480px){.landing-nav{padding:10px 16px;top:12px;width:calc(100% - 24px)}.landing-nav-left{padding-left:0}.landing-logo{height:22px}.landing-brand-name{font-size:1.3rem}.landing-nav-right{gap:4px}.landing-nav-right .btn{font-size:.8rem;min-height:30px;padding:6px 14px}.landing-hero-text{font-size:32px;letter-spacing:-.02em;padding:24px 32px}.landing-hero-intro{bottom:70px;font-size:15px;padding:0 20px}.landing-scroll-indicator{bottom:20px}.landing-scroll-arrow{height:24px;width:24px}.landing-extra-section{padding:40px 16px}.landing-extra-card{padding:24px 20px}.landing-extra-title{font-size:24px;margin-bottom:24px}.landing-testimonials-grid{gap:16px;grid-template-columns:1fr;margin-top:20px}.landing-testimonial-card{padding:20px}.landing-testimonial-text{font-size:15px}.landing-faq-question{font-size:15px;padding:18px 20px}.landing-faq-answer{padding:0 20px 18px}.landing-faq-answer p{font-size:14px}}.landing-steps{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;padding:60px 32px;position:relative}.landing-steps-container{display:flex;flex-direction:column;gap:36px;margin:0 auto;max-width:1000px}.landing-steps-content{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;border:2px solid #fff9;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;display:flex;flex-direction:column;gap:18px;padding:24px}.landing-steps-header{margin:0;text-align:center;width:100%}.landing-steps-text-title{color:#000;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 4px}.landing-steps-stepper{margin-top:6px;padding-top:12px;width:100%}.landing-steps-stepper-line{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.landing-steps-stepper-step{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:10px}.landing-steps-stepper-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:2px solid #0003;border-radius:50%;color:#0009;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;height:40px;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:40px}.landing-steps-stepper-circle:hover:not(:disabled){background:#ffffff80;border-color:#0000004d;transform:scale(1.05)}.landing-steps-stepper-circle--active{background:#00d4ff33;border-color:#00d4ff99;box-shadow:0 4px 12px #00d4ff4d;color:#00d4ff}.landing-steps-stepper-circle--completed{background:#22c55e;border-color:#22c55e;color:#fff}.landing-steps-stepper-circle--disabled{cursor:not-allowed;opacity:.5}.landing-steps-stepper-checkmark,.landing-steps-stepper-number{display:block}.landing-steps-stepper-label{color:#000000b3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500;min-width:70px;text-align:center;white-space:nowrap}.landing-steps-stepper-step--active .landing-steps-stepper-label{color:#00d4ff;font-weight:600}.landing-steps-stepper-step--completed .landing-steps-stepper-label{color:#22c55e;font-weight:600}.landing-steps-stepper-connector{align-self:flex-start;background:#0003;flex-shrink:0;height:2px;margin:19px 6px 0;transition:background .3s ease;width:50px}.landing-steps-stepper-connector--completed{background:#22c55e}.landing-steps-video-wrapper{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:6px;width:100%}.landing-steps-video-container{aspect-ratio:16/9;border-radius:0;flex-shrink:0;max-width:720px;overflow:hidden;position:relative}.landing-steps-video-container,.landing-steps-video-element{background:#0000;border:none;box-shadow:none;filter:none;width:100%}.landing-steps-video-element{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;outline:none}.landing-steps-video-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:2px solid #00000026;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.landing-steps-video-nav:hover:not(:disabled){background:#fffc;border-color:#00000040;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.landing-steps-video-nav:active:not(:disabled){transform:scale(.95)}.landing-steps-video-nav:disabled{cursor:not-allowed;opacity:.3}.landing-steps-video-nav .icon--lg{color:#000000b3;height:20px;width:20px}.landing-steps-text-content{display:flex;flex-direction:column;gap:6px;margin-top:-4px;max-width:600px;text-align:center;width:100%}.landing-steps-text-description{color:#000000a6;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin:0}.landing-steps-text-unlock{color:#0009;font-size:14px}.landing-steps-chevron{align-items:center;animation:bounce-chevron 2s infinite;color:#00000080;display:flex;justify-content:center;margin:24px 0}.landing-steps-chevron svg{height:20px;width:20px}@keyframes bounce-chevron{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.landing-steps-outro{align-items:center;display:flex;flex-direction:column;gap:0;margin:36px auto 0;max-width:1200px;text-align:center}.landing-steps-outro-protocol-card{background:#fff;border-radius:24px;display:inline-block;margin-top:32px;overflow:visible;transform:scale(1.3);transform-origin:center}.landing-steps-outro-text{color:#000;font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.3;margin:0 0 48px}.landing-steps-outro-underline{display:inline-block;padding-bottom:.13em;position:relative}.landing-steps-outro-underline:after{background:#00d4ff;background:var(--color-primary,#00d4ff);border-radius:3px;bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.landing-steps-outro-image{border-radius:16px;box-shadow:0 8px 32px #00000026;height:auto;margin:0 0 48px;max-height:400px;max-width:100%;object-fit:contain;width:auto}.landing-steps-cta{background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:none!important;border-radius:999px!important;box-shadow:0 4px 16px #0003,inset 0 1px 0 #ffffff4d!important;color:#000!important;font-size:1.1rem!important;font-weight:600!important;margin-top:80px!important;min-height:50px!important;overflow:hidden!important;padding:14px 40px!important;position:relative!important;text-shadow:0 2px 4px #fffc,0 0 8px #fff9!important}.landing-steps-cta:before{background:#ffffff26!important;border-radius:999px!important;bottom:0!important;content:""!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.landing-steps-cta>*{position:relative!important;z-index:1!important}.landing-steps-cta:hover{box-shadow:0 6px 20px #0000004d,inset 0 1px 0 #fff6!important;transform:translateY(-2px)!important}.landing-steps-cta:hover:before{background:#fff3!important}.landing-step-card{border-radius:16px;flex-shrink:0;overflow:hidden;scroll-snap-align:start;transition:transform .3s ease}.landing-step-card:hover{transform:translateY(-2px)}.landing-step-card--hero{aspect-ratio:16/9;flex:0 0 62%;height:auto;min-width:62%;z-index:2}.landing-step-card--secondary{aspect-ratio:16/9;flex:0 0 280px;height:auto;min-width:280px;z-index:1}.landing-step-card-media{background:#0000000d;border-radius:16px;filter:drop-shadow(-8px 8px 16px rgba(0,0,0,.25));height:100%;overflow:hidden;position:relative;width:100%}.landing-step-card-video-element{background:#0000001a;display:block;height:100%;object-fit:contain;transition:filter .4s cubic-bezier(.4,0,.2,1);width:100%}.landing-step-card--secondary .landing-step-card-video-element{filter:blur(4px)}.landing-step-card--hero .landing-step-card-video-element{filter:blur(0)}.landing-step-card-hero-overlay,.landing-step-card-secondary-overlay{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.landing-step-card-hero-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000bf 0,#00000080 50%,#0000);bottom:0;display:flex;left:0;padding:40px;position:absolute;right:0}.landing-step-card-hero-content{display:flex;flex-direction:column;gap:12px;max-width:70%;text-align:left}.landing-step-card-title{color:#fff;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;text-shadow:0 2px 8px #0009}.landing-step-card-description{color:#fffffff2;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0;text-shadow:0 1px 4px #0009}.landing-step-card-unlock{color:#ffffffe6;display:inline}.landing-step-card-secondary-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3 0,#0006 50%,#0000);bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:absolute;right:0;text-align:center}.landing-step-card-secondary-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0;text-shadow:0 2px 6px #0009}@media (max-width:768px){.landing-steps{padding:48px 24px}.landing-steps-container{gap:28px}.landing-steps-content{padding:20px}.landing-steps-stepper{padding-top:8px}.landing-steps-stepper-line{gap:4px}.landing-steps-stepper-circle{font-size:16px;height:40px;width:40px}.landing-steps-stepper-checkmark{height:14px;width:14px}.landing-steps-stepper-label{font-size:12px;min-width:60px}.landing-steps-stepper-connector{align-self:flex-start;margin:19px 4px 0;width:40px}.landing-steps-text-title{font-size:30px;margin-bottom:2px}.landing-steps-text-content{gap:5px;margin-top:-2px;max-width:100%}.landing-steps-text-description{font-size:14px;line-height:1.55}.landing-steps-text-unlock{font-size:13px}.landing-steps-video-wrapper{margin-top:4px}.landing-steps-stepper{margin-top:4px;padding-top:12px}.landing-steps-outro{gap:0;margin-top:48px}.landing-steps-outro-text{font-size:24px;margin:0 0 40px}.landing-steps-outro-image{margin:0 0 32px;max-height:250px}.landing-steps-outro-protocol-card{margin:24px 0 32px;transform:scale(1.2)}.landing-steps-cta{font-size:1rem!important;margin-top:64px!important;min-height:46px!important;padding:12px 32px!important}}@media (max-width:480px){.landing-steps{padding:32px 16px}.landing-steps-container{gap:20px}.landing-steps-content{gap:16px;padding:18px}.landing-steps-text-title{font-size:26px;margin-bottom:2px}.landing-steps-text-content{gap:5px;margin-top:-2px}.landing-steps-text-description{line-height:1.55}.landing-steps-text-unlock{font-size:12px}.landing-steps-video-wrapper{margin-top:4px}.landing-steps-stepper{margin-top:4px;padding-top:12px}.landing-steps-stepper-line{gap:2px}.landing-steps-stepper-circle{font-size:14px;height:36px;width:36px}.landing-steps-stepper-checkmark{height:12px;width:12px}.landing-steps-stepper-label{font-size:11px;min-width:50px}.landing-steps-stepper-connector{align-self:flex-start;margin:17px 2px 0;width:30px}.landing-steps-video-wrapper{gap:16px}.landing-steps-video-container{max-width:100%}.landing-steps-video-nav{height:48px;width:48px}.landing-steps-video-nav .icon--lg{height:20px;width:20px}.landing-steps-text-description{font-size:13px}.landing-steps-outro{gap:0;margin-top:40px}.landing-steps-outro-text{font-size:20px;margin:0 0 32px}.landing-steps-outro-image{margin:0 0 28px;max-height:200px}.landing-steps-outro-protocol-card{margin:20px 0 28px;transform:scale(1.1)}.landing-steps-cta{font-size:.95rem!important;margin-top:48px!important;min-height:42px!important;padding:10px 24px!important}}:root{--btn-padding-sm:8px 16px;--btn-padding-md:12px 24px;--btn-padding-lg:16px 32px;--btn-radius-sm:24px;--btn-radius-md:24px;--btn-radius-lg:24px;--btn-shadow:var(--shadow-secondary);--btn-shadow-hover:var(--shadow-tertiary);--btn-font:"Inter","Roboto",Arial,sans-serif}.btn{display:inline-flex;font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--btn-font);outline:none;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn--primary{background:var(--btn-primary-bg);box-shadow:var(--shadow-secondary);box-shadow:var(--btn-shadow);color:var(--color-text-on-primary)}.btn--primary:focus-visible:not(:disabled),.btn--primary:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-tertiary);box-shadow:var(--btn-shadow-hover)}.btn--primary:active:not(:disabled){filter:brightness(.97)}.btn--primary:disabled{background:var(--color-text-secondary);box-shadow:none;color:var(--color-text-primary);cursor:not-allowed;opacity:.7}.btn--secondary{background:var(--btn-secondary-bg);border:1.5px solid var(--color-primary);box-shadow:var(--shadow-secondary);box-shadow:var(--btn-shadow);color:var(--color-primary)}.btn--secondary:focus-visible:not(:disabled),.btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--color-primary)}.btn--secondary:active:not(:disabled){filter:brightness(.97)}.btn--secondary:disabled{background:var(--color-bg-tertiary);border-color:var(--color-text-secondary);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.btn--tertiary{background:var(--btn-tertiary-bg);color:var(--color-primary)}.btn--tertiary:focus-visible:not(:disabled),.btn--tertiary:hover:not(:disabled){background:var(--btn-tertiary-hover);color:var(--color-primary-dark)}.btn--tertiary:active:not(:disabled){filter:brightness(.97)}.btn--tertiary:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.btn--danger{background:var(--btn-danger-bg);color:#fff}.btn--danger:focus-visible:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--btn-danger-hover)}.btn--danger:disabled{background:var(--color-danger-light);color:var(--color-text-primary);cursor:not-allowed;opacity:.7}.btn--success{background:var(--btn-success-bg);color:#fff}.btn--success:focus-visible:not(:disabled),.btn--success:hover:not(:disabled){background:var(--btn-success-hover)}.btn--success:disabled{background:var(--color-success-light);color:var(--color-text-primary);cursor:not-allowed;opacity:.7}.btn--sm{font-size:.95rem;padding:8px 16px;padding:var(--btn-padding-sm)}.btn--md{font-size:1.08rem;padding:12px 24px;padding:var(--btn-padding-md)}.btn--lg{font-size:1.18rem;padding:16px 32px;padding:var(--btn-padding-lg)}.btn--rounded{border-radius:24px;border-radius:var(--btn-radius-md)}.btn--pill{border-radius:24px;border-radius:var(--btn-radius-lg)}.btn--circular{border-radius:50%;height:40px;justify-content:center;padding:0;width:40px}.icon-btn{align-items:center;background:#0000!important;border:none!important;border-radius:24px!important;box-shadow:none!important;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;min-height:auto;min-width:auto;outline:none;padding:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.icon-btn:hover{background:#ffffff0d!important;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-btn--xs{font-size:.75rem;padding:2px}.icon-btn--sm{font-size:.875rem;padding:4px}.icon-btn--md{font-size:1rem;padding:6px}.icon-btn--lg{font-size:1.125rem;padding:8px}.icon-btn--primary{color:var(--color-primary)}.icon-btn--secondary{color:var(--color-text-secondary)}.icon-btn--danger{color:var(--color-danger)}.icon-btn--success{color:var(--color-success)}.icon-btn--warning{color:var(--color-warning)}.icon-btn--muted{color:var(--color-text-muted)}.icon-btn--liked{color:var(--color-danger)}.icon-btn--active{color:var(--color-primary)}.icon-btn--active:hover,.icon-btn--primary:hover{opacity:1;transform:scale(1.1)}.icon-btn--danger:hover,.icon-btn--liked:hover,.icon-btn--muted:hover,.icon-btn--secondary:hover,.icon-btn--success:hover,.icon-btn--warning:hover{background:#ffffff0d!important;transform:scale(1.05)}.icon-btn--muted:hover{color:var(--color-primary)!important}.signin-container{align-items:center;background-color:var(--color-bg-primary);background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.signin-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 1px 2px #00000014;max-width:420px;padding:40px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.signin-card:hover{border-color:var(--color-border-primary);box-shadow:0 1px 2px #00000014}.signin-header{margin-bottom:32px;text-align:center}.signin-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:10px}.signin-subtitle{color:var(--color-text-secondary);font-size:15px;font-weight:400;line-height:1.5}.connection-status{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:8px;margin-top:16px;padding:8px 12px}.connection-status small{color:var(--color-text-secondary);font-size:12px;font-weight:400;line-height:1.4}.signin-form{display:flex;flex-direction:column;gap:0}.form-input{border-radius:8px;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:400;padding:14px 16px;transition:all .2s ease}.signin-form .form-group .form-input{background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:8px!important;color:var(--color-text-primary)!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:400!important;padding:14px 16px!important;transition:all .2s ease!important}.signin-form .form-group .form-input::placeholder{color:var(--color-text-muted)!important}.signin-form .form-group .form-input:focus{box-shadow:0 0 0 3px #288b801a!important;outline:none!important}.signin-form .form-group .form-input:focus,.signin-form .form-group .form-input:hover{background:var(--color-surface-primary)!important;border-color:var(--color-primary)!important}.signin-container .signin-card .signin-form .form-group .form-input{background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:8px!important;color:var(--color-text-primary)!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:400!important;padding:14px 16px!important;transition:all .2s ease!important}.signin-container .signin-card .signin-form .form-group .form-input::placeholder{color:var(--color-text-muted)!important}.signin-container .signin-card .signin-form .form-group .form-input:focus{box-shadow:0 0 0 3px #288b801a!important;outline:none!important}.signin-container .signin-card .signin-form .form-group .form-input:focus,.signin-container .signin-card .signin-form .form-group .form-input:hover{background:var(--color-surface-primary)!important;border-color:var(--color-primary)!important}.form-options{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-start;margin-bottom:20px;margin-top:8px}.checkbox-container{align-items:center;font-size:13px;gap:8px;padding:0;transition:all .2s ease}.checkbox-container:hover{color:var(--color-text-primary)}.checkmark{background:var(--color-surface-primary);height:18px;width:18px}.checkbox-container:hover .checkmark{background:var(--color-surface-primary);border-color:var(--color-primary)}.checkmark:after{border:solid #fff!important;border-width:0 2px 2px 0!important;content:""!important;display:none!important;height:11px!important;left:5px!important;position:absolute!important;top:0!important;transform:rotate(45deg)!important;width:6px!important}.checkbox-input:checked~.checkmark:after{display:block!important}.signin-footer{border-top:1px solid var(--color-border-primary);margin-top:32px;padding-top:24px;text-align:center}.signin-footer p{color:var(--color-text-secondary);font-size:14px;font-weight:400}@media (max-width:480px){.signin-card{margin:16px;padding:24px 20px}.signin-header h1{font-size:26px}.form-input{font-size:15px;padding:12px 14px}}.brand-section{margin-bottom:8px}.signin-card .logo-image{border-radius:8px;display:block;height:100px!important;margin:0 auto!important;object-fit:contain;width:100px!important}.signin-form .btn{background:#000;border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:14px 24px;transition:all .2s ease;width:100%}.signin-form .btn:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 16px #00000040;transform:translateY(-1px)}.signin-form .btn:active:not(:disabled){transform:translateY(0)}.signin-form .btn:disabled{background:var(--color-text-secondary);box-shadow:none;color:var(--color-text-primary);cursor:not-allowed;opacity:.7;transform:none}.dark-mode-btn{border-radius:8px}.signin-container.dark-mode,body.dark-mode .signin-container{background-color:var(--color-dark)}.signin-container.dark-mode .signin-card,body.dark-mode .signin-container .signin-card{background:var(--color-text-primary);border-color:#333;color:var(--color-surface-primary)}.signin-container.dark-mode .signin-header h1,body.dark-mode .signin-container .signin-header h1{color:var(--color-surface-primary)}.signin-container.dark-mode .signin-subtitle,body.dark-mode .signin-container .signin-subtitle{color:#b8b8b8}.signin-container.dark-mode .form-group label,body.dark-mode .signin-container .form-group label{color:var(--color-surface-primary)}.signin-container.dark-mode .form-input,body.dark-mode .signin-container .form-input{background:#2a2a2a!important;border-color:#444!important;color:var(--color-surface-primary)!important}.signin-container.dark-mode .form-input::placeholder,body.dark-mode .signin-container .form-input::placeholder{color:#888!important}.signin-container.dark-mode .form-input:focus,body.dark-mode .signin-container .form-input:focus{background:#2a2a2a!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #288b8033!important}.signin-container.dark-mode .form-input:hover,body.dark-mode .signin-container .form-input:hover{background:#2a2a2a!important;border-color:var(--color-primary)!important}.signin-container.dark-mode .checkbox-container,body.dark-mode .signin-container .checkbox-container{color:#b8b8b8}.signin-container.dark-mode .checkmark,body.dark-mode .signin-container .checkmark{background:#2a2a2a;border-color:#444}.signin-container.dark-mode .checkbox-container:hover .checkmark,body.dark-mode .signin-container .checkbox-container:hover .checkmark{background:#333;border-color:var(--color-primary)}.signin-container.dark-mode .signin-footer,body.dark-mode .signin-container .signin-footer{border-top-color:#333}.signin-container.dark-mode .signin-footer p,body.dark-mode .signin-container .signin-footer p{color:#b8b8b8}.signin-container.dark-mode .link,body.dark-mode .signin-container .link{color:var(--color-primary)}.signin-container.dark-mode .link:hover,body.dark-mode .signin-container .link:hover{color:var(--color-primary-light)}.signin-container.dark-mode .dark-mode-btn,body.dark-mode .signin-container .dark-mode-btn{background:#2a2a2a;border-color:#444;color:var(--color-surface-primary)}.signin-container.dark-mode .dark-mode-btn:hover,body.dark-mode .signin-container .dark-mode-btn:hover{background:#333;border-color:var(--color-primary)}.forgot-password-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:500;margin-top:6px;padding:0;text-align:left;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.forgot-password-link:hover{color:#333;text-decoration:underline}.forgot-password-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.forgot-password-modal{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:440px;padding:32px;width:100%}.forgot-password-modal h3{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;text-align:center}.modal-subtitle{color:var(--color-text-secondary);font-size:15px;line-height:1.5;margin-bottom:28px;text-align:center}.password-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.password-option-btn{align-items:center;background:#0000;border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;display:flex;padding:16px;text-align:left;transition:all .2s ease;width:100%}.password-option-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary)}.option-content{flex:1 1}.option-title{color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.option-description{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.reset-form{border-top:1px solid var(--color-border-primary);margin-top:24px;padding-top:24px}.reset-message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px;text-align:center}.reset-message.success{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.reset-message.error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-danger-dark)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions:last-child{justify-content:center;margin-top:0}.modal-actions .btn--secondary{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.modal-actions .btn--secondary:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-secondary)}.modal-actions .btn--tertiary{color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;text-align:center;text-decoration:none;transition:all .2s ease;width:auto}.modal-actions .btn--tertiary,.modal-actions .btn--tertiary:hover{background:none!important;border:none!important;box-shadow:none!important}.modal-actions .btn--tertiary:hover{color:var(--color-primary);text-decoration:underline}.signin-container.dark-mode .forgot-password-link,body.dark-mode .signin-container .forgot-password-link{color:var(--color-surface-primary)}.signin-container.dark-mode .forgot-password-link:hover,body.dark-mode .signin-container .forgot-password-link:hover{color:#ccc}.signin-container.dark-mode .checkbox-container:hover,body.dark-mode .signin-container .checkbox-container:hover{color:var(--color-surface-primary)}.signin-container.dark-mode .forgot-password-modal,body.dark-mode .signin-container .forgot-password-modal{background:var(--color-text-primary);border-color:#333}.signin-container.dark-mode .forgot-password-modal h3,body.dark-mode .signin-container .forgot-password-modal h3{color:var(--color-surface-primary)}.signin-container.dark-mode .modal-subtitle,body.dark-mode .signin-container .modal-subtitle{color:var(--color-text-muted)}.signin-container.dark-mode .password-option-btn,body.dark-mode .signin-container .password-option-btn{background:#0000;border-color:#444}.signin-container.dark-mode .password-option-btn:hover,body.dark-mode .signin-container .password-option-btn:hover{background:#2a2a2a;border-color:#444}.signin-container.dark-mode .option-title,body.dark-mode .signin-container .option-title{color:var(--color-surface-primary)}.signin-container.dark-mode .option-description,body.dark-mode .signin-container .option-description{color:var(--color-text-muted)}.signin-container.dark-mode .modal-actions .btn--secondary,body.dark-mode .signin-container .modal-actions .btn--secondary{background:#2a2a2a;border-color:#444;color:#fff}.signin-container.dark-mode .modal-actions .btn--secondary:hover,body.dark-mode .signin-container .modal-actions .btn--secondary:hover{background:#333;border-color:var(--color-primary)}.signin-container.dark-mode .modal-actions .btn--tertiary,body.dark-mode .signin-container .modal-actions .btn--tertiary{color:var(--color-text-muted)}.signin-container.dark-mode .modal-actions .btn--tertiary:hover,body.dark-mode .signin-container .modal-actions .btn--tertiary:hover{color:var(--color-primary)}.signup-container{align-items:center;background-color:var(--color-bg-primary);background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-card{-ms-overflow-style:none;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 1px 2px #00000014;max-height:90vh;max-width:420px;overflow-y:auto;padding:40px;position:relative;scrollbar-width:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.signup-card:hover{border-color:var(--color-border-primary);box-shadow:0 1px 2px #00000014}.signup-card::-webkit-scrollbar{display:none}.brand-section{margin-bottom:32px;text-align:center}.logo{margin-bottom:20px;margin-top:-4px;text-align:center}.signup-card .logo-image{border-radius:8px;display:block;height:100px!important;margin:0 auto!important;object-fit:contain;width:100px!important}.brand-name{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:2px;margin:0}.signup-header{margin-bottom:32px;text-align:center}.signup-header h2{color:var(--color-text-primary);font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 10px}.signup-subtitle{color:var(--color-text-secondary);font-size:15px;font-weight:400;line-height:1.5;margin:0}.signup-form{display:flex;flex-direction:column;gap:0}.form-group{gap:8px}.form-group label{letter-spacing:0}.form-input{background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:8px!important;box-sizing:border-box;color:var(--color-text-primary)!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:400!important;padding:14px 16px!important;transition:all .2s ease!important}.form-input::placeholder{color:var(--color-text-muted)!important;font-weight:400}.form-input:focus{box-shadow:0 0 0 3px #288b801a!important;outline:none!important}.form-input:focus,.form-input:hover{background:var(--color-surface-primary)!important;border-color:var(--color-primary)!important}.form-input.error{background:var(--color-danger-bg);border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.form-input.error::placeholder{color:#c87b7b!important;font-style:italic!important}.error-message{color:var(--color-danger);font-size:12px;padding:0}.error-message,.password-validation{background:none;border:none;margin-top:4px}.password-validation{border-radius:0;display:none;padding:8px 0;transition:all .2s ease}.form-group:focus-within .password-validation{display:block}.validation-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:6px;margin-bottom:6px;transition:color .2s ease}.validation-item:before{color:var(--color-border-primary);content:"○";font-size:12px;font-weight:700}.validation-item.valid,.validation-item.valid:before{color:var(--color-success-dark)}.validation-item.valid:before{content:"✓";font-size:14px}.gender-buttons{display:flex;gap:8px}.gender-buttons .btn{align-items:center;border:1px solid var(--color-border-primary)!important;border-radius:24px!important;color:var(--color-text-secondary)!important;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;justify-content:center;min-height:44px;padding:12px 16px!important;text-align:center;transition:all .2s ease!important}.gender-buttons .btn,.gender-buttons .btn:hover{background:var(--color-surface-primary)!important}.gender-buttons .btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.gender-buttons .btn.btn--primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:0 2px 4px #288b8033;color:var(--color-surface-primary)!important}.gender-buttons .btn.btn--primary:hover{background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;box-shadow:0 4px 8px #288b804d}.dob-selectors{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 2fr 1fr}.dob-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-surface-primary)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1px solid var(--color-border-primary)!important;border-radius:8px!important;box-sizing:border-box;color:var(--color-text-primary)!important;cursor:pointer;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;height:44px;padding:12px 32px 12px 8px!important;text-align:center;transition:all .2s ease!important}.dob-select:focus,.dob-select:hover{background:var(--color-surface-primary)!important;border-color:var(--color-primary)!important}.dob-select:focus{box-shadow:0 0 0 3px #288b801a!important;outline:none!important}.form-input[type=select],select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.checkbox-container{align-items:flex-start;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px;line-height:1.4;-webkit-user-select:none;user-select:none}.checkbox-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:4px;flex-shrink:0;height:20px;margin-top:1px;position:relative;transition:all .2s ease;width:20px}.checkbox-container:hover .checkmark{background:var(--color-surface-tertiary);border-color:var(--color-border-accent)}.checkbox-input:checked~.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.checkmark:after{border:solid var(--color-text-on-primary);border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-input:checked~.checkmark:after{display:block}.terms-container{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;box-shadow:0 1px 2px #00000014;margin:16px 0;overflow:hidden;padding:16px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.terms-container:hover{border-color:var(--color-border-primary);box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014}.terms-header{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;padding-bottom:12px}.terms-header,.terms-text{font-family:Inter,sans-serif;margin-bottom:12px}.terms-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.terms-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.terms-link{background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;margin:0;padding:0;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#333;text-decoration:underline}.signup-form .btn.btn--primary.btn--lg.btn--rounded{background:#000!important;border:none!important;box-shadow:0 2px 8px #00000026!important;color:#fff!important}.signup-form .btn.btn--primary.btn--lg.btn--rounded:hover{background:#1a1a1a!important;box-shadow:0 4px 16px #00000040!important}.error-banner{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:12px;color:var(--color-danger)}.error-banner,.success-banner{font-size:14px;padding:16px;text-align:center}.success-banner{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:12px;color:var(--color-success)}.signup-footer{border-top:1px solid var(--color-border-primary);margin-top:32px;padding-top:24px;text-align:center}.signup-footer p{color:var(--color-text-secondary);font-size:14px;font-weight:400;margin:0}.link{color:var(--color-link-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.link:hover{color:var(--color-link-hover);text-decoration:underline}.modal-overlay{background:#00000080;padding:20px}.modal-footer .btn,.modal-footer .btn.btn--md,.modal-footer .btn.btn--primary,.modal-footer .btn.btn--rounded,.signup-container .modal-overlay .modal-content .modal-footer .btn.btn--primary.btn--md.btn--rounded{background:var(--color-primary)!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:var(--btn-shadow)!important;color:var(--color-text-on-primary)!important}.signup-container .modal-overlay .modal-content .modal-footer .btn.btn--primary.btn--md.btn--rounded:hover{background:var(--color-primary-dark)!important;background-image:none!important;box-shadow:var(--btn-shadow-hover)!important}.modal-footer .btn.btn--md:hover,.modal-footer .btn.btn--primary:hover,.modal-footer .btn.btn--rounded:hover,.modal-footer .btn:hover{background:var(--color-primary-dark)!important;background-color:initial!important;background-image:none!important;box-shadow:var(--btn-shadow-hover)!important}.modal-footer button.btn.btn--primary.btn--md.btn--rounded{background:var(--color-primary)!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:var(--btn-shadow)!important;color:var(--color-text-on-primary)!important}.modal-footer .btn{background:var(--color-primary)!important;background-image:none!important;border:none!important;border-radius:10px!important;box-shadow:0 2px 8px #00000026!important;color:var(--color-surface-primary)!important;font-size:16px!important;font-weight:600!important;padding:14px 24px!important}.modal-footer .btn:hover{background:var(--color-text-primary)!important;background-image:none!important;box-shadow:0 4px 16px #00000040!important;transform:translateY(-1px)!important}.modal-footer button,.modal-footer button.btn,.modal-footer button.btn--md,.modal-footer button.btn--primary,.modal-footer button.btn--rounded{all:unset;align-items:center!important;background-clip:padding-box!important;-webkit-background-clip:padding-box!important;background:var(--color-primary)!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #00000026!important;color:var(--color-surface-primary)!important;cursor:pointer!important;display:inline-flex!important;font-family:Inter,Roboto,Arial,sans-serif!important;font-size:1.08rem!important;font-weight:600!important;justify-content:center!important;outline:none!important;padding:12px 24px!important;text-decoration:none!important;transition:all .2s ease!important;-webkit-user-select:none!important;user-select:none!important}.modal-footer button.btn--md:hover,.modal-footer button.btn--primary:hover,.modal-footer button.btn--rounded:hover,.modal-footer button.btn:hover,.modal-footer button:hover{background:var(--color-text-primary)!important;background-color:initial!important;background-image:none!important;box-shadow:0 4px 16px #00000040!important;transform:translateY(-1px)!important}.modal-content{-ms-overflow-style:none;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 1px 2px #00000014;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;scrollbar-width:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-content::-webkit-scrollbar{display:none}.modal-content:hover{border-color:var(--color-border-primary);box-shadow:0 1px 2px #00000014}.modal-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:32px 40px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:var(--color-dark);font-family:Inter,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.modal-close{align-items:center;border-radius:8px;color:var(--color-text-muted);display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:4px;width:36px}.modal-close:hover{background:#f3f4f6;color:var(--color-primary)}.modal-body{padding:32px 40px}.modal-body h4{color:var(--color-dark);font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:24px 0 8px}.modal-body h4:first-child{margin-top:0}.modal-body p{color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:15px;line-height:1.5;margin:0 0 24px}.modal-footer{background:var(--color-surface-primary);border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:center;padding:24px 40px 32px;position:-webkit-sticky;position:sticky}@media (max-width:480px){.signup-card{margin:16px;padding:20px 16px}.brand-name,.signup-header h2{font-size:24px}.form-input{font-size:16px;padding:14px}.gender-buttons{flex-direction:column;gap:6px}.gender-buttons .btn{font-size:16px;min-height:48px}.dob-selectors{gap:6px;grid-template-columns:1fr}.dob-select{font-size:16px;height:48px;padding:14px 8px}.modal-content{margin:16px}.modal-header{padding:24px 20px 20px}.modal-body{padding:24px 20px}.modal-footer{padding:20px 20px 24px}}.dark-mode-toggle{position:absolute;right:16px;top:16px;z-index:10}.dark-mode-btn{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:24px;box-shadow:0 1px 2px #00000014;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.dark-mode-btn:hover{background:var(--color-surface-tertiary);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001f;transform:scale(1.05)}.signup-container.dark-mode,body.dark-mode .signup-container{background-color:var(--color-dark)}.signup-container.dark-mode .signup-card,body.dark-mode .signup-container .signup-card{background:var(--color-text-primary);border-color:#333;color:var(--color-surface-primary)}.signup-container.dark-mode .form-group label,.signup-container.dark-mode .signup-header h2,body.dark-mode .signup-container .form-group label,body.dark-mode .signup-container .signup-header h2{color:var(--color-surface-primary)}.signup-container.dark-mode .form-input,body.dark-mode .signup-container .form-input{background:#2a2a2a!important;border-color:#444!important;color:var(--color-surface-primary)!important}.signup-container.dark-mode .form-input::placeholder,body.dark-mode .signup-container .form-input::placeholder{color:#888!important}.signup-container.dark-mode .form-input:focus,body.dark-mode .signup-container .form-input:focus{background:#2a2a2a!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #288b8033!important}.signup-container.dark-mode .form-input:hover,body.dark-mode .signup-container .form-input:hover{background:#2a2a2a!important;border-color:var(--color-primary)!important}.signup-container.dark-mode .dob-select,body.dark-mode .signup-container .dob-select{background:#2a2a2a!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;border-color:#444!important;color:var(--color-surface-primary)!important}.signup-container.dark-mode .dob-select:hover,body.dark-mode .signup-container .dob-select:hover{background:#2a2a2a!important;border-color:var(--color-primary)!important}.signup-container.dark-mode .dob-select:focus,body.dark-mode .signup-container .dob-select:focus{background:#2a2a2a!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #288b8033!important}.signup-container.dark-mode .checkbox-container,body.dark-mode .signup-container .checkbox-container{color:#b8b8b8}.signup-container.dark-mode .checkmark,body.dark-mode .signup-container .checkmark{background:#2a2a2a;border-color:#444}.signup-container.dark-mode .checkbox-container:hover .checkmark,body.dark-mode .signup-container .checkbox-container:hover .checkmark{background:#333;border-color:var(--color-primary)}.signup-container.dark-mode .signup-footer,body.dark-mode .signup-container .signup-footer{border-top-color:#333}.signup-container.dark-mode .signup-footer p,body.dark-mode .signup-container .signup-footer p{color:#b8b8b8}.signup-container.dark-mode .link,body.dark-mode .signup-container .link{color:var(--color-primary)}.signup-container.dark-mode .link:hover,body.dark-mode .signup-container .link:hover{color:var(--color-primary-light)}.signup-container.dark-mode .dark-mode-btn,body.dark-mode .signup-container .dark-mode-btn{background:#2a2a2a;border-color:#444;color:var(--color-surface-primary)}.signup-container.dark-mode .dark-mode-btn:hover,body.dark-mode .signup-container .dark-mode-btn:hover{background:#333;border-color:var(--color-primary)}.signup-container.dark-mode .gender-buttons .btn,body.dark-mode .signup-container .gender-buttons .btn{background:#2a2a2a!important;border-color:#444!important;color:#b8b8b8!important}.signup-container.dark-mode .gender-buttons .btn:hover,body.dark-mode .signup-container .gender-buttons .btn:hover{background:#2a2a2a!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.signup-container.dark-mode .gender-buttons .btn.btn--primary,body.dark-mode .signup-container .gender-buttons .btn.btn--primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important}.signup-container.dark-mode .gender-buttons .btn.btn--primary:hover,body.dark-mode .signup-container .gender-buttons .btn.btn--primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.signup-container.dark-mode .password-validation,body.dark-mode .signup-container .password-validation{background:none;border:none}.signup-container.dark-mode .validation-item,body.dark-mode .signup-container .validation-item{color:var(--color-text-muted)}.signup-container.dark-mode .validation-item:before,body.dark-mode .signup-container .validation-item:before{color:var(--color-text-secondary)}.signup-container.dark-mode .validation-item.valid,.signup-container.dark-mode .validation-item.valid:before,body.dark-mode .signup-container .validation-item.valid,body.dark-mode .signup-container .validation-item.valid:before{color:var(--color-success)}.signup-container.dark-mode .terms-container,body.dark-mode .signup-container .terms-container{background:var(--color-surface-primary);border-color:var(--color-border-primary)}.signup-container.dark-mode .terms-container:hover,body.dark-mode .signup-container .terms-container:hover{border-color:var(--color-border-primary);box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014}.signup-container.dark-mode .terms-header,body.dark-mode .signup-container .terms-header{border-bottom-color:var(--color-border-primary);color:var(--color-text-primary)}.signup-container.dark-mode .terms-text,body.dark-mode .signup-container .terms-text{color:var(--color-text-secondary)}.signup-container.dark-mode .terms-link,body.dark-mode .signup-container .terms-link{color:var(--color-primary)}.signup-container.dark-mode .terms-link:hover,body.dark-mode .signup-container .terms-link:hover{color:var(--color-primary-hover)}.signup-container.dark-mode .modal-content,body.dark-mode .signup-container .modal-content{background:var(--color-surface-primary);border-color:var(--color-border-primary)}.signup-container.dark-mode .modal-header,body.dark-mode .signup-container .modal-header{background:var(--color-surface-primary);border-bottom-color:var(--color-border-primary)}.signup-container.dark-mode .modal-footer,body.dark-mode .signup-container .modal-footer{background:var(--color-surface-primary);border-top-color:var(--color-border-primary)}@media (max-width:768px){.modal-overlay{padding:16px}.modal-content{max-height:90vh}.modal-header{padding:24px 20px 20px}.modal-body{padding:24px 20px}.modal-footer{padding:20px 20px 24px}}@media (max-width:480px){.modal-overlay{padding:12px}.modal-content{max-height:95vh}.modal-header{padding:20px 16px 16px}.modal-header h3{font-size:24px}.modal-body{padding:20px 16px}.modal-body h4{font-size:15px}.modal-body p{font-size:14px}.modal-footer{padding:16px 16px 20px}}.top-navigation{align-items:center;backdrop-filter:blur(60px) saturate(190%) brightness(1.02);-webkit-backdrop-filter:blur(60px) saturate(190%) brightness(1.02);background:#ffffff73!important;border-bottom:1px solid #ffffff80;box-shadow:inset 0 1px 0 0 #fffc,0 4px 20px #0000000d,0 1px 3px #0000000a;box-sizing:border-box;display:flex;height:56px;isolation:isolate;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;transition:all .32s cubic-bezier(.4,0,.2,1);width:100%;z-index:1100}.top-navigation:before{background:linear-gradient(180deg,#ffffff40,#ffffff0d 50%,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.top-navigation.scrolled{background:#ffffff8c!important;border-bottom:1px solid #fff9;box-shadow:inset 0 1px 0 0 #ffffffe6,0 4px 24px #00000014,0 2px 4px #0000000f}.nav-container{align-items:center;display:flex;gap:2rem;height:100%;justify-content:space-between;margin:0;max-width:none;padding:0;position:relative;width:100%}.nav-left{gap:1rem;justify-content:flex-start;padding-left:0}.nav-left,.nav-logo{align-items:center;display:flex;flex-shrink:0;height:100%}.nav-logo{background:#0000;border:none;color:var(--color-primary);cursor:pointer;font-family:Zodiak,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1;margin:0;outline:none;padding:0 0 0 1.5rem;position:relative;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.nav-logo:hover{opacity:.85;transform:scale(1.02)}.nav-logo:active{opacity:.75;transform:scale(.98)}.nav-logo:focus-visible{border-radius:8px;outline:2px solid var(--color-primary);outline-offset:4px}.nav-logo-image{height:36px;object-fit:contain;width:auto}.nav-logo-svg{display:block;height:44px;width:auto}.nav-logo-text{color:var(--color-dark);font-family:Space Grotesk,Orbitron,Futura,Avenir,Playfair Display,Cinzel,sans-serif;font-size:2rem;font-style:bold;font-weight:600;letter-spacing:-.113em;line-height:1;transition:color .18s cubic-bezier(.4,0,.2,1)}.nav-center{gap:.5rem;height:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.nav-center,.nav-link{align-items:center;display:flex;justify-content:center}.nav-link{background:#0000;border:none;border-radius:24px;color:#000000b3;cursor:pointer;font-size:14px;font-weight:600;gap:.4rem;height:40px;letter-spacing:.01em;line-height:1;outline:none;padding:.5rem 1rem;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-link:hover{background:#0000000d;color:var(--color-dark)}.nav-link:focus-visible{border-radius:24px;color:var(--color-dark);outline:2px solid var(--color-primary);outline-offset:2px}.nav-link.active{background:var(--color-info-bg);color:var(--color-primary);font-weight:700}.nav-link.active:after,.nav-link:after,.nav-link:hover:after{display:none}.nav-link-cta{background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;box-shadow:var(--shadow-secondary);color:var(--color-surface-primary)!important;font-weight:700!important;letter-spacing:.02em!important}.nav-link-cta span{transform:translateX(-.1em)}.nav-link-cta:hover{background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;box-shadow:var(--shadow-tertiary);color:var(--color-surface-primary)!important;transform:translateY(-1px)}.nav-link-cta:after{display:none}.nav-right{align-items:center;display:flex;flex-shrink:0;gap:8px;height:100%;justify-content:flex-end;padding-right:1.5rem}@media (max-width:1200px){.nav-link-cta>span:not(.icon){display:none}.nav-link-cta{justify-content:center;min-width:48px;padding:.75rem}.nav-link>span:not(.icon){display:none}.nav-link{justify-content:center;min-width:48px;padding:.75rem}}.nav-icon{align-items:center;background:#0000;border:none;border-radius:10px;color:#000000b3;cursor:pointer;display:flex;font-size:1.4rem;height:40px;justify-content:center;outline:none;position:relative;transform:translateY(0) scale(1);transition:all .22s cubic-bezier(.4,0,.2,1);width:40px;will-change:transform,background-color}.nav-icon:hover{background:#0000000d;color:var(--color-dark);transform:translateY(0) scale(1.05)}.nav-icon:active{transform:translateY(0) scale(.97)}.nav-icon:focus-visible{color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.nav-icon.active{background:var(--color-info-bg);color:var(--color-primary)}.nav-icon.active:hover{background:var(--color-info-border);color:var(--color-primary-light)}.nav-icon--messages.active,.nav-icon--messages.active:hover{background:#0000;box-shadow:none}@media (prefers-reduced-motion:reduce){.nav-icon{transition:background-color .2s ease,color .2s ease,opacity .18s ease}.nav-icon,.nav-icon.active,.nav-icon.active:hover,.nav-icon:active,.nav-icon:hover{transform:none}}.profile-icon{align-items:center;background:#0000;border-radius:50%;color:var(--color-text-on-primary);display:flex;height:40px;width:40px}.nav-profile-image{object-fit:cover;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.nav-profile-fallback,.nav-profile-image{border:2px solid #0000001a;border-radius:50%;height:32px;width:32px}.nav-profile-fallback{align-items:center;background:var(--color-primary);color:var(--color-text-on-primary);display:flex;font-size:.875rem;font-weight:600;justify-content:center;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),background-color .18s cubic-bezier(.4,0,.2,1)}.nav-profile-btn:hover .nav-profile-fallback,.nav-profile-btn:hover .nav-profile-image{border-color:#00000026;transform:scale(1.08)}.nav-profile-btn:hover .nav-profile-fallback{background:var(--color-primary-light)}.nav-profile-btn:active .nav-profile-fallback,.nav-profile-btn:active .nav-profile-image{transform:scale(.96)}.profile-icon:hover{background:var(--color-primary-light)}.nav-profile-btn{background:#0000!important}.nav-badge{align-items:center;animation:badgePop .28s cubic-bezier(.34,1.56,.64,1);background:var(--color-nav-badge);border:2px solid #fffffff2;border-radius:50%;box-shadow:0 2px 6px #00000026;color:var(--color-text-on-primary);display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-2px;width:20px}@keyframes badgePop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (min-width:1600px){.nav-container{max-width:none}}@media (min-width:2000px){.nav-container{max-width:none}}@media (min-width:2400px){.nav-container{max-width:none}}@media (max-width:1024px){.nav-center{gap:.4rem}.nav-link{font-size:13px;padding:.5rem .75rem}.nav-right{gap:6px}.top-navigation{height:52px}}@media (max-width:768px){.top-navigation{height:48px}.nav-container{gap:1rem;padding:0 1.5rem}.nav-right{gap:6px}.nav-icon{font-size:1.3rem;height:38px;width:38px}.nav-logo-text{font-size:1.4rem}.nav-logo-image{height:24px}.nav-logo-svg{height:36px}.nav-link-cta>span:not(.icon){display:none}.nav-link-cta{justify-content:center;min-width:38px;padding:.5rem}}@media (max-width:480px){.top-navigation{height:44px}.nav-container{gap:.75rem;padding:0 1rem}.nav-logo{font-size:1rem}.nav-logo-text{font-size:1.3rem}.nav-logo-image{height:22px}.nav-logo-svg{height:32px}.nav-right{gap:4px}.nav-icon{font-size:1.2rem;height:36px;width:36px}.nav-link-cta{min-width:36px;padding:.4rem}}@media (max-width:640px){.expanding-search,.nav-icon--messages,.nav-icon:not(.nav-profile-btn){display:none}.nav-profile-container{display:flex}}@supports not selector(:focus-visible){.nav-cta-button:focus,.nav-icon:focus,.nav-link:focus,.nav-logo:focus{outline:2px solid var(--color-primary);outline-offset:2px}}.user-search-modal-bg{align-items:center!important;animation:backdropFadeIn .3s ease!important;background:#0006!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:2000!important}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.user-search-modal{animation:modalAppear .3s ease!important;background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:16px!important;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a!important;display:flex!important;flex-direction:column!important;left:50%!important;margin:0!important;max-height:calc(100vh - 140px)!important;max-width:480px!important;min-height:300px!important;overflow:hidden!important;overscroll-behavior:contain!important;padding:0!important;position:fixed!important;top:64px!important;transform:translate(-50%)!important;width:90%!important;z-index:2001!important}@media (max-height:600px){.user-search-modal{max-height:calc(100vh - 80px)!important;top:60px!important;transform:translate(-50%)!important}}@media (max-width:600px){.user-search-modal{max-height:calc(100vh - 140px)!important;width:95%!important}}.user-search-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:20px 24px;position:relative}.user-search-title{color:var(--color-text-primary);font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.close-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.close-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.user-search-input{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 1px 3px #0000000d;color:var(--color-text-primary);font-size:15px;font-weight:500;margin:20px 16px 16px;outline:none;padding:14px 16px;transition:all .2s ease;width:calc(100% - 32px)}.user-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.user-search-input::placeholder{color:var(--color-text-muted);font-weight:400}.user-search-list{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:0}.user-search-user{align-items:center;border-bottom:1px solid var(--color-border-primary);cursor:pointer;display:flex;flex-wrap:wrap;gap:14px;padding:16px 20px;position:relative;transition:all .2s ease}.user-search-user:hover{background:var(--color-surface-secondary);padding-left:24px}.user-search-user:last-child{border-bottom:none}.user-search-avatar:hover{box-shadow:0 2px 6px #00000026}.user-search-avatar{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--color-text-on-primary);display:flex;flex-shrink:0;font-weight:600;height:42px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:42px}.user-search-avatar svg{border-radius:50%;height:100%;width:100%}.user-search-avatar-fallback{align-items:center;color:var(--color-text-on-primary);display:flex;font-size:.9rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-search-avatar img{border-radius:50%;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.user-search-avatar:has(img){background:#0000}.user-search-username{color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-right:auto;transition:color .2s ease}.user-search-user:hover .user-search-username,.user-search-username:hover{color:var(--color-primary)}.user-search-empty{color:var(--color-text-muted);font-size:15px;font-weight:500;line-height:1.4;padding:48px 24px;text-align:center}.jellyfish-loader-container{align-items:center;background:#0000;border:none;display:flex;justify-content:center;outline:none}.jellyfish-loader{display:block;height:150px;margin:0 auto;max-height:100%;max-width:100%;width:150px}.jellyfish-path{stroke-dasharray:2000;stroke-dasharray:var(--path-length,2000);stroke-dashoffset:2000;stroke-dashoffset:var(--path-length,2000);animation:drawPath 1.2s linear infinite;opacity:1}@keyframes drawPath{0%{stroke-dashoffset:2000;stroke-dashoffset:var(--path-length,2000)}to{stroke-dashoffset:0}}.checklist-logger-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.checklist-logger-overlay{animation:fadeInCentered .3s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;max-height:min(80vh,720px);max-width:calc(100vw - 40px);opacity:1;overflow:hidden;overscroll-behavior:contain;position:fixed;right:168px;top:64px;transform:none;width:480px;will-change:transform,opacity;z-index:1002}@media (max-width:768px){.checklist-logger-overlay{left:20px;max-height:calc(100vh - 120px);right:20px;top:56px;transform:none;width:calc(100vw - 40px)}}.checklist-logger-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:12px 16px;position:relative}.checklist-logger-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.checklist-logger-subtitle{color:var(--color-text-muted);font-size:.6875rem;font-weight:400;line-height:1.4;margin-top:3px}.close-checklist-btn{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.close-checklist-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.close-checklist-btn:active{transform:scale(.95);transition:transform .1s ease}.checklist-logger-content{background:var(--color-surface-secondary);flex:1 1;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 24px}.tree-container{display:flex;flex-direction:column;gap:0;margin-bottom:8px}.checklist-logging-plan{background:var(--color-surface-secondary);border:none;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:0 18px}.checklist-logging-plan-header{align-items:center;display:flex;gap:12px}.checklist-logging-plan-icon{color:var(--color-info);height:20px;width:20px}.checklist-logging-plan-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.checklist-logging-plan-subtitle{color:var(--color-text-secondary);font-size:.8rem;margin-top:2px}.checklist-logging-plan-empty,.checklist-logging-plan-warning{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:12px}.checklist-logging-plan-warning{color:var(--color-warning-dark);justify-content:flex-start}.checklist-logging-plan-empty{justify-content:space-between}.checklist-logging-plan-warning-icon{color:var(--color-warning);height:16px;margin-right:6px;width:16px}.checklist-logging-plan-list{display:flex;flex-direction:column;gap:10px}.checklist-logging-plan-group{display:flex;flex-direction:column;gap:8px}.checklist-logging-plan-group-header{color:var(--color-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.08em;padding:0;text-transform:uppercase}.checklist-logging-plan-group-items{display:flex;flex-direction:column;gap:10px}.checklist-logging-plan-item{align-items:center;background:var(--color-surface-primary);border:1px solid #94a3b833;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.checklist-logging-plan-item.completed{background:#22c55e26;border-color:#22c55e59}.checklist-logging-plan-time{align-items:center;color:var(--color-info-dark);display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:8px}.checklist-logging-plan-biohack{color:var(--color-text-secondary);flex:1 1;font-size:.85rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-logging-plan-time-default{background:var(--color-surface-secondary);border-radius:4px;color:var(--color-text-secondary);font-size:.7rem;font-style:italic;font-weight:500;padding:2px 8px;text-transform:lowercase}.checklist-logging-plan-details{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:6px}.checklist-logging-plan-protocol{color:var(--color-text-primary);font-weight:600}.checklist-logging-plan-hack{color:var(--color-text-secondary)}.checklist-logging-plan-hack.default-label{color:var(--color-text-secondary);font-style:italic}.checklist-logging-plan-action-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end}.checklist-logging-plan-action{align-items:center;background:var(--color-border-secondary);border:2px solid var(--color-border-secondary);border-radius:50%;box-shadow:0 1px 3px #0000001a;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:0;font-weight:600;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.checklist-logging-plan-action:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-text-muted);box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.checklist-logging-plan-action:disabled{cursor:not-allowed;opacity:.6;transform:none}.checklist-logging-plan-action.completed{background:var(--color-success);border-color:var(--color-success-dark);color:var(--color-surface-primary)}.checklist-logging-plan-action.completed:hover{background:var(--color-success-dark);border-color:var(--color-success-dark);box-shadow:0 2px 8px #22c55e4d;transform:scale(1.05)}.checklist-logging-plan-action-icon{height:18px;width:18px}.checklist-logging-plan-action-icon.spinning{animation:checklist-spin 1s linear infinite}@keyframes checklist-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-xp{align-items:center;background:var(--color-success);border-radius:999px;bottom:32px;box-shadow:0 12px 30px #10b9814d;color:var(--color-surface-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;letter-spacing:-.01em;opacity:0;padding:.75rem 1.5rem;pointer-events:none;position:fixed;right:auto;top:auto;transform:translateX(-50%);z-index:120}.floating-xp,.floating-xp.visible{animation:dropSuccessFadeIn .25s ease forwards}.floating-xp.visible{opacity:1}.floating-xp .icon--sm{color:inherit}.checklist-logging-plan-link{background:var(--color-info-bg);border:none;border-radius:6px;color:var(--color-info);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:background .2s ease}.checklist-logging-plan-link:hover{background:var(--color-border-secondary)}.checklist-logger-content::-webkit-scrollbar{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:4px}.checklist-logger-content::-webkit-scrollbar-track{background:#0000}.checklist-logger-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.checklist-logger-content::-webkit-scrollbar-thumb:hover{background:#0003}.checklist-logger-overlay:hover .checklist-logger-content::-webkit-scrollbar,.checklist-logger-overlay:hover .checklist-logger-content::-webkit-scrollbar-thumb{opacity:1}.protocol-tree-node{animation:fadeIn .4s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a;margin-bottom:24px;overflow:hidden;transform:translateY(0);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.protocol-tree-node:hover{box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;transform:translateY(-1px)}.protocol-tree-header{background:var(--color-surface-secondary);border-bottom:1px solid #e2e8f0}.protocol-heading,.protocol-tree-header{align-items:center;display:flex;position:relative}.protocol-heading{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;gap:12px;line-height:1.3;min-width:0;padding:18px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);will-change:background-color,transform}.protocol-heading:hover{background:#288b8008;transform:translateX(1px)}.protocol-heading:active{background:#0000000d;transition:background-color .1s cubic-bezier(.4,0,.2,1)}.protocol-heading span{flex:1 1;margin-left:32px;margin-right:64px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-expand-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;left:16px;padding:6px;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);width:24px;will-change:color,background-color,transform;z-index:1}.tree-expand-btn:hover{background:#0000000a;color:var(--color-text-primary)}.tree-expand-btn:active{transform:translateY(-50%) scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}.tree-expand-btn:disabled{cursor:not-allowed;opacity:.4;transform:translateY(-50%)}.expand-icon{font-size:11px;font-weight:700;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.tree-expand-btn.expanded .expand-icon{transform:rotate(90deg)}.protocol-stats{background:#64748b1a;border-radius:6px;color:var(--color-text-secondary);flex-shrink:0;font-size:12px;font-weight:600;line-height:1;padding:4px 8px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.hack-tree-container{background:var(--color-surface-primary);margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);will-change:max-height,opacity}.hack-tree-container.expanded{max-height:1000px;opacity:1;padding:0}.hack-tree-item{border-bottom:1px solid #0000000f;margin:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.hack-tree-item:last-child{border-bottom:none}.checklist-logger-overlay input[type=checkbox]{display:none}.custom-checkbox{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #00000026;border-radius:5px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:18px;will-change:border-color,background-color,transform}.custom-checkbox:after{border:solid #fff;border-width:0 1px 1px 0;content:"";height:7px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity .2s cubic-bezier(.4,0,.2,1);width:4px;will-change:opacity}input[type=checkbox]:checked+.custom-checkbox{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:var(--color-primary);box-shadow:0 2px 4px #288b8040;transform:scale(1.05)}input[type=checkbox]:checked+.custom-checkbox:after{opacity:1}.custom-checkbox:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #288b8026;transform:scale(1.02)}.custom-checkbox:active{transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.hack-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;line-height:1.4;margin:0;min-height:48px;padding:14px 20px;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);will-change:background-color,transform}.hack-label .custom-checkbox{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.hack-label:hover{background:#288b8005;transform:translateX(1px)}.hack-label:active{background:#0000000d;transition:background-color .1s cubic-bezier(.4,0,.2,1)}.hack-label span{flex:1 1;font-weight:400;line-height:1.4;margin-left:0;margin-right:44px;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.hack-icon{border:1px solid var(--color-border-primary);border-radius:3px;flex-shrink:0;height:18px;margin-right:10px;object-fit:cover;opacity:.8;transition:all .15s cubic-bezier(.4,0,.2,1);width:18px;will-change:opacity,transform}.hack-label:hover .hack-icon{opacity:.9;transform:scale(1.02)}.hack-icon.completed{opacity:.4}.completed-section{border-top:1px solid #e2e8f0;margin-top:32px;padding:24px 0 0}.completed-section:before{color:var(--color-text-secondary);content:"Completed Today";display:block;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.2;margin-bottom:20px;padding-left:0;position:relative;text-transform:uppercase}.completed-protocol-tree{background:linear-gradient(135deg,#fffc,#f8fafce6);border:1px solid #00000014;border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:16px;opacity:.8;overflow:hidden}.completed-protocol-heading{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;line-height:1.3;min-height:44px;padding:16px 20px;position:relative}.completed-protocol-heading span{flex:1 1;margin-left:0;margin-right:64px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-protocol-stats{background:#64748b26;border-radius:4px;color:var(--color-text-secondary);flex-shrink:0;font-size:11px;font-weight:600;line-height:1;padding:3px 6px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.completed-hacks-tree-container{background:var(--color-surface-primary);margin:0;position:relative}.completed-hack-tree-item{border-bottom:1px solid var(--color-border-primary);margin:0;position:relative}.completed-hack-tree-item:last-child{border-bottom:none}.completed-hack-label{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;line-height:1.4;margin:0;min-height:44px;opacity:.7;padding:12px 20px;position:relative;text-decoration:line-through;transition:all .15s cubic-bezier(.4,0,.2,1);will-change:opacity,background-color}.completed-hack-label .custom-checkbox{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.completed-hack-label:hover{background:rgba(0,0,0,.015);opacity:.75}.completed-hack-label:active{background:#0000000a;opacity:1;transition:all .1s cubic-bezier(.4,0,.2,1)}.completed-hack-label span{flex:1 1;font-weight:400;line-height:1.4;margin-left:0;margin-right:44px;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.completed-hack-label .custom-checkbox{background:var(--color-text-muted);border-color:var(--color-text-muted);height:16px;width:16px}.completed-hack-label .custom-checkbox:after{border-color:#fff;border-width:0 1px 1px 0;height:7px;left:4px;opacity:1;top:1px;width:4px}.xp-bar-animation-container{max-width:300px;pointer-events:none;position:fixed;right:20px;top:64px;width:300px;z-index:2002}.xp-bar-animation{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-primary);border-radius:6px;box-shadow:0 2px 8px #00000014;opacity:1;overflow:hidden;position:relative;width:100%;will-change:transform,opacity}.xp-bar-animation,.xp-header{background:var(--color-surface-primary)}.xp-header{align-items:center;border-bottom:1px solid var(--color-border-primary);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.xp-header-title{color:var(--color-text-primary);font-size:14px;font-weight:500;margin:0}.xp-content{padding:12px 16px}.xp-user-section{align-items:center;display:flex;gap:8px;margin-bottom:10px}.xp-avatar{border:1px solid var(--color-border-primary);border-radius:50%;height:24px;object-fit:cover;width:24px}.xp-title-section{display:flex;flex-direction:column;gap:1px}.xp-title{color:var(--color-text-primary);font-size:13px;font-weight:500;margin:0}.xp-subtitle{color:var(--color-text-muted);font-size:11px;font-weight:400;margin:0}.xp-reward-section{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.xp-amount{color:var(--color-text-primary);font-size:14px;font-weight:600}.xp-progress-section{margin-bottom:0}.xp-progress-bar{position:relative}.xp-progress-track{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:8px;height:16px;overflow:hidden;width:100%}.xp-progress-fill{background:var(--color-text-primary);border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);will-change:width}.xp-progress-text{font-size:10px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.xp-current,.xp-progress-text{color:var(--color-text-primary)}.xp-separator{margin:0 2px}.checklist-logger-empty,.xp-max,.xp-separator{color:var(--color-text-muted)}.checklist-logger-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.checklist-logger-empty-icon{font-size:2rem;margin-bottom:12px;opacity:.4}.checklist-logger-empty-text{color:var(--color-text-primary);font-size:14px;font-weight:500;margin:0 0 6px}.checklist-logger-empty-subtext{font-size:13px;line-height:1.4}.checklist-logger-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:13px;gap:4px;justify-content:center;padding:24px 16px}.checklist-logger-loading-spinner{animation:spin 1s linear infinite;border-top:1px solid var(--color-border-primary);border:1px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-text-primary);height:16px;width:16px;will-change:transform}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInCentered{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.checklist-logger-overlay{border-radius:0;max-height:80vh;right:-20px;width:100vw}.xp-bar-animation{max-width:90vw;min-width:280px}.xp-content{padding:12px}.xp-header{padding:10px 12px}.xp-bar-animation-container{max-width:260px;right:10px;top:56px;width:260px}}.expand-btn:focus-visible,.hack-label:focus-visible,.protocol-heading:focus-visible,.tree-expand-btn:focus-visible{outline:1px solid var(--color-text-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.checklist-logger-overlay,.protocol-tree-node,.xp-bar-animation{animation:none}.close-checklist-btn,.completed-hack-label,.custom-checkbox,.expand-icon,.hack-icon,.hack-label,.hack-tree-container,.protocol-heading,.tree-expand-btn,.xp-progress-fill{transition:none}.checklist-logger-loading-spinner{animation:none}}.checklist-logger-overlay,.custom-checkbox,.expand-icon,.hack-icon,.hack-tree-container,.protocol-tree-node,.xp-bar-animation,.xp-progress-fill{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.notification-dropdown-backdrop{background:#0000;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1001}.notification-dropdown{animation:slideDown .16s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;font-family:Inter,Roboto,Arial,sans-serif;max-height:480px;max-width:calc(100vw - 40px);overflow:hidden;overscroll-behavior:contain;position:fixed;right:120px;top:64px;width:360px;z-index:1002}@media (max-width:768px){.notification-dropdown{border-radius:12px;left:20px;max-height:calc(100vh - 120px);right:20px;top:56px;width:calc(100vw - 40px)}}.notification-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:12px 16px}.notification-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.notification-actions{align-items:center;display:flex;gap:6px}.mark-all-read-btn{background:none;border:none;border-radius:3px;color:var(--color-primary);cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 6px;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--color-surface-secondary);color:var(--color-primary)}.close-btn{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.close-btn:hover{color:var(--color-text-primary)}.close-btn:hover,.notification-content{background:var(--color-surface-secondary)}.notification-content{max-height:380px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.notification-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px 16px}.notification-loading .spinning{animation:spin 1s linear infinite}.notification-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.notification-empty .icon--lg{color:var(--color-text-muted);margin-bottom:12px;opacity:.6}.empty-text{display:flex;flex-direction:column;gap:3px}.empty-title{color:var(--color-text-primary);font-size:.75rem;font-weight:500}.empty-subtitle{color:var(--color-text-muted);font-size:.6875rem;line-height:1.4}.notification-list{display:flex;flex-direction:column;gap:0;overscroll-behavior:contain}.notification-item{align-items:flex-start;background:#0000;border-bottom:1px solid var(--color-border-primary);cursor:pointer;display:flex;gap:10px;padding:6px 16px;position:relative;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread,.notification-item:hover{background:var(--color-surface-secondary)}.notification-item.unread .notification-icon{color:var(--color-primary)}.notification-item.unread .notification-text{font-weight:600}.notification-icon-container{align-items:center;background:#0000;border-radius:2px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.notification-icon{color:var(--color-text-muted);font-size:.875rem;transition:all .2s ease}.notification-item:hover .notification-icon{color:var(--color-primary)}.notification-details{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.notification-text{color:var(--color-text-primary);font-size:.75rem;font-weight:400;letter-spacing:-.01em;line-height:1.3}.notification-time{color:var(--color-text-muted);font-size:.6875rem;font-weight:400}.unread-indicator{background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 1px var(--color-surface-primary);flex-shrink:0;height:5px;margin-top:4px;width:5px}.notification-content::-webkit-scrollbar{width:4px}.notification-content::-webkit-scrollbar-track{background:#0000}.notification-content::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px}.notification-content::-webkit-scrollbar-thumb:hover{background:#288b8066}.notification-content{scrollbar-color:#288b8033 #0000;scrollbar-width:thin}@media (max-width:480px){.notification-dropdown{border:none;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:80vh;right:-20px;top:52px;width:100vw}.notification-item{padding:6px 12px}.notification-header{padding:12px}.notification-icon-container{height:16px;width:16px}.notification-icon{font-size:.75rem}.notification-text{font-size:.6875rem}.notification-time{font-size:.625rem}}.expanding-search{transition:all .18s cubic-bezier(.4,0,.2,1)}.expanding-search,.search-icon-btn{align-items:center;display:flex;position:relative}.search-icon-btn{background:#0000;border:none;border-radius:8px;color:#000000b3;cursor:pointer;font-size:1.6rem;height:44px;justify-content:center;outline:none;transform:translateY(0) scale(1);transition:transform .26s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);width:44px;will-change:transform,color}.search-icon-btn:hover{color:var(--color-primary);opacity:1;transform:translateY(-3px) scale(1.05)}.search-icon-btn:focus-visible{color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.search-icon-btn:active{transform:translateY(-1px) scale(.97)}@media (prefers-reduced-motion:reduce){.search-icon-btn{transform:none;transition:color .2s ease,opacity .18s ease}.search-icon-btn:active,.search-icon-btn:hover{transform:none}}.search-expanded-container{display:flex;flex-direction:column;isolation:isolate;max-width:calc(100vw - 40px);width:220px}.search-input-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border:1px solid #0000001a;border-radius:24px;display:flex;gap:8px;isolation:isolate;padding:8px 12px;transition:all .18s cubic-bezier(.4,0,.2,1)}.search-input-container:focus-within{background:#00000014;border-color:var(--color-primary);box-shadow:0 0 0 2px #288b801f}.search-input-icon{--icon-color:var(--color-text-muted);color:var(--color-text-muted);flex-shrink:0}.search-input-icon svg{stroke:#00000080}.search-input-container:focus-within .search-input-icon{--icon-color:var(--color-primary);color:var(--color-primary)}.search-input-container:focus-within .search-input-icon svg{stroke:var(--color-primary)}.search-input{background:#0000;border:none;color:var(--color-dark);flex:1 1;font-size:15px;font-weight:500;min-width:0;outline:none;padding:0}.search-input::placeholder{color:#00000080;font-weight:400}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#0009;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;outline:none;padding:2px;transition:all .2s ease}.search-clear-btn:hover{background:#0000000d;color:var(--color-dark)}.search-clear-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.search-close-btn{align-items:center;background:#0000000d;border:1px solid #0000001a;border-radius:4px;color:#000000b3;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.5px;outline:none;padding:4px 8px;transition:all .2s ease}.search-close-btn:hover{background:#00000014;border-color:#00000026;color:var(--color-dark)}.search-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-close-hint{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.search-results-panel{animation:slideDown .16s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;font-family:Inter,Roboto,Arial,sans-serif;left:0;max-height:480px;max-width:calc(100vw - 40px);min-width:280px;overflow:hidden;position:fixed;top:64px;width:340px;z-index:1001}.search-results-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:12px 16px}.search-results-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.search-results-actions{align-items:center;display:flex;gap:6px}.search-results-content{background:var(--color-surface-secondary);max-height:380px;overflow-x:hidden;overflow-y:auto}.search-results-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px 16px}.search-results-loading .spinning,.spinning{animation:spin 1s linear infinite}.search-results-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.search-results-empty .icon--lg{color:var(--color-text-muted);margin-bottom:12px;opacity:.6}.search-empty-text{display:flex;flex-direction:column;gap:3px}.search-empty-title{color:var(--color-text-primary);font-size:.75rem;font-weight:500}.search-empty-subtitle{color:var(--color-text-muted);font-size:.6875rem;line-height:1.4}.search-results-list{display:flex;flex-direction:column;gap:0}.search-results-section{padding:0}.search-results-section+.search-results-section{border-top:1px solid var(--color-border-primary)}.search-results-section-title{align-items:center;background:var(--color-surface-primary);color:var(--color-text-muted);font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.search-result-item,.search-results-section-title{border-bottom:1px solid var(--color-border-primary);display:flex}.search-result-item{align-items:flex-start;background:#0000;cursor:pointer;gap:10px;padding:6px 16px;position:relative;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item.active,.search-result-item:hover{background:var(--color-surface-secondary)}.search-result-item.active:before{background:var(--color-primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.search-result-icon-container{align-items:center;background:#0000;border-radius:2px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.search-result-icon{color:var(--color-text-muted);font-size:.875rem;transition:all .2s ease}.search-result-item:hover .search-result-icon{color:var(--color-primary)}.search-result-icon-large{align-items:center;background:var(--color-surface-tertiary);border-radius:8px;color:var(--color-text-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);width:36px}.search-result-item.active .search-result-icon-large,.search-result-item:hover .search-result-icon-large{background:var(--color-primary);color:var(--color-text-on-primary);transform:scale(1.05)}.search-result-icon-large:has(.search-result-avatar),.search-result-icon-large:has(.search-result-avatar-fallback){background:#0000;border-radius:50%}.search-result-item.active .search-result-icon-large:has(.search-result-avatar),.search-result-item.active .search-result-icon-large:has(.search-result-avatar-fallback),.search-result-item:hover .search-result-icon-large:has(.search-result-avatar),.search-result-item:hover .search-result-icon-large:has(.search-result-avatar-fallback){background:#0000;transform:none}.search-result-biohack-image{border:2px solid var(--color-border-primary);border-radius:8px;height:36px;object-fit:cover;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);width:36px}.search-result-icon-large:has(.search-result-biohack-image){background:#0000}.search-result-item.active .search-result-icon-large:has(.search-result-biohack-image),.search-result-item:hover .search-result-icon-large:has(.search-result-biohack-image){background:#0000;transform:none}.search-result-item.active .search-result-biohack-image,.search-result-item:hover .search-result-biohack-image{border-color:var(--color-primary);transform:scale(1.05)}.search-result-avatar{object-fit:cover;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.search-result-avatar,.search-result-avatar-fallback{border:2px solid var(--color-border-primary);border-radius:50%;height:36px;width:36px}.search-result-avatar-fallback{align-items:center;background:var(--color-primary);color:var(--color-text-on-primary);display:flex;font-size:14px;font-weight:600;justify-content:center;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),background-color .18s cubic-bezier(.4,0,.2,1)}.search-result-item.active .search-result-avatar,.search-result-item:hover .search-result-avatar{border-color:var(--color-primary);transform:scale(1.05)}.search-result-item.active .search-result-avatar-fallback,.search-result-item:hover .search-result-avatar-fallback{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:scale(1.05)}.search-result-details{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.search-result-title{color:var(--color-text-primary);font-size:.75rem;letter-spacing:-.01em;line-height:1.3}.search-result-subtitle,.search-result-title{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{color:var(--color-text-muted);font-size:.6875rem}.search-result-type-badge{background:var(--color-surface-tertiary);border-radius:4px;color:var(--color-text-secondary);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.search-results-content::-webkit-scrollbar{width:4px}.search-results-content::-webkit-scrollbar-track{background:#0000}.search-results-content::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px}.search-results-content::-webkit-scrollbar-thumb:hover{background:#288b8066}.search-results-content{scrollbar-color:#288b8033 #0000;scrollbar-width:thin}.search-results-footer{background:var(--color-surface-secondary);border-top:1px solid var(--color-border-primary);padding:12px 16px}.search-view-all-btn{background:#0000;border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 16px;transition:all .2s ease;width:100%}.search-view-all-btn:hover{background:var(--color-surface-primary);border-color:var(--color-primary);color:var(--color-primary)}.search-view-all-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.search-expanded-container{max-width:calc(100vw - 120px);width:180px}.search-results-panel{left:20px!important;max-height:calc(100vh - 120px);max-width:calc(100vw - 40px);min-width:auto;top:56px;width:calc(100vw - 40px)}.search-results-header{padding:12px}.search-result-item{padding:6px 12px}.search-result-icon-container{height:16px;width:16px}.search-result-icon{font-size:.75rem}.search-result-title{font-size:.6875rem}.search-result-subtitle{font-size:.625rem}}@media (max-width:480px){.search-results-panel{border:none;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0!important;max-height:80vh;max-width:100vw;right:0;top:52px;width:100vw}}@media (max-width:1024px){.search-expanded-container{width:200px}}@media (max-width:1024px) and (min-width:769px){.search-expanded-container{width:220px}.search-results-panel{max-width:calc(100vw - 40px);min-width:267px;width:300px}}@supports not selector(:focus-visible){.search-clear-btn:focus,.search-close-btn:focus,.search-icon-btn:focus,.search-view-all-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}}.profile-dropdown-backdrop{background:#0000;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1001}.profile-dropdown{animation:slideDown .18s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 12px 40px #00000026,0 4px 16px #0000001a;font-family:Inter,Roboto,Arial,sans-serif;overflow:hidden;overscroll-behavior:contain;position:fixed;right:24px;top:64px;width:300px;z-index:1002}.profile-dropdown-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);display:flex;gap:12px;padding:12px 16px}.profile-dropdown-avatar{border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 1px 6px #288b801f;flex-shrink:0;height:44px;overflow:hidden;width:44px}.profile-dropdown-avatar img{height:100%;object-fit:cover;width:100%}.profile-dropdown-avatar-fallback{align-items:center;background:var(--color-primary);color:var(--color-text-on-primary);display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;letter-spacing:-.02em;width:100%}.profile-dropdown-info{align-items:center;display:flex;flex:1 1;min-width:0}.profile-dropdown-name{color:var(--color-text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.25}.profile-dropdown-email,.profile-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-email{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.profile-dropdown-divider{background:var(--color-border-primary);height:1px;margin:0}.profile-dropdown-footer,.profile-dropdown-menu{background:var(--color-surface-secondary);overscroll-behavior:contain;padding:6px 0}.profile-dropdown-item{align-items:center;background:#0000;border:none;border-radius:0;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:400;gap:14px;outline:none;padding:12px 18px;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.profile-dropdown-item:last-child{border-bottom:none}.profile-dropdown-item:hover{background:var(--color-info-bg);color:var(--color-text-primary)}.profile-dropdown-item:active{background:var(--color-info-bg);transform:scale(.98)}.profile-dropdown-item:focus-visible{background:var(--color-info-bg);outline:2px solid var(--color-primary);outline-offset:-2px}.profile-dropdown-item svg{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;height:19px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:19px}.profile-dropdown-item:hover svg{color:var(--color-primary);transform:scale(1.05)}.profile-dropdown-item span{letter-spacing:-.01em;line-height:1.4}.profile-dropdown-item.profile-dropdown-item-danger{color:var(--color-danger)!important}.profile-dropdown-item.profile-dropdown-item-danger:hover{background:var(--color-danger-bg);color:var(--color-danger-dark)!important}.profile-dropdown-item.profile-dropdown-item-danger:active{background:var(--color-danger-bg);transform:scale(.98)}.profile-dropdown-item.profile-dropdown-item-danger svg{color:var(--color-danger)!important}.profile-dropdown-item.profile-dropdown-item-danger:hover svg{color:var(--color-danger-dark)!important;transform:scale(1.05)}.profile-dropdown-item.profile-dropdown-item-danger span{color:inherit}@supports not selector(:focus-visible){.profile-dropdown-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}}@media (max-width:768px){.profile-dropdown{border-radius:12px;left:20px;max-height:calc(100vh - 120px);right:20px;top:56px;width:calc(100vw - 40px)}.profile-dropdown-header{padding:18px 16px}.profile-dropdown-avatar{height:48px;width:48px}.profile-dropdown-item{padding:11px 16px}}@media (max-width:480px){.profile-dropdown{border-radius:12px;top:52px;width:calc(100vw - 40px)}.profile-dropdown-header{gap:12px;padding:16px}.profile-dropdown-avatar{border-width:2px;height:44px;width:44px}.profile-dropdown-avatar-fallback{font-size:18px}.profile-dropdown-name{font-size:.875rem}.profile-dropdown-item{font-size:.75rem;gap:12px;padding:11px 14px}.profile-dropdown-item svg{height:18px;width:18px}}.sidebar-filters{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;gap:0;height:100%;overflow:hidden;padding:0;text-align:left;width:100%}.filter-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;text-align:left}.filter-content.loading{align-items:center;background:#0000!important;border:none!important;display:flex;flex-direction:column;justify-content:center;outline:none!important;overflow-y:hidden}.filter-content.loading .sidebar-loader-wrapper,.sidebar-loader-wrapper{align-items:center;background:#0000!important;border:none!important;display:flex;height:100%;justify-content:center;outline:none!important;width:100%}.sidebar-loader-wrapper{box-shadow:none!important;margin:0;padding:0}.filter-content::-webkit-scrollbar{display:none;width:0}.filter-content{-ms-overflow-style:none;scrollbar-width:none}.biohack-section,.biomarker-section{margin-bottom:16px;padding:0;text-align:left;width:100%}.biomarker-section{margin-top:0}.biohack-section>.section-header,.biomarker-section>.section-header{margin-bottom:-18px;padding-bottom:0}.biohack-section .section-header *,.biomarker-section .section-header *{text-align:left}.biohack-section .categories-list{margin-top:0;padding:24px 0 0}.biomarker-section .categories-list,.section-header{margin-top:0;padding:0}.section-header{box-sizing:border-box;gap:8px;justify-content:flex-start;margin-bottom:-18px;text-align:left}.section-header>.section-title:first-child{margin-left:0;order:1;padding-left:0}.section-header>.section-search-container{margin-left:auto;order:2}.section-title{align-self:flex-start;color:var(--color-text-muted);display:block;flex-shrink:0;font-size:.875rem;font-weight:600;letter-spacing:.5px;line-height:1;margin:0;padding:0;position:relative;text-align:left;text-transform:uppercase;top:-3px;transition:opacity .18s cubic-bezier(.4,0,.2,1);width:auto}.biohack-section .section-title,.biohack-section h3.section-title{color:var(--color-text-secondary);top:5px}.biomarker-section .section-title,.biomarker-section h3.section-title{top:5px}.section-title.hidden{opacity:0;pointer-events:none}.section-search-container{align-items:center;display:flex;gap:6px;margin-left:auto;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1);z-index:10}.section-search-input{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);font-size:.875rem;font-weight:400;height:16px;line-height:1;opacity:0;outline:none;overflow:hidden;padding:1px 6px;position:absolute;right:32px;top:50%;transform:translateY(calc(-50% - 13px)) scaleX(0);transform-origin:right;transition:all .18s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:0}.section-search-input::placeholder{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.section-search-input.expanded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card-glass);box-shadow:0 4px 12px #0000001a;opacity:1;transform:translateY(calc(-50% - 13px)) scaleX(1);width:215px}.section-search-input:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.section-search-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;padding:4px;position:relative;transform:translateY(-13px);transition:all .18s cubic-bezier(.4,0,.2,1);width:24px}.section-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-primary);transform:translateY(-13px) scale(1.05)}.section-search-btn:active{transform:translateY(-13px) scale(.95)}.section-search-btn:focus,.section-search-btn:focus-visible{border:none;box-shadow:none;outline:none}.section-search-btn.active{background:var(--color-primary);color:var(--color-text-on-primary)}.categories-list{display:flex;flex-direction:column;gap:0}.category-item{margin-bottom:2px}.category-header{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:12px;margin-left:0;min-width:0;overflow:hidden;padding:6px 8px;position:relative;width:100%}.category-header:hover{background:var(--color-surface-secondary)}.category-header.selected{background:#0000;color:var(--color-text-primary)}.category-icon-container{align-items:center;background:#0000;border-radius:2px;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.category-icon{color:var(--color-primary);font-size:1rem}.category-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;flex:1 1;font-size:.875rem;font-weight:400;line-height:1.3;min-width:0;overflow:hidden;padding-right:48px;text-transform:capitalize;white-space:normal;word-break:break-word}.category-header.selected .category-name{font-weight:600}.category-count{color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem;font-weight:400;position:absolute;right:8px;transition:transform .2s ease-in-out}.category-header.selected .category-count{color:var(--color-primary);font-weight:600;transform:translateX(-30px)}.category-header:hover .category-count{transform:translateX(-30px)}.category-select-btn{background:#0000;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:.75rem;opacity:0;padding:2px 6px;position:absolute;right:8px;transition:opacity .2s ease-in-out}.category-header.selected .category-select-btn,.category-header:hover .category-select-btn{opacity:1}.category-header.selected .category-select-btn{color:var(--color-primary);font-weight:600}.category-select-btn:hover{background:var(--color-surface-secondary);color:var(--color-primary)}.biohacks-nested{background:#0000;margin-left:0;margin-top:0;max-height:0;overflow:hidden;padding-left:0;position:relative;transition:max-height .3s ease}.biohacks-nested.expanded{max-height:1000px}.nested-vertical-line{background:var(--color-border-primary);bottom:0;left:16px;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:1px;z-index:1}.biohacks-nested.expanded .nested-vertical-line{opacity:1}.nested-content{display:flex;flex-direction:column;gap:0;margin-left:32px;padding-left:0}.nested-item{border-radius:3px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:4px 8px;position:relative;transition:all .2s ease}.nested-item:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.nested-item.selected{background:#0000;color:var(--color-text-primary);font-weight:600}.nested-item.selected:before{color:var(--color-primary);content:"•";font-weight:700;margin-right:6px}.nested-item-text{color:inherit;font-size:.875rem;font-weight:400;line-height:1.4}.nested-item.show-more{font-size:.8125rem;font-style:italic;opacity:.7}.nested-item.show-more:hover{background:var(--color-surface-secondary);color:var(--color-primary);font-weight:500}.error-message{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-dark);font-size:.875rem;font-style:italic;margin:8px 0;padding:12px 16px;text-align:center}@media (max-width:900px){.sidebar-filters{gap:0}.category-name,.nested-item-text{font-size:.8125rem}}@media (max-width:700px){.sidebar-filters{align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-between;padding:0;width:100vw}.category-name,.nested-item-text{font-size:.75rem}}.trending-section{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;height:100%;overflow:visible;padding:0;width:100%}.trending-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;margin-bottom:-8px;padding:0 0 10px;position:relative}.header-content{display:flex;flex-direction:column;gap:0;width:100%}.header-title-row{align-items:center;display:flex;gap:0;white-space:nowrap}.header-title-text{align-self:flex-start;color:var(--color-text-muted);display:block;flex-shrink:0;font-size:.875rem;font-weight:600;letter-spacing:.5px;line-height:1;margin:0;padding:0;position:relative;text-align:left;text-transform:uppercase;top:-3px;transition:opacity .18s cubic-bezier(.4,0,.2,1);width:auto}.header-icon-small{color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(96,165,250,.2));flex-shrink:0;font-size:26px}.header-subtitle{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.2px;line-height:1.6}.trending-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.trending-list{display:flex;flex-direction:column;gap:8px;overflow:visible;padding-top:34px}.trending-item{cursor:pointer;overflow:visible;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.trending-item.collapsed{align-items:center;background:var(--color-surface-tertiary);border:1px solid var(--color-border-primary);border-radius:10px;display:flex;gap:12px;min-height:48px;padding:10px 14px 10px 18px;transition:all .2s ease}.trending-item.collapsed:hover{border-color:var(--color-primary);box-shadow:var(--shadow-secondary);transform:translateY(-1px)}.trending-item.expanded{align-items:center;display:flex;justify-content:center;margin:8px 0;z-index:100}.trending-item.expanded>div,.trending-item.expanded>div>div{overflow:visible!important;position:relative}.trending-item.expanded .trending-card-close-btn{align-items:center;background:var(--color-surface-primary);border:2px solid var(--color-border-primary);border-radius:50%;box-shadow:var(--shadow-primary);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-12px;top:-12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px;z-index:10}.trending-item.expanded .trending-card-close-btn:hover,.trending-item.expanded:hover .trending-card-close-btn{opacity:1;pointer-events:auto}.trending-item.expanded .trending-card-close-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-primary);box-shadow:var(--glow-primary),var(--shadow-secondary);transform:scale(1.1)}.trending-item.expanded .trending-card-close-btn:active{transform:scale(.95)}.trending-item.expanded .trending-card-close-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.trending-item.expanded .trending-card-close-btn .icon--sm{color:var(--color-text-secondary);height:16px;transition:color .2s ease;width:16px}.trending-item.expanded .trending-card-close-btn:hover .icon--sm{color:var(--color-primary)}.trending-expanded-card-outer{display:flex;justify-content:center;position:relative;width:100%}.trending-expanded-card-container{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;max-height:176px;max-width:256px;overflow:visible;position:relative;width:-webkit-fit-content;width:fit-content}.trending-expanded-card-container .protocol-shield-container{transform:scale(.8);transform-origin:center}.trending-expanded-card-container .protocol-shield-container[role=button]:hover{transform:scale(.816)}.trending-card-rank-badge{border-radius:0;box-shadow:0 1px 4px #00000014;-webkit-clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);font-size:.75rem;font-weight:600;left:12px;letter-spacing:.01em;padding:4px 12px 6px;pointer-events:none;position:absolute;top:0;white-space:nowrap;z-index:6}.trending-card-rank-badge sup{font-size:.6em;line-height:0;position:relative;top:-.2em;vertical-align:super}.trending-card-rank-badge.rank-1{background:#fef3c7;border-color:#fef3c766;color:var(--color-warning-dark)}.trending-card-rank-badge.rank-2{background:#cbd5e1;border-color:#cbd5e166;color:var(--color-text-primary)}.trending-card-rank-badge.rank-3{background:#fed7aa;border-color:#fed7aa66;color:#9a3412}.trending-card-rank-badge.rank-10,.trending-card-rank-badge.rank-4,.trending-card-rank-badge.rank-5,.trending-card-rank-badge.rank-6,.trending-card-rank-badge.rank-7,.trending-card-rank-badge.rank-8,.trending-card-rank-badge.rank-9{background:#334155;border-color:#33415566;color:var(--color-surface-primary)}.trending-item-collapsed{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.trending-item-collapsed *{pointer-events:none}.trending-item-collapsed .trending-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.trending-item-collapsed .trending-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.trending-item.collapsed .trending-rank{align-items:center;border-radius:0;box-shadow:0 1px 3px #00000014;-webkit-clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:40px;justify-content:center;letter-spacing:.01em;line-height:1;margin:-23px 8px -10px 0;min-width:40px;padding:0 6px 3px;text-align:center;width:40px}.trending-item.collapsed .trending-rank sup{font-size:.6em;line-height:0;position:relative;top:-.2em;vertical-align:super}.trending-item.collapsed .trending-rank.rank-1{background:#fef3c7;border-color:#fef3c766;color:var(--color-warning-dark)}.trending-item.collapsed .trending-rank.rank-2{background:#cbd5e1;border-color:#cbd5e166;color:var(--color-text-primary)}.trending-item.collapsed .trending-rank.rank-3{background:#fed7aa;border-color:#fed7aa66;color:#9a3412}.trending-item.collapsed .trending-rank.rank-10,.trending-item.collapsed .trending-rank.rank-4,.trending-item.collapsed .trending-rank.rank-5,.trending-item.collapsed .trending-rank.rank-6,.trending-item.collapsed .trending-rank.rank-7,.trending-item.collapsed .trending-rank.rank-8,.trending-item.collapsed .trending-rank.rank-9{background:#334155;border-color:#33415566;color:var(--color-surface-primary)}.trending-name-tag{align-items:center;background:var(--color-surface-primary);border:1px solid #0000001a;border-radius:999px;color:var(--color-text-primary);display:flex;flex:1 1 auto;font-size:.9rem;font-style:normal;font-weight:600;height:100%;justify-content:center;letter-spacing:-.01em;min-width:0;padding:4px 10px;text-transform:uppercase}.trending-name-tag,.trending-name-tag__text{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.trending-name-tag__text{display:block}.trending-name-tag__ellipsis{font-size:.72em;margin-left:2px;opacity:.75}.trending-stats-inline{align-items:center;display:flex;flex-shrink:0;gap:10px}.inline-stat{align-items:center;display:flex;gap:4px}.inline-stat .icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.inline-stat-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600;line-height:1}.empty-message,.loading-message{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;padding:20px 16px;text-align:center}.loading-message{align-items:center;display:flex;justify-content:center}.trending-content{scrollbar-color:#60a5fa33 #0000;scrollbar-width:thin}.trending-content::-webkit-scrollbar{width:6px}.trending-content::-webkit-scrollbar-track{background:#0000}.trending-content::-webkit-scrollbar-thumb{background:#60a5fa33;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.trending-content::-webkit-scrollbar-thumb:hover{background:#60a5fa66}@media (max-width:1400px){.trending-section{display:none}}@media (max-width:768px){.trending-item.collapsed{padding:10px 12px}.trending-name-tag{font-size:.813rem}}@media (max-width:480px){.trending-item.collapsed{gap:8px;padding:8px 10px}.trending-item.collapsed .trending-rank{font-size:.938rem;width:32px}.header-title-row{font-size:1.25rem}.header-subtitle{font-size:.813rem}}.post-creation-box{margin-bottom:4px;width:100%}.post-create-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;padding:16px;transition:box-shadow .2s ease}.post-create-card:hover{box-shadow:0 2px 8px #0000001a}.post-create-header{align-items:flex-start;display:flex;gap:12px;overflow:hidden;width:100%}.post-create-avatar{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:var(--shadow-primary);color:var(--color-text-on-primary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .2s ease;width:40px}.post-create-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-fallback,.avatar-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-loading{color:var(--color-text-muted);font-size:.8rem}.post-create-main{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;overflow-x:visible;overflow-y:visible;width:100%}.post-create-input{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.post-create-input::placeholder{color:var(--color-text-muted)}.post-create-input:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.post-create-input-wrapper{display:flex;flex-direction:column;position:relative}.post-create-input-wrapper.has-attachments{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.post-create-input-wrapper.has-attachments:focus-within{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.post-create-input-wrapper.has-attachments .post-create-content{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:12px 16px!important}.post-create-input-wrapper.has-attachments .post-create-content:focus{background:#0000!important;border:none!important;box-shadow:none!important}.detected-biohacks-tags{flex-wrap:wrap;margin-top:8px;padding:8px 0 0}.biohack-suggestion-prompt{align-items:center;animation:fadeIn .2s ease-out;display:flex;gap:8px;margin-top:4px;padding:0}.suggestion-prompt-text{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.biohack-tag-suggestion{cursor:pointer;transition:all .2s ease}.biohack-tag-suggestion:hover{background:#0ea5e933;border-color:#0ea5e980;transform:translateY(-1px)}.biohack-tag.biohack-tag--biomarker.biohack-tag-suggestion:hover{background:#8b5cf633!important;border-color:#8b5cf680!important}.biohack-tag-suggestion:active{transform:translateY(0)}.biohack-tag{gap:6px;line-height:1.2;padding:2px 8px 2px 10px}.biohack-tag.biohack-tag--biomarker{background:#8b5cf61a!important;border-color:#8b5cf64d!important;color:#8b5cf6!important}.biohack-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-info);cursor:pointer;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;margin:0;opacity:.6;padding:0;transition:all .15s ease;width:16px}.biohack-tag-remove:hover{background:#0ea5e926;opacity:1}.biohack-tag-remove.biohack-tag-remove--biomarker{color:#8b5cf6!important}.biohack-tag-remove.biohack-tag-remove--biomarker:hover{background:#8b5cf626!important}.biohack-tag-remove:active{transform:scale(.9)}.biohack-tag-remove svg{display:block;height:12px;width:12px}.post-create-expanded{display:flex;flex-direction:column;gap:12px;min-width:0;overflow-x:hidden;overflow-y:visible;width:100%}.post-create-title{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:1rem;font-weight:600;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.post-create-title::placeholder{color:var(--color-text-muted);font-weight:400}.post-create-title:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.post-create-content{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:1rem;min-height:100px;outline:none;padding:12px 16px;resize:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.post-create-content::placeholder{color:var(--color-text-muted)}.post-create-content:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.biohack-suggestions{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 4px 16px #00000014;margin-top:6px;overflow:hidden}.biohack-suggestion-loading{color:var(--color-text-secondary);font-size:.9rem;padding:10px 12px}.biohack-suggestion-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.biohack-suggestion-item:hover{background:var(--color-surface-tertiary)}.biohack-suggestion-avatar{border-radius:6px;flex-shrink:0;height:24px;object-fit:cover;width:24px}.biohack-suggestion-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.biohack-suggestion-cat{background:var(--color-surface-tertiary);border:1px solid var(--color-border-primary);border-radius:999px;color:var(--color-text-muted);font-size:.75rem;margin-left:auto;padding:2px 6px}.post-create-error{align-items:center;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:6px;color:var(--color-danger);display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.post-create-actions{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;gap:16px;justify-content:space-between;padding-top:12px}.post-create-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:none;border:none;border-radius:24px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.filter-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.filter-btn:disabled{cursor:not-allowed;opacity:.5}.filter-btn .icon--sm{height:16px;width:16px}.content-attachments-divider{background:linear-gradient(to right,#0000,var(--color-border-primary) 10%,var(--color-border-primary) 90%,#0000);height:1px;width:100%}.content-attachments-section{background:var(--color-surface-primary);min-height:100px;padding:12px}.content-attachments-section:has(.attachment-display-full-width){min-height:auto;padding:0}.content-attachments-section .attachment-display-container{margin:0}.content-attachments-section .attachment-display-container.preview-mode .attachment-display-line{margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.content-attachments-section .attachments-grid{padding:0}.content-attachments-section .attachments-grid>.attachment-item:first-child{margin-left:0}.attachments-container{display:flex;flex-direction:column;gap:8px;overflow:visible;position:relative;width:100%}.attachments-container:has(.protocolReport-attachment){margin-left:0;margin-right:0;min-height:auto;overflow:visible}.attachments-grid{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-wrap:nowrap;gap:16px;max-width:100%;overflow-x:auto;overflow-y:visible;padding:8px 0;scrollbar-width:none;width:100%}.attachments-grid:has(.protocolReport-attachment){align-items:stretch;flex-direction:column;flex-wrap:wrap;padding-left:0!important;padding-right:0!important}.attachments-grid::-webkit-scrollbar{display:none}.attachments-grid>.attachment-item:first-child{margin-left:16px}.attachments-grid>.attachment-item.protocolReport-attachment:first-child{margin-left:-16px!important}.attachments-hint{color:var(--color-text-muted);font-size:.75rem;font-style:italic;opacity:.6;padding:4px 0;pointer-events:none;text-align:center}.attachment-item,.attachments-hint{-webkit-user-select:none;user-select:none}.attachment-item{background:var(--color-surface-primary);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:grab;flex-shrink:0;height:120px;min-width:140px;overflow:visible;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease;width:140px}.biohacks-attachment,.biomarker-attachment,.image-attachment,.protocol-attachment{height:320px!important;min-width:250px!important;width:250px!important}.protocolReport-attachment{height:auto!important;min-height:600px!important;min-width:100%!important;width:100%!important}.attachment-item.biohacks-attachment,.attachment-item.biomarker-attachment,.attachment-item.protocol-attachment{border:none!important;border-radius:12px!important;height:220px!important;margin:0!important;max-height:220px!important;max-width:320px!important;min-height:220px!important;min-width:320px!important;overflow:hidden!important;width:320px!important}.attachment-item.biohacks-attachment,.attachment-item.biomarker-attachment,.attachment-item.protocol-attachment,.attachment-item.protocolReport-attachment{align-items:stretch!important;background:none!important;background-color:initial!important;background-image:none!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;justify-content:flex-start!important;padding:0!important}.attachment-item.protocolReport-attachment{border:none!important;border-radius:0!important;flex-shrink:0!important;height:auto!important;margin-left:-16px!important;margin-right:-16px!important;max-height:none!important;max-width:calc(100% + 32px)!important;min-height:600px!important;min-width:calc(100% + 32px)!important;overflow:visible!important;position:relative;width:calc(100% + 32px)!important}.attachment-item.protocolReport-attachment .unified-module,.attachment-item.protocolReport-attachment .unified-module--protocolReport{box-sizing:border-box;flex:0 0 100%!important;max-width:none!important;min-width:100%!important;position:relative;width:100%!important}.attachment-item.protocolReport-attachment .book-viewport,.attachment-item.protocolReport-attachment .inline-protocol-report,.attachment-item.protocolReport-attachment .inline-protocol-report-wrapper,.attachment-item.protocolReport-attachment .report-book,.attachment-item.protocolReport-attachment .report-container,.attachment-item.protocolReport-attachment .unified-module-protocol-report,.attachment-item.protocolReport-attachment .unified-module-protocol-report-content,.attachment-item.protocolReport-attachment>div{box-sizing:border-box!important;max-width:none!important;min-width:100%!important;width:100%!important}.attachment-item:active:not(.dragging){cursor:grabbing}.attachment-item:hover:not(.dragging):not(.drag-over){box-shadow:0 4px 12px #0000001f;transform:scale(1.02)}.attachment-item.biohacks-attachment:hover,.attachment-item.biomarker-attachment:hover,.attachment-item.protocol-attachment:hover,.attachment-item.protocolReport-attachment:hover{background:none!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:none!important;transform:none!important}.protocol-attachment:hover .unified-module-protocol-card-front{border:6px double #00000014!important;box-shadow:0 8px 32px #0000001f,0 3px 10px #00000014,0 2px 5px #0000000a,inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005!important;transform:none!important}.biohacks-attachment .unified-module--biohacks:hover .unified-module-biohacks-card-front{border:6px double #0000001f!important;box-shadow:0 16px 48px #00000026,0 6px 16px #0000001a,0 4px 8px #0000000f,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #00000008!important}.attachment-item.biomarker-attachment .unified-module--biomarker:hover .biomarker-attachment-card,.biomarker-attachment .unified-module--biomarker:hover .biomarker-attachment-card,.post-creation-box .attachment-item.biomarker-attachment .unified-module--biomarker:hover .biomarker-attachment-card,.post-creation-box .biomarker-attachment .unified-module--biomarker:hover .biomarker-attachment-card{border:6px double #00000014!important;box-shadow:none!important}.biohacks-attachment:hover .unified-module,.biomarker-attachment:hover .unified-module,.protocol-attachment:hover .unified-module{box-shadow:none!important;transform:none!important}.attachment-item>img{border-radius:12px;height:100%;left:0;object-fit:cover;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.biohacks-attachment img,.protocol-attachment .unified-module-orbital-image,.protocol-attachment img{border-radius:50%!important;pointer-events:auto!important;position:static!important}.protocol-attachment .unified-module-orbital-image{border-radius:50%!important;height:100%!important;width:100%!important}.attachment-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:12px 16px}.attachment-title{color:var(--color-text-primary);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.attachment-item.biohacks-attachment .unified-module,.attachment-item.biomarker-attachment .unified-module,.attachment-item.protocol-attachment .unified-module{background:#0000!important;border:none!important;box-shadow:none!important;flex:0 0 320px!important;height:220px!important;margin:0!important;max-height:220px!important;max-width:320px!important;min-height:220px!important;min-width:320px!important;padding:0!important;width:320px!important}.biohacks-attachment .unified-module-biohacks-card,.biohacks-attachment .unified-module-biohacks-card-front{border-radius:12px!important;height:100%!important;width:100%!important}.biohacks-attachment .unified-module-biohacks-card-content{display:flex!important;flex-direction:column!important;gap:8px!important;height:100%!important;overflow:hidden!important;padding-bottom:12px!important;padding-top:28px!important}.biohacks-attachment .unified-module-biohacks-header{flex-shrink:0!important;margin-bottom:-2px!important}.biohacks-attachment .biohacks-count-number{font-size:1.3rem!important}.biohacks-attachment .unified-module-biohacks-icon{height:28px!important;width:28px!important}.biohacks-attachment .biohacks-zap-icon{height:16px!important;width:16px!important}.biohacks-attachment .unified-module-biohacks-grid{grid-gap:8px!important;display:grid!important;flex:1 1!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:4px 2px!important;width:100%!important}.biohacks-attachment .unified-module-biohack-item-floating{align-items:center!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:6px!important;position:relative!important}.biohacks-attachment .unified-module-biohack-image-wrapper{height:46px!important;margin-bottom:6px!important;width:46px!important}.biohacks-attachment .unified-module-biohack-floating-image{border-radius:10px!important;height:100%!important;width:100%!important}.biohacks-attachment .unified-module-biohack-floating-name{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--color-text-primary)!important;display:-webkit-box!important;font-family:var(--font-main)!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0!important;max-height:28px!important;max-width:100%!important;min-height:28px!important;overflow:hidden!important;padding:0 2px!important;text-align:center!important;text-overflow:ellipsis!important}.biohacks-attachment .unified-module-biohacks-more-animated{align-items:center!important;background:linear-gradient(135deg,#2196f31f,#2196f30f)!important;border:1.5px solid #2196f340!important;border-radius:10px!important;box-shadow:0 2px 8px #2196f31a!important;display:flex!important;flex-shrink:0!important;gap:5px!important;justify-content:center!important;margin-top:4px!important;padding:8px 12px!important}.biohacks-attachment .biohacks-more-icon{height:12px!important;width:12px!important}.biohacks-attachment .unified-module-biohacks-more-number{font-size:.8rem!important}.biohacks-attachment .unified-module-biohacks-more-text{font-size:.65rem!important}.biohacks-attachment .unified-module-card-label{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:#ffffffb3!important;border-radius:4px!important;color:#0006!important;font-size:.65rem!important;font-weight:600!important;left:8px!important;letter-spacing:.5px!important;padding:2px 6px!important;pointer-events:none!important;position:absolute!important;text-transform:uppercase!important;top:8px!important;z-index:10!important}.remove-btn{align-items:center;background:var(--color-surface-glass);border:1px solid var(--color-border-primary);border-radius:50%;box-shadow:var(--shadow-primary);color:var(--color-text-muted);cursor:pointer;display:flex!important;font-size:16px;font-weight:500;height:24px;justify-content:center;line-height:1;opacity:0;pointer-events:auto!important;position:absolute;right:8px;top:8px;transform:translateY(-2px);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:24px;z-index:1000!important}.attachment-item .remove-btn,.attachment-item.biohacks-attachment .remove-btn,.attachment-item.biomarker-attachment .remove-btn,.attachment-item.image-attachment .remove-btn,.attachment-item.protocol-attachment .remove-btn{align-items:center!important;background:var(--color-surface-glass)!important;border:1px solid var(--color-border-primary)!important;border-radius:50%!important;box-shadow:var(--shadow-primary)!important;color:var(--color-text-muted)!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:500!important;height:24px!important;justify-content:center!important;margin:0!important;min-height:24px!important;min-width:24px!important;opacity:0!important;padding:0!important;pointer-events:auto!important;position:absolute!important;right:8px!important;top:8px!important;transform:translateY(-2px)!important;transition:opacity .2s ease,visibility .2s ease!important;visibility:hidden!important;width:24px!important;z-index:10000!important}.attachment-item.biohacks-attachment:hover .remove-btn,.attachment-item.biomarker-attachment:hover .remove-btn,.attachment-item.image-attachment:hover .remove-btn,.attachment-item.protocol-attachment:hover .remove-btn,.attachment-item:hover .remove-btn{background:var(--color-surface-glass-light);box-shadow:var(--shadow-secondary);opacity:1!important;visibility:visible!important}.remove-btn:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark);box-shadow:var(--shadow-tertiary);color:var(--color-text-on-primary);transform:translateY(-3px)}.post-button{background:var(--color-btn-primary-bg)!important;border:none!important;border-radius:24px!important;box-shadow:var(--shadow-secondary)!important;color:var(--color-text-on-primary)!important;font-size:.95rem!important;font-weight:600!important;min-width:80px!important;padding:10px 20px!important;transition:all .3s ease!important}.post-button:hover:not(:disabled){background:var(--color-btn-primary-hover)!important;box-shadow:var(--shadow-tertiary)!important;transform:translateY(-1px)!important}.post-button:active:not(:disabled){box-shadow:var(--shadow-secondary)!important;transform:translateY(0)!important}.post-button:disabled{background:var(--color-disabled-bg)!important;box-shadow:var(--shadow-primary)!important;color:var(--color-disabled-text)!important;cursor:not-allowed!important;opacity:var(--opacity-disabled)!important;position:relative!important;transform:none!important}.post-button:disabled:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.attachment-item.dragging{background:var(--color-surface-primary)!important;border:2px solid #fff;box-shadow:0 12px 32px #00000040;cursor:grabbing;opacity:.5;transform:rotate(2deg) scale(1.05);transition:none;z-index:1000}.attachment-item.drag-over{background:var(--color-surface-primary)!important;border-color:var(--color-border-primary)!important;border-width:2px;box-shadow:0 4px 16px #0000001a;transform:scale(1.03);transition:transform .15s ease,box-shadow .15s ease}.attachment-item.dragging.drag-over{background:var(--color-surface-primary)!important;border-color:var(--color-border-primary)!important;box-shadow:0 12px 32px #00000040;transform:rotate(2deg) scale(1.05)}.attachment-item.biohacks-attachment.drag-over,.attachment-item.biohacks-attachment.dragging,.attachment-item.biomarker-attachment.drag-over,.attachment-item.biomarker-attachment.dragging,.attachment-item.protocol-attachment.drag-over,.attachment-item.protocol-attachment.dragging{background:none!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:none!important;opacity:.9!important}.biohacks-attachment.dragging .unified-module-biohacks-card-front,.biomarker-attachment.dragging .biomarker-attachment-card,.protocol-attachment.dragging .unified-module-protocol-card-front{background:var(--color-surface-primary)!important}.attachment-item.biomarker-attachment .biomarker-attachment-card,.biomarker-attachment .biomarker-attachment-card,.post-creation-box .attachment-item.biomarker-attachment .biomarker-attachment-card,.post-creation-box .biomarker-attachment .biomarker-attachment-card{border-radius:12px!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;height:100%!important;width:100%!important}@media (max-width:768px){.post-create-card{padding:12px}.post-create-header{gap:10px}.post-create-avatar{height:36px;width:36px}.post-create-actions{align-items:stretch;flex-direction:column;gap:12px}.post-create-filters{justify-content:center}.filter-btn{font-size:.8rem;padding:6px 10px}.attachment-item{flex-shrink:0;height:100px;min-width:120px;width:120px}.attachment-item img{border-radius:10px;height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}.attachment-content{padding:10px 12px}.attachment-title{font-size:13px}.attachment-description{font-size:11px}}@media (max-width:480px){.attachment-item{flex-shrink:0;height:90px;min-width:100px;width:100px}.attachment-item img{border-radius:10px;height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}.attachment-content{padding:8px 10px}.attachment-title{font-size:12px}.attachment-description{font-size:10px}}.post-creation-box .attachment-item.biomarker-attachment .biomarker-attachment-card,.post-creation-box .attachment-item.biomarker-attachment .unified-module--biomarker .biomarker-attachment-card,.post-creation-box .attachment-item.biomarker-attachment .unified-module--biomarker:hover .biomarker-attachment-card,.post-creation-box .attachment-item.biomarker-attachment:hover .biomarker-attachment-card,.post-creation-box .biomarker-attachment .biomarker-attachment-card,.post-creation-box .biomarker-attachment .unified-module--biomarker .biomarker-attachment-card,.post-creation-box .biomarker-attachment .unified-module--biomarker:hover .biomarker-attachment-card,.post-creation-box .biomarker-attachment:hover .biomarker-attachment-card{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}:root{--color-primary:#60a5fa;--color-primary-light:#eff6ff;--color-primary-dark:#3b82f6;--color-primary-darker:#2563eb;--color-primary-hover:#3b82f6;--gradient-primary:linear-gradient(135deg,#60a5fa,#93c5fd);--gradient-primary-hover:linear-gradient(135deg,#3b82f6,#60a5fa);--gradient-primary-reverse:linear-gradient(135deg,#93c5fd,#60a5fa);--color-electric-blue:#60a5fa;--color-accent:#ff6b6b;--color-accent-light:#ff8585;--color-accent-dark:#ff5252;--gradient-accent:linear-gradient(135deg,#ff6b6b,#ff8585);--gradient-accent-hover:linear-gradient(135deg,#ff5252,#ff6b6b);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-danger-hover:linear-gradient(135deg,#dc2626,#b91c1c);--gradient-warning:linear-gradient(90deg,#ffb74d,#ffa726);--gradient-info:linear-gradient(135deg,#60a5fa,#93c5fd);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-success-hover:linear-gradient(135deg,#059669,#047857);--color-bg-primary:#f8f9fa;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f3f4;--gradient-bg-primary:linear-gradient(0deg,#f8f9fa,#f1f3f4);--gradient-bg-secondary:linear-gradient(0deg,#fff,#f8f9fa);--gradient-bg-messages:linear-gradient(0deg,#f8f9fa,#f1f3f4);--color-surface-primary:#fff;--color-surface-secondary:#f8f9fa;--color-surface-tertiary:#f1f3f4;--color-surface-glass:#fffffff2;--color-surface-glass-light:#fffffffa;--color-surface-modal:#fffffffa;--color-surface-overlay:#0006;--color-surface-search:#ffffffe6;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#6b7280;--color-text-disabled:#9ca3af;--color-text-on-primary:#fff;--color-text-on-surface:#1a1a1a;--color-text-on-dark:#fff;--color-btn-primary-bg:var(--color-primary);--color-btn-primary-hover:var(--color-primary-dark);--color-btn-secondary-bg:#fff;--color-btn-secondary-hover:#eff6ff;--color-btn-tertiary-bg:#0000;--color-btn-tertiary-hover:#60a5fa0d;--color-link-primary:var(--color-primary);--color-link-hover:var(--color-primary-dark);--color-link-visited:var(--color-primary-dark);--color-input-bg:#fff;--color-input-bg-focus:#fff;--color-input-border:#e5e7eb;--color-input-border-focus:var(--color-primary);--color-input-placeholder:#9ca3af;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--color-success-border:#10b98133;--color-warning:#ffb74d;--color-warning-light:#ffcc80;--color-warning-dark:#ffa726;--color-warning-bg:#ffb74d1a;--color-warning-border:#ffb74d33;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-danger-bg:#ef44441a;--color-danger-border:#ef444433;--color-info:var(--color-primary);--color-info-light:var(--color-primary-light);--color-info-dark:var(--color-primary-dark);--color-info-bg:#60a5fa1a;--color-info-border:#60a5fa33;--color-border-primary:#e5e7eb;--color-border-secondary:#f3f4f6;--color-border-light:#f9fafb;--color-border-accent:var(--color-primary);--color-dark:#1a1a1a;--color-divider-primary:#e5e7eb;--color-divider-secondary:#f3f4f6;--color-divider-accent:#60a5fa1a;--shadow-primary:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-secondary:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-tertiary:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-card:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-modal:0 20px 25px #0000001a,0 10px 10px #0000000a;--glow-primary:0 0 0 1px #60a5fa33;--glow-success:0 0 0 1px #10b98133;--glow-warning:0 0 0 1px #ffb74d33;--glow-danger:0 0 0 1px #ef444433;--color-nav-bg:#000;--color-nav-border:#2d2d2d;--color-nav-text:#e5e7eb;--color-nav-text-active:var(--color-primary);--color-nav-badge:#ff6b6b;--color-sidebar-bg:var(--color-surface-secondary);--color-sidebar-border:var(--color-border-primary);--color-sidebar-resize:var(--color-primary);--color-message-bg:#fff;--color-message-bubble-me:var(--gradient-primary);--color-message-bubble-them:#f1f3f4;--color-message-input:#fff;--color-post-bg:var(--color-surface-primary);--color-post-border:var(--color-border-primary);--color-post-border-hover:var(--color-border-accent);--color-post-stat:#f1f3f4;--color-post-stat-liked:#60a5fa1a;--color-protocol-bg:#f8f9fa;--color-protocol-border:#e5e7eb;--color-protocol-border-hover:var(--color-primary);--color-protocol-selected:var(--color-primary);--color-biohack-bg:#f8f9fa;--color-biohack-border:#e5e7eb;--color-biohack-border-hover:var(--color-primary);--color-form-bg:#fff;--color-form-border:#e5e7eb;--color-form-input:#fff;--color-form-input-focus:#fff;--color-disabled-bg:#f1f3f4;--color-disabled-text:#9ca3af;--color-disabled-border:#e5e7eb;--color-disabled-primary:#d1d5db;--color-disabled-danger:#fecaca;--color-disabled-success:#d1fae5;--opacity-hover:0.8;--opacity-disabled:0.7;--opacity-muted:0.5;--opacity-overlay:0.4;--opacity-glass:0.95;--color-bg:var(--color-bg-secondary);--color-bg-gradient:var(--gradient-bg-secondary);--color-sidebar:var(--color-bg-tertiary);--color-card-glass:var(--color-surface-tertiary);--color-accent2:var(--color-accent);--btn-primary-bg:var(--color-btn-primary-bg);--btn-primary-hover:var(--color-btn-primary-hover);--btn-secondary-bg:var(--color-btn-secondary-bg);--btn-secondary-hover:var(--color-btn-secondary-hover);--btn-tertiary-bg:var(--color-btn-tertiary-bg);--btn-tertiary-hover:var(--color-btn-tertiary-hover);--btn-danger-bg:var(--color-danger);--btn-danger-hover:var(--color-danger-dark);--btn-success-bg:var(--color-success);--btn-success-hover:var(--color-success-dark);--icon-color-muted:var(--color-text-muted);--icon-color-primary:var(--color-primary);--icon-color-success:var(--color-success);--icon-color-warning:var(--color-warning);--icon-color-danger:var(--color-danger)}@media (prefers-color-scheme:dark){:root{--color-text-muted:#8e8e8e;--color-primary:#60a5fa;--color-success:#057642;--color-warning:#ffa502;--color-danger:#d11124}}@media (forced-colors:active){:root{--color-text-primary:ButtonText;--color-bg-primary:Canvas;--color-border-primary:ButtonBorder}}.bg-primary{background-color:#60a5fa;background-color:var(--color-primary)}.bg-secondary{background-color:#fff;background-color:var(--color-bg-secondary)}.bg-surface{background-color:#fff;background-color:var(--color-surface-primary)}.bg-glass{background-color:#fffffff2;background-color:var(--color-surface-glass)}.text-primary{color:#1a1a1a;color:var(--color-text-primary)}.text-secondary{color:#4a4a4a;color:var(--color-text-secondary)}.text-muted{color:#6b7280;color:var(--color-text-muted)}.text-accent{color:#60a5fa;color:var(--color-primary)}.border-primary{border-color:#e5e7eb;border-color:var(--color-border-primary)}.border-accent{border-color:#60a5fa;border-color:var(--color-border-accent)}.border-light{border-color:var(--color-border-light)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#ffb74d;color:var(--color-warning)}.text-danger{color:#ef4444;color:var(--color-danger)}.text-info{color:#60a5fa;color:var(--color-info)}.bg-success{background-color:#10b9811a;background-color:var(--color-success-bg)}.bg-warning{background-color:#ffb74d1a;background-color:var(--color-warning-bg)}.bg-danger{background-color:#ef44441a;background-color:var(--color-danger-bg)}.bg-info{background-color:#60a5fa1a;background-color:var(--color-info-bg)}.gradient-primary{background:linear-gradient(135deg,#60a5fa,#93c5fd);background:var(--gradient-primary)}.gradient-accent{background:linear-gradient(135deg,#ff6b6b,#ff8585);background:var(--gradient-accent)}.gradient-bg{background:linear-gradient(0deg,#f8f9fa,#f1f3f4);background:var(--gradient-bg-primary)}.shadow-primary{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow-secondary)}.shadow-card{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-card)}.glow-primary{box-shadow:0 0 0 1px #60a5fa33;box-shadow:var(--glow-primary)}.glow-success{box-shadow:0 0 0 1px #10b98133;box-shadow:var(--glow-success)}.glow-warning{box-shadow:0 0 0 1px #ffb74d33;box-shadow:var(--glow-warning)}.glow-danger{box-shadow:0 0 0 1px #ef444433;box-shadow:var(--glow-danger)}.btn,[class*=btn],[class*=button],button{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.btn span,.btn>span,[class*=btn] span,[class*=btn]>span,[class*=button] span,[class*=button]>span,button span,button>span{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;will-change:transform}.attachment-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.attachment-selector{animation:slideDown .16s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;max-height:70vh;max-width:420px;overflow:hidden;width:100%}.attachment-selector,.attachment-selector-header{background:var(--color-surface-primary);display:flex}.attachment-selector-header{align-items:center;border-bottom:1px solid var(--color-border-primary);flex-shrink:0;justify-content:space-between;min-height:48px;padding:12px 16px}.attachment-selector-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:-.01em}.attachment-selector-actions{align-items:center;display:flex;gap:6px}.attachment-search-toggle,.attachment-selector-close{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.attachment-search-toggle:hover,.attachment-selector-close:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.attachment-selector{position:relative}.attachment-selector-search{align-items:center;animation:expandSearch .3s cubic-bezier(.4,0,.2,1);background:#0000;box-sizing:border-box;display:flex;gap:8px;height:48px;left:0;min-height:48px;padding:0 16px;position:absolute;right:0;top:0;z-index:10}.attachment-selector-header{position:relative}@keyframes expandSearch{0%{opacity:0;transform:scaleX(.85);transform-origin:right center}to{opacity:1;transform:scaleX(1);transform-origin:right center}}.attachment-search-input{background:var(--color-surface-secondary);border:none;border-radius:24px!important;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:13px;height:28px;line-height:1.2;outline:none;padding:4px 10px;transition:all .2s ease}.attachment-search-input:focus{background:var(--color-surface-tertiary);box-shadow:0 0 0 2px #288b8033}.attachment-search-input::placeholder{color:var(--color-text-muted);font-size:14px}.attachment-search-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.attachment-search-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.attachment-selector-content{background:var(--color-surface-secondary);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.attachment-selector-empty,.attachment-selector-error,.attachment-selector-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:12px;justify-content:center;padding:32px 16px;text-align:center}.attachment-selector-error{color:var(--color-danger)}.attachment-selector-empty-hint{color:var(--color-text-secondary);font-size:.6875rem;line-height:1.4}.attachment-list{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:16px 20px 12px;width:100%}.attachment-list::-webkit-scrollbar{width:4px}.attachment-list::-webkit-scrollbar-track{background:#0000}.attachment-list::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px}.attachment-list::-webkit-scrollbar-thumb:hover{background:#288b8066}.attachment-list{scrollbar-color:#288b8033 #0000;scrollbar-width:thin}.attachment-item{align-items:center;background:var(--color-bg-primary);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s ease;width:100%}.attachment-item:before{background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg);background-position:50%;background-size:cover;border-radius:8px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.attachment-item>*{position:relative;z-index:1}.attachment-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.attachment-item.selected{box-shadow:0 4px 16px #288b8026}.attachment-item-icon{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.attachment-item-icon img{height:100%;object-fit:cover;width:100%}.attachment-icon-fallback{color:var(--color-primary);font-size:14px;font-weight:700}.attachment-item-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;width:100%}.attachment-item-name{color:var(--color-text-primary);font-family:Futura,Helvetica Neue,Helvetica,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;transition:none;white-space:nowrap}.attachment-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden}.attachment-item-right{flex-shrink:0;gap:8px}.attachment-item-right,.protocol-biohack-stack{align-items:center;display:flex}.protocol-biohack-disc{background:var(--color-surface-secondary);border:2px solid var(--color-surface-primary);border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.attachment-item-biohack{padding:12px 16px}.attachment-item-biohack .attachment-item-content{align-items:center;flex-direction:row;gap:12px}.attachment-item-biohack .attachment-item-icon{border-radius:8px;height:56px;width:56px}.attachment-item-biohack .attachment-item-name{flex:1 1}.attachment-item-biohack .attachment-item-check{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.attachment-item-biomarker{padding:12px 16px}.attachment-item-biomarker .attachment-item-content{width:100%}.attachment-item-biomarker .biomarker-item-preview{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%}.attachment-item-biomarker .biomarker-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.attachment-item-biomarker .biomarker-item-icon-small{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.attachment-item-biomarker .biomarker-item-title{flex:1 1;min-width:0}.attachment-item-biomarker .biomarker-item-title h4{color:var(--color-text-primary);font-family:Futura,Helvetica Neue,Helvetica,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item-biomarker .biomarker-item-category{background:var(--color-surface-tertiary);border-radius:10px;color:var(--color-text-secondary);flex-shrink:0;font-size:12px;font-weight:500;padding:3px 8px;white-space:nowrap}.attachment-item-biomarker .biomarker-item-value{align-items:baseline;display:flex;gap:6px;margin-top:2px}.attachment-item-biomarker .biomarker-value-number{color:var(--color-text-primary);font-family:Futura,Helvetica Neue,Helvetica,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1}.attachment-item-biomarker .biomarker-value-unit{color:var(--color-text-secondary);font-size:12px;font-weight:600;line-height:1}.attachment-item-biomarker .biomarker-item-progress{margin-top:-3px;width:100%}.attachment-item-biomarker .biomarker-progress-bar{background:var(--color-surface-tertiary);border-radius:3px;height:6px;overflow:visible;position:relative;width:100%}.attachment-item-biomarker .biomarker-progress-clinical-range{background:#86efac80;border-radius:3px;height:100%;position:absolute;top:0;z-index:1}.attachment-item-biomarker .biomarker-progress-optimal-range{background:#10b98199;border-radius:3px;height:100%;position:absolute;top:0;z-index:2}.attachment-item-biomarker .biomarker-progress-value-line{background-color:var(--color-dark)!important;border-radius:1px;bottom:-4px;position:absolute;top:-4px;transform:translateX(-50%);width:2px;z-index:10}.attachment-item-check{align-items:center;animation:checkPop .3s ease-out;background:var(--color-primary);border-radius:50%;color:var(--color-text-on-primary);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.attachment-selector-footer{align-items:center;background:var(--color-surface-primary);border-top:1px solid var(--color-border-primary);display:flex;flex-shrink:0;justify-content:space-between;min-height:48px;padding:12px 16px}.attachment-selection-info{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.attachment-done-btn{background:var(--color-primary);border:none;border-radius:24px;box-shadow:0 2px 8px #288b8040;color:var(--color-text-on-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 20px;transition:all .2s ease}.attachment-done-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #288b8059;transform:translateY(-1px)}.attachment-done-btn:active{box-shadow:0 2px 8px #288b8040;transform:translateY(0)}@media (max-width:768px){.attachment-selector-overlay{padding:16px}.attachment-selector{border-radius:12px;max-height:85vh}.attachment-selector-header{padding:12px}.attachment-selector-title{font-size:.875rem}.attachment-selector-search{left:0;padding:0 12px;right:0}.attachment-list{gap:8px;padding:12px 16px}.attachment-item{gap:10px}.attachment-item,.attachment-item-biohack{padding:10px 12px}.attachment-item-icon{height:28px;width:28px}.attachment-item-biohack .attachment-item-icon{height:48px;width:48px}.attachment-item-name{font-size:18px}.attachment-item-description{font-size:11px}.protocol-biohack-disc{border-width:1.5px;height:28px;width:28px}.attachment-item-biomarker{padding:10px 12px}.attachment-item-biomarker .biomarker-item-title h4{font-size:14px}.attachment-item-biomarker .biomarker-item-category{font-size:11px}.attachment-item-biomarker .biomarker-value-number{font-size:16px}.attachment-item-biomarker .biomarker-value-unit{font-size:11px}.attachment-item-biomarker .biomarker-progress-bar{height:5px}.attachment-selector-footer{padding:12px}.attachment-selection-info{font-size:.8125rem}.attachment-done-btn{font-size:.8125rem;padding:8px 16px}}.protocol-selector-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px 16px}.protocol-selector-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;font-weight:600;gap:8px}.protocol-selector-actions{align-items:center;display:flex;gap:4px}.protocol-search-toggle{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.protocol-search-toggle:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.protocol-selector-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.protocol-selector-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.protocol-selector-search{align-items:center;animation:slideDown .2s ease-out;display:flex;gap:8px;margin:0 24px 8px;padding:8px 0}.protocol-search-input{background:none;border:none;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:8px 0}.protocol-search-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.protocol-search-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.protocol-search-input::placeholder{color:var(--color-text-muted)}.protocol-selector-empty,.protocol-selector-error,.protocol-selector-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:40px 24px;text-align:center}.protocol-selector-error{color:var(--color-danger)}.protocol-selector-shields-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0}.protocol-selector-shield-item{align-items:center;border-radius:24px;cursor:pointer;display:flex;height:220px;justify-content:center;overflow:visible;position:relative;transition:transform .2s ease;width:320px}.protocol-selector-shield-item:hover{transform:translateY(-4px)}.protocol-selector-shield-item.selected{border-radius:24px;outline:3px solid var(--color-primary);outline-offset:4px}.protocol-selector-check-overlay{align-items:center;animation:scaleIn .2s ease;background:var(--color-primary);border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--color-text-on-primary);display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px;z-index:10}.protocol-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 20px 12px}.protocol-item{align-items:center;background:#0000;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;margin:1px 0;padding:12px 16px;transition:all .2s ease}.protocol-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.protocol-item:hover .protocol-item-name{color:var(--color-primary)}.protocol-item.selected{background:var(--color-primary-bg);border-left-color:var(--color-primary);box-shadow:0 4px 16px #288b8026}.protocol-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.protocol-item-name{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.protocol-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden}.protocol-item-check{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-on-primary);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-primary);border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}.protocol-selector-footer{align-items:center;background:var(--color-surface-primary);border-radius:0 0 16px 16px;border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:16px 24px}.protocol-selection-info{color:var(--color-text-muted);font-size:14px;font-weight:500}.protocol-done-btn{background:var(--color-primary);border:none;border-radius:8px;color:var(--color-text-on-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.protocol-done-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}@media (max-width:768px){.attachment-selector-overlay .attachment-selector{max-height:90vh;max-width:95vw}.protocol-selector-header{padding:16px 20px}.protocol-selector-title{font-size:16px}.protocol-selector-search{margin:0 12px 6px;padding:6px 12px}.attachment-selector-content{padding:16px 12px!important}.protocol-selector-shields-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.protocol-selector-footer{padding:12px 20px}.protocol-selection-info{font-size:13px}.protocol-done-btn{font-size:13px;padding:6px 12px}}@media (max-width:480px){.protocol-selector-shields-grid{grid-template-columns:1fr}.attachment-selector-overlay .attachment-selector{border-radius:12px;max-width:100vw}}.labs-tab{margin:0 auto;max-width:1200px;padding:20px}.labs-tab-header{margin-bottom:55px}.labs-tab-header p{color:var(--color-text-muted);font-size:.9rem;font-style:italic;line-height:1.5;margin:0 auto 16px;max-width:900px;opacity:.8;text-align:center}.labs-header{justify-content:space-between;margin-bottom:20px}.labs-header,.labs-panel-selector{align-items:center;display:flex}.labs-panel-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background:var(--profile-white,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--profile-text,#111827);cursor:pointer;font-size:.875rem;font-weight:500;min-width:200px;padding:10px 36px 10px 16px;transition:all .2s ease}.labs-panel-dropdown:focus,.labs-panel-dropdown:hover{border-color:#e5e7eb;border-color:var(--profile-border,#e5e7eb)}.labs-panel-dropdown:focus{box-shadow:0 0 0 3px #1118271a;outline:none}.labs-panel-dropdown option{font-size:.875rem;font-weight:500;padding:8px 12px}.labs-upload-btn{align-items:center;background:var(--color-primary);border:none;border-radius:24px;color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.labs-upload-btn:hover{background:var(--color-primary-dark);box-shadow:var(--glow-primary);transform:translateY(-1px)}.labs-upload-btn .icon,.labs-upload-icon{--icon-color:var(--color-text-on-primary);color:var(--color-text-on-primary);transform:translateY(1px)}.labs-upload-btn .icon svg,.labs-upload-icon svg{stroke:currentColor;color:var(--color-text-on-primary);height:16px;width:16px}.labs-content{margin-top:40px;min-height:400px}.labs-loading{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.labs-loading-icon{animation:spin 1s linear infinite;height:32px;margin-bottom:16px;width:32px}.labs-empty{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.labs-empty-icon{height:48px;margin-bottom:16px;opacity:.5;width:48px}.labs-empty h3{color:#111827;color:var(--profile-text,#111827);font-size:1.25rem;font-weight:600;margin:0 0 8px}.labs-empty p{font-size:.875rem;margin:0}.biomarker-sections{display:flex;flex-direction:column;gap:40px}.biomarker-section{display:flex;flex-direction:column;gap:20px}.biomarker-section-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--profile-border,#e5e7eb);display:flex;padding-bottom:12px}.biomarker-section-title-group{align-items:center;display:flex;gap:8px}.biomarker-section-title{color:#111827;color:var(--profile-text,#111827);font-size:1.25rem;font-weight:600;margin:0}.biomarker-section-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.biomarker-section-toggle:hover{background-color:#f3f4f6;background-color:var(--profile-bg-hover,#f3f4f6)}.biomarker-section:last-child .biomarker-section-header{border-bottom-color:#f3f4f6}.biomarker-section:last-child .biomarker-section-title{color:#6b7280;color:var(--profile-text-secondary,#6b7280)}.biomarker-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.biomarker-card{background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:visible;padding:20px 20px 12px;transition:all .2s ease}.biomarker-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.biomarker-card.no-data{background:var(--color-surface-secondary);opacity:.7}.biomarker-card.no-data:hover{opacity:.8}.biomarker-card-header{overflow:visible}.biomarker-title-unit{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.875rem;font-weight:400}.biomarker-card-info-wrapper{z-index:10001}.biomarker-card-tooltip{background:var(--color-dark);color:var(--color-text-on-dark);margin-right:0;right:calc(100% + 12px);top:-12px;transform:translateX(8px);z-index:10002}.biomarker-card-info:hover .biomarker-card-tooltip{pointer-events:auto;transform:translateX(0)}.biomarker-card-tooltip:before{border-left:6px solid var(--color-dark);right:0;top:-25px}.biomarker-card-tooltip button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;pointer-events:auto;text-decoration:underline}.biomarker-card-tooltip button:hover{opacity:.8}.biomarker-card-content{gap:8px}.biomarker-value-range-wrapper{display:inline-block;position:relative}.biomarker-value-range{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.875rem;font-weight:400}.biomarker-value-range-wrapper:hover .biomarker-value-range{cursor:pointer}.biomarker-value-range-tooltip{word-wrap:break-word;background:var(--color-dark);border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:var(--color-text-on-dark);font-size:.875rem;left:50%;line-height:1.4;margin-bottom:8px;min-width:180px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:10000}.biomarker-value-range-wrapper:hover .biomarker-value-range-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.biomarker-value-range-tooltip:after{border:6px solid #0000;border-top:6px solid var(--color-dark);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.biomarker-value-range-tooltip button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;pointer-events:auto;text-decoration:underline}.biomarker-value-range-tooltip button:hover{opacity:.8}.biomarker-progress{padding-bottom:0}.biomarker-progress-markers{height:20px;margin-top:4px;position:relative;width:100%}.biomarker-progress-marker-wrapper{cursor:pointer;position:absolute;transform:translateX(-50%);z-index:1001}.biomarker-progress-marker{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.75rem;position:relative;white-space:nowrap}.biomarker-progress-marker-tooltip{word-wrap:break-word;background:var(--color-dark);border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:var(--color-text-on-dark);font-size:.875rem;left:50%;line-height:1.4;margin-bottom:8px;min-width:180px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:10000}.biomarker-progress-marker-wrapper:hover .biomarker-progress-marker-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.biomarker-progress-marker-tooltip:after{border:6px solid #0000;border-top:6px solid var(--color-dark);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.biomarker-progress-marker-tooltip button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;pointer-events:auto;text-decoration:underline}.biomarker-progress-marker-tooltip button:hover{opacity:.8}.biomarker-divider{background:#e5e7eb;background:var(--color-border,#e5e7eb);height:1px;margin:4px 0 2px;opacity:.5}.biomarker-tags{margin-bottom:0;margin-top:0}.labs-upload-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.labs-upload-modal-content{background:#fff;background:var(--profile-white,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-x:hidden;overflow-y:auto;width:100%}.labs-upload-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--profile-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.labs-upload-modal-header h3{color:#111827;color:var(--profile-text,#111827);font-size:1.25rem;font-weight:600;margin:0}.labs-upload-modal-close{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s ease}.labs-upload-modal-close:hover{background:#e5e7eb;background:var(--profile-border,#e5e7eb)}.labs-upload-modal-close svg{color:#6b7280;color:var(--profile-text-secondary,#6b7280);height:20px;width:20px}.labs-upload-form{padding:24px}.labs-upload-form-group{margin-bottom:20px}.labs-upload-form-group label{color:#111827;color:var(--profile-text,#111827);display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.labs-upload-form-group input{border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:6px;font-size:.875rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.labs-upload-form-group input:focus{border-color:#111827;border-color:var(--profile-text,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.labs-upload-results{margin-top:24px}.labs-upload-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.labs-upload-results-header h4{color:#111827;color:var(--profile-text,#111827);font-size:1rem;font-weight:600;margin:0}.labs-upload-add-btn{align-items:center;background:var(--color-primary);border:none;border-radius:24px;color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.labs-upload-add-btn:hover{background:var(--color-primary-dark);box-shadow:var(--glow-primary)}.labs-upload-add-btn svg{height:14px;width:14px}.labs-upload-result-row{grid-gap:12px;align-items:center;background:var(--color-surface-secondary);border-radius:6px;display:grid;gap:12px;grid-template-columns:2fr 1fr auto;margin-bottom:12px;padding:12px}.labs-upload-result-row input,.labs-upload-result-row select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:4px;font-size:.875rem;padding:8px 10px}.labs-upload-result-row input:focus,.labs-upload-result-row select:focus{border-color:#111827;border-color:var(--profile-text,#111827);box-shadow:0 0 0 2px #1118271a;outline:none}.labs-upload-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--profile-border,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.labs-upload-cancel{background:none;border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.labs-upload-cancel:hover{background:var(--color-surface-secondary);color:#111827;color:var(--profile-text,#111827)}.labs-upload-submit{background:var(--color-primary);border:none;border-radius:6px;color:var(--color-text-on-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.labs-upload-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--glow-primary)}.labs-upload-submit:disabled{background:var(--color-border-primary);cursor:not-allowed}@media (max-width:768px){.labs-tab{padding:16px}.labs-header{align-items:flex-start;flex-direction:column;gap:16px}.labs-panel-dropdown{min-width:100%}.biomarker-grid,.labs-upload-result-row{grid-template-columns:1fr}.labs-upload-result-row{gap:8px}.labs-upload-result-row input,.labs-upload-result-row select{width:100%}.labs-upload-actions{flex-direction:column}.labs-upload-cancel,.labs-upload-submit{width:100%}}.attachment-selector-overlay .attachment-selector{max-height:85vh;max-width:700px}.attachment-selector-content{-ms-overflow-style:none;background:var(--color-surface-secondary)!important;flex:1 1!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px 16px!important;scrollbar-width:none}.attachment-selector-content::-webkit-scrollbar{display:none}.attachment-selector-overlay{overflow:hidden!important;overscroll-behavior:contain!important;touch-action:none!important}.attachment-selector-overlay .attachment-selector{overscroll-behavior:contain;touch-action:auto}.attachment-selector-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain!important}.biomarker-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0}.biomarker-selector-card-item{align-items:center;border-radius:16px;cursor:pointer;display:flex;height:220px;justify-content:center;overflow:visible;position:relative;transition:transform .2s ease;width:320px}.biomarker-selector-card-item:hover{transform:none}.biomarker-selector-card-item.selected{border-radius:16px;outline:3px solid var(--color-primary);outline-offset:4px}.biomarker-selector-card-item.selected .biomarker-card{box-shadow:inset 0 1px 0 0 #fffc,0 8px 18px #0000001f,0 4px 9px #00000014,0 2px 4px #0000000f!important}.biomarker-selector-check-overlay{align-items:center;animation:scaleIn .2s ease;background:var(--color-primary);border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--color-text-on-primary);display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px;z-index:10}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.biomarker-selector-card-item .biomarker-card{backdrop-filter:blur(60px) saturate(190%) brightness(1.02)!important;-webkit-backdrop-filter:blur(60px) saturate(190%) brightness(1.02)!important;background:#ffffff73!important;border:1.5px solid #fffc!important;border-radius:16px!important;box-shadow:inset 0 1px 0 0 #fffc,0 8px 18px #0000001f,0 4px 9px #00000014,0 2px 4px #0000000f!important;box-sizing:border-box!important;height:220px!important;margin:0;max-height:220px!important;max-width:320px!important;min-height:220px!important;min-width:320px!important;padding:16px 16px 8px!important;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:320px!important}.biomarker-selector-card-item .biomarker-card.no-data{background:#ffffff59!important;opacity:.7!important}.biomarker-selector-card-item .biomarker-card *,.biomarker-selector-card-item .biomarker-card-info,.biomarker-selector-card-item .biomarker-card-info button{pointer-events:auto}.biomarker-selector-card-item .biomarker-card-header{margin-bottom:12px!important}.biomarker-selector-card-item .biomarker-value-number{font-size:5rem!important}.biomarker-selector-card-item .biomarker-card-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:8px!important;min-height:0!important}.biomarker-selector-card-item .biomarker-progress{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:auto!important;overflow:visible!important;padding-bottom:0!important;padding-top:8px!important}.biomarker-selector-card-item .biomarker-card:hover{transform:none!important}@media (max-width:768px){.attachment-selector-overlay .attachment-selector{max-height:90vh;max-width:95vw}.attachment-selector-content{padding:16px 12px!important}.biomarker-selector-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.biomarker-selector-card-item .biomarker-card{max-width:100%!important;min-width:280px!important;width:100%!important}}@media (max-width:480px){.biomarker-selector-grid{grid-template-columns:1fr}.attachment-selector-overlay .attachment-selector{border-radius:12px;max-width:100vw}}.post-images-container{margin:16px 0;width:100%}.post-images-grid{-ms-overflow-style:none;align-items:stretch;background:#0000;border:none;border-radius:12px;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px;scroll-behavior:smooth;scrollbar-width:none}.post-images-grid::-webkit-scrollbar{display:none}.post-images-grid::-webkit-scrollbar-track{background:#0000}.post-images-grid::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.post-images-grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.post-images-single-row .post-image-item{aspect-ratio:4/3;flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;height:300px;min-width:200px}.post-images-single-row .post-image-item:first-child,.post-images-single-row .post-image-item:nth-child(2){flex-basis:calc(45% - 4px);flex-grow:0;flex-shrink:0}.post-images-single-row .post-image-item:nth-child(n+3){flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0}.post-image-item{border-radius:12px;box-sizing:border-box;cursor:pointer;overflow:visible;padding:4px;position:relative;transition:all .2s ease}.post-image-item:hover{transform:none;z-index:1}.post-image-item:hover .post-image{filter:brightness(1.1)}.post-image-item:after{background:#0000001a;border-radius:8px;bottom:4px;content:"";left:4px;opacity:0;pointer-events:none;position:absolute;right:4px;top:4px;transition:opacity .2s ease}.post-image-item:hover:after{opacity:1}.post-image{border-radius:12px;display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;transition:filter .2s ease;width:100%}@media (max-width:768px){.post-images-grid{border-radius:12px;gap:6px;padding:6px}.post-images-container{margin:12px 0}.post-images-single-row .post-image-item{flex-basis:calc(50% - 3px);flex-grow:0;flex-shrink:0;height:160px;min-width:160px}.post-images-single-row .post-image-item:first-child,.post-images-single-row .post-image-item:nth-child(2){flex-basis:calc(45% - 3px);flex-grow:0;flex-shrink:0}.post-images-single-row .post-image-item:nth-child(n+3){flex-basis:calc(50% - 3px);flex-grow:0;flex-shrink:0}}@media (max-width:480px){.post-images-grid{border-radius:12px;gap:4px;padding:4px}.post-images-container{margin:8px 0}.post-images-single-row .post-image-item{flex-basis:calc(50% - 2px);flex-grow:0;flex-shrink:0;height:140px;min-width:140px}.post-images-single-row .post-image-item:first-child,.post-images-single-row .post-image-item:nth-child(2){flex-basis:calc(45% - 2px);flex-grow:0;flex-shrink:0}.post-images-single-row .post-image-item:nth-child(n+3){flex-basis:calc(50% - 2px);flex-grow:0;flex-shrink:0}}.post-image-module{align-items:flex-start;justify-content:flex-start}.post-card-module-image{border-radius:0;cursor:pointer;height:100%;overflow:hidden;padding:0;transition:transform .2s ease;width:100%}.post-card-module-image:hover{transform:none}.post-card-module-image-img{border-radius:0;display:block;height:100%;object-fit:cover;transition:filter .2s ease;width:100%}.post-card-module-image:hover .post-card-module-image-img{filter:brightness(1.1)}.post-image-module{height:auto;min-height:auto}.image-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;bottom:0!important;display:flex;height:100vh;justify-content:center;left:0;left:0!important;position:fixed;position:fixed!important;right:0;right:0!important;top:0;top:0!important;width:100vw;z-index:9999}.image-viewer-modal{background:#0000;flex-direction:column;max-height:50vh;max-width:40vw;position:relative;position:relative!important;z-index:10000}.image-viewer-main,.image-viewer-modal{align-items:center;display:flex;justify-content:center}.image-viewer-main{box-sizing:border-box;flex:1 1;max-height:100%;max-width:100%;padding:20px;position:relative;width:100%}.image-viewer-main-image{border-radius:12px;box-shadow:0 8px 32px #0000004d;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.image-viewer-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px}.image-viewer-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.image-viewer-nav--prev{left:20px}.image-viewer-nav--next{right:20px}.image-viewer-counter{background:#ffffff1a;border-radius:20px;color:#fff;font-size:1rem;font-weight:500;margin-bottom:10px;padding:8px 16px}.image-viewer-counter,.image-viewer-thumbnails{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-thumbnails{background:#000c;bottom:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;left:0;padding:15px;position:fixed;right:0;z-index:1002}.image-viewer-thumbnail{background:none;border:none;border-radius:12px;cursor:pointer;opacity:.6;overflow:hidden;transition:all .2s ease}.image-viewer-thumbnail:hover{opacity:.8;transform:scale(1.05)}.image-viewer-thumbnail--active{border:2px solid #fff;opacity:1}.image-viewer-thumbnail-image{display:block;height:45px;object-fit:cover;width:60px}@media (max-width:768px){.image-viewer-main{padding:16px}.image-viewer-nav{height:40px;width:40px}.image-viewer-nav--prev{left:16px}.image-viewer-nav--next{right:16px}.image-viewer-thumbnail-image{height:37.5px;width:50px}.image-viewer-thumbnails{padding:12px}}@media (max-width:480px){.image-viewer-main{padding:12px}.image-viewer-nav{height:36px;width:36px}.image-viewer-nav--prev{left:12px}.image-viewer-nav--next{right:12px}.image-viewer-thumbnail-image{height:33.75px;width:45px}.image-viewer-thumbnails{padding:10px}}.report-container{max-width:960px;width:100%}.report-modal-inner .report-container{max-width:100%;padding:1.5rem}.report-header{align-items:center;display:flex;justify-content:center;padding:16px 0 24px}.report-header-text{color:#e9f2f5;font-size:24px;font-weight:700;opacity:.95}.report-book{align-items:center;background:#0000;display:flex;flex-direction:column;padding:24px 16px 32px}.book-viewport{max-width:900px}.book-viewport,.page-stack{background:#0000;width:100%}.page-stack{height:600px;position:relative}.report-page{align-items:stretch;background:var(--color-surface-primary);border-radius:8px;box-shadow:0 12px 30px #00000059;display:flex;inset:0;justify-content:stretch;overflow:hidden;position:absolute}.report-page:before{border-radius:8px 0 0 8px;left:0}.report-page:after,.report-page:before{background:var(--color-primary);bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:15px;z-index:10}.report-page:after{border-radius:0 8px 8px 0;right:0}.report-page:has(.report-cover):after,.report-page:has(.report-cover):before{display:none}.report-page>div:not(.report-cover):not(.report-cover-inner):not(.biomarkers-page):not(.report-blank-page){grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;height:100%;position:relative;width:100%}.report-page>div:not(.report-cover):not(.report-cover-inner):not(.biomarkers-page):not(.report-blank-page):before{background:#0000001a;bottom:0;content:"";left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1px;z-index:5}.report-page .activity-left,.report-page .appendix-left,.report-page .inside-left{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.report-page .activity-right,.report-page .appendix-right,.report-page .inside-right{border-left:1px solid #00000014;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;width:100%}.biomarkers-page-right,.report-page .activity-right,.report-page .inside-right{background:linear-gradient(180deg,#fafcff,#f5f7fa)}.report-page .activity-right{align-items:flex-start;height:auto;justify-content:flex-start}.report-blank-page{align-items:center;background:var(--color-surface-primary);display:flex;height:100%;justify-content:center;width:100%}.report-blank-placeholder{color:#6b7c84;font-size:14px;font-weight:700}.report-cover{background:var(--color-surface-primary);box-shadow:0 12px 30px #00000059;height:600px;max-width:900px}.report-cover,.report-cover-inner{align-items:center;border-radius:8px;display:flex;justify-content:center;width:100%}.report-cover-inner{background-color:var(--color-surface-primary);background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/everla_protocol_report_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100%;position:relative}.report-map-fade{background:radial-gradient(ellipse at center,#0000000a 0,#00000005 40%,#0000 70%);inset:0;pointer-events:none;position:absolute}.report-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 6px 16px #00000026;height:56px;object-fit:cover;width:56px;z-index:1}.report-avatar.fallback{align-items:center;background:#dfe9f2;color:#0c1a1f;display:flex;font-size:22px;font-weight:700;justify-content:center}.report-username{color:#18b3a8;font-size:14px;font-weight:700;letter-spacing:.6px;margin-top:10px;text-transform:uppercase;z-index:1}.report-title{color:#1c2b33;font-size:28px;font-weight:800;letter-spacing:.8px;margin-top:8px;text-align:center;z-index:1}.report-subtitle{color:#4c5b63;font-size:14px;font-weight:600;margin-top:4px;opacity:.85;text-align:center;z-index:1}.report-controls{display:flex;gap:16px;margin-top:20px}.report-btn{align-items:center;background:#0f2a33;border:none;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 20px #00000059;color:#e7f3f6;cursor:pointer;display:flex;height:56px;justify-content:center;width:56px}.report-btn-plus{font-size:24px;line-height:1}.report-pagination{color:#b9cbd3;font-size:14px;margin-top:10px}.inside-cover{background:var(--color-surface-primary);border-radius:8px;box-shadow:0 12px 30px #00000059;display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:600px;overflow:hidden;width:100%}.inside-left{align-items:center;background:#0f2a33;color:#e8f1f4;display:flex;flex-direction:column;gap:14px;height:100%;overflow-y:auto;padding:16px 18px 16px 28px}.inside-left-title{color:#d7e8ee;font-size:16px;font-weight:800;letter-spacing:.6px}.inside-left-subtitle{color:#88a0a9;font-size:12px;font-weight:700;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.inside-left-card-wrap{background:#fff;border-radius:24px;display:inline-block;height:-webkit-fit-content;height:fit-content;overflow:visible;padding:0;width:-webkit-fit-content;width:fit-content}.inside-left-card-wrap .protocol-card{width:100%}.inside-left-card-wrap .protocol-card--small .protocol-card-back,.inside-left-card-wrap .protocol-card--small .protocol-card-front{padding:16px}.inside-left-card-wrap .protocol-card--small .protocol-name{font-size:1.4rem!important;line-height:1.2}.inside-left-card-wrap .protocol-card--small .protocol-stats-container{gap:12px;margin-top:4px}.inside-left-card-wrap .protocol-card--small .protocol-stat-divider{height:20px}.inside-left-card-wrap .protocol-card--small .protocol-orbital{height:130px!important;margin:6px auto!important;width:130px!important}.inside-left-card-wrap .protocol-card--small .orbital-orb{--orbital-translate:44px;height:32px!important;width:32px!important}.inside-left-meta{border-top:1px solid #88a0a933;color:#c8d6dc;gap:10px;margin-top:12px;padding-top:12px}.inside-left-meta,.meta-line{display:flex;flex-direction:column}.meta-line{align-items:center;gap:4px}.meta-line .meta-label{color:#88a0a9;font-size:9px;font-weight:600;letter-spacing:1px;margin-bottom:4px;opacity:.8;text-align:center;text-transform:uppercase}.meta-line .meta-value{color:#d7e8ee;font-size:15px;font-weight:600;letter-spacing:.3px;text-align:center}.meta-line:first-child .meta-value{color:#e8f1f4;font-size:20px;font-weight:700;letter-spacing:.5px}.meta-line:nth-child(2) .meta-value{color:#88a0a9;font-size:12px;font-weight:500;opacity:.65}.inside-left-desc{border-top:1px solid #88a0a933;color:#b8cbd3;font-size:13px;font-weight:400;letter-spacing:.2px;line-height:1.7;margin-top:0;padding-top:12px;text-align:center}.inside-right{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 18px 12px 28px}.inside-right-title{color:#1c2b33;font-size:16px;font-weight:800;letter-spacing:.6px;text-align:left}.inside-right-subtitle{color:#5a6a72;font-size:12px;font-weight:700;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px;padding:8px 12px}.summary-item{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:10px 6px}.summary-icon{color:var(--color-primary);margin-bottom:6px;opacity:.85}.summary-icon,.summary-icon svg{height:24px;width:24px}.summary-value{color:var(--color-primary);font-size:22px;font-weight:800;line-height:1.1}.summary-label{color:#4c5b63;font-size:11px;font-weight:700;letter-spacing:.6px;margin-top:2px;opacity:.9;text-transform:uppercase}.inside-bottom-placeholder{background:linear-gradient(180deg,#07111600,#0711160f);border-radius:8px;height:90px;margin-top:auto}.biohack-map-container{background:#0000;border:none;border-radius:0;margin-left:-20px;margin-top:50px;padding:0;width:100%}.biohack-map-subtitle{color:#5a6a72;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:16px;margin-left:20px;margin-top:-40px;text-align:left;text-transform:uppercase}.biohack-map{height:auto;margin-top:10px;max-height:280px;width:100%}.biohack-map .map-paths path{transition:fill .2s ease}.biohack-map .biohack-icons image{border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);object-fit:cover}.biohack-map .biohack-icons circle{transition:transform .2s ease}.biohack-map .biohack-icons g:hover circle{transform:scale(1.1)}.biohack-countries-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;margin-top:15px;overflow-x:auto;padding:0 20px}.biohack-country-item{flex-wrap:nowrap;gap:12px;padding:8px 0}.biohack-country-item,.biohack-country-pin{align-items:center;display:flex;flex-shrink:0}.biohack-country-pin{height:24px;justify-content:center;width:24px}.biohack-country-pin svg{height:100%;width:100%}.biohack-country-name{color:#1c2b33;flex-shrink:0;font-size:13px;font-weight:600;min-width:120px}.biohack-country-flag{align-items:center;display:flex;flex-shrink:0;font-size:24px;line-height:1}.biohack-country-images{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto}.biohack-country-image{background:#f5f9fc;border:2px solid #3b82f633;border-radius:50%;height:32px;object-fit:cover;width:32px}.activity-page{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;box-shadow:0 12px 30px #00000059;display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:600px;overflow:hidden;width:100%}.activity-left{background:var(--color-surface-primary);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 18px 16px 28px}.report-sleek-calendar-container{background:#0000;box-sizing:border-box;padding:0;width:100%}.report-calendar-date-range{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;padding:12px 20px}.report-calendar-date-range-text{color:var(--color-text-primary);font-size:.875rem;font-weight:600;text-align:center}.report-sleek-calendar{box-sizing:border-box;overflow:hidden;width:100%}.report-sleek-calendar-day-labels{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:16px;width:100%}.report-sleek-day-label{box-sizing:border-box;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:8px 0;text-align:center;text-transform:uppercase;width:100%}.report-sleek-calendar-grid{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%}.report-sleek-week-row{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);width:100%}.report-sleek-calendar-day{align-items:center;aspect-ratio:1;background:var(--color-surface-secondary);border:1px solid #0000;border-radius:8px;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;justify-content:center;max-width:100%;overflow:hidden;padding:8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.report-sleek-calendar-day:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary)}.report-sleek-calendar-day.has-activity{background:var(--color-surface-primary);border-color:var(--color-border-primary)}.report-sleek-calendar-day.has-activity:hover{border-color:var(--color-border-secondary)}.report-sleek-calendar-day.is-today{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);position:relative}.report-sleek-calendar-day.is-today:before{background:var(--color-text-secondary);border-radius:50%;content:"";height:6px;position:absolute;right:4px;top:4px;width:6px}.report-sleek-day-number-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:2}.report-sleek-day-number{color:var(--color-text-primary);font-size:.875rem;font-weight:500;position:relative;z-index:3}.report-sleek-day-rings{align-items:center;display:flex;height:100%;justify-content:center;max-height:100%;max-width:100%;overflow:hidden;width:100%;z-index:1}.report-sleek-day-ring,.report-sleek-day-rings{box-sizing:border-box;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.report-sleek-day-ring{border:2px solid;border-radius:50%;opacity:.7}.report-calendar-stats{grid-gap:24px;border-top:1px solid var(--color-border-primary);display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:32px;padding-top:32px;width:100%}.report-calendar-stat{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.report-calendar-stat-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1;text-transform:uppercase}.report-calendar-stat-value{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1}.report-tally-section{border-top:1px solid var(--color-border-primary);margin-top:32px;padding-top:32px;width:100%}.report-tally-section .activity-subtitle{margin-bottom:16px}.report-tally-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-top:0;max-height:none}.activity-summary-panel{background:#0000;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:flex-start;padding:20px;width:100%}.activity-summary-primary{display:flex;flex-direction:column;gap:12px;margin-left:-20px}.activity-summary-headline{color:#5a6a72;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.activity-summary-main{align-items:baseline;display:flex;flex-direction:row;gap:12px}.activity-summary-value{color:var(--color-text-primary);font-size:8rem;font-weight:900;letter-spacing:-.1em;line-height:1}.activity-summary-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1;padding-bottom:.5rem}.activity-summary-comparison{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:6px;margin-top:4px}.activity-summary-comparison.increase{color:var(--color-success-dark)}.activity-summary-comparison.decrease{color:var(--color-danger-dark)}.comparison-arrow{font-size:1rem;line-height:1}.comparison-value{font-weight:700}.comparison-text{font-weight:500;opacity:.8}.activity-summary-trend{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;padding:0}.trend-label{color:var(--color-text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.trend-sparkline{flex:1 1;height:280px;margin:-20px -25px -20px -60px;overflow:visible;width:100%;width:calc(100% + 75px)}.trend-sparkline .echarts-for-react{height:100%!important;width:100%!important}.activity-summary-secondary{display:flex;flex-direction:column;gap:16px}.secondary-insight{display:flex;flex-direction:column;gap:4px}.secondary-insight .insight-label{color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.secondary-insight .insight-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.secondary-insight .insight-comparison{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;margin-top:2px}.activity-summary-patterns{border-top:1px solid #00000014;display:flex;flex-direction:column;gap:8px;margin-left:-20px;padding-top:16px}.pattern-callout{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.pattern-label{color:var(--color-text-secondary);font-weight:500}.pattern-value{color:var(--color-text-primary);font-weight:600}.activity-right{align-items:flex-start;background:linear-gradient(180deg,#fafcff,#f5f7fa);border-left:1px solid #00000014;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:16px 18px 16px 28px;position:relative}.activity-right:before{background:linear-gradient(90deg,#0000,#0000000d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.activity-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:.6px;margin-bottom:4px}.activity-subtitle{color:#5a6a72;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:24px;margin-top:2px;text-transform:uppercase}.tally-list{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:#0003 #0000;scrollbar-width:thin}.tally-list::-webkit-scrollbar{width:6px}.tally-list::-webkit-scrollbar-track{background:#0000}.tally-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.tally-list::-webkit-scrollbar-thumb:hover{background:#00000040}.tally-item{grid-gap:8px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #0000000f;border-radius:6px;display:grid;gap:8px;grid-template-columns:24px 1fr auto;padding:6px 8px;transition:all .2s ease}.tally-item:hover{background:#ffffffe6;border-color:#0000001a;box-shadow:0 1px 4px #0000000f;transform:translateX(1px)}.tally-avatar{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1.5px solid #fffc;border-radius:5px;box-shadow:0 1px 2px #0000001a;color:var(--color-info-dark);display:flex;flex-shrink:0;font-size:10px;font-weight:800;height:24px;justify-content:center;object-fit:cover;width:24px}.tally-name{color:#0f172a;font-size:12px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.tally-count{color:var(--color-dark);font-size:13px;font-weight:700;letter-spacing:-.02em;min-width:24px;text-align:right}.tally-empty{background:#fff6;border:1px dashed #00000014;border-radius:10px;color:var(--color-text-muted);font-size:13px;font-style:italic;opacity:.65;padding:32px 20px;text-align:center}@media (max-width:768px){.activity-page{grid-template-columns:1fr;max-width:100%;min-height:auto}.activity-right{border-left:none;border-top:1px solid #00000014}.activity-left,.activity-right{padding:16px 18px 16px 28px}.report-sleek-calendar-container{padding:0}.report-sleek-calendar-day{padding:6px}.report-tally-section{margin-top:24px;padding-top:24px}.report-tally-grid{grid-template-columns:1fr}.activity-summary-panel{gap:20px;padding:20px 16px}.activity-summary-value{font-size:2.5rem}.secondary-insight .insight-value{font-size:1.1rem}}@media (max-width:480px){.activity-page{border-radius:12px}.activity-left,.activity-right{padding:16px 18px 16px 28px}.activity-title{font-size:16px}.activity-subtitle{font-size:11px}.report-sleek-calendar-container{padding:0}.report-sleek-calendar-day-labels,.report-sleek-week-row{gap:4px}.report-sleek-calendar-day{padding:4px}.report-sleek-day-number{font-size:.75rem}.report-tally-section{margin-top:20px;padding-top:20px}.report-tally-grid{gap:6px;grid-template-columns:1fr}.activity-summary-panel{gap:16px;padding:16px 12px}.activity-summary-value{font-size:2rem}.activity-summary-label{font-size:.8rem}.secondary-insight .insight-value{font-size:1rem}.pattern-callout{font-size:.75rem}.tally-item{gap:6px;padding:5px 7px}.tally-avatar{font-size:9px;height:22px;width:22px}.tally-name{font-size:11px}.tally-count{font-size:12px;min-width:20px}}.biomarkers-page{background:var(--color-surface-primary);border-radius:8px;box-shadow:0 12px 30px #00000059;color:#1c2b33;display:flex;flex-direction:column;max-width:900px;min-height:600px;overflow:hidden;position:relative;width:100%}.biomarkers-page-content{display:flex;flex:1 1;flex-direction:row;height:100%;min-height:500px;width:100%}.biomarkers-page:before{background:#0000001a;bottom:0;content:"";left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1px;z-index:5}.bio-rows-page{align-items:flex-start;gap:16px;max-width:50%;padding:10px 18px 16px 28px}.bio-rows-page,.biomarkers-page-right{box-sizing:border-box;display:flex;flex-direction:column;width:50%}.biomarkers-page-right{align-items:center;justify-content:center;min-height:500px;padding:20px}.biomarkers-page-right-with-card{align-items:flex-start;gap:16px;justify-content:flex-start;padding:10px 28px 16px 18px}.biomarkers-page-right-first-page{margin-top:-39px}.biomarkers-page-right .jellyfish-path{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important}.bio-summary-table{background:#0000;border-collapse:collapse;font-size:12px;margin-bottom:24px;margin-left:0;margin-top:0;max-width:200px;table-layout:fixed;width:100%}.bio-summary-table td{border-bottom:1px solid #e5e7eb;padding:6px 8px;text-align:left}.bio-summary-table td:first-child{color:var(--color-text-secondary);font-size:12px;font-weight:500;min-width:300px;width:270px}.bio-summary-table td:last-child{color:var(--color-text-primary);font-size:13px;font-weight:600;padding-left:100px;text-align:center;width:100px}.bio-summary-table tbody tr:last-child td{border-bottom:none}.bio-summary-table tbody tr:hover td{background-color:#00000005}.bio-summary-arrow{align-items:center;align-self:center;color:var(--color-text-secondary);display:flex;justify-content:center;margin-bottom:24px;margin-top:0;width:100%}.bio-summary-arrow svg{height:20px;width:20px}.bio-row{display:flex;justify-content:flex-start;width:100%}.bio-row-left,.bio-row-right{align-items:center;display:flex;justify-content:stretch}.bio-summary{background:#0000;border:none;border-radius:0;color:var(--color-dark);display:block;font-size:.95rem;line-height:1.45;padding:12px 16px;position:relative;text-align:left;z-index:1}.bio-summary-name,.bio-summary-proto{color:var(--color-dark);font-weight:700}.bio-summary.link-left:after,.bio-summary.link-left:before,.bio-summary.link-right:after,.bio-summary.link-right:before{content:"";pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.bio-summary.link-right:before{background:linear-gradient(90deg,#2563eb00,#2563eb40);height:2px;right:10px;width:22px}.bio-summary.link-right:after{background:#2563eb59;border-radius:50%;height:6px;right:6px;width:6px}.bio-summary.link-left:before{background:linear-gradient(90deg,#2563eb40,#2563eb00);height:2px;left:10px;width:22px}.bio-summary.link-left:after{background:#2563eb59;border-radius:50%;height:6px;left:6px;width:6px}.bio-summary.link-left{padding-left:36px}.bio-summary.link-right{padding-right:36px}.biomarkers-header{padding:16px 18px 8px 28px}.biomarkers-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:.6px}.biomarkers-subtitle{color:#5a6a72;font-size:12px;font-weight:700;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.bio-cards-grid{grid-gap:12px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 18px 16px 28px}.bio-empty{color:#6b7c84;padding:18px 18px 18px 28px}.bio-card{grid-gap:4px;align-items:end;background:#0000;border-bottom:1px solid #0000001a;display:grid;gap:4px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;max-width:380px;padding:6px 0}.bio-card-left{display:flex;flex-direction:column;gap:4px;justify-content:flex-end}.bio-card-name{align-items:center;color:var(--color-dark);display:flex;font-size:1rem;font-weight:700;gap:4px;letter-spacing:.02em}.bio-card-latest{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.bio-card-value{color:var(--color-dark);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;line-height:1}.bio-card-unit{font-size:.85rem;font-weight:600}.bio-card-change,.bio-card-unit{color:var(--color-text-secondary)}.bio-card-change{font-size:.7rem;font-weight:500;margin-top:4px}.bio-card-change.down,.bio-card-change.up{color:var(--color-dark)}.bio-card-right{align-items:flex-end;display:flex;justify-content:center}.bio-card-summary{border-top:1px solid #0000001a;color:var(--color-text-secondary);font-size:.7rem;line-height:1.5;margin-top:12px;padding-top:12px;text-align:left}.bio-summary-meta{color:var(--color-text-muted);font-size:.65rem;margin-bottom:8px}.bio-summary-text{color:var(--color-text-secondary);font-size:.7rem}.bio-summary-name,.bio-summary-proto{color:var(--color-text-primary);font-weight:600}.sparkline{background:#0000;border-radius:0;height:80px;width:100%}.bio-rows-page .biomarker-card,.biomarkers-page .biomarker-card{background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:12px;box-shadow:none!important;margin-top:0;padding:20px;transition:none!important}.bio-rows-page .biomarker-card:hover,.biomarkers-page .biomarker-card:hover{box-shadow:none!important;transform:none!important}.bio-rows-page .biomarker-card.no-data,.biomarkers-page .biomarker-card.no-data{background:var(--color-surface-secondary);opacity:.7}.bio-rows-page .biomarker-card.no-data:hover,.biomarkers-page .biomarker-card.no-data:hover{box-shadow:none!important;opacity:.7!important;transform:none!important}.biomarker-card.highlighted{animation:wiggle .5s ease-in-out}@keyframes wiggle{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.biomarker-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.biomarker-card-title{align-items:center;display:flex;gap:8px}.biomarker-card-icon{color:#6b7280;color:var(--profile-text-secondary,#6b7280);height:20px;width:20px}.biomarker-card-title h3{color:#111827;color:var(--profile-text,#111827);font-size:1rem;font-weight:600;margin:0}.biomarker-card-info-wrapper{position:relative}.biomarker-card-info{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;transition:background-color .2s ease}.biomarker-card-info:hover{background:none}.biomarker-card-info svg{color:#6b7280;color:var(--profile-text-secondary,#6b7280);height:16px;width:16px}.biomarker-card-tooltip{word-wrap:break-word;background:#111827;background:var(--profile-text,#111827);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--profile-white,#fff);font-size:.875rem;line-height:1.4;margin-top:8px;max-width:280px;min-width:200px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:1000}.biomarker-card-info:hover .biomarker-card-tooltip{opacity:1;transform:translateY(0);visibility:visible}.biomarker-card-tooltip:before{border:6px solid #0000;border-bottom:6px solid var(--profile-text,#111827);bottom:100%;content:"";position:absolute;right:12px}.biomarker-card-content{display:flex;flex-direction:column;gap:12px}.biomarker-value{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.biomarker-value-number{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;line-height:1}.biomarker-value-number,.biomarker-value-unit{color:#111827;color:var(--profile-text,#111827)}.biomarker-value-unit{font-size:1rem;font-weight:600}.biomarker-value-goal{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.75rem;font-weight:400}.biomarker-progress{display:flex;flex-direction:column;gap:8px;overflow:visible;padding-bottom:8px;padding-top:8px}.biomarker-progress-bar{background:var(--color-surface-tertiary);border-radius:4px;height:8px;overflow:visible;position:relative}.biomarker-progress-clinical-range{background:#86efac80;border-radius:4px;height:100%;position:absolute;top:0;z-index:1}.biomarker-progress-optimal-range{background:#10b98199;border-radius:4px;height:100%;position:absolute;top:0;z-index:2}.biomarker-progress-value-line{background-color:var(--color-dark)!important;border-radius:1.5px;bottom:-6px;position:absolute;top:-6px;transform:translateX(-50%);width:3px;z-index:10}.biomarker-tags{align-items:center;display:flex;gap:8px;justify-content:flex-start}.biomarker-category-tag{background:#64748b1f}.biomarker-category-tag,.biomarker-test-tag{border-radius:12px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);flex-shrink:0;font-size:.75rem;font-weight:500;padding:2px 8px;white-space:nowrap}.biomarker-test-tag{background:#6366f11f}.action-btn{text-wrap:nowrap!important;align-items:center;background:#0b1e24!important;border:1px solid #0000!important;border-radius:9999px!important;box-shadow:0 6px 16px #00000038!important;color:#e9f3f2!important;cursor:pointer!important;display:inline-flex;font-size:13px!important;font-weight:700!important;gap:8px;justify-content:center;letter-spacing:.2px!important;line-height:1!important;min-height:40px!important;padding:10px 18px!important;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease!important;white-space:nowrap!important;word-break:keep-all!important}.action-btn:hover:not(:disabled){border-color:#288b80!important;box-shadow:0 10px 22px #00000047!important;transform:translateY(-1px)!important}.action-btn:active:not(:disabled){box-shadow:0 4px 12px #0000002e!important;transform:translateY(0)!important}.action-btn:disabled{cursor:not-allowed!important;opacity:.6!important}.appendix-page{background:var(--color-surface-primary);border-radius:8px;box-shadow:0 12px 30px #00000059;color:#1c2b33;display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:600px;overflow:hidden;width:100%}.appendix-left,.appendix-right{display:flex;flex-direction:column;height:100%;overflow:hidden}.appendix-left{padding-right:40px}.appendix-right{background:#0f2a33}.appendix-logo-container,.appendix-right{align-items:center;display:flex;justify-content:center}.appendix-logo-container{flex-direction:column;gap:12px}.appendix-logo-image{height:80px;object-fit:contain;width:auto}.appendix-logo-text{color:var(--color-surface-primary);font-family:Space Grotesk,Orbitron,Futura,Avenir,Playfair Display,Cinzel,sans-serif;font-size:3rem;font-style:bold;font-weight:600;letter-spacing:-.13em;line-height:1}.appendix-header{flex-shrink:0;padding:24px 0 16px 40px}.appendix-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:.6px}.appendix-subtitle{color:#5a6a72;font-size:12px;font-weight:700;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.appendix-list{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:0 0 20px 40px}.appendix-item{grid-gap:12px;background:#0000;border-bottom:1px solid #0000000f;border-radius:0;display:grid;gap:12px;grid-template-columns:40px 1fr;padding:10px 0}.appendix-item:last-child{border-bottom:none}.appendix-avatar{align-items:center;background:#e8f1f6;border:1px solid #0000000f;border-radius:8px;color:#0c1a1f;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:40px;justify-content:center;object-fit:cover;width:40px}.appendix-content{display:flex;flex-direction:column;gap:3px;padding-top:0}.appendix-name{color:var(--color-dark);font-size:14px;font-weight:700;line-height:1.25}.appendix-desc{color:#4c5b63;font-size:12px;line-height:1.4;opacity:.9}.appendix-empty{color:#6b7c84;font-size:13px;padding:12px}.inline-protocol-report{background:#0000;margin:0;max-width:100%;padding:0;width:100%}.inline-protocol-report--error,.inline-protocol-report--loading{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;display:flex;justify-content:center;min-height:200px;padding:24px}.inline-protocol-report-loading{align-items:center;display:flex;justify-content:center;width:100%}.inline-protocol-report-error{color:var(--color-text-secondary);font-size:.9rem}.inline-protocol-report-wrapper{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;overflow:visible;width:100%}.inline-protocol-report .report-container{max-width:100%!important;padding:0!important;width:100%!important}.inline-protocol-report .report-book{background:#0000;max-width:100%!important;padding:24px 0 0!important;width:100%!important}.inline-protocol-report .book-viewport{background:#0000;box-shadow:none!important;margin:0!important;max-width:100%!important;width:100%!important}.inline-protocol-report .page-stack{background:#0000;box-shadow:none!important;height:600px;position:relative;width:100%}.inline-protocol-report .report-page{background:var(--color-surface-primary);border-radius:8px;box-shadow:none!important;inset:0;max-width:100%;min-height:600px;overflow:visible;position:absolute;width:100%}.inline-protocol-report *,.inline-protocol-report .report-book,.inline-protocol-report .report-container,.inline-protocol-report .report-page *,.inline-protocol-report .report-page>*,.inline-protocol-report :after,.inline-protocol-report :before,.unified-module-protocol-report,.unified-module-protocol-report *,.unified-module-protocol-report-content{box-shadow:none!important}.inline-protocol-report .report-book,.inline-protocol-report-wrapper{position:relative}.inline-protocol-report .report-controls{align-items:center;background:#0000;border:none;border-radius:0;bottom:0;box-shadow:none;display:flex;gap:8px;height:48px;justify-content:center;left:50%;margin-top:0;opacity:0;padding:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;width:auto;z-index:21}.inline-protocol-report-wrapper:hover .report-controls{opacity:1;pointer-events:auto}.inline-protocol-report .report-pagination{display:none}.inline-protocol-report .report-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;color:var(--color-surface-primary);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;opacity:.95;padding:0;transition:all .2s ease;width:36px}.inline-protocol-report .report-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;color:var(--color-surface-primary);opacity:1;transform:scale(1.1)}.inline-protocol-report .report-btn:active:not(:disabled){background:#ffffff59;transform:scale(.95)}.inline-protocol-report .report-btn:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.3}.inline-protocol-report .report-btn-plus{font-size:1.15rem;line-height:1}.inline-protocol-report>div{background:#0000;min-height:auto}.inline-protocol-report>div>div{align-items:flex-start;display:flex;justify-content:center;min-height:auto;padding:0;width:100%}.attachment-display-container{-ms-overflow-style:none;margin-top:12px;max-width:100%;overflow-x:auto;overflow-y:visible;position:relative;scrollbar-width:none;width:100%}.attachment-display-container::-webkit-scrollbar{display:none}.attachment-display-line{display:flex;gap:12px;min-width:100%;padding:0 12px!important;width:-webkit-fit-content;width:fit-content}.attachment-display-line::-webkit-scrollbar{display:none}.attachment-display-item{align-items:center;background:#0000;border:none;box-shadow:none;cursor:pointer;display:flex;flex-shrink:0;flex:0 0 320px;flex-direction:column;height:260px;justify-content:center;margin:0;overflow:visible;padding:0;position:relative;transition:all .2s ease;width:320px}.attachment-display-item:hover{background:#0000;border:none;box-shadow:none;transform:none}.attachment-display-full-width{position:relative;width:100%}.attachment-display-container.preview-mode .attachment-display-line{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.attachment-display-label{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffffb3;border-radius:4px;color:#0006;font-size:.65rem;font-weight:600;left:8px;letter-spacing:.5px;padding:2px 6px;pointer-events:none;position:absolute;text-transform:uppercase;top:8px;z-index:10}.attachment-display-remove{align-items:center;background:#fffffff2;border:1px solid #0000001a;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:28px;justify-content:center;line-height:1;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;visibility:hidden;width:28px;z-index:100}.attachment-display-biomarker .attachment-display-remove{z-index:10001}.attachment-display-biohacks:hover .attachment-display-remove,.attachment-display-biomarker:hover .attachment-display-remove,.attachment-display-image:hover .attachment-display-remove,.attachment-display-item:hover .attachment-display-remove,.attachment-display-protocol:hover .attachment-display-remove{opacity:1;visibility:visible}.attachment-display-remove:hover{background:#fff;border-color:#ef444433;color:var(--color-danger);transform:scale(1.1)}.attachment-display-remove-report{opacity:.9;right:16px;top:16px;visibility:visible}.attachment-display-protocol{align-self:center;background:#0000;border:none;height:220px;overflow:visible;position:relative;width:100%}.attachment-display-protocol .protocol-shield,.attachment-display-protocol .protocol-shield-back,.attachment-display-protocol .protocol-shield-background,.attachment-display-protocol .protocol-shield-background:after,.attachment-display-protocol .protocol-shield-background:before,.attachment-display-protocol .protocol-shield-container[role=button]:hover .protocol-shield-background,.attachment-display-protocol .protocol-shield-container[role=button]:hover .protocol-shield-background:after,.attachment-display-protocol .protocol-shield-container[role=button]:hover .protocol-shield-background:before,.attachment-display-protocol .protocol-shield-front,.attachment-display-protocol .protocol-shield-inner,.attachment-display-protocol .protocol-shield-wrapper{box-shadow:none!important}.attachment-display-image{align-self:center;backdrop-filter:blur(60px) saturate(190%) brightness(1.02);-webkit-backdrop-filter:blur(60px) saturate(190%) brightness(1.02);background:#ffffff73;border:1.5px solid #fffc;border-radius:16px;box-shadow:inset 0 1px 0 0 #fffc,0 8px 18px #0000001f,0 4px 9px #00000014,0 2px 4px #0000000f;box-sizing:border-box;height:220px;overflow:hidden;position:relative;width:100%}.attachment-display-image .post-image-module{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.attachment-display-image .post-card-module-image{border:none;border-radius:12px;box-shadow:none;box-sizing:border-box;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.attachment-display-item:hover .post-card-module-image{border:none;box-shadow:none}.attachment-display-biomarker{align-self:center;backdrop-filter:blur(60px) saturate(190%) brightness(1.02);-webkit-backdrop-filter:blur(60px) saturate(190%) brightness(1.02);background:#ffffff73;border:1.5px solid #fffc;border-radius:16px;box-shadow:inset 0 1px 0 0 #fffc,0 8px 18px #0000001f,0 4px 9px #00000014,0 2px 4px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:220px;overflow:visible;padding:16px 16px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.attachment-display-biomarker.no-data{background:#ffffff59;opacity:.7}.attachment-display-biomarker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;overflow:visible}.attachment-display-biomarker-title{align-items:center;display:flex;gap:8px}.attachment-display-biomarker-icon{color:#6b7280;color:var(--profile-text-secondary,#6b7280);height:20px;width:20px}.attachment-display-biomarker-title h3{color:#111827;color:var(--profile-text,#111827);font-size:1rem;font-weight:600;margin:0}.attachment-display-biomarker-name-clickable{cursor:pointer;text-decoration:underline}.attachment-display-biomarker-name-clickable:focus-visible{border-radius:6px;outline:2px solid #3b82f699;outline-offset:2px}.attachment-display-biomarker-info-wrapper{position:relative}.attachment-display-biomarker-info{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;transition:background-color .2s ease;z-index:1001}.attachment-display-biomarker-info:hover{background:none}.attachment-display-biomarker-info svg{color:#6b7280;color:var(--profile-text-secondary,#6b7280);height:16px;width:16px}.attachment-display-biomarker-tooltip{word-wrap:break-word;background:#111827;background:var(--profile-text,#111827);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--profile-white,#fff);font-size:.875rem;line-height:1.4;margin-right:0;max-width:280px;min-width:200px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:calc(100% + 12px);top:-12px;transform:translateX(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:10000}.attachment-display-biomarker-info:hover .attachment-display-biomarker-tooltip{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.attachment-display-biomarker-tooltip:before{border:6px solid #0000;border-left:6px solid var(--profile-text,#111827);content:"";left:100%;position:absolute;top:12px}.attachment-display-biomarker-tooltip p{border-top:1px solid #fff3;margin:8px 0 0;padding-top:8px}.attachment-display-biomarker-tooltip button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;pointer-events:auto;text-decoration:underline}.attachment-display-biomarker-tooltip button:hover{opacity:.8}.attachment-display-biomarker-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0}.attachment-display-biomarker-value{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.attachment-display-biomarker-value-number{color:#111827;color:var(--profile-text,#111827);font-family:Inter,sans-serif;font-size:5rem;font-weight:700;line-height:1}.attachment-display-biomarker-value-unit{color:#111827;color:var(--profile-text,#111827);font-size:1rem;font-weight:600}.attachment-display-biomarker-value-range-wrapper{display:inline-block;position:relative}.attachment-display-biomarker-value-range{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.875rem;font-weight:400}.attachment-display-biomarker-value-range-wrapper:hover .attachment-display-biomarker-value-range{cursor:pointer}.attachment-display-biomarker-value-range-tooltip{word-wrap:break-word;background:#111827;background:var(--profile-text,#111827);border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--profile-white,#fff);font-size:.875rem;left:50%;line-height:1.4;margin-bottom:8px;min-width:180px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:10000}.attachment-display-biomarker-value-range-wrapper:hover .attachment-display-biomarker-value-range-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.attachment-display-biomarker-value-range-tooltip:after{border:6px solid #0000;border-top:6px solid var(--profile-text,#111827);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.attachment-display-biomarker-value-range-tooltip button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;pointer-events:auto;text-decoration:underline}.attachment-display-biomarker-value-range-tooltip button:hover{opacity:.8}.attachment-display-biomarker-progress{display:flex;flex-direction:column;gap:8px;margin-top:auto;overflow:visible;padding-bottom:0;padding-top:8px}.attachment-display-biomarker-progress-bar{background:var(--color-surface-tertiary);border-radius:4px;height:8px;overflow:visible;position:relative}.attachment-display-biomarker-progress-clinical-range{background:#86efac80;border-radius:4px;height:100%;position:absolute;top:0;z-index:1}.attachment-display-biomarker-progress-optimal-range{background:#10b98199;border-radius:4px;height:100%;position:absolute;top:0;z-index:2}.attachment-display-biomarker-progress-value-line{background-color:var(--color-dark)!important;border-radius:1.5px;bottom:-6px;position:absolute;top:-6px;transform:translateX(-50%);width:3px;z-index:10}.attachment-display-biomarker-progress-markers{height:20px;margin-top:4px;position:relative;width:100%}.attachment-display-biomarker-progress-marker-wrapper{cursor:pointer;position:absolute;transform:translateX(-50%);z-index:1001}.attachment-display-biomarker-progress-marker{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.75rem;position:relative;white-space:nowrap}.attachment-display-biomarker-progress-marker-tooltip{word-wrap:break-word;background:#111827;background:var(--profile-text,#111827);border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--profile-white,#fff);font-size:.875rem;left:50%;line-height:1.4;margin-bottom:8px;min-width:180px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:10000}.attachment-display-biomarker-progress-marker-wrapper:hover .attachment-display-biomarker-progress-marker-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.attachment-display-biomarker-progress-marker-tooltip:after{border:6px solid #0000;border-top:6px solid var(--profile-text,#111827);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.attachment-display-biomarker-progress-marker-tooltip button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;pointer-events:auto;text-decoration:underline}.attachment-display-biomarker-progress-marker-tooltip button:hover{opacity:.8}.attachment-display-biomarker-divider{background:#e5e7eb;background:var(--color-border,#e5e7eb);height:1px;margin:4px 0 2px;opacity:.5}.attachment-display-biomarker-tags{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:0;margin-top:0}.attachment-display-biomarker-category-tag{background:#64748b1f}.attachment-display-biomarker-category-tag,.attachment-display-biomarker-test-tag{border-radius:12px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);flex-shrink:0;font-size:.75rem;font-weight:500;padding:2px 8px;white-space:nowrap}.attachment-display-biomarker-test-tag{background:#6366f11f}.attachment-display-biohacks{align-self:center;background:var(--color-surface-primary);border:6px double #00000014;border-radius:12px;box-shadow:none;box-sizing:border-box;height:220px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.attachment-display-item:hover .attachment-display-biohacks{border:6px double #0000001f;box-shadow:none}.attachment-display-biohacks-content{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden;padding-top:15px;position:relative;z-index:3}.attachment-display-biohacks-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(2,1fr);overflow-x:hidden;overflow-y:auto;padding:6px 4px;scrollbar-color:#0000001a #0000;scrollbar-width:thin;width:100%}.attachment-display-biohacks-grid::-webkit-scrollbar{width:4px}.attachment-display-biohacks-grid::-webkit-scrollbar-track{background:#0000}.attachment-display-biohacks-grid::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.attachment-display-biohack-item{align-items:center;animation:attachment-display-biohack-enter .6s cubic-bezier(.34,1.56,.64,1) forwards,attachment-display-biohack-float 3s ease-in-out infinite;animation-delay:0s,.6s;animation-delay:var(--animation-delay,0s),calc(var(--float-offset, 0s) + .6s);background:#0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;padding:8px;position:relative;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}.attachment-display-biohack-item:hover{animation-play-state:paused,paused;background:#2196f30a;transform:translateY(-3px)!important}.attachment-display-biohack-image-wrapper{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-radius:14px;flex-shrink:0;height:54px;margin-bottom:8px;padding:3px;position:relative;transition:all .3s ease;width:54px}.attachment-display-biohack-item:hover .attachment-display-biohack-image-wrapper{background:linear-gradient(135deg,#2196f333,#2196f31a);box-shadow:none;transform:scale(1.05)}.attachment-display-biohack-image{background:var(--color-surface-primary);border-radius:11px;box-shadow:none;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.attachment-display-biohack-item:hover .attachment-display-biohack-image{transform:scale(1.02)}.attachment-display-biohack-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-family:var(--font-main);font-size:.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;max-width:100%;min-height:32px;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;transition:color .3s ease}.attachment-display-biohack-item:hover .attachment-display-biohack-name{color:var(--color-info)}.attachment-display-biohacks-more{align-items:center;animation:attachment-display-fade-in-up .5s ease forwards;animation-delay:.6s;background:linear-gradient(135deg,#2196f31f,#2196f30f);border:1.5px solid #2196f340;border-radius:10px;box-shadow:none;cursor:default;display:flex;flex-shrink:0;gap:6px;justify-content:center;margin-top:auto;opacity:0;padding:10px 14px;transform:translateY(10px)}.attachment-display-biohacks-more-icon{color:var(--color-info);flex-shrink:0;height:14px;width:14px}.attachment-display-biohacks-more-number{color:var(--color-info);font-size:.9rem;font-weight:800;letter-spacing:-.02em;line-height:1}.attachment-display-biohacks-more-text{color:var(--color-text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.attachment-display-protocol-report{background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;height:auto;isolation:isolate;margin:0;min-height:auto;overflow:visible;padding:0;position:relative;width:100%}.attachment-display-protocol-report.preview-mode{margin:0 -16px;min-height:auto;width:calc(100% + 32px)}.attachment-display-container.display-mode .attachment-display-protocol-report{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}.attachment-display-protocol-report-content{display:flex;flex:1 1;flex-direction:column;height:100%;position:relative;width:100%}.attachment-display-protocol-report.preview-mode .attachment-display-protocol-report-content{padding-left:16px;padding-right:16px;transform:scale(.85);transform-origin:top center}.attachment-display-container.display-mode .attachment-display-protocol-report-content{padding-left:24px;padding-right:24px;transform:scale(.85);transform-origin:top center}.attachment-display-protocol-report-hover-bar{align-items:center;background:var(--color-dark);display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .2s ease;z-index:15}.attachment-display-protocol-report-hover-bar--top{height:48px;top:0}.attachment-display-protocol-report-hover-bar--bottom{bottom:0;height:48px}.attachment-display-protocol-report.is-hovered .attachment-display-protocol-report-hover-bar{opacity:.8}.attachment-display-protocol-report.is-hovered .inline-protocol-report-wrapper .report-controls{opacity:1;pointer-events:auto}.attachment-display-protocol-report-page-numbers{color:var(--color-surface-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px}@keyframes attachment-display-biohack-enter{0%{opacity:0;transform:translateY(20px) scale(.9)}60%{transform:translateY(-4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes attachment-display-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes attachment-display-biohack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:768px){.attachment-display-item{flex:0 0 280px;height:215px;width:280px}.attachment-display-biohacks,.attachment-display-biomarker,.attachment-display-image,.attachment-display-protocol{height:175px}.attachment-display-biomarker-value-number{font-size:1.5rem}.attachment-display-biomarker-name{font-size:.85rem}}@media (max-width:480px){.attachment-display-item{flex:0 0 240px;height:210px;width:240px}.attachment-display-biohacks,.attachment-display-biomarker,.attachment-display-image,.attachment-display-protocol{height:170px}.attachment-display-biomarker-name{font-size:.8rem}.attachment-display-biomarker-value-number{font-size:1.3rem}.attachment-display-biohack-image-wrapper{height:40px;width:40px}.attachment-display-biohack-name{font-size:.65rem;min-height:26px}}.post-filter-nav{background:#0000;box-sizing:border-box;margin-bottom:16px;padding:0;position:relative;width:100%}.filter-tabs{flex-wrap:wrap;gap:2rem;justify-content:flex-start}.filter-tab,.filter-tabs{align-items:center;display:flex;position:relative}.filter-tab{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.08rem;font-weight:500;height:48px;justify-content:center;line-height:1;padding:.75rem 0;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{color:var(--color-primary);font-weight:600}.filter-tab.active:after{background:var(--color-primary);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.filter-label{font-size:1.08rem;font-weight:inherit;letter-spacing:.02em}.filter-divider{background:var(--color-border-primary);height:1px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@media (max-width:768px){.filter-tabs{gap:1.5rem;justify-content:center}.filter-tab{height:44px}.filter-label,.filter-tab{font-size:1rem}}@media (max-width:480px){.filter-tabs{gap:1rem;justify-content:center}.filter-tab{height:40px}.filter-label,.filter-tab{font-size:.9rem}}.post-feed{align-items:stretch;display:flex;flex-direction:column;gap:16px;margin-top:0;width:100%}.post-feed-loader-wrapper{margin-top:-20px}.post-card{border-radius:12px;margin:0;overflow:hidden;padding:18px;transition:none}.post-card:before{display:none}.post-card--owned{border-left:1px solid var(--color-border-primary)}.post-card-header{margin-bottom:14px;padding-bottom:14px}.post-card-avatar{border-radius:6px;box-shadow:var(--shadow-primary);font-size:.9rem;height:40px;transition:box-shadow .2s ease;width:40px}.post-card-avatar:hover{box-shadow:0 3px 10px #00000026}.post-card-user{flex-grow:1;font-size:1.05rem;line-height:1.2;margin-right:auto;transition:none}.post-card-level-badge{font-size:.65rem;height:24px;padding:3px 8px;width:24px}.post-card-level-badge:after{bottom:2px;filter:blur(1px);left:2px;right:2px;top:2px}.post-card-date{border-radius:10px;font-size:.85rem;font-weight:500;padding:8px 12px}.post-card-date,.post-card-date:hover{box-shadow:0 2px 4px #0000001a}.post-card-actions{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 2px 6px #0000001a;gap:10px;padding:10px;transition:opacity .2s ease}.post-card-title{font-size:1.35rem;margin:0 0 8px}.post-card-content{line-height:1.55;margin:0 0 4px}.post-card-attachments{margin-top:4px;padding-top:4px}.post-card-footer{margin-top:22px}.post-card-footer-left{gap:12px}.post-card-stat{border-radius:0;font-size:.85rem;padding:6px 8px;transition:all .2s ease}.post-card-stat:hover{color:var(--color-primary);opacity:.8}.post-card-stat .icon--sm{height:18px;transition:none;width:18px}.post-card-stat--liked .icon--sm{animation:none}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scale(1)}75%{transform:scale(1)}to{transform:scale(1)}}.end-feed{margin:32px 0 0}.post-feed-loading{align-items:center;display:flex;justify-content:center;margin:0;padding:8px 0}.post-feed-loading-spinner{animation:post-feed-spin .8s linear infinite;border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);height:20px;opacity:.6;width:20px}@keyframes post-feed-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{border-radius:20px;box-shadow:0 4px 12px #00000014;font-size:1.15rem;font-weight:700;margin-top:36px;padding:28px}.post-card-attachments>div>div{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:4px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease}.post-card-attachments>div>div:hover{background:var(--color-surface-primary);border-color:var(--color-primary);box-shadow:0 1px 3px #00000014}@media (max-width:768px){.post-feed{gap:14px}.post-card{border-radius:16px;padding:24px}.post-card-header{gap:14px;margin-bottom:20px;padding-bottom:18px}.post-card-avatar{font-size:.9rem;height:36px;width:36px}.post-card-user{font-size:1rem}.post-card-level-badge{font-size:.6rem;height:22px;padding:2px 6px;width:22px}.post-card-date{font-size:.8rem;padding:6px 10px}.post-card-title{font-size:1.25rem;margin-bottom:16px}.post-card-content{font-size:.95rem;margin-bottom:20px}.post-card-attachments{margin-top:18px;padding-top:18px}.post-card-footer{flex-wrap:wrap;gap:16px;margin-top:20px;padding-top:18px}.post-card-footer-left,.post-card-footer-right{gap:12px}.post-card-stat{font-size:.85rem;padding:10px 14px}.post-card-actions{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);box-shadow:0 2px 6px #0000001a;opacity:0;padding:8px}.post-card:hover .post-card-actions{opacity:1}}@media (max-width:480px){.post-feed{gap:12px}.post-card{border-radius:14px;padding:20px}.post-card-header{gap:12px;margin-bottom:18px;padding-bottom:16px}.post-card-avatar{font-size:.85rem;height:32px;width:32px}.post-card-user{font-size:.95rem}.post-card-level-badge{font-size:.55rem;height:20px;padding:1px 5px;width:20px}.post-card-date{font-size:.75rem;padding:5px 8px}.post-card-title{font-size:1.15rem;margin-bottom:14px}.post-card-content{font-size:.9rem;margin-bottom:18px}.post-card-footer{gap:12px;margin-top:18px;padding-top:16px}.post-card-stat{font-size:.8rem;padding:8px 12px}}.post-card{align-items:stretch;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:0;margin:0 0 16px;min-width:0;overflow:visible;padding:24px 24px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.post-card-attachments,.post-card-attachments .post-card-attachments-grid,.post-card-attachments .post-card-attachments-grid .unified-module--protocolReport,.post-card-attachments .post-card-attachments-grid .unified-module--protocolReport .unified-module-protocol-report,.post-card-attachments-grid{overflow:visible!important}.post-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),var(--color-primary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.post-card:hover{border-color:var(--color-border-primary);transform:none}.post-card:hover:before{opacity:0}.post-card--owned{border-left:none}.post-card--owned:before{display:none}.post-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border-primary);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding-bottom:18px;position:relative}.post-card-avatar{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;color:var(--color-text-on-primary);display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.post-card-avatar-image{border-radius:50%;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.post-card-avatar-fallback{align-items:center;color:var(--color-text-on-primary);display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;width:100%}.post-card-avatar:hover .post-card-avatar-image{transform:none}.post-card-avatar:hover{box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;transform:none}.post-card-user-info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.post-card-user{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:-.01em;line-height:1.4;min-width:0;transition:all .2s ease}.post-card-user:hover{color:var(--color-text-primary);transform:none}.post-card-level-badge{align-items:center;border:1px solid #fff;box-shadow:0 2px 4px #ffd70066;color:#2d1b0e;display:flex;flex-shrink:0;font-size:.6875rem;font-weight:700;height:22px;justify-content:center;line-height:1;padding:0;position:relative;text-align:center;transition:all .2s ease;width:22px}.post-card-level-badge,.post-card-level-badge:after{background:linear-gradient(135deg,gold,orange);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.post-card-level-badge:after{bottom:1px;content:"";filter:blur(.5px);left:1px;opacity:.3;position:absolute;right:1px;top:1px;z-index:-1}.post-card-level-badge:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 3px 8px #ffd70099;transform:scale(1.05)}.post-card-timestamp{align-items:center;display:flex;flex-wrap:wrap;font-weight:400;gap:6px;line-height:1.4;min-width:0;overflow:visible}.edited-indicator,.post-card-timestamp{color:var(--color-text-muted);font-size:.875rem}.edited-indicator{font-style:italic;margin-right:4px;opacity:.8;padding-right:4px;white-space:nowrap}.post-card-date{border:1px solid var(--color-border-primary);border-radius:3px;color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:400;line-height:1;order:3;padding:3px 6px;transition:none}.post-card-date,.post-card-date:hover{background:var(--color-surface-secondary);box-shadow:none}.post-card-date:hover{border-color:var(--color-border-primary);transform:none}.post-card-actions{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;height:32px;opacity:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover .post-card-actions{box-shadow:none;opacity:1;transform:none}.post-card-actions .icon-btn{align-items:center;border-radius:2px;display:flex;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.post-card-actions .icon-btn:hover{background:var(--color-surface-tertiary);transform:none}.post-card-actions .icon-btn--primary:first-child,.post-card-actions .icon-btn--primary[title="Edit Post"]{color:var(--color-dark)}.post-card-actions .icon-btn--primary:first-child .icon,.post-card-actions .icon-btn--primary:first-child .icon svg,.post-card-actions .icon-btn--primary[title="Edit Post"] .icon,.post-card-actions .icon-btn--primary[title="Edit Post"] .icon svg{stroke:var(--color-dark);color:var(--color-dark)}.post-card-actions .icon-btn--primary:first-child .icon svg path,.post-card-actions .icon-btn--primary[title="Edit Post"] .icon svg path{stroke:var(--color-dark);fill:none}.post-card-divider{display:none}.post-card-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0 0 14px;text-shadow:0 1px 2px #0000000d;transition:color .2s ease}.post-card-title,.post-card-title:hover{color:var(--color-text-primary)}.post-card-content{font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 8px;padding:0;text-shadow:0 1px 1px #00000008;transition:color .2s ease;word-break:break-word}.post-card-content,.post-card-content:hover{color:var(--color-text-secondary)}.post-card-content .biohack-mention{color:var(--color-text-primary)}.post-card-attachments,.post-card-footer{margin-top:8px;padding-top:8px}.post-card-footer{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;gap:0;justify-content:flex-start}.post-card-footer-left{align-items:center;display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;height:24px;min-width:0;overflow:hidden;position:relative}.post-card-footer-left:after{background:linear-gradient(to right,#0000,var(--color-surface-primary));content:"";height:100%;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;width:32px;z-index:2}.post-card-footer-left:has(.detected-biohacks-tags):after{opacity:1}.post-card-footer-divider{background:var(--color-border-primary);flex-shrink:0;height:14px;margin:0 8px;width:1px}.post-card-footer-right{gap:0;margin-left:auto;padding-left:12px}.post-card-footer-right,.post-card-stat{align-items:center;display:flex;flex-shrink:0}.post-card-stat{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;gap:6px;height:24px;line-height:1;overflow:hidden;padding:2px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card-stat,.post-card-stat:hover{background:#0000;border:none;box-shadow:none;color:var(--color-text-muted)}.post-card-stat:hover{opacity:1;transform:none}.post-card-stat--liked{color:var(--color-primary)!important}.post-card-stat--liked,.post-card-stat--liked:hover{background:#0000!important;border:none!important;box-shadow:none!important}.post-card-stat--liked:hover{opacity:.9!important;transform:none!important}.post-card-stat--comments-active{color:var(--color-primary)!important}.post-card-stat--comments-active,.post-card-stat--comments-active:hover{background:#0000!important;border:none!important;box-shadow:none!important}.post-card-stat--comments-active:hover{opacity:.9!important;transform:none!important}.post-card-stat .icon--sm{flex-shrink:0;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.post-card-stat--comments-active .icon--sm,.post-card-stat--liked .icon--sm,.post-card-stat--reposted .icon--sm{fill:var(--color-primary);stroke:var(--color-primary);animation:thumbsUpPulse .3s ease-in-out}.post-card-stat--comments-active .icon--sm svg,.post-card-stat--comments-active .icon--sm svg path,.post-card-stat--liked .icon--sm svg,.post-card-stat--liked .icon--sm svg path,.post-card-stat--reposted .icon--sm svg,.post-card-stat--reposted .icon--sm svg path{fill:var(--color-primary);stroke:var(--color-primary)}.post-card-stat--comments-active .icon--sm svg line,.post-card-stat--liked .icon--sm svg line,.post-card-stat--reposted .icon--sm svg line{stroke:var(--color-primary)}.post-card-stat--reposted{color:var(--color-primary)!important}.post-card-stat--reposted,.post-card-stat--reposted:hover{background:#0000!important;border:none!important;box-shadow:none!important}.post-card-stat--reposted:hover{opacity:.9!important;transform:none!important}.post-card-stat--reposted .icon--sm{animation:repostPulse .3s ease-in-out}.post-card-stat--reposted .icon--sm,.post-card-stat--reposted .icon--sm svg,.post-card-stat--reposted .icon--sm svg path{fill:var(--color-primary);stroke:var(--color-primary)}.post-card-stat--reposted .icon--sm svg line{stroke:var(--color-primary)}@keyframes repostPulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}.repost-pill{align-items:center;background:#288b8014;border:1px solid #288b8026;border-radius:999px;color:var(--color-primary);cursor:default;display:inline-flex;font-size:.75rem;font-weight:500;gap:8px;line-height:1.4;margin-left:auto;padding:4px 12px}.repost-pill .icon--xs{height:12px;opacity:.8;width:12px}.repost-pill:hover{background:#288b801f;border-color:#288b8040}.repost-pill-label{color:var(--color-text-secondary)}.repost-pill-name{color:var(--color-primary);cursor:pointer;font-weight:600;transition:color .2s ease}.repost-pill-name:hover{color:var(--color-primary-dark);text-decoration:underline}.repost-pill-name--loading{color:var(--color-text-muted);cursor:default;text-decoration:none}.comment-stat .icon--sm.icon--primary,.comment-stat .icon--sm.icon--primary svg,.comment-stat .icon--sm.icon--primary svg path{fill:var(--color-primary);stroke:var(--color-primary)}.comment-stat .icon--sm.icon--primary svg line{stroke:var(--color-primary)}.end-feed{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.95rem;font-style:italic;font-weight:500;gap:4px;letter-spacing:-.01em;padding:0}.end-feed,.loading{margin-top:24px;text-align:center}.loading{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;box-shadow:0 1px 3px #0000001a;color:var(--color-primary);font-size:1rem;font-weight:600;padding:20px}.post-card-attachments .post-card-attachments{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:12px}.post-card-attachments>div>div{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:hidden;padding:0;position:relative;transition:none}.post-card-attachments>div>div:hover{background:#0000;box-shadow:none;transform:none}.post-card-attachments-grid{-ms-overflow-style:none;align-items:start;display:flex;flex-wrap:nowrap;gap:12px;margin:0;overflow-x:auto;overflow-y:visible;padding:0;scroll-behavior:smooth;scrollbar-width:none;width:100%}.post-card-attachments-grid .unified-module--protocolReport{box-sizing:border-box;flex:0 0 auto!important;margin-left:-24px!important;margin-right:-24px!important;max-width:none!important;min-width:100%!important;position:relative;width:calc(100% + 48px)!important}.post-card-attachments-grid::-webkit-scrollbar{display:none}@media (max-width:768px){.post-card{border-radius:14px;margin:0 0 14px;padding:18px}.post-card-header{gap:12px;margin-bottom:16px;padding-bottom:16px}.post-card-avatar{font-size:.95rem;height:44px;width:44px}.post-card-user-info{gap:5px}.post-card-user{font-size:.9375rem}.post-card-level-badge{height:20px;width:20px}.edited-indicator,.post-card-timestamp{font-size:.8125rem}.repost-pill{font-size:.75rem;gap:6px;padding:4px 10px}.repost-pill .icon--xs{height:11px;width:11px}.post-card-level-badge{font-size:.625rem;height:18px;padding:0;width:18px}.post-card-date,.repost-pill-name{font-size:.75rem}.post-card-date{padding:3px 6px}.post-card-title{font-size:1.25rem;margin-bottom:12px}.post-card-content{font-size:.9375rem;margin-bottom:8px}.post-card-attachments{margin-top:8px;padding-top:8px}.post-card-footer{flex-wrap:wrap;gap:0;margin-top:20px;padding-top:16px}.post-card-footer-left,.post-card-footer-right{gap:6px}.post-card-stat{font-size:.8125rem;padding:6px 10px}.post-card-stat .icon--sm{height:15px;width:15px}.post-card-actions{background:#0000;border:none;box-shadow:none;opacity:0;padding:0}.post-card:hover .post-card-actions{box-shadow:none;opacity:1}}@media (max-width:480px){.post-card{border-radius:12px;margin:0 0 12px;padding:16px}.post-card-header{gap:10px;margin-bottom:14px;padding-bottom:14px}.post-card-avatar{font-size:.9rem;height:40px;width:40px}.post-card-user-info{gap:5px}.post-card-user{font-size:.875rem}.post-card-level-badge{height:18px;width:18px}.edited-indicator,.post-card-timestamp{font-size:.75rem}.repost-pill{font-size:.7rem;gap:5px;padding:3px 8px}.repost-pill .icon--xs{height:10px;width:10px}.repost-pill-name{font-size:.7rem}.post-card-level-badge{font-size:.5625rem;height:16px;padding:0;width:16px}.post-card-date{font-size:.7rem;padding:2px 4px}.post-card-title{font-size:1.125rem;margin-bottom:10px}.post-card-content{font-size:.875rem;margin-bottom:8px}.post-card-footer{gap:0;margin-top:18px;padding-top:14px}.post-card-footer-left{gap:4px}.post-card-stat{font-size:.75rem;padding:5px 8px}.post-card-stat .icon--sm{height:14px;width:14px}}.post-card-attachments-grid .unified-module,.post-card-attachments-grid .unified-module--protocol,.post-card-attachments-grid .unified-module--protocol:focus,.post-card-attachments-grid .unified-module--protocol:hover,.post-card-attachments-grid .unified-module:focus,.post-card-attachments-grid .unified-module:hover{background:#0000!important;border:none!important}.post-card-attachments-grid .unified-module--protocol .unified-module-protocol-card{background:#0000!important;border:none!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important}.post-card .post-card-attachments .post-card-attachments-grid .post-image-grid-item,.post-card-attachments-grid .post-image-grid-item{background:#0000!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.post-card .post-card-attachments .post-card-attachments-grid .post-image-grid-item{outline:none!important}.post-image-module{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;min-height:120px;padding:0;width:100%}.post-image-module,.post-image-module:hover{background:#0000;border:none;box-shadow:none}.post-image-module:hover{transform:none}.post-image-module:focus{background:#0000;border:none;box-shadow:none;outline:none}.post-image-grid-item *,.post-image-grid-item .post-image-module{border:none!important;box-shadow:none!important}.post-image-grid-item .post-image-module{background:#0000!important;margin:0!important;padding:0!important}.post-image-grid-item .post-card-module-image{border:none!important;box-shadow:none!important}.post-image-grid-item,.post-image-grid-item *,.post-image-grid-item :after,.post-image-grid-item :before{border:none!important;box-shadow:none!important;outline:none!important}.post-card-attachments-grid>.post-image-grid-item{background:#0000!important;border:none!important;box-shadow:none!important}:where(.post-card .post-card-attachments .post-card-attachments-grid .post-image-grid-item){background:#0000!important;border:none!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:0!important}:where(.post-card .post-card-attachments .post-card-attachments-grid .post-image-grid-item *){border:none!important;box-shadow:none!important;outline:none!important}:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module--protocol .unified-module-protocol-card),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module--protocol),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module--protocol:focus),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module--protocol:hover),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module--protocolReport),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module:focus),:where(.post-card .post-card-attachments .post-card-attachments-grid .unified-module:hover){background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}@media (max-width:768px){.post-image-grid-item{min-height:auto!important}}@media (max-width:480px){.post-image-grid-item{min-height:auto!important}}.post-image-grid-item .post-image-module{min-height:300px!important}.post-image-grid-item .post-card-module-image{height:300px!important}@media (max-width:768px){.post-image-grid-item .post-image-module{min-height:160px!important}.post-image-grid-item .post-card-module-image{height:160px!important}.post-image-grid-item{flex:0 0 160px;height:160px}}@media (max-width:480px){.post-image-grid-item .post-image-module{min-height:140px!important}.post-image-grid-item .post-card-module-image{height:140px!important}.post-image-grid-item{flex:0 0 140px;height:140px}}.comment-input-wrapper{margin:0 0 16px;position:relative}.comment-input-connector{background:var(--color-primary);border-radius:50%;height:6px;left:50%;opacity:.6;position:absolute;top:-11px;transform:translateX(-50%);width:6px;z-index:1}.comment-input-connector:after,.comment-input-connector:before{display:none}.comment-input-external{align-items:center;border-radius:12px;box-sizing:border-box;display:flex;gap:8px;margin:0;position:relative}.comment-input-external input[type=text]{background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:8px;box-shadow:none;box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:400;height:40px;line-height:1.4;min-width:0;padding:10px 14px;transition:border-color .15s ease,border-width .15s ease,background .15s ease}.comment-input-external input[type=text]:focus{background:var(--color-surface-primary);border:3px solid #f5d0fb!important;box-shadow:none;outline:none}.home-main-content .comment-input-external input[type=text]:focus{border:2.5px solid #a7cbe4!important}.comment-input-external input[type=text]:hover{background:var(--color-surface-primary);border-color:var(--color-border-primary)}.comment-input-external input[type=text]::placeholder{color:var(--color-text-muted);font-weight:400;opacity:.7}.comment-input-external input[type=text]:focus::placeholder{opacity:.5}.comment-input-external .btn{align-items:center;animation:fadeIn .2s ease-out;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:500;height:40px;justify-content:center;line-height:1;min-width:64px;padding:0 16px;position:relative;transition:background-color .15s ease,color .15s ease,opacity .2s ease}.comment-input-external .btn--primary{background:var(--color-primary);box-shadow:none;color:var(--color-text-on-primary)}.comment-input-external .btn--primary:hover{background:var(--color-primary-dark);box-shadow:none;opacity:1}.comment-input-external .btn--primary:active{opacity:.85}.comment-input-external .btn--primary:disabled{cursor:not-allowed;opacity:.5}.comment-input-external .btn--sm{font-size:.85rem;height:36px;min-width:60px;padding:0 14px}.detected-biohacks-tags{-ms-overflow-style:none;align-items:center;display:flex;flex:0 1 auto;flex-wrap:nowrap;gap:4px;height:24px;line-height:1;margin:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none}.detected-biohacks-tags::-webkit-scrollbar{display:none}.biohack-tag{align-items:center;background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:999px;box-sizing:border-box;color:var(--color-info);display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:20px;justify-content:center;line-height:1;margin:0;padding:2px 8px;vertical-align:middle;white-space:nowrap}.biohack-tag--clickable{cursor:pointer;transition:all .2s ease}.biohack-tag--clickable:hover{background:#0ea5e933;border-color:#0ea5e980;transform:translateY(-1px)}.biohack-tag--clickable:active{background:#0ea5e940;transform:translateY(0)}.biohack-tag--biomarker{background:#8b5cf61a!important;border-color:#8b5cf64d!important;color:#8b5cf6!important}.biohack-tag--biomarker.biohack-tag--clickable:hover{background:#8b5cf633!important;border-color:#8b5cf680!important}.biohack-tag--biomarker.biohack-tag--clickable:active{background:#8b5cf640!important}.shared-original-post{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;margin-top:16px;padding:16px;transition:all .2s ease}.shared-original-post:hover{background:var(--color-surface-primary);border-color:var(--color-border-primary)}.shared-original-post-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.shared-original-post-avatar{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:0 1px 3px #0000001a;color:var(--color-text-on-primary);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.shared-original-post-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.shared-original-post-avatar-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.shared-original-post-user-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.shared-original-post-username{color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:600;transition:color .2s ease}.shared-original-post-username:hover{color:var(--color-primary)}.shared-original-post-time{color:var(--color-text-muted);font-size:.8125rem;white-space:nowrap}.shared-original-post-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0 0 10px}.shared-original-post-content{color:var(--color-text-secondary);font-size:.9375rem;font-weight:400;line-height:1.6;margin:0;word-break:break-word}.shared-original-post-content .biohack-mention{color:var(--color-text-primary)}.shared-original-post-attachments{margin-top:12px}.shared-original-post-attachments-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-color:#288b8033 #0000;scrollbar-width:thin}.shared-original-post-attachments-grid::-webkit-scrollbar{height:4px}.shared-original-post-attachments-grid::-webkit-scrollbar-track{background:#0000}.shared-original-post-attachments-grid::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px}.shared-original-post-attachments-grid::-webkit-scrollbar-thumb:hover{background:#288b8066}@media (max-width:768px){.shared-original-post{margin-top:12px;padding:12px}.shared-original-post-avatar{font-size:.8125rem;height:36px;width:36px}.shared-original-post-username{font-size:.875rem}.shared-original-post-time{font-size:.75rem}.shared-original-post-title{font-size:1rem;margin-bottom:8px}.shared-original-post-content{font-size:.875rem}}.comment-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin-top:12px;overflow:visible;padding:16px 0 16px 20px;position:relative;transition:none}.comment-section:hover{border-color:#0000;box-shadow:none}.comment-section-header{border-bottom:none;color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:24px;padding-bottom:0;text-transform:uppercase}.comment-item{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:20px;overflow:visible;padding:0;position:relative;transition:none}.comment-content-wrapper{align-items:flex-start;display:flex;gap:10px}.comment-avatar{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:0 1px 4px #0000001a;color:var(--color-text-on-primary);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.comment-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-avatar-fallback{align-items:center;color:var(--color-text-on-primary);display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.comment-body{flex:1 1;min-width:0}.comment-item:last-child{margin-bottom:0}.comment-item:hover{background:#0000;border-color:#0000;box-shadow:none}.comment-item--owned{border-left:none}.nested-comment{margin-left:42px;margin-top:20px;padding-top:0;position:relative}.nested-comment:before{background:var(--color-border-secondary);border-radius:1px;bottom:0;content:"";left:-20px;position:absolute;top:0;width:2px;z-index:0}.nested-comment:hover:before{background:var(--color-border-primary)}.comment-header{align-items:baseline;border-bottom:none;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;padding-bottom:0;position:relative}.comment-username{color:var(--color-text-primary);cursor:pointer;flex-grow:0;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-right:0;min-width:0;order:1;transition:color .2s ease}.comment-username:hover{color:var(--color-primary)}.comment-actions{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-shrink:0;gap:6px;height:auto;margin-left:auto;opacity:0;order:3;padding:0;transition:opacity .2s ease}.comment-item:hover .comment-actions{opacity:1}.comment-actions .icon-btn{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.comment-actions .icon-btn:hover{background:#0000;color:var(--color-primary);transform:scale(1.1)}.comment-time{background:#0000;border:none;border-radius:0;color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:400;line-height:1.3;margin-left:0;order:2;padding:0}.comment-content{color:var(--color-text-primary);font-size:.9375rem;font-weight:400;line-height:1.6;margin:0 0 10px;padding:0;word-break:break-word}.comment-content[data-deleted=true]{color:var(--color-text-muted);font-style:italic}.comment-footer{border-top:none;gap:20px;margin-top:8px;padding-top:0}.comment-footer,.comment-stat{align-items:center;display:flex}.comment-stat{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--color-text-muted);cursor:pointer;font-size:.8125rem;font-weight:500;gap:5px;line-height:1.2;overflow:visible;padding:0;position:relative;transition:all .2s ease}.comment-stat:hover{background:#0000;border-color:#0000;box-shadow:none;color:var(--color-primary);transform:none}.comment-stat--liked{color:var(--color-primary)!important}.comment-stat--liked,.comment-stat--liked:hover{background:#0000!important;border-color:#0000!important;box-shadow:none!important}.comment-stat--liked:hover{transform:none!important}.comment-stat .icon--sm{height:16px;transition:none;width:16px}.comment-stat--liked .icon--sm{animation:thumbsUpPulse .3s ease-in-out}.comment-stat--liked .icon--sm,.comment-stat--liked .icon--sm svg,.comment-stat--liked .icon--sm svg path{fill:var(--color-primary);stroke:var(--color-primary)}.comment-stat--liked .icon--sm svg line{stroke:var(--color-primary)}.comment-form,.comment-form:before{display:none}.comment-form input[type=text]{background:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:6px;box-shadow:none;box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:400;height:40px;line-height:1.4;min-width:0;padding:10px 14px;transition:border-color .15s ease}.comment-form input[type=text]:focus{background:var(--color-surface-primary);border-color:var(--color-primary);box-shadow:none;outline:none}.comment-form input[type=text]:hover{border-color:var(--color-border-primary)}.comment-form input[type=text]::placeholder{color:var(--color-text-muted);font-weight:400;opacity:.7}.comment-form input[type=text]:focus::placeholder{opacity:.5}.comment-reply-form{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:8px;margin-left:0;margin-top:12px;padding:0;position:relative}.comment-reply-form:before{display:none}.comment-reply-form input[type=text]{background:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:6px;box-shadow:none;box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:400;height:36px;line-height:1.4;min-width:0;padding:10px 14px;transition:border-color .15s ease}.comment-reply-form input[type=text]:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.comment-reply-form input[type=text]:hover{border-color:var(--color-border-primary)}.comment-reply-form input[type=text]::placeholder{color:var(--color-text-muted);font-weight:400;opacity:.7}.comment-reply-form input[type=text]:focus::placeholder{opacity:.5}.comment-edit-form{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:0;position:relative}.comment-edit-form:before{display:none}.comment-edit-form input[type=text]{background:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:6px;box-shadow:none;box-sizing:border-box;color:var(--color-text-primary);font-size:.9rem;font-weight:400;height:36px;line-height:1.4;padding:10px 14px;transition:border-color .15s ease}.comment-edit-form input[type=text]:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.comment-edit-form input[type=text]:hover{border-color:var(--color-border-primary)}.comment-edit-actions{align-items:center;display:flex;gap:8px;justify-content:flex-start}.comment-edit-actions .btn,.comment-form .btn,.comment-reply-form .btn{align-items:center;animation:fadeIn .2s ease-out;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:500;height:40px;justify-content:center;line-height:1;min-width:64px;padding:0 16px;position:relative;transition:background-color .15s ease,color .15s ease,opacity .2s ease}.comment-edit-actions .btn:before,.comment-form .btn:before,.comment-reply-form .btn:before{display:none}.comment-edit-actions .btn--primary,.comment-form .btn--primary,.comment-reply-form .btn--primary{background:var(--color-primary);box-shadow:none;color:var(--color-text-on-primary)}.comment-edit-actions .btn--primary:hover,.comment-form .btn--primary:hover,.comment-reply-form .btn--primary:hover{background:var(--color-primary-dark);box-shadow:none;opacity:1}.comment-edit-actions .btn--primary:active,.comment-form .btn--primary:active,.comment-reply-form .btn--primary:active{opacity:.85}.comment-edit-actions .btn--primary:disabled,.comment-form .btn--primary:disabled,.comment-reply-form .btn--primary:disabled{cursor:not-allowed;opacity:.5}.comment-edit-actions .btn--tertiary,.comment-form .btn--tertiary,.comment-reply-form .btn--tertiary{background:var(--color-surface-primary);border:1px solid var(--color-border-secondary);box-shadow:none;color:var(--color-text-secondary)}.comment-edit-actions .btn--tertiary:hover,.comment-form .btn--tertiary:hover,.comment-reply-form .btn--tertiary:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:none;color:var(--color-text-primary)}.comment-edit-actions .btn--tertiary:active,.comment-form .btn--tertiary:active,.comment-reply-form .btn--tertiary:active{background:var(--color-surface-secondary)}.comment-edit-actions .btn--sm,.comment-form .btn--sm,.comment-reply-form .btn--sm{font-size:.85rem;height:36px;min-width:60px;padding:0 14px}.comment-empty,.comment-error,.comment-loading{background:#0000;border:none;border-radius:0;margin:0;padding:16px 0;text-align:left}.comment-loading{color:var(--color-primary);font-size:.875rem}.comment-error{color:var(--color-danger);font-size:.875rem}.comment-empty{color:var(--color-text-muted);font-size:.875rem;font-style:italic;padding:24px 0}@keyframes thumbsUpPulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{opacity:0;width:0}to{opacity:1;width:100%}}@media (max-width:768px){.comment-section{margin:0 0 12px;padding:16px 0 16px 16px}.comment-item{margin-bottom:16px;padding:0}.comment-header{gap:10px;margin-bottom:8px}.comment-username{font-size:.9rem}.comment-time{font-size:.75rem}.comment-content{font-size:.9rem;margin-bottom:12px}.comment-footer{gap:16px;margin-top:0}.comment-stat{font-size:.8rem}.comment-actions{background:#0000;border:none;box-shadow:none;opacity:0;padding:0}.comment-item:hover .comment-actions{opacity:1}.nested-comment{margin-left:24px;margin-top:12px}.nested-comment:before{left:-12px}.comment-edit-form,.comment-form,.comment-reply-form{gap:8px;padding:0}.comment-form input[type=text]{font-size:.9rem;height:40px;padding:10px 14px}.comment-edit-form input[type=text],.comment-reply-form input[type=text]{font-size:.9rem;height:36px;padding:10px 14px}.comment-form .btn{font-size:.9rem;height:40px;min-width:64px;padding:0 14px}.comment-edit-actions .btn,.comment-reply-form .btn{font-size:.85rem;height:36px;min-width:60px;padding:0 12px}}@media (max-width:480px){.comment-section{margin:0 0 8px;padding:12px 0 12px 12px}.comment-item{margin-bottom:12px;padding:0}.comment-header{gap:8px;margin-bottom:8px}.comment-username{font-size:.85rem}.comment-time{font-size:.7rem}.comment-content{font-size:.85rem;margin-bottom:10px}.comment-footer{gap:12px;margin-top:0}.comment-stat{font-size:.75rem}.nested-comment{margin-left:20px;margin-top:10px}.nested-comment:before{left:-10px}.comment-edit-form,.comment-form,.comment-reply-form{gap:6px;padding:0}.comment-form input[type=text]{font-size:.85rem;height:38px;padding:9px 12px}.comment-edit-form input[type=text],.comment-reply-form input[type=text]{font-size:.85rem;height:34px;padding:8px 12px}.comment-form .btn{font-size:.85rem;height:38px;min-width:60px;padding:0 12px}.comment-edit-actions .btn,.comment-reply-form .btn{font-size:.8rem;height:34px;min-width:56px;padding:0 10px}}.report-modal-overlay{background-color:#00000080;bottom:0;left:0;padding:20px;right:0;top:0;z-index:1000}.report-modal{animation:slideDown .16s cubic-bezier(.4,0,.2,1);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;font-family:Inter,Roboto,Arial,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.report-modal-header{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:12px 16px}.report-modal-title{align-items:center;display:flex;gap:8px}.report-modal-icon{color:var(--color-warning);flex-shrink:0;font-size:1rem}.report-modal-header h2{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin:0}.report-modal-close{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.report-modal-close:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.report-modal-content{padding:16px}.report-target-info{background:#0000;border-bottom:1px solid var(--color-border-primary);border-left:none;border-radius:0;margin-bottom:16px;padding:0 0 12px}.report-target-info p{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;margin:0}.report-target-info strong{color:var(--color-text-primary);font-weight:600}.report-form{display:flex;flex-direction:column;gap:16px}.report-form-label{color:var(--color-text-primary);display:block;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.report-reasons-list{border:1px solid var(--color-border-primary);border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden}.report-reason-option{align-items:center;background:var(--color-surface-primary);border:none;border-bottom:1px solid var(--color-border-primary);border-radius:0;cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative;transition:all .2s ease}.report-reason-option:last-child{border-bottom:none}.report-reason-option:hover{background:var(--color-surface-secondary)}.report-reason-option:has(input:checked){background:var(--color-surface-secondary)}.report-reason-option:has(input:checked):before{background:var(--color-primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.report-reason-radio{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.report-reason-label{color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:400;line-height:1.5}.report-custom-reason{margin-top:0}.report-custom-textarea{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.75rem;line-height:1.5;min-height:80px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.report-custom-textarea:focus{background:var(--color-surface-secondary);border-color:var(--color-primary);outline:none}.report-custom-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.report-error{align-items:flex-start;background:#0000;border:none;border-left:3px solid var(--color-danger);border-radius:0;color:var(--color-danger);display:flex;font-size:.75rem;gap:8px;line-height:1.5;padding:10px 12px}.report-error .icon--sm{flex-shrink:0;margin-top:1px}.report-success{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 16px;text-align:center}.report-success .icon--lg{color:var(--color-primary);margin-bottom:12px;opacity:1}.report-success h3{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.report-success p{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;margin:0;max-width:280px}.report-modal-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding-top:16px}.report-modal-actions .btn{border-radius:6px;font-size:.75rem;font-weight:500;min-width:90px;padding:8px 16px;transition:all .2s ease}.report-modal-actions .btn--tertiary{background:#0000;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.report-modal-actions .btn--tertiary:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.report-modal-actions .btn--danger{background:#ef4444;background:var(--color-danger,#ef4444);border:1px solid #ef4444;border:1px solid var(--color-danger,#ef4444);color:var(--color-surface-primary)}.report-modal-actions .btn--danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:var(--color-surface-primary)}.report-modal-actions .btn--danger:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.report-modal{border-radius:12px;margin:10px;max-height:95vh}.report-modal-content,.report-modal-header{padding:12px}.report-modal-actions{flex-direction:column;padding-top:12px}.report-modal-actions .btn{width:100%}.report-reason-option{padding:10px}.report-reason-label{font-size:.6875rem}.report-custom-textarea{font-size:.6875rem;min-height:70px}.report-success{padding:32px 12px}}@media (max-width:480px){.report-modal{border-radius:12px;margin:8px;max-height:90vh}.report-target-info p{font-size:.6875rem}.report-form-label{font-size:.75rem;margin-bottom:6px}.report-reason-option{padding:9px 10px}}.report-modal::-webkit-scrollbar{width:4px}.report-modal::-webkit-scrollbar-track{background:#0000}.report-modal::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px}.report-modal::-webkit-scrollbar-thumb:hover{background:#288b8066}.report-modal{scrollbar-color:#288b8033 #0000;scrollbar-width:thin}.share-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:1001}.share-modal{animation:slideDown .16s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.share-modal,.share-modal-header{background:var(--color-surface-primary);display:flex}.share-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);justify-content:space-between;padding:12px 16px}.share-modal-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.share-modal-close{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.share-modal-close:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.share-modal-close:active{transform:scale(.95);transition:transform .1s ease}.share-modal-close:disabled{cursor:not-allowed;opacity:.5}.share-modal-content{background:var(--color-surface-secondary);flex:1 1;max-height:calc(90vh - 60px);overflow-y:auto;padding:28px 24px 24px}.share-form{display:flex;flex-direction:column;gap:20px}.share-form-label{display:block;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.share-form-label,.share-textarea{color:var(--color-text-primary);font-size:.875rem}.share-textarea{border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 1px 2px #0000000d;font-family:inherit;line-height:1.5;min-height:100px;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.share-textarea,.share-textarea:focus{background:var(--color-surface-primary)}.share-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a;outline:none}.share-textarea:disabled{cursor:not-allowed;opacity:.6}.share-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.share-character-count{color:var(--color-text-muted);font-size:.75rem;margin-top:-12px;text-align:right}.share-original-post-preview{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-top:8px;padding:14px}.share-original-post-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.share-original-post-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-on-primary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.share-original-post-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.share-original-post-avatar-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.share-original-post-user-info{display:flex;flex-direction:column;gap:2px}.share-original-post-username{color:var(--color-text-primary);font-size:.8125rem;font-weight:600}.share-original-post-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:6px}.share-original-post-content{word-wrap:break-word;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.share-error{align-items:flex-start;background:#0000;border:none;border-left:3px solid var(--color-danger);border-radius:0;color:var(--color-danger);display:flex;font-size:.75rem;gap:8px;line-height:1.5;padding:10px 12px}.share-error .icon--sm{flex-shrink:0;margin-top:1px}.share-modal-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:20px}.share-modal-actions .btn{border-radius:6px;font-size:.75rem;font-weight:500;min-width:90px;padding:8px 16px;transition:all .2s ease}.share-modal-actions .btn--tertiary{background:#0000;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.share-modal-actions .btn--tertiary:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.share-modal-actions .btn--primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.share-modal-overlay{padding:10px}.share-modal{border-radius:12px;max-height:calc(100vh - 20px);max-width:calc(100vw - 20px)}.share-modal-header{padding:12px 16px}.share-modal-content{padding:20px 16px 16px}.share-modal-actions{flex-direction:column;gap:8px;padding-top:16px}.share-modal-actions .btn{width:100%}.share-textarea{font-size:.8125rem;min-height:90px}}@media (max-width:480px){.share-modal-overlay{padding:8px}.share-modal{border-radius:12px;max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}.share-modal-content{padding:16px 12px 12px}.share-form-label{font-size:.8125rem;margin-bottom:8px}.share-textarea{font-size:.8125rem;padding:10px 12px}}.share-modal-content::-webkit-scrollbar{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:4px}.share-modal-content::-webkit-scrollbar-track{background:#0000}.share-modal-content::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.share-modal-content::-webkit-scrollbar-thumb:hover{background:#288b8066}.share-modal:hover .share-modal-content::-webkit-scrollbar,.share-modal:hover .share-modal-content::-webkit-scrollbar-thumb{opacity:1}.share-modal-content{scrollbar-color:#288b8033 #0000;scrollbar-width:thin}.everla-animation-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;transition:opacity .22s ease-in-out;z-index:9999}.everla-animation-overlay--signin{background-color:var(--color-bg-primary);background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.everla-animation-text-wrapper{align-items:center;display:flex;flex-direction:column;gap:1.2rem;justify-content:center;padding:3rem 2rem}.everla-animation-text{align-items:center;color:var(--color-surface-primary);display:inline-flex;font-family:Futura,Helvetica Neue,Helvetica,Avenir,Verdana,DIN Alternate,Phosphate,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;font-size:4.2rem;font-weight:700;transition:color .2s ease-in-out}.everla-animation-text--black{color:var(--color-dark)}.everla-animation-loader{align-items:center;display:flex;gap:.75rem}.everla-animation-loader-spinner{animation:everla-spinner .8s linear infinite;border:2px solid #00000038;border-radius:50%;border-top:2px solid var(--color-dark);height:1.4rem;width:1.4rem}.everla-animation-loader-text{color:var(--color-dark);font-size:1.05rem;letter-spacing:.04em}@keyframes everla-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-bg:var(--color-bg-primary);--color-bg-gradient:var(--gradient-bg-primary);--color-sidebar:var(--color-bg-secondary);--color-card:var(--color-surface-primary);--color-card-glass:var(--color-surface-glass);--color-accent:var(--color-primary);--color-accent2:var(--color-success);--color-danger:var(--color-danger);--color-text:var(--color-text-primary);--color-muted:var(--color-text-secondary);--color-border:var(--color-border-primary);--color-border-light:var(--color-border-light);--radius:12px;--shadow:var(--shadow-card);--shadow-hover:var(--shadow-secondary);--font-main:"Inter","Roboto",Arial,sans-serif;--sidebar-width:264px;--main-max-width:800px;--main-padding:48px;--section-gap:40px}body,html{color:var(--color-text-primary);color:var(--color-text);font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--font-main);margin:0;padding:0}.home-main-container,body,html{background:var(--gradient-bg-primary);background:var(--color-bg-gradient)}.home-main-container{min-height:100vh}.home-main-content{background:var(--gradient-bg-primary);box-sizing:border-box;display:flex;flex:1 1;gap:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2rem 2rem;width:100%}.home-main-content::-webkit-scrollbar{width:8px}.home-main-content::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:4px}.home-main-content::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px}.home-main-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.home-sidebar{backdrop-filter:blur(60px) saturate(190%) brightness(1.02);-webkit-backdrop-filter:blur(60px) saturate(190%) brightness(1.02);background:#ffffff73;border:1px solid #ffffff80;border-radius:16px;box-shadow:inset 0 1px 0 0 #fffc,0 4px 20px #0000000d,0 1px 3px #0000000a;box-sizing:border-box;font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--font-main);height:calc(100vh - 92px);left:10px;max-height:calc(100vh - 92px);overflow:hidden;padding:20px 16px;position:fixed;top:72px;width:264px;width:var(--sidebar-width);z-index:10}.sidebar-content-wrapper{display:flex;flex-direction:column;gap:24px;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}.sidebar-content-wrapper::-webkit-scrollbar{display:none;width:0}.sidebar-content-wrapper{-ms-overflow-style:none;scrollbar-width:none}.home-sidebar:after{background:linear-gradient(180deg,#ffffff40,#ffffff0d 50%,#fff0);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-main{align-items:stretch;background:#0000;margin-left:274px;margin-left:calc(var(--sidebar-width) + 10px);min-height:100vh;width:calc(100% - 584px);width:calc(100% - var(--sidebar-width) - 320px)}.home-main,.main-center-container{box-sizing:border-box;display:flex;flex-direction:column}.main-center-container{gap:18px;margin:0 auto;max-width:800px;max-width:var(--main-max-width);padding:3px 20px 0;width:100%}.home-stats-header{color:var(--color-primary);font-size:1.08rem;font-weight:600;letter-spacing:.01em;line-height:1.2;margin:0 0 8px;text-align:left}.home-post-create-section,.home-stats-section{background:var(--color-surface-primary);background:var(--color-card);border:1px solid var(--color-border-primary);border-radius:12px;border-radius:var(--radius);box-shadow:var(--shadow-card);box-shadow:var(--shadow);box-sizing:border-box;margin-bottom:40px;margin-bottom:var(--section-gap);padding:32px 36px 28px;width:100%}.home-stats-section{background:none!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.home-stats-section>*{flex:1 1 200px;max-width:320px;min-width:200px}.home-post-create-section{align-items:flex-start;background:none;border:none;box-shadow:none;display:flex;flex-direction:column;gap:0;justify-content:center;margin-bottom:8px;min-height:0;padding:0}.home-filter-section{background:#0000;border:none;box-shadow:none;margin-bottom:0;padding:0;width:100%}.home-trending-card{backdrop-filter:blur(60px) saturate(190%) brightness(1.02);-webkit-backdrop-filter:blur(60px) saturate(190%) brightness(1.02);background:#ffffff73;border:1px solid #ffffff80;border-radius:16px;box-shadow:inset 0 1px 0 0 #fffc,0 4px 20px #0000000d,0 1px 3px #0000000a;box-sizing:border-box;max-height:calc(100vh - 72px);overflow-x:visible;overflow-y:auto;padding:20px 20px 24px;position:fixed;right:10px;scrollbar-color:#288b8033 #0000;scrollbar-width:thin;top:72px;width:300px;z-index:10}.home-trending-card::-webkit-scrollbar{width:6px}.home-trending-card::-webkit-scrollbar-track{background:#0000}.home-trending-card::-webkit-scrollbar-thumb{background:#288b8033;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.home-trending-card::-webkit-scrollbar-thumb:hover{background:#288b8066}.home-trending-card:before{background:linear-gradient(180deg,#ffffff40,#ffffff0d 50%,#fff0);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.home-feed-section{background:#0000;border:none;box-shadow:none;margin-bottom:0;padding:0}.home-feed-grid{display:flex;flex-direction:column;gap:-1px;width:100%}.home-post-create-section:before,.home-stats-section:before{color:var(--color-primary);content:attr(data-title);display:block;font-size:1.45rem;font-weight:700;letter-spacing:.5px;margin-bottom:18px}.home-main-content input[type=search],.home-main-content input[type=text],.home-main-content textarea{background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:8px!important;box-shadow:none!important;color:var(--color-text-primary)!important;font-size:1.08rem;outline:none!important;padding:14px 18px!important}.home-main-content input[type=search]:focus,.home-main-content input[type=text]:focus,.home-main-content textarea:focus{background:var(--color-surface-primary)!important;border:1px solid var(--color-primary)!important}.home-stats-section,.home-stats-section:active,.home-stats-section:after,.home-stats-section:before,.home-stats-section:focus,.home-stats-section:hover{background:#0000!important;background-image:none!important;border:none!important;box-shadow:none!important;outline:none!important;transform:none!important;transition:none!important}@media (max-width:1300px){.main-center-container{max-width:98vw;padding:18px 16px 28px}.trending-section{gap:16px}}@media (max-width:1400px){.home-trending-card{display:none}.home-main{width:calc(100% - 304px);width:calc(100% - var(--sidebar-width) - 40px)}}@media (max-width:900px){:root{--sidebar-width:244px}.home-sidebar{left:10px;width:264px;width:var(--sidebar-width)}.home-trending-card{display:none}.home-main{margin-left:284px;margin-left:calc(var(--sidebar-width) + 20px);width:calc(100% - 304px);width:calc(100% - var(--sidebar-width) - 40px)}.main-center-container{max-width:100vw;padding:10px 12px 16px}.trending-section{gap:12px}}@media (max-width:700px){.home-main-content{flex-direction:column;padding:1rem}.home-sidebar{border-radius:12px;height:auto;margin-bottom:16px;max-height:400px;padding:16px;position:static;width:100%}.home-main{margin-left:0;padding:0;width:100%}.main-center-container{max-width:100vw;padding:6px 8px 10px}.home-post-create-section,.home-stats-section{border-radius:12px;padding:12px 6px}}.search-bar-wrapper{width:100%}.search-input-wrapper{align-items:center;background:#fff;border:1px solid var(--color-border-primary);border-radius:6px;display:flex;height:32px;padding:6px 10px;position:relative;transition:border-color .2s ease}.search-input-wrapper:hover{border-color:var(--color-border-primary)}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:none;outline:none}.search-icon{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;height:14px;justify-content:center;margin-right:6px;width:14px}.search-input-wrapper:focus-within .search-icon{color:var(--color-primary)}.search-input-field{align-items:center;background:none;border:none;color:#1f2937;display:flex;flex:1 1;font-size:13px;font-weight:400;height:100%;line-height:1.4;margin:0;min-width:0;outline:none;padding:0}.search-input-field:focus{box-shadow:none;outline:none}.search-input-field::placeholder{color:var(--color-text-muted);font-weight:400}.clear-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:6px;outline:none;padding:2px;transition:color .2s ease}.clear-button:focus{outline:none}.clear-button:hover{color:var(--color-text-secondary)}.clear-icon{color:inherit;height:14px;width:14px}@media (max-width:768px){.search-bar-wrapper{max-width:100%}.search-input-wrapper{height:36px;padding:6px 10px}.search-input-field{font-size:16px}}@media (max-width:480px){.search-input-wrapper{height:32px;padding:6px 8px}.search-input-field{font-size:16px}}.category-tabs-horizontal{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;min-height:36px;overflow:visible;padding:4px 0;position:relative}.category-tabs-horizontal:hover{box-shadow:none}.category-trigger-label{align-items:center;display:flex;flex-shrink:0;gap:10px;height:100%;min-height:36px;padding:6px 14px;white-space:nowrap}.categories-text{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.active-badge{align-items:center;background:var(--color-primary);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 10px;text-transform:capitalize}.expand-icon{color:var(--color-text-secondary);flex-shrink:0;height:16px;transition:transform .25s ease,color .25s ease;width:16px}.category-tabs-horizontal.expanded .expand-icon{color:var(--color-primary);transform:rotate(90deg)}.category-tabs-expandable{align-items:center;display:flex;gap:4px;height:100%;max-width:0;min-height:36px;opacity:0;overflow:hidden;padding:0;transition:max-width .3s ease,opacity .3s ease,padding .3s ease}.category-tabs-horizontal.expanded .category-tabs-expandable{max-width:800px;opacity:1;overflow-x:auto;overflow-y:hidden;padding:6px 8px 6px 4px}.category-tabs-expandable::-webkit-scrollbar{height:3px}.category-tabs-expandable::-webkit-scrollbar-track{background:#0000}.category-tabs-expandable::-webkit-scrollbar-thumb{background:#0000;border-radius:2px;-webkit-transition:background .2s ease;transition:background .2s ease}.category-tabs-horizontal:hover .category-tabs-expandable::-webkit-scrollbar-thumb{background:#288b804d}.category-tabs-horizontal:hover .category-tabs-expandable::-webkit-scrollbar-thumb:hover{background:#288b8080}.category-tabs-expandable{scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .2s ease}.category-tabs-horizontal:hover .category-tabs-expandable{scrollbar-color:#288b804d #0000}.category-tab-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:500;min-height:32px;opacity:0;outline:none;padding:8px 12px;text-transform:capitalize;transform:scale(.8) translateX(-10px);transition:background 0s,color 0s,transform .2s ease,opacity .2s ease;white-space:nowrap}.category-tabs-horizontal.expanded .category-tab-item{opacity:1;transform:scale(1) translateX(0)}.category-tabs-horizontal.expanded .category-tab-item:first-child{transition-delay:.05s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(2){transition-delay:.08s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(3){transition-delay:.11s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(4){transition-delay:.14s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(5){transition-delay:.17s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(6){transition-delay:.2s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(7){transition-delay:.23s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(8){transition-delay:.26s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(9){transition-delay:.29s}.category-tabs-horizontal.expanded .category-tab-item:nth-child(10){transition-delay:.32s}.category-tab-item:focus{outline:none}.category-tab-item:hover{background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transform:scale(1.25)}.category-tab-item.active{background:none;color:var(--color-primary);font-weight:600}@media (max-width:768px){.category-tabs-horizontal{height:36px}.category-trigger-label{gap:8px;padding:0 12px}.categories-text{font-size:.8125rem}.active-badge{font-size:.7rem;padding:2px 8px}.category-tab-item{font-size:.7rem;height:26px;padding:5px 10px}.category-tabs-horizontal.expanded .category-tabs-expandable{padding:0 6px 0 12px}}@media (max-width:480px){.category-tabs-horizontal{height:34px}.category-trigger-label{gap:6px;padding:0 10px}.categories-text{font-size:.75rem}.active-badge{font-size:.65rem;padding:2px 7px}.expand-icon{height:14px;width:14px}.category-tab-item{font-size:.7rem;height:24px;padding:4px 8px}.category-tabs-horizontal.expanded .category-tabs-expandable{gap:2px;padding:0 4px 0 10px}}.biohack-card{border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-primary);cursor:pointer;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.biohack-card,.biohack-card.selected{background:var(--color-surface-primary);position:relative}.biohack-card.selected{border:2px solid var(--color-primary);box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.biohack-card.selected:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:2}.biohack-card.selected .card-image,.biohack-card.selected .card-image:before{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9)}.biohack-card.selected .card-image:before{opacity:.8}body.dragging-biohack{cursor:grabbing}body.dragging-biohack *{cursor:grabbing!important}.card-image{aspect-ratio:1;flex-shrink:0;overflow:hidden;position:relative;width:100%}.card-image,.card-image:before{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9)}.card-image:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card-image img{border-radius:0;height:100%;object-fit:cover;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.biohack-card:hover .card-image img{transform:none}.card-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:3}.biohack-card:hover .card-overlay{opacity:1}.hover-icons{align-items:center;display:flex;gap:8px;justify-content:center}.biohack-card .card-content{align-items:center;background:var(--color-surface-primary);display:flex!important;flex-direction:column;justify-content:center;position:relative}.biohack-card .card-content,div.biohack-card div.card-content{height:30px!important;max-height:30px!important;min-height:30px!important;padding:0 12px!important}.card-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:-.01em;line-height:1;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.card-scores{gap:8px}.card-scores,.score-item{display:flex;flex-direction:column}.score-item{gap:4px}.score-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.score-bar{background:var(--color-surface-secondary);border-radius:2px;height:4px;overflow:hidden}.score-fill{background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .3s ease}@media (max-width:768px){.card-image{aspect-ratio:1}.hover-icons{gap:6px}.card-content{gap:5px;height:26px!important;padding:0 10px!important}.card-title{font-size:.85rem}}.biohack-card .icon-btn{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fffffff2!important;border:1px solid #fff3!important;border-radius:50%!important;box-shadow:0 2px 8px #00000026!important;display:flex!important;height:36px!important;justify-content:center!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:36px!important}.biohack-card .icon-btn .icon{color:var(--color-text-primary)!important}.biohack-card .icon-btn .icon svg{stroke:var(--color-text-primary)!important}.biohack-card .icon-btn .icon.icon--favourited{color:var(--color-accent)!important}.biohack-card .icon-btn .icon.icon--favourited svg{stroke:var(--color-accent)!important}.biohack-card .icon-btn .icon.icon--favourited svg path{fill:var(--color-accent)!important}.biohack-card .icon-btn .icon.icon--not-favourited{color:var(--color-text-primary)!important}.biohack-card .icon-btn .icon.icon--not-favourited svg{stroke:var(--color-text-primary)!important}.biohack-card .icon-btn .icon.icon--not-favourited svg path{fill:none!important}.card-image:after{background:linear-gradient(0deg,#0000001a,#0000);bottom:0;content:"";height:30px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.card-rating-indicator{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 1px 3px #00000014;display:flex;font-size:.6rem;font-weight:500;gap:3px;letter-spacing:.02em;padding:3px 6px;position:absolute;right:6px;top:6px;z-index:3}.card-rating-indicator .icon--xs{align-items:center;color:var(--color-warning-dark);display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.card-rating-indicator .rating-text{color:var(--color-text-primary);font-size:inherit;font-weight:600}.rating-divider{color:var(--color-border-primary);font-size:inherit;font-weight:400;opacity:.7}.star-rated{color:var(--color-primary)!important}.star-rated svg{fill:var(--color-primary)!important;stroke:var(--color-primary)!important}.star-not-rated{color:var(--color-warning-dark)!important}.star-not-rated svg{fill:var(--color-warning-dark)!important;stroke:var(--color-warning-dark)!important}@media (max-width:480px){.card-image{aspect-ratio:1}.hover-icons{gap:6px}.card-content{gap:4px;height:22px!important;padding:0 8px!important}.card-title{font-size:.8rem}}.biohack-card .card-content,.biohack-card>.card-content,div.biohack-card div.card-content{align-items:center!important;display:flex!important;justify-content:center!important}.biohack-card .card-content,.biohack-card>.card-content,div.biohack-card div.card-content,div[class*=biohack-card] div[class*=card-content]{background:var(--color-surface-primary)!important;height:30px!important;max-height:30px!important;min-height:30px!important;padding:0 12px!important}.protocol-builder-backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.protocol-preview-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999}.protocol-preview-container{--preview-offset:-210px;animation:fadeInScale .3s ease;background:#fff;border-radius:24px;display:inline-block;overflow:visible;pointer-events:auto;transform:translateX(var(--preview-offset)) scale(1.3);transform-origin:center}@keyframes fadeInScale{0%{opacity:0;transform:translateX(var(--preview-offset)) scale(1.235)}to{opacity:1;transform:translateX(var(--preview-offset)) scale(1.3)}}.protocol-builder{background:var(--color-surface-primary);border-left:2px solid #e2e8f0;bottom:0;box-shadow:-12px 0 40px #0000001f,-4px 0 16px #00000014,-1px 0 4px #0000000a;display:flex;flex-direction:column;position:fixed;right:0;top:56px;width:420px;z-index:1000}.protocol-header{align-items:normal!important;background:var(--color-surface-primary)!important;display:block!important;flex-direction:row!important;gap:initial!important;padding:1.25rem 1.5rem .75rem!important;position:relative!important}.protocol-header h3{color:var(--color-text-primary)!important;font-size:1.5rem!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0 0 1rem!important}.protocol-input-container{background:var(--color-surface-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000001a!important;display:block!important;flex:initial!important;min-width:0!important;min-width:auto!important;overflow:hidden!important;transition:all .2s ease!important;width:100%!important}.protocol-input-container:focus-within{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)!important}.protocol-name-input{background:#0000!important;border:none!important;color:var(--color-text-primary)!important;font-size:.9375rem!important;font-weight:500!important;outline:none!important;padding:.75rem 1rem!important;width:100%!important}.protocol-name-input::placeholder{color:var(--color-text-muted)!important;font-weight:400!important}.input-divider{background:var(--color-border-primary)!important;height:1px!important;margin:0 1rem!important}.protocol-description-input{background:#0000!important;border:none!important;color:var(--color-text-primary)!important;font-family:inherit!important;font-size:.8125rem!important;outline:none!important;padding:.625rem 1rem!important;resize:none!important;width:100%!important}.protocol-description-input::placeholder{color:var(--color-text-muted)!important;font-weight:400!important}.protocol-content{background:var(--color-surface-primary);overflow:hidden;padding:1.5rem;position:relative}.biohacks-section,.protocol-content{display:flex;flex:1 1;flex-direction:column}.biohacks-section{margin-bottom:1.5rem;min-height:0}.biohacks-divider{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);height:1px;margin:-4px 0 1rem}.biohacks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.biohacks-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;margin:0}.clear-all-btn{align-items:center;animation:fadeInButton .2s ease forwards;background:#0000;border:1px solid var(--color-border-primary);border-radius:24px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;opacity:0;padding:.25rem .5rem;transition:all .2s ease}@keyframes fadeInButton{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.clear-all-btn:hover{background:#fee2e2;border-color:#fca5a5;color:var(--color-danger-dark)}.clear-all-btn .icon--xs{color:inherit}.biohacks-list{border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:.75rem;transition:all .2s ease}.biohacks-list.drag-over{background:rgba(var(--color-primary-rgb),.02);border:1px solid rgba(var(--color-primary-rgb),.3);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb),.1),inset 0 1px 0 #ffffff1a}.biohacks-list.drag-over:before{animation:fadeInDrop .2s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:6px;box-shadow:0 2px 8px #00000014;color:var(--color-primary);content:"Drop here to add";font-size:.8125rem;font-weight:500;left:50%;opacity:0;padding:.375rem .875rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes fadeInDrop{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.biohack-item-wrapper{gap:1rem!important}.biohack-item,.biohack-item-wrapper{align-items:center!important;display:flex!important}.biohack-item{background:var(--color-surface-primary)!important;border:1px solid #f1f3f4!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000a!important;flex:1 1!important;gap:.75rem!important;padding:.75rem!important;position:relative!important;transition:all .3s ease!important}.biohack-number{align-items:center!important;background:var(--color-primary)!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2)!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:600!important;height:24px!important;justify-content:center!important;width:24px!important}.biohack-item:hover{background:var(--color-surface-primary)!important;border-color:var(--color-border-primary)!important;box-shadow:0 8px 25px #00000014!important;transform:translateY(-2px)!important}.biohack-image{border:1px solid #f1f3f4;border-radius:10px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.biohack-name{line-height:1.4}.remove-biohack{align-items:center;background:var(--color-danger);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:22px}.biohack-item:hover .remove-biohack{opacity:1}.remove-biohack:hover{background:var(--color-danger-dark);transform:scale(1.1)}.empty-state{color:var(--color-text-secondary);justify-content:center;padding:2rem 1rem}.empty-state .icon--lg{color:var(--color-text-muted);height:56px;margin-bottom:1rem;width:56px}.empty-state p{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin:0}.empty-state-wrapper{align-items:center;display:flex;gap:1rem}.empty-state-simple{align-items:center;background:var(--color-surface-primary);border:1px solid #f1f3f4;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:var(--color-text-secondary);display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem}.empty-state-simple .icon--md{color:var(--color-text-muted);height:18px;width:18px}.empty-state-hint{color:var(--color-text-muted);font-size:.75rem;font-style:italic;line-height:1.4;margin:-.25rem 0 0;text-align:center;width:100%}.empty-slot-wrapper{align-items:center;display:flex;gap:1rem}.empty-slot-item{align-items:center;background:var(--color-surface-secondary);border:1px dashed #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:var(--color-text-secondary);display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.75rem;min-height:58px;padding:.75rem}.protocol-actions{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-radius:0 0 0 16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;margin:0;padding:1.5rem}.protocol-actions:before{background:linear-gradient(90deg,#0000,#e2e8f0 20%,#e2e8f0 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.btn{align-items:center;border:none;border-radius:24px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:-.01em;padding:.875rem 1.25rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-border-primary);box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.btn-primary{background:var(--color-primary);box-shadow:0 4px 12px #60a5fa33;color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 16px #60a5fa4d;transform:translateY(-2px)}.btn-primary--disabled{color:var(--color-text-muted)!important;cursor:not-allowed!important}.btn-primary--disabled,.btn-primary--disabled:hover{background:var(--color-border-primary)!important;box-shadow:none!important}.btn-primary--disabled:hover{transform:none!important}@media (max-width:1200px){.protocol-builder{width:380px}.protocol-preview-container{--preview-offset:-190px}}@media (max-width:1000px){.protocol-builder{width:360px}.protocol-preview-container{--preview-offset:-180px}.protocol-header{padding:1.75rem 1.25rem 1.5rem}.protocol-content{padding:1.25rem}}@media (max-width:800px){.protocol-builder{border-left:none;border-top:1px solid #f1f3f4;bottom:0;height:auto;left:0;max-height:70vh;position:fixed;right:0;top:auto;width:100%}.protocol-preview-container{--preview-offset:0}.protocol-header{padding:1.5rem 1.25rem 1.25rem}.protocol-content{padding:1.25rem}.biohacks-list{max-height:250px}}.protocol-scheduler{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.protocol-scheduler-header{background:#fff;border-bottom:1px solid var(--color-border-primary);flex-shrink:0;padding:16px 20px}.protocol-scheduler-header-content{align-items:flex-start;display:flex;justify-content:space-between}.protocol-scheduler-title-section{flex:1 1}.protocol-scheduler-header-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:10px;line-height:1.2;margin:0}.protocol-scheduler-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.protocol-scheduler-close-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.protocol-scheduler-options{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.protocol-scheduler-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.protocol-scheduler-option:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary)}.protocol-scheduler-option.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.protocol-scheduler-body{flex:1 1;overflow-y:auto;padding:16px 20px}.protocol-scheduler-content{display:flex;flex-direction:column;gap:12px}.protocol-scheduler-no-biohacks{color:var(--color-text-secondary);font-size:.85rem;padding:24px 20px;text-align:center}.protocol-scheduler-info-text{color:var(--color-text-muted);font-size:.875rem;font-style:italic;line-height:1.5;margin:20px 0;text-align:center}.protocol-scheduler-footer{background:#fff;border-top:1px solid var(--color-border-primary);flex-shrink:0;padding:12px 20px}.advanced-scheduling-title{margin:0}@media (max-width:640px){.protocol-scheduler-options{flex-direction:column}.advanced-scheduling-controls,.biohack-row-controls,.biohack-row-controls--advanced{grid-template-columns:1fr}}.shields-picker-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.shields-picker-modal{animation:slideUp .3s ease;border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;max-height:85vh;max-width:95vw;width:700px}.shields-picker-header,.shields-picker-modal{background:var(--color-surface-primary);display:flex}.shields-picker-header{align-items:center;border-bottom:1px solid var(--color-border-primary);border-radius:12px 12px 0 0;justify-content:space-between;padding:12px 16px}.shields-picker-header h3{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin:0}.shields-picker-close{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.shields-picker-close:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.shields-picker-content{-ms-overflow-style:none;background:var(--color-surface-secondary);border-radius:0 0 12px 12px;flex:1 1;overflow-y:auto;padding:20px 16px;scrollbar-width:none}.shields-picker-content::-webkit-scrollbar{display:none}.shields-picker-empty,.shields-picker-error,.shields-picker-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:16px;justify-content:center;min-height:300px}.shields-picker-error{color:var(--color-danger)}.shields-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px 0}.shield-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease}.shield-item:hover{transform:translateY(-8px)}.shield-item:hover .shield-add-button{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.shield-add-button{align-items:center;background:var(--color-surface-secondary);border:2px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.shield-add-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.shield-add-button:active{transform:scale(.98)}.shield-add-button:disabled{cursor:not-allowed;opacity:.6}.shield-add-button:disabled:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary);transform:scale(1)}@media (max-width:1024px){.shields-picker-modal{max-width:90vw}.shields-picker-content{padding:18px 14px}.shields-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.shields-picker-modal{border-radius:12px;max-height:90vh;max-width:95vw}.shields-picker-header{padding:12px}.shields-picker-content{padding:16px 12px}.shields-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.shields-grid{grid-template-columns:1fr}.shields-picker-modal{border:none;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:80vh;width:100vw}}.create-protocol{background:var(--gradient-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-right:0;padding-top:0}.page-container{margin:0 auto;max-width:1600px;padding:0 2rem;width:100%}.protocol-sub-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-surface-glass);border-bottom:1px solid var(--color-border-primary);display:flex;height:48px;padding:0;width:calc(100% - 420px)}.sub-tabs-container{margin:0 auto;max-width:1600px;padding:0 2rem;width:100%}.sub-tab,.sub-tabs-container{align-items:center;display:flex;height:100%}.sub-tab{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;font-weight:500;padding:0 1.5rem;position:relative;transition:all .2s ease}.sub-tab:hover{color:var(--color-text-primary)}.sub-tab.active{color:var(--color-primary);font-weight:600}.sub-tab.active:after{background:var(--color-primary);border-radius:1px 1px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.search-filter-section{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);display:flex;gap:1.5rem;height:64px;padding:1rem 0;width:calc(100% - 420px)}.search-filter-container{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1600px;padding:0 2rem;width:100%}.floating-try-me-button{align-items:center;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#000000d9;border:1px solid #ffffff1f;border-radius:50px;bottom:32px;box-shadow:0 4px 16px #0000004d,0 2px 8px #0000001a,inset 0 -1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;left:32px;padding:14px 24px;position:fixed;transition:all .3s ease;white-space:nowrap;z-index:100}.floating-try-me-button:hover{border-color:#ffffff26;box-shadow:0 8px 24px #00000059,0 4px 16px #00000026,inset 0 -1px 0 #ffffff1f;transform:translateY(-4px) scale(1.05)}.floating-try-me-button:active{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.floating-try-me-button{bottom:24px;font-size:14px;left:24px;padding:12px 20px}}@media (max-width:480px){.floating-try-me-button{bottom:20px;font-size:13px;left:20px;padding:10px 16px}}.search-filter-container .search-bar-wrapper{flex-shrink:0;max-width:300px;width:auto}.search-filter-container .search-input-wrapper{border-radius:24px}.biohacks-grid-container{flex:1 1;overflow-y:auto;padding:1.5rem 0 120px;position:relative;width:calc(100% - 420px)}@media (max-width:1400px){.biohacks-grid-container,.protocol-sub-tabs,.search-filter-section{width:calc(100% - 350px)}}@media (max-width:1200px){.biohacks-grid-container,.protocol-sub-tabs,.search-filter-section{width:calc(100% - 380px)}}@media (max-width:1000px){.biohacks-grid-container,.protocol-sub-tabs,.search-filter-section{width:calc(100% - 360px)}}@media (max-width:800px){.biohacks-grid-container,.protocol-sub-tabs,.search-filter-section{width:100%}}.biohacks-grid-container:after{background:linear-gradient(180deg,#0000 0,#f8f9fa66 30%,#f8f9facc 70%,#f8f9faf2);bottom:0;content:"";height:80px;left:0;pointer-events:none;position:fixed;right:0;z-index:10}.biohacks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto;max-width:none;padding:0 2rem;width:100%}.biohacks-grid>*{justify-self:center;max-width:220px}@media (min-width:640px){.biohacks-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.biohacks-grid>*{max-width:200px}}@media (min-width:768px){.biohacks-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.biohacks-grid>*{max-width:220px}}@media (min-width:1024px){.biohacks-grid{gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.biohacks-grid>*{max-width:240px}}@media (min-width:1280px){.biohacks-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.biohacks-grid>*{max-width:260px}}@media (min-width:1440px){.biohacks-grid{gap:2.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.biohacks-grid>*{max-width:280px}}@media (min-width:1600px){.biohacks-grid{gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.biohacks-grid>*{max-width:300px}}@media (min-width:1800px){.biohacks-grid{gap:2.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.biohacks-grid>*{max-width:320px}}@media (min-width:2000px){.biohacks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.biohacks-grid>*{max-width:340px}}@media (min-width:1600px){.biohacks-grid,.page-container,.search-filter-container,.sub-tabs-container{max-width:1800px;padding:0 1.5rem}}@media (min-width:2000px){.biohacks-grid,.page-container,.search-filter-container,.sub-tabs-container{max-width:2000px;padding:0 1rem}}@media (min-width:2400px){.biohacks-grid,.page-container,.search-filter-container,.sub-tabs-container{max-width:2200px;padding:0 .75rem}}.loading{font-size:.875rem;font-weight:500}.subtle-loading-indicator{align-items:center;display:flex;gap:4px;margin-left:auto}.loading-dot{animation:loading-bounce 1.4s ease-in-out infinite both;background:var(--color-primary);border-radius:50%;height:6px;width:6px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.biohacks-grid-container::-webkit-scrollbar{width:6px}.biohacks-grid-container::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:3px}.biohacks-grid-container::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.biohacks-grid-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.biohack-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-primary);display:flex;flex-direction:column;min-width:0;overflow:hidden;width:100%}.skeleton-image{aspect-ratio:1;background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);border-radius:0;flex-shrink:0;position:relative;width:100%}.skeleton-title{align-items:center;background:var(--color-surface-secondary);border-radius:0;display:flex;height:30px;justify-content:center;margin:0;padding:0 12px;width:100%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.empty-state{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-primary);color:var(--color-text-muted);font-size:.875rem;font-style:italic;grid-column:1/-1;margin:1rem;overflow:hidden;padding:3rem;position:relative}.empty-state:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.empty-state p{margin:.5rem 0;position:relative;z-index:1}.biohacks-empty-message{color:var(--color-text-muted);font-size:.875rem;font-style:italic;grid-column:1/-1;padding:2rem 0;text-align:center}.create-protocol .drop-success-indicator{align-items:center;animation:dropSuccessFadeIn .25s ease forwards;background:var(--color-success);border-radius:999px;bottom:32px;box-shadow:0 12px 30px #10b9814d;color:var(--color-surface-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;letter-spacing:-.01em;padding:.75rem 1.5rem;position:fixed;right:auto;top:auto;transform:translateX(-50%);z-index:120}.create-protocol .drop-success-indicator .icon--sm{color:inherit}.create-protocol .drop-remove-indicator{align-items:center;animation:dropSuccessFadeIn .25s ease forwards;background:var(--color-danger);border-radius:999px;bottom:32px;box-shadow:0 12px 30px #ef44444d;color:var(--color-surface-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;letter-spacing:-.01em;padding:.75rem 1.5rem;position:fixed;right:auto;top:auto;transform:translateX(-50%);z-index:120}.create-protocol .drop-remove-indicator .icon--sm{color:inherit}.create-protocol .protocol-success-indicator{align-items:center;animation:dropSuccessFadeIn .25s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#e6f1ff,#f3e8ff 48%,#fff6e3);border:1px solid #94a3b859;border-radius:999px;bottom:32px;box-shadow:0 12px 40px #0f172a2e;color:#0f172a;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;left:50%;letter-spacing:-.01em;padding:.75rem 1.75rem;position:fixed;right:auto;top:auto;transform:translateX(-50%);z-index:130}.create-protocol .protocol-success-indicator .icon--sm{color:#1f2937}@keyframes dropSuccessFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.page-container{padding:0 1rem}.skeleton-image{aspect-ratio:1}.skeleton-title{height:26px;padding:0 10px}.sub-tabs-container{padding:0 1rem}.protocol-sub-tabs{height:44px}.sub-tab{font-size:.8rem;padding:0 1rem}.search-filter-container{align-items:stretch;flex-direction:column;gap:.75rem;height:auto;min-height:56px;padding:0 1rem}.subtle-loading-indicator{justify-content:center;margin:.5rem 0}.search-filter-section{gap:.75rem;height:auto;min-height:48px;padding:.75rem 0}.biohacks-grid-container{padding:1rem 0 140px}.biohacks-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0 1rem}.biohacks-grid>*{max-width:180px}}@media (max-width:480px){.page-container{padding:0 .75rem}.skeleton-title{height:22px;padding:0 8px}.search-filter-container,.sub-tabs-container{padding:0 .75rem}.biohacks-grid-container{padding:.75rem 0}.biohacks-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:0 .75rem}.biohacks-grid>*{justify-self:stretch;max-width:none}.sub-tab{padding:.5rem 0;text-align:left}}:root{--user-page-bg:var(--color-surface-primary);--user-page-text:var(--color-text-primary);--user-page-text-secondary:var(--color-text-secondary);--user-page-text-muted:var(--color-text-muted);--user-page-border:var(--color-border-primary);--user-page-accent:var(--color-primary);--user-page-white:var(--color-surface-primary);--user-page-shadow:var(--shadow-tertiary);--user-page-shadow-light:var(--shadow-primary);--user-page-radius:8px;--user-page-radius-lg:20px;--user-page-transition:all 0.2s ease}.user-page{background:var(--color-surface-primary);background:var(--user-page-bg);color:var(--color-text-primary);color:var(--user-page-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-top:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-surface-overlay);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.modal-overlay::-webkit-scrollbar{display:none;height:0;width:0}.modal-overlay,.modal-overlay *,.modal-overlay :after,.modal-overlay :before{-ms-overflow-style:none;scrollbar-color:#0000 #0000;scrollbar-width:none}.modal-overlay ::-webkit-scrollbar,.modal-overlay :after::-webkit-scrollbar,.modal-overlay :before::-webkit-scrollbar,.modal-overlay::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}.followers-modal{background:var(--color-surface-primary);background:var(--user-page-white);border-radius:20px;border-radius:var(--user-page-radius-lg);box-shadow:var(--shadow-modal);max-height:70vh;max-width:90vw;overflow:hidden;width:500px}.protocol-display-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-surface-overlay);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.protocol-display-container{cursor:default;left:calc(50vw - 240px);position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.protocol-display-container{left:50%;transform:translate(-50%,-50%)}}.followers-modal::-webkit-scrollbar{display:none;height:0;width:0}.modal-title{background:var(--color-surface-primary);background:var(--user-page-white);border-bottom:1px solid var(--user-page-border);color:var(--color-text-primary);color:var(--user-page-text);font-size:1.25rem;font-weight:700;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.modal-title::-webkit-scrollbar{display:none;height:0;width:0}.modal-list{-ms-overflow-style:none;-webkit-overflow-scrolling:auto;box-sizing:border-box;flex:1 1;margin-bottom:20px;max-width:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-gutter:auto;scrollbar-width:none;width:100%}.modal-list::-webkit-scrollbar{display:none;height:0;width:0}.modal-list::-webkit-scrollbar-thumb,.modal-list::-webkit-scrollbar-track{display:none}.modal-list::-webkit-scrollbar-corner{display:none}.modal-list-item{-ms-overflow-style:none;align-items:center;border-bottom:1px solid var(--user-page-border);box-sizing:border-box;cursor:pointer;display:flex;max-width:100%;min-width:0;overflow:hidden;overflow-x:hidden;padding:12px 24px;scrollbar-width:none;transition:all .2s ease;transition:var(--user-page-transition);white-space:nowrap;width:100%}.modal-list-item:hover{background:var(--color-surface-secondary)}.modal-list-item::-webkit-scrollbar{display:none;height:0;width:0}.modal-list-item::-webkit-scrollbar-thumb,.modal-list-item::-webkit-scrollbar-track{display:none}.modal-list-item::-webkit-scrollbar-corner{display:none}.modal-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}.modal-avatar img{height:100%;object-fit:cover;width:100%}.modal-avatar *{-ms-overflow-style:none;-webkit-overflow-scrolling:auto;overflow:visible;overflow-x:visible;overflow-y:visible;scrollbar-color:#0000 #0000;scrollbar-gutter:auto;scrollbar-width:none}.modal-avatar ::-webkit-scrollbar{background:#0000;display:none;height:0;opacity:0;visibility:hidden;width:0}.modal-avatar-fallback{align-items:center;background:var(--gradient-primary);border-radius:50%;color:var(--color-surface-primary);color:var(--user-page-white);display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-right:12px;text-transform:uppercase;width:40px}.modal-username{-ms-overflow-style:none;color:var(--color-text-primary);color:var(--user-page-text);flex:1 1;font-weight:600;max-width:100%;overflow:hidden;scrollbar-width:none;text-overflow:ellipsis;white-space:nowrap}.modal-username::-webkit-scrollbar{display:none;height:0;width:0}.modal-empty,.modal-loading{font-size:1rem;font-weight:500;padding:40px 20px;text-align:center}.modal-close,.modal-empty,.modal-loading{color:var(--color-text-secondary);color:var(--user-page-text-secondary)}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px;transition:all .2s ease;transition:var(--user-page-transition);z-index:20}.modal-close:hover{color:var(--color-text-primary);color:var(--user-page-text)}.user-profile-header{background:var(--color-surface-primary);background:var(--user-page-white);display:flex;flex-direction:column;min-height:200px;padding:0;position:relative;width:100%}.user-profile-header-gradient{background:var(--gradient-bg-primary);border-radius:0 0 20px 20px;border-radius:0 0 var(--user-page-radius-lg) var(--user-page-radius-lg);height:85px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:1}.user-profile-header-content{align-items:flex-start;display:flex;gap:15px;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:20px 40px;position:relative;width:100%;z-index:2}.user-profile-main-photo{flex-shrink:0;margin-left:-50px;position:relative;z-index:3}.user-profile-avatar{background:#0000!important;height:280px;width:280px;z-index:2}.user-profile-avatar,.user-profile-page .user-profile-main-photo .user-profile-avatar,.user-profile-page .user-profile-photo-hover-container .user-profile-avatar{border:12px solid var(--color-surface-primary)!important;border-radius:50%!important;box-shadow:var(--shadow-tertiary)!important;overflow:hidden!important}.user-profile-avatar-fallback{color:var(--color-surface-primary);color:var(--user-page-white);font-size:2rem;font-weight:700}.user-profile-main-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:230px;justify-content:space-between;margin:0 0 0 10px;max-width:400px;padding-top:0;position:relative;text-align:left;z-index:3}.user-profile-name-section{gap:12px;margin-bottom:0}.user-profile-name{color:var(--user-page-text);font-size:2rem;line-height:1;padding:0}.user-profile-pro-badge{background:var(--gradient-primary);border-radius:20px;color:var(--color-surface-primary);color:var(--user-page-white);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.user-profile-title{color:var(--color-text-secondary);color:var(--user-page-text-secondary);font-size:1rem;font-weight:400;line-height:1;margin:10px 0 0;padding:0}.user-profile-location{color:var(--user-page-text-muted);font-weight:300;line-height:1;margin:10px 0 0;padding:0}.user-profile-actions-container{align-items:flex-end;display:flex;height:auto;margin-top:auto;padding-top:0;position:relative;z-index:3}.user-profile-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:0;position:relative;z-index:3}.user-profile-follow-btn{background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--user-page-radius);color:var(--color-text-on-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .2s ease;transition:var(--user-page-transition)}.user-profile-follow-btn:hover{background:var(--gradient-primary-hover);box-shadow:var(--glow-primary);transform:translateY(-1px)}.user-profile-contact-btn{background:var(--color-surface-primary);background:var(--user-page-white);border:1px solid var(--user-page-border);border-radius:8px;border-radius:var(--user-page-radius);color:var(--color-text-primary);color:var(--user-page-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .2s ease;transition:var(--user-page-transition)}.user-profile-contact-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.user-profile-right-section{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:20px;height:230px;justify-content:flex-end;margin-right:-50px;min-width:200px;position:relative;z-index:3}.user-profile-decorative-badges{align-items:center;display:flex;gap:8px}.user-profile-badge{align-items:center;border-radius:50%;box-shadow:var(--shadow-primary);box-shadow:var(--user-page-shadow-light);color:var(--color-surface-primary);color:var(--user-page-white);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-profile-badge.orange{background:var(--gradient-warning)}.user-profile-badge.blue{background:var(--gradient-primary)}.user-profile-badge.black{background:var(--color-dark)}.user-profile-stats-vertical{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:flex-start;margin-right:50px;min-width:300px}.user-profile-stats-horizontal{display:flex;gap:40px;justify-content:center;margin-bottom:20px;position:relative;z-index:3}.user-profile-stat-item{align-items:center;cursor:pointer;flex:1 1;gap:2px;min-width:80px;text-align:center;transition:transform .2s ease}.user-profile-stat-item:hover{transform:translateY(-2px)}.user-profile-stat-number{color:var(--color-text-primary);color:var(--user-page-text);font-size:2rem;font-weight:700;line-height:1;margin:0}.user-profile-stat-label{color:var(--color-text-secondary);color:var(--user-page-text-secondary);font-size:1rem;font-weight:300;line-height:1;margin:0}.user-profile-tabs{background:var(--color-surface-primary);background:var(--user-page-white);display:flex;gap:40px;justify-content:flex-start;margin:0;padding:0 100px 0 10px;position:static;width:100%;z-index:2}.user-page .user-profile-tabs,.user-profile-page .user-profile-tabs,div.user-profile-tabs{padding-left:10px;padding-right:100px}.user-profile-tab{background:none;border:none;color:var(--color-text-secondary);color:var(--user-page-text-secondary);cursor:pointer;flex:none;font-size:.85rem;padding:16px 0;text-align:left;transition:all .2s ease;transition:var(--user-page-transition)}.user-profile-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-primary);color:var(--user-page-text)}.user-profile-tab.active{border-bottom-color:var(--user-page-text)!important;border-bottom-width:4px!important;color:var(--color-text-primary)!important;color:var(--user-page-text)!important;font-weight:700!important}.user-profile-tab-count{background:var(--user-page-accent);color:var(--color-surface-primary);color:var(--user-page-white);margin-left:8px}.user-profile-content{margin:0;padding:20px 40px 30px;width:100%}.user-profile-empty-state{color:var(--user-page-text-secondary)}.github-activity-section{margin:0 auto 40px;max-width:1200px;padding:0 20px}.github-section-title{color:var(--color-text-primary);color:var(--user-page-text);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 24px;padding:0}.github-activity-timeline{background:#0000;border-radius:0;box-shadow:none;padding:0}.modern-activity-section{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.activity-stats-section{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:10px;box-shadow:var(--shadow-primary);display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;width:100%}.activity-content-wrapper{align-items:stretch;display:flex;gap:24px}.activity-grid-container{display:flex;flex:6 1;flex-direction:column;min-width:0}.activity-header-section{display:flex;flex-direction:column;gap:6px}.activity-header{align-items:center;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:16px 24px}.activity-main-title{color:var(--color-text-primary);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin:0;text-align:center;white-space:nowrap}.activity-back-arrow,.activity-header-spacer{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-back-arrow{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-back-arrow:hover{background:var(--color-surface-primary);border-color:var(--color-border-primary);color:var(--color-text-primary);transform:translateX(-1px)}.activity-back-arrow:active{transform:scale(.95)}.activity-forward-arrow{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.activity-forward-arrow:hover{background:var(--color-surface-primary);border-color:var(--color-border-primary);color:var(--color-text-primary);transform:translateX(1px)}.activity-forward-arrow:active{transform:scale(.95)}.user-profile-settings-btn{align-items:center;background:none;border:none;border-radius:24px;color:var(--color-text-secondary);color:var(--user-page-text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:12px;padding:8px;transition:all .2s ease}.user-profile-settings-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary);color:var(--user-page-text)}.user-profile-name-section{align-items:center;display:flex;justify-content:flex-start}.profile-settings-modal{animation:slideDown .16s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--color-surface-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:12px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@media (max-width:768px){.profile-settings-modal{border-radius:12px;max-height:calc(100vh - 40px);width:calc(100vw - 40px)}.profile-settings-content{padding:20px 16px 16px}.profile-settings-form{gap:20px}}.profile-settings-header{align-items:center;background:#fff;background:var(--color-surface-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.profile-settings-header h2{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.profile-settings-header .close-btn{align-items:center;background:none;border:none;border-radius:3px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.profile-settings-header .close-btn:hover{background:#0000000a;background:var(--color-surface-secondary,#0000000a);color:#111827;color:var(--color-text-primary,#111827)}.profile-settings-header .close-btn:active{transform:scale(.95);transition:transform .1s ease}.profile-settings-content{background:var(--color-surface-secondary);flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.profile-settings-content::-webkit-scrollbar{width:4px}.profile-settings-content::-webkit-scrollbar-track{background:#0000}.profile-settings-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.profile-settings-content::-webkit-scrollbar-thumb:hover{background:#0003}.profile-settings-content{scrollbar-color:#0000001a #0000;scrollbar-width:thin}.profile-settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;font-weight:500;letter-spacing:-.01em}.form-group input,.form-group select,.form-group textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-surface-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:6px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input,.form-group select{height:40px;min-height:40px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary);outline:none}.form-group input:disabled,.form-group select:disabled{background:var(--color-surface-secondary);color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:not-allowed;opacity:.7}.form-group textarea{font-family:Inter,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;min-height:100px;padding:10px 12px;resize:vertical}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:36px}.form-group select:hover:not(:disabled){border-color:#e5e7eb;border-color:var(--color-border-primary,#e5e7eb)}.form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23288B80' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.form-group select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='M6 9 1 4h10z'/%3E%3C/svg%3E");cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af);opacity:1}.form-help{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.6875rem;line-height:1.4;margin-top:4px}.profile-settings-actions{background:#fff;background:var(--color-surface-primary,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary,#e5e7eb);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;margin-top:4px;padding:12px 16px}.profile-settings-actions .btn{border:1px solid #0000;border-radius:6px;font-size:.875rem;font-weight:500;min-height:36px;padding:8px 16px;transition:all .2s ease}.profile-settings-actions .btn--secondary{background:#0000}.profile-settings-actions .btn--secondary,.profile-settings-actions .btn--secondary:hover:not(:disabled){border-color:#e5e7eb;border-color:var(--color-border-primary,#e5e7eb);color:#111827;color:var(--color-text-primary,#111827)}.profile-settings-actions .btn--secondary:hover:not(:disabled){background:#0000000a;background:var(--color-surface-secondary,#0000000a)}.profile-settings-actions .btn--primary{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-surface-primary)}.profile-settings-actions .btn--primary:hover:not(:disabled){background:var(--gradient-primary-hover);border-color:var(--color-primary-dark);box-shadow:var(--glow-primary);transform:translateY(-1px)}.profile-settings-actions .btn:active:not(:disabled){transform:translateY(0)}.profile-settings-actions .btn:disabled{cursor:not-allowed;opacity:.5}.profile-picture-section-new{align-items:center;display:flex;flex-direction:column;gap:12px}.profile-picture-preview{border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:20%;box-shadow:var(--shadow-secondary);height:150px;overflow:hidden;position:relative;width:150px}.profile-picture-image{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{background:var(--gradient-primary);border-radius:20%;display:flex!important;font-size:3rem;font-weight:700;height:100%;width:100%}.profile-picture-overlay,.profile-picture-placeholder{align-items:center;color:var(--color-text-on-primary);justify-content:center}.profile-picture-overlay{background:var(--color-surface-overlay);bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.profile-picture-buttons{display:flex;gap:8px;justify-content:center}.profile-picture-btn{align-items:center;border:1px solid #0000;border-radius:24px;display:flex;font-family:Inter,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;gap:6px;min-height:36px;padding:8px 16px;transition:all .2s ease}.profile-picture-btn.btn--primary{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-surface-primary)}.profile-picture-btn.btn--primary:hover:not(:disabled){background:var(--gradient-primary-hover);border-color:var(--color-primary-dark);box-shadow:var(--glow-primary);transform:translateY(-1px)}.profile-picture-btn.btn--danger{background:#0000;border-color:#e5e7eb;border-color:var(--color-border-primary,#e5e7eb);color:#6b7280;color:var(--color-text-muted,#6b7280)}.profile-picture-btn.btn--danger:hover:not(:disabled){background:#0000000a;background:var(--color-surface-secondary,#0000000a);border-color:var(--color-danger-border);color:var(--color-danger-dark)}.profile-picture-btn:active:not(:disabled){transform:translateY(0)}.profile-picture-btn:disabled{cursor:not-allowed;opacity:.5}.spin{animation:spin 1s linear infinite}.delete-confirmation-modal-new{background:var(--color-surface-secondary);border-radius:12px;box-shadow:var(--shadow-modal);max-width:400px;padding:2rem;width:90%}.delete-confirmation-modal-new h3{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-align:center}.delete-confirmation-modal-new p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 2rem;text-align:center}.delete-confirmation-actions-new{align-items:center;display:flex;flex-direction:column;gap:.75rem}.btn--cancel{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);max-width:200px;width:100%}.btn--cancel:hover{background:var(--color-surface-secondary);border-color:var(--color-text-muted)}.btn--remove{background:var(--color-danger);border:1px solid #0000;color:var(--color-surface-primary);max-width:200px;width:100%}.btn--remove:hover{background:var(--color-danger-dark);border-color:#0000}.drop-remove-indicator,.drop-success-indicator,.protocol-error-indicator,.protocol-success-indicator{align-items:center;animation:slideInRight .3s ease-out;background:var(--color-surface-primary);background:var(--user-page-white);border-left:4px solid;border-radius:8px;border-radius:var(--user-page-radius);box-shadow:var(--shadow-tertiary);box-shadow:var(--user-page-shadow);display:flex;gap:.75rem;max-width:300px;padding:1rem 1.5rem;position:fixed;right:2rem;top:100px;z-index:1001}.protocol-success-indicator{border-left-color:var(--color-success);color:var(--color-success-dark)}.protocol-error-indicator{border-left-color:var(--color-danger);color:var(--color-danger-dark)}.drop-success-indicator{border-left-color:var(--color-success);color:var(--color-success-dark)}.drop-remove-indicator{border-left-color:var(--color-danger);color:var(--color-danger-dark)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;width:100%}.activity-stat{align-items:center;border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;gap:8px;padding:24px 32px;text-align:center;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.activity-stat:last-child{border-right:none}.activity-stat:hover{background-color:var(--color-surface-secondary)}.stat-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1;order:1;text-transform:uppercase}.stat-value{color:var(--color-text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.03em;line-height:1;order:2}.modern-activity-grid{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:10px;box-shadow:var(--shadow-primary);overflow:hidden;padding:20px;position:relative;width:100%}.calendar-container{display:flex;flex-direction:column;gap:8px}.calendar-day-labels{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.day-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.02em;min-height:16px;padding:4px 0;text-align:center;text-transform:uppercase}.calendar-weeks-container{display:flex;flex-direction:column;gap:3px}.week-row{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.activity-day{align-items:center;aspect-ratio:1;background:var(--color-surface-secondary);border-radius:4px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.activity-day:hover{background:var(--color-surface-tertiary);z-index:10}.activity-circle-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1);width:100%}.activity-ring{background:#0000;border-radius:50%;box-sizing:border-box;left:50%;opacity:.95;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.4,0,.2,1)}.activity-ring:first-child{aspect-ratio:1;background:var(--color-primary-dark);border:2px solid var(--color-primary-darker);height:22%;width:22%;z-index:8}.activity-ring:nth-child(2){height:32%;width:32%;z-index:7}.activity-ring:nth-child(2),.activity-ring:nth-child(3){aspect-ratio:1;background:var(--color-primary-darker);border:2px solid var(--color-primary-hover)}.activity-ring:nth-child(3){height:42%;width:42%;z-index:6}.activity-ring:nth-child(4){aspect-ratio:1;background:var(--color-primary-hover);border:2px solid var(--color-primary);height:52%;width:52%;z-index:5}.activity-ring:nth-child(5){height:62%;width:62%;z-index:4}.activity-ring:nth-child(5),.activity-ring:nth-child(6){aspect-ratio:1;background:var(--color-primary);border:2px solid var(--color-primary-light)}.activity-ring:nth-child(6){height:72%;width:72%;z-index:3}.activity-ring:nth-child(7){aspect-ratio:1;background:var(--color-primary-light);border:2px solid var(--color-surface-tertiary);height:82%;width:82%;z-index:2}.activity-ring:nth-child(8){aspect-ratio:1;background:var(--color-surface-tertiary);border:2px solid var(--color-surface-secondary);height:92%;width:92%;z-index:1}.activity-center-dot{aspect-ratio:1;background:var(--color-text-primary);border:none;border-radius:50%;box-shadow:0 0 0 2px var(--color-surface-glass-light);flex-shrink:0;height:6px;max-height:6px;max-width:6px;min-height:6px;min-width:6px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:6px;z-index:10}.activity-day:has(.activity-ring) .activity-circle-container{transition:transform .25s cubic-bezier(.4,0,.2,1)}.activity-day:has(.activity-ring):hover .activity-circle-container{transform:scale(1.4)}.activity-day:has(.activity-ring):hover .activity-ring{opacity:1}.activity-day:has(.activity-ring):hover .activity-center-dot{box-shadow:0 0 0 3px var(--color-surface-glass)}.modern-activity-log{-ms-overflow-style:none;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:10px;box-shadow:var(--shadow-primary);box-sizing:border-box;display:flex;flex:4 1;flex-direction:column;justify-content:flex-start;max-width:100%;min-width:0;overflow:hidden;padding:0;scrollbar-width:none;width:100%}.modern-activity-log::-webkit-scrollbar{display:none}.log-header{align-items:center;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;justify-content:flex-start;padding:16px 20px}.log-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.log-subtitle,.log-title{letter-spacing:-.01em;margin:0}.log-subtitle{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.log-entries-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:0;margin:0;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px;width:100%}.modern-log-entry{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;gap:12px;padding:12px 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-log-entry:last-child{border-bottom:none}.log-entry-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.log-entry-text{font-size:.875rem;font-weight:500;letter-spacing:-.01em}.log-entry-text,.log-username{color:var(--color-text-primary)}.log-username{font-weight:600}.log-count{color:var(--color-primary);font-size:.9375rem;font-weight:700}.log-entry-date{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:-.01em}.day-details-close{background:#0000;border:none;padding:6px}.day-details-close:hover{background:var(--color-surface-tertiary);transform:scale(1.05)}.day-details-close:active{transform:scale(.95)}.biohack-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;left:0;margin:12px 0 0;padding:0;position:relative;scrollbar-width:none;width:100%}.biohack-list::-webkit-scrollbar{display:none}.biohack-image-container{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;margin:0;max-width:100%;padding:12px 14px 12px 0;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.biohack-image-container:hover{background:var(--color-surface-secondary);transform:translateX(2px)}.biohack-show-more{display:flex;flex-shrink:0;justify-content:center;margin-top:12px;width:100%}.biohack-show-more .btn{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;height:auto;min-height:36px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.biohack-show-more .btn:hover{background:var(--color-surface-primary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.biohack-icon{border:1px solid var(--color-border-secondary);border-radius:8px;box-shadow:var(--shadow-primary);display:block;flex-shrink:0;height:44px;margin:0;object-fit:cover;padding:0;width:44px}.biohack-name{flex:1 1;font-size:.9375rem;min-width:0}.biohack-name,.biohack-protocol-tag{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.biohack-protocol-tag{align-items:center;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:5px;color:var(--color-primary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.03em;max-width:140px;padding:5px 10px;text-transform:uppercase}.log-empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:16px}.empty-text{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.empty-subtext{color:var(--color-text-secondary);font-size:.8125rem;letter-spacing:-.01em;line-height:1.5;max-width:280px}@media (max-width:768px){.github-activity-section,.modern-activity-section,.user-page .github-section{padding:0 16px}.user-page .user-profile-protocols-content .github-section{padding:0}.activity-header{padding:12px 16px}.activity-stats{grid-template-columns:1fr}.activity-stat{border-bottom:1px solid var(--color-border-primary);border-right:none;padding:20px 24px}.activity-stat:last-child{border-bottom:none}.stat-value{font-size:2rem}.activity-content-wrapper{flex-direction:column;gap:20px}.activity-grid-container,.modern-activity-log{flex:none;width:100%}.modern-activity-grid,.modern-activity-log{padding:16px}.activity-day{min-height:12px}.activity-center-dot{height:5px;width:5px}.protocol-header-content{align-items:flex-start;flex-direction:column;gap:12px}.protocol-header-actions{align-items:flex-start;flex-direction:row;gap:12px}}@media (max-width:480px){.activity-header{padding:10px 12px}.activity-main-title{font-size:.8125rem}.activity-back-arrow,.activity-forward-arrow{height:28px;padding:4px;width:28px}.activity-stat{padding:16px 20px}.stat-label{font-size:.6875rem}.stat-value{font-size:1.75rem}.modern-activity-grid,.modern-activity-log{padding:12px}.activity-center-dot{height:4px;width:4px}.protocol-header-content{align-items:flex-start;flex-direction:column;gap:10px}.protocol-header-actions{align-items:flex-start;flex-direction:row;gap:10px}.protocol-icon-tooltip{bottom:-30px;font-size:.7rem;padding:4px 8px}}.user-profile-photo-hover-container .user-profile-change-photo-btn{border-radius:var(--user-page-radius);transition:var(--user-page-transition)}.user-profile-change-photo-icon{--icon-color:var(--user-page-white);color:var(--user-page-white)}.user-profile-toggle{box-shadow:var(--user-page-shadow-light);transition:var(--user-page-transition)}.user-profile-toggle:hover{box-shadow:var(--user-page-shadow)}.user-profile-toggle-icon{transition:var(--user-page-transition)}.user-profile-toggle.private .user-profile-toggle-icon,.user-profile-toggle.public .user-profile-toggle-icon{color:var(--user-page-white)}.activity-tab-header,.posts-tab-header,.protocols-tab-header{margin-bottom:55px}.activity-tab-header{margin-bottom:20px}.activity-tab-header,.posts-tab-header{margin-top:-40px}.protocols-tab-header{margin-bottom:-5px;margin-top:10px}.activity-tab-header p,.posts-tab-header p,.protocols-tab-header p{color:var(--color-text-muted);font-size:.9rem;font-style:italic;line-height:1.5;margin:0 auto 16px;max-width:900px;opacity:.8;text-align:center}.user-page .github-section{margin:0 auto;max-width:1200px;padding:0 20px}.user-page .user-profile-protocols-content .github-section{margin:0;max-width:none;overflow:visible;padding:0}.protocols-row-section{margin-bottom:40px;overflow:visible}.protocols-row{display:flex;flex-direction:row;gap:20px;margin-bottom:-10px;margin-top:-30px;overflow-x:auto;overflow-y:hidden;padding:30px 20px 30px 70px;scroll-behavior:smooth;scrollbar-color:var(--color-primary) #0000;scrollbar-width:thin}.protocols-row::-webkit-scrollbar{height:8px}.protocols-row::-webkit-scrollbar-track{background:#0000;border-radius:4px}.protocols-row::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.protocols-row::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.protocol-card-with-label{align-items:center;display:flex;gap:0;position:relative}.protocol-label-active,.protocol-label-staged{align-items:center;display:flex;flex-direction:column;gap:4px;height:320px;justify-content:center;left:-50px;pointer-events:none;position:absolute;width:30px;z-index:10}.protocol-label-letter{color:var(--color-text-primary);color:var(--user-page-text);display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.05em;line-height:1;opacity:1;transform:rotate(-90deg);transform-origin:center;white-space:nowrap}@media (max-width:768px){.protocols-row{padding-left:60px}.protocol-label-active,.protocol-label-staged{height:280px;left:-45px}.protocol-label-letter{font-size:1rem}}@media (max-width:480px){.protocols-row{padding-left:55px}.protocol-label-active,.protocol-label-staged{height:240px;left:-40px}.protocol-label-letter{font-size:.9rem}}.user-page .posts-grid{display:flex;flex-direction:column;gap:16px;width:100%}.user-page .posts-grid .post-card{margin:0;max-width:100%;width:100%}.posts-empty-state,.posts-error-state,.posts-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.posts-empty-state{gap:16px}.posts-empty-icon{align-items:center;background:var(--color-info-bg);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:8px;width:80px}.posts-empty-icon .icon--xl{color:var(--color-primary);height:40px;width:40px}.posts-empty-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.posts-empty-description,.posts-empty-title{color:var(--color-text-primary);color:var(--user-page-text);margin:0}.posts-empty-description{font-size:.9375rem;line-height:1.5;max-width:400px;opacity:.6}.posts-error-state{color:var(--color-danger);gap:12px}.posts-error-state .icon--lg{height:48px;opacity:.8;width:48px}.posts-error-state p{font-size:.9375rem;margin:0;opacity:.9}.posts-show-more{border-top:1px solid var(--color-border-secondary);display:flex;margin-top:32px;padding-top:32px}.posts-show-more,.posts-toggle-btn{align-items:center;justify-content:center}.posts-toggle-btn{background:#0000;border:1px solid var(--color-border-primary);border-radius:24px;color:var(--color-text-primary);color:var(--user-page-text);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:10px;padding:12px 24px;transition:all .2s ease}.posts-toggle-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.posts-toggle-btn:active{transform:translateY(0)}.posts-toggle-btn .icon--sm{height:18px;transition:transform .2s ease;width:18px}.posts-toggle-btn span{letter-spacing:.01em}.user-page .home-feed-grid{display:flex;flex-direction:column;gap:16px;width:100%}.user-page .home-feed-grid .post-card{margin:0;max-width:100%;width:100%}.user-page .github-section-footer{align-items:center;display:flex;justify-content:center;margin-top:40px;padding:24px 0;width:100%}.user-page .github-section-footer .btn{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;letter-spacing:.3px;min-width:140px;padding:10px 28px;transition:color .2s ease}.user-page .github-section-footer .btn,.user-page .github-section-footer .btn:hover{color:var(--color-text-primary);color:var(--user-page-text)}.user-page .github-section-footer .btn .show-more-icon{height:32px;transition:transform .2s ease;width:32px}.user-page .github-section-footer .btn:active{opacity:.8}@media (max-width:768px){.protocols-row-section{margin-bottom:30px;overflow:visible}.protocols-row{gap:16px;margin-bottom:-10px;margin-top:-30px;padding:30px 16px}.user-profile-header-content{align-items:center;flex-direction:column;gap:20px;justify-content:center;padding:20px 20px 15px;text-align:center}.user-profile-header-gradient{height:60px}.user-profile-avatar{height:161px;width:161px}.user-profile-name{font-size:1.5rem}.user-profile-title{font-size:.9rem}.user-profile-location{font-size:.8rem}.user-profile-main-info{height:161px;margin:0 0 0 10px;max-width:none;padding-top:0}.user-profile-actions-container{height:auto;margin-top:auto;padding-top:0}.user-profile-actions{align-items:center;flex-direction:column;gap:8px;margin-top:0}.user-profile-contact-btn,.user-profile-follow-btn{width:200px}.user-profile-right-section{align-items:center;flex-direction:row;gap:30px;height:161px;justify-content:center;margin-right:-50px;width:100%}.user-profile-stats-vertical{flex-direction:row;gap:30px;margin-right:50px}.user-profile-stat-item{text-align:center}.user-profile-stat-number{font-size:1.6rem}.user-profile-tabs{flex-wrap:wrap;padding:0 20px 0 10px}.user-profile-tab{font-size:.8rem;padding:12px 16px}.user-profile-content{padding:20px}.user-page .home-feed-grid,.user-page .posts-grid{display:flex;flex-direction:column;gap:16px}.user-page .home-feed-grid .post-card,.user-page .posts-grid .post-card{margin:0;max-width:100%;width:100%}.posts-empty-state,.posts-error-state,.posts-loading-state{padding:60px 20px}.posts-empty-icon{height:64px;width:64px}.posts-empty-icon .icon--xl{height:32px;width:32px}.posts-empty-title{font-size:1.125rem}.posts-toggle-btn{font-size:.875rem;padding:10px 20px}}@media (max-width:480px){.user-profile-header-content{gap:15px;padding:15px 15px 10px}.user-profile-header-gradient{height:50px}.user-profile-avatar{height:138px;width:138px}.user-profile-name{font-size:1.2rem}.user-profile-pro-badge{font-size:.7rem;padding:2px 8px}.user-profile-title{font-size:.8rem}.user-profile-location{font-size:.75rem}.user-profile-main-info{height:138px;margin:0 0 0 5px;max-width:none;padding-top:50px}.user-profile-actions-container{height:auto;margin-top:auto;padding-top:0}.user-profile-actions{gap:6px;margin-top:0}.user-profile-contact-btn,.user-profile-follow-btn{font-size:.8rem;padding:10px 20px;width:160px}.user-profile-right-section{gap:15px;height:138px;margin-right:-50px}.user-profile-stats-vertical{gap:20px;margin-right:50px}.user-profile-stat-number{font-size:1.4rem}.user-profile-stat-label{font-size:.9rem}.user-profile-badge{font-size:.7rem;height:28px;width:28px}.user-profile-tab{font-size:.75rem;padding:10px 12px}.user-profile-tab-count{font-size:.7rem;padding:1px 6px}.user-profile-content{padding:15px}.user-page .home-feed-grid,.user-page .posts-grid{display:flex;flex-direction:column;gap:12px}.user-page .home-feed-grid .post-card,.user-page .posts-grid .post-card{margin:0;max-width:100%;width:100%}.posts-empty-state,.posts-error-state,.posts-loading-state{padding:48px 16px}.posts-toggle-btn{font-size:.8125rem;padding:8px 16px}.user-profile-toggle{height:35px;right:15px;top:15px;width:35px}.user-profile-toggle-icon{height:16px;width:16px}}.day-details-header{align-items:center;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:16px 20px}.day-details-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.day-details-close{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.day-details-close:hover{background:var(--color-surface-primary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.day-details-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.day-details-empty .empty-icon{font-size:2.5rem;margin-bottom:16px;opacity:.4}.day-details-empty .empty-text{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.day-details-empty .empty-subtext{color:var(--color-text-secondary);font-size:.8125rem;letter-spacing:-.01em;line-height:1.5}.day-details-protocols{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px}.day-details-protocol{background:#0000;border:none;border-bottom:1px solid var(--color-border-secondary);border-radius:0;overflow:visible;padding-bottom:12px;transition:none}.day-details-protocol:last-child{border-bottom:none;padding-bottom:0}.protocol-header{align-items:center;background:#0000;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 0 8px}.protocol-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.protocol-count{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:4px;color:var(--color-primary);font-size:.6875rem;font-weight:600;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.protocol-biohacks{display:flex;flex-direction:column;gap:6px;padding:0}.biohack-item{align-items:center;background:var(--color-surface-secondary);border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.biohack-item:hover{background:var(--color-surface-tertiary);transform:translateX(2px)}.biohack-item .biohack-icon{height:40px;width:40px}.biohack-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500;letter-spacing:-.01em}@media (max-width:768px){.day-details-header,.day-details-protocols,.log-entries-container,.log-header{padding:12px 16px}.biohack-icon{height:40px;width:40px}.biohack-image-container{gap:12px;padding:10px 12px}}@media (max-width:480px){.log-header{padding:10px 12px}.log-title{font-size:.8125rem}.day-details-header,.log-entries-container{padding:10px 12px}.day-details-title{font-size:.8125rem}.day-details-protocols{padding:10px 12px}.biohack-icon,.biohack-item .biohack-icon{height:36px;width:36px}.biohack-name{font-size:.8125rem}.biohack-image-container{gap:10px;padding:8px 10px}.biohack-protocol-tag{font-size:.6875rem;max-width:100px;padding:4px 8px}}.protocol-success-indicator.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning);box-shadow:var(--shadow-secondary);color:var(--color-warning-dark)}.protocol-success-indicator.warning .icon{color:var(--color-warning)}.protocol-success-indicator.warning:hover{background:var(--color-warning-light);box-shadow:var(--shadow-tertiary)}.activity-back-button{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:24px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.activity-back-button:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary)}.activity-calendar-view{justify-content:center;padding:40px 0}.sleek-calendar-container{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-card);box-sizing:border-box;max-width:900px;overflow:hidden;padding:40px;width:100%}.calendar-date-range-selector{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:12px;display:flex;gap:16px;justify-content:center;margin-bottom:24px;padding:12px 20px}.calendar-date-nav-button{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:24px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.calendar-date-nav-button:hover{background:var(--color-surface-tertiary);border-color:var(--color-primary);box-shadow:var(--glow-primary);color:var(--color-primary);transform:translateY(-1px)}.calendar-date-nav-button:active{transform:translateY(0)}.calendar-date-nav-icon{height:16px;width:16px}.calendar-date-range-text{color:var(--color-text-primary);flex:1 1;font-size:.875rem;font-weight:600;text-align:center}.sleek-calendar{box-sizing:border-box;overflow:hidden;width:100%}.sleek-calendar-day-labels{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:16px;width:100%}.sleek-day-label{box-sizing:border-box;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:8px 0;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:100%}.sleek-calendar-grid{display:flex;flex-direction:column}.sleek-calendar-grid,.sleek-week-row{box-sizing:border-box;gap:8px;width:100%}.sleek-week-row{grid-gap:8px;display:grid;grid-template-columns:repeat(7,1fr)}.sleek-calendar-day{align-items:center;aspect-ratio:1;background:var(--color-surface-secondary);border:1px solid #0000;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:100%;overflow:hidden;padding:8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.sleek-calendar-day:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.sleek-calendar-day.has-activity{background:var(--color-surface-primary);border-color:var(--color-border-primary)}.sleek-calendar-day.has-activity:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-secondary)}.sleek-calendar-day.is-today{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);position:relative}.sleek-calendar-day.is-today:before{background:var(--color-text-secondary);border-radius:50%;content:"";height:6px;position:absolute;right:4px;top:4px;width:6px}.sleek-calendar-day.is-today .sleek-day-number{color:var(--color-text-primary);font-weight:500}.sleek-day-number-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:2}.sleek-day-number{color:var(--color-text-primary);font-size:.875rem;font-weight:500;position:relative;z-index:3}.sleek-day-rings{align-items:center;display:flex;height:100%;justify-content:center;max-height:100%;max-width:100%;overflow:hidden;width:100%;z-index:1}.sleek-day-ring,.sleek-day-rings{box-sizing:border-box;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.sleek-day-ring{border:2px solid;border-radius:50%;opacity:.7}.sleek-day-disk-more{bottom:4px;color:var(--color-text-secondary);font-size:.625rem;font-weight:600;left:50%;line-height:1;margin-top:2px;max-width:calc(100% - 8px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap;z-index:4}.activity-calendar-view{box-sizing:border-box;display:flex;gap:24px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.activity-calendar-view.with-sidebar .sleek-calendar-container{box-sizing:border-box;flex:1 1;max-width:none;min-width:0;overflow:hidden}.sleek-calendar-day.is-selected{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important;box-shadow:var(--glow-primary)!important}.calendar-sidebar{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-card);height:680px;min-width:400px;width:400px}.calendar-sidebar,.calendar-sidebar-content{display:flex;flex-direction:column;overflow:hidden}.calendar-sidebar-content{height:100%}.calendar-sidebar-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.calendar-sidebar-title{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:600}.calendar-sidebar-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.calendar-sidebar-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.calendar-sidebar-subtitle{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);flex-shrink:0;font-size:.875rem;padding:16px 24px}.calendar-sidebar-biohacks-list{flex:1 1;overflow-y:auto;padding:8px}.calendar-sidebar-biohack-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.calendar-sidebar-biohack-item:hover{background:var(--color-surface-secondary)}.calendar-sidebar-biohack-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.calendar-sidebar-biohack-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.calendar-sidebar-biohack-name{color:var(--color-text-primary);flex-shrink:0;font-size:.875rem;font-weight:500}.calendar-sidebar-biohack-protocol-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.calendar-sidebar-biohack-protocol-tag{background:var(--color-primary-light);border:1px solid var(--color-info-border);border-radius:10px;color:var(--color-primary-dark);flex-shrink:0;font-size:.65rem;font-weight:500;line-height:1.3;padding:4px 8px;white-space:nowrap}.calendar-sidebar-biohack-arrow{color:var(--color-text-muted);flex-shrink:0}.calendar-sidebar-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.calendar-sidebar-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.calendar-sidebar-back,.calendar-sidebar-empty-text{color:var(--color-text-secondary);font-size:.875rem}.calendar-sidebar-back{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--color-border-primary);cursor:pointer;display:flex;flex-shrink:0;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.calendar-sidebar-back:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.calendar-sidebar-detail{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:24px}.calendar-sidebar-detail-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;flex-shrink:0;margin-bottom:20px;padding-bottom:20px}.calendar-sidebar-detail-image-wrapper{align-items:center;background:var(--color-surface-tertiary);border-radius:12px;display:flex;height:80px;justify-content:center;margin-bottom:12px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);width:80px}.calendar-sidebar-detail-image-wrapper:hover{box-shadow:var(--shadow-tertiary);transform:scale(1.05)}.calendar-sidebar-detail-image{height:100%;object-fit:cover;width:100%}.calendar-sidebar-detail-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;text-align:center}.calendar-sidebar-detail-content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.calendar-sidebar-detail-section-title{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.calendar-sidebar-detail-description{min-height:0;overflow:hidden}.calendar-sidebar-detail-description p{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.calendar-sidebar-biohack-stats{border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;flex-shrink:0;margin-bottom:16px;padding-bottom:16px}.calendar-sidebar-stats-badge{background:var(--color-primary-light);border:1px solid var(--color-info-border);border-radius:8px;color:var(--color-primary-dark);display:inline-block;font-size:.5625rem;font-weight:500;letter-spacing:.05em;line-height:1.3;margin-left:6px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.calendar-sidebar-stats-loading{align-items:center;display:flex;justify-content:center;padding:12px 0}.calendar-sidebar-biohack-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.calendar-sidebar-biohack-stat{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px;text-align:center}.calendar-sidebar-biohack-stat-label{color:var(--color-text-secondary);font-size:.5625rem;font-weight:600;letter-spacing:.05em;line-height:1;text-transform:uppercase}.calendar-sidebar-biohack-stat-value{color:var(--color-text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.03em;line-height:1}.calendar-sidebar-detail-stats{display:flex;flex:1 1;flex-direction:column;margin-top:-12px;min-height:0;overflow:hidden}.calendar-sidebar-chart-container{flex-shrink:0;height:280px;margin-top:12px;width:100%}.calendar-sidebar-chart-empty,.calendar-sidebar-chart-loading{align-items:center;display:flex;height:280px;justify-content:center;margin-top:12px}.calendar-sidebar-chart-empty{color:var(--color-text-muted);font-size:.875rem}.calendar-sidebar-chart-empty-text{text-align:center}.calendar-sidebar-stats-placeholder{display:flex;flex-direction:column;gap:12px;overflow:hidden}.calendar-sidebar-stat-placeholder{background:var(--color-surface-secondary);border:1px dashed var(--color-border-primary);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px}.calendar-sidebar-stat-placeholder-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.calendar-sidebar-stat-placeholder-value{color:var(--color-border-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.calendar-stats{grid-gap:24px;border-top:1px solid var(--color-border-primary);display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:32px;padding-top:32px;width:100%}.calendar-stat{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.calendar-stat-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1;text-transform:uppercase}.calendar-stat-value{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1}.activity-rings-view{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;min-height:600px;padding:40px 0;width:100%}.activity-rings-left{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:flex-start;padding:40px}.rings-view-header{margin-bottom:40px;text-align:center}.rings-view-date{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:8px}.rings-view-subtitle{color:var(--color-text-secondary);font-size:.875rem}.biohack-rings-container{min-height:400px}.biohack-rings-container,.biohack-rings-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.biohack-rings-wrapper{height:100%}.biohack-ring{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border-radius:50%;border-style:solid;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.biohack-ring.ring-hovered,.biohack-ring:hover{box-shadow:var(--shadow-tertiary);transform:translate(-50%,-50%) scale(1.1);z-index:10}.biohack-ring.ring-selected{border-width:14px!important;box-shadow:var(--shadow-modal);transform:translate(-50%,-50%) scale(1.05);z-index:11}.ring-center-content{align-items:center;display:flex;justify-content:center}.ring-center-dot{border-radius:50%;height:12px;width:12px}.ring-center-dot,.ring-label{box-shadow:var(--shadow-secondary)}.ring-label{background:var(--color-surface-glass);border-radius:6px;font-size:.75rem;font-weight:600;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:20}.rings-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.activity-rings-right{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;padding:40px}.biohack-visualization{display:flex;flex-direction:column;height:100%;width:100%}.biohack-visualization-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;text-align:center}.visualization-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.visualization-empty-text{color:var(--color-text-muted);font-size:.875rem;margin-bottom:8px}.visualization-empty-subtext{color:var(--color-border-primary);font-size:.8125rem}.biohack-visualization-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;margin-bottom:32px;padding-bottom:24px}.biohack-visualization-image-wrapper{border-radius:16px;box-shadow:var(--shadow-card);height:120px;margin-bottom:16px;overflow:hidden;width:120px}.biohack-visualization-image{height:100%;object-fit:cover;width:100%}.biohack-visualization-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;text-align:center}.biohack-visualization-content{display:flex;flex:1 1;flex-direction:column;gap:24px}.biohack-visualization-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.biohack-visualization-stats{display:flex;flex-direction:column;gap:16px}.biohack-stat-item{display:flex;flex-direction:column;gap:8px}.biohack-stat-item .stat-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.biohack-stat-item .stat-stars{align-items:center;display:flex;gap:8px}.biohack-stat-item .stat-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-left:4px}@media (max-width:1024px){.activity-rings-view{gap:24px;grid-template-columns:1fr}.sleek-calendar-container{padding:24px}.sleek-calendar-day{padding:6px}}@media (max-width:768px){.sleek-calendar-container{padding:16px}.sleek-calendar-day-labels,.sleek-week-row{gap:4px}.sleek-calendar-day{padding:4px}.sleek-day-number{font-size:.75rem}.calendar-stats{gap:16px;grid-template-columns:1fr;margin-top:24px;padding-top:24px}.calendar-stat-value{font-size:1.5rem}.activity-calendar-view{flex-direction:column}.activity-calendar-view.with-sidebar .sleek-calendar-container{flex:none}.calendar-sidebar{height:500px;margin-top:24px;min-width:100%;width:100%}.calendar-sidebar-biohack-stats-grid{gap:8px;grid-template-columns:1fr}.calendar-sidebar-biohack-stat{padding:10px}.calendar-sidebar-biohack-stat-value{font-size:1.25rem}.activity-rings-left,.activity-rings-right{padding:24px}.rings-view-date{font-size:1.125rem}}.xp-bar-container{margin-bottom:8px;margin-top:12px;max-width:320px;width:100%}.xp-bar-label-row{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.xp-bar-label{color:var(--color-primary);font-weight:600}.xp-bar-xp{color:var(--color-text-secondary);font-weight:400}.xp-bar-bg{background:var(--color-bg-tertiary);border-radius:8px;box-shadow:0 1px 2px #00000014;height:12px;overflow:hidden;width:100%}.xp-bar-fill{background:var(--gradient-primary);border-radius:8px 0 0 8px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.xp-bar-tooltip{background:#000000f2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;min-width:200px;padding:10px 12px;pointer-events:none;z-index:1000}.xp-bar-tooltip,.xp-bar-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.xp-bar-tooltip:after{border:6px solid #0000;border-top-color:#000000f2;content:"";top:100%}.xp-bar-tooltip .tooltip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.xp-bar-tooltip .tooltip-level{font-size:13px;font-weight:700}.xp-bar-tooltip .tooltip-xp{color:#fffc;font-size:11px}.xp-bar-tooltip .tooltip-progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.xp-bar-tooltip .tooltip-progress-fill{background:linear-gradient(90deg,gold,orange);border-radius:4px;height:100%;transition:width .3s ease}.xp-bar-tooltip .tooltip-footer{color:#ffffffe6;font-size:11px;text-align:center}.pinned-medals{align-items:flex-end;display:flex;flex-direction:column;gap:8px;width:auto}.pinned-medals-title{color:var(--color-text-secondary);font-size:12px;font-weight:600;margin-bottom:4px;text-align:right}.pinned-medals-slots{align-items:center;display:flex;gap:8px;justify-content:flex-end}.medal-slot{align-items:center;border-radius:0;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;transition:all .2s ease;width:70px}.medal-slot.empty{background:#0000;border:none;cursor:pointer}.medal-slot.filled{background:#0000;border:none;box-shadow:none}.medal-slot.editable.filled{cursor:pointer}.medal-slot-empty{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.medal-slot-placeholder-icon{border-radius:0;filter:grayscale(100%);height:70px;object-fit:contain;opacity:.3;width:70px}.medal-slot-placeholder-icon-default{color:var(--color-text-muted);height:70px;opacity:.3;width:70px}.medal-slot-plus-overlay{color:var(--color-text-secondary);height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:1}.medal-slot-filled{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.medal-slot-icon{border-radius:0;height:70px;object-fit:contain;width:70px}.medal-slot-icon-default{color:var(--color-warning);height:70px;width:70px}.medal-slot-unpin{align-items:center;background:#ef444499;border:1px solid #fffc;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;height:16px;justify-content:center;opacity:.7;padding:0;position:absolute;right:-4px;top:0;transition:all .2s ease;width:16px}.medal-slot-unpin:hover{background:#dc2626cc;opacity:1}.medal-slot-unpin-icon{color:#fff;height:8px;width:8px}.pinned-medals-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pinned-medals-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.pinned-medals-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:20px 24px}.pinned-medals-modal-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0}.pinned-medals-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pinned-medals-modal-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.pinned-medals-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.pinned-medals-empty{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.pinned-medals-options{display:flex;flex-direction:column;gap:12px}.pinned-medals-option{align-items:center;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.pinned-medals-option:hover{background:var(--color-surface-secondary);border-color:var(--color-primary)}.pinned-medals-option-icon{border-radius:8px;flex-shrink:0;height:48px;object-fit:contain;width:48px}.pinned-medals-option-icon-default{color:var(--color-warning);flex-shrink:0;height:48px;width:48px}.pinned-medals-option-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.pinned-medals-option-title{color:var(--color-text-primary);font-size:16px;font-weight:600}.pinned-medals-option-date{color:var(--color-text-secondary);font-size:14px}.pinned-medals-loading{color:var(--color-text-secondary);padding:20px;text-align:center}@media (max-width:768px){.pinned-medals-slots{gap:8px}.medal-slot{height:70px;width:70px}.medal-slot-icon{height:50px;width:50px}.medal-slot-icon-default{height:40px;width:40px}}.profile-card{background:#fff;border-radius:0;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:100%;overflow:hidden;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.profile-card:hover{box-shadow:0 8px 30px #0000001f}.profile-card-header{background:#fff;display:flex;flex-direction:column;min-height:200px;padding:0;position:relative}.profile-card-header-gradient{background:var(--gradient-primary);border-radius:0 0 20px 20px;height:100px;left:0;position:absolute;right:0;top:0;z-index:1}.profile-card-header-medals{position:absolute;right:40px;top:20px;z-index:10}.profile-card-header-content{align-items:flex-start;display:flex;gap:30px;justify-content:space-between;padding:20px 40px 40px;position:relative;z-index:2}.profile-card-main-photo{flex-shrink:0;position:relative;z-index:3}.profile-card-avatar{border:4px solid #fff;border-radius:20px;box-shadow:0 4px 20px #00000026;height:140px;overflow:hidden;position:relative;width:140px;z-index:2}.profile-card-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.profile-card-avatar-fallback{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.profile-card-main-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;position:relative;text-align:center;z-index:3}.profile-card-name-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.profile-card-name{color:#fff;font-size:2rem;gap:12px;margin:0}.profile-card-level-badge,.profile-card-name{align-items:center;display:flex;font-weight:700}.profile-card-level-badge{border:1px solid #fff;box-shadow:0 2px 4px #ffd70066;color:#2d1b0e;flex-shrink:0;font-size:.65rem;height:24px;justify-content:center;line-height:1;padding:3px 8px;position:relative;text-align:center;transition:all .2s ease;width:24px}.profile-card-level-badge,.profile-card-level-badge:after{background:linear-gradient(135deg,gold,orange);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.profile-card-level-badge:after{bottom:2px;content:"";filter:blur(1px);left:2px;opacity:.3;position:absolute;right:2px;top:2px;z-index:-1}.profile-card-level-badge:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 3px 8px #ffd70099;transform:scale(1.05)}.profile-card-level-tooltip{background:#000000f2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;left:50%;min-width:200px;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.profile-card-level-tooltip:after{border:6px solid #0000;border-top-color:#000000f2;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.profile-card-level-tooltip .tooltip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.profile-card-level-tooltip .tooltip-level{font-size:13px;font-weight:700}.profile-card-level-tooltip .tooltip-xp{color:#fffc;font-size:11px}.profile-card-level-tooltip .tooltip-progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.profile-card-level-tooltip .tooltip-progress-fill{background:linear-gradient(90deg,gold,orange);border-radius:4px;height:100%;transition:width .3s ease}.profile-card-level-tooltip .tooltip-footer{color:#ffffffe6;font-size:11px;text-align:center}.profile-card-pro-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.profile-card-title{color:#ffffffe6;font-size:1rem;font-weight:400;margin:0 0 4px}.profile-card-location{color:#fffc;font-size:.9rem;font-weight:300;margin:0}.profile-card-name-overlay:before{background:linear-gradient(180deg,#0000 0,rgba(0,0,0,.075) 20%,#0000004d 60%,#00000080);border-radius:0 0 20px 20px;bottom:-7.5px;content:"";left:-3.5px;position:absolute;right:-3.5px;top:-40px;z-index:-1}.profile-card-overlay-name{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.2;margin:0 0 0 14px}.profile-card-overlay-location{color:#ffffffd9;font-size:.8rem;font-weight:300;margin-left:14px;margin-top:-4px}.profile-card-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;position:relative;z-index:3}.profile-card-follow-btn{background:var(--color-text-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.profile-card-follow-btn:hover{background:#333;transform:translateY(-1px)}.profile-card-contact-btn{background:#fff;border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.profile-card-contact-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.profile-card-right-section{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:20px;min-width:200px;position:relative;z-index:3}.profile-card-decorative-badges{align-items:center;display:flex;gap:8px}.profile-card-badge{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.profile-card-badge.orange{background:linear-gradient(135deg,#ff6b35,#f7931e)}.profile-card-badge.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-card-badge.black{background:linear-gradient(135deg,#2d3748,#1a202c)}.profile-card-stats-vertical{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.profile-card-stats-horizontal{display:flex;gap:40px;justify-content:center;margin-bottom:20px;position:relative;z-index:3}.profile-card-stat-item{cursor:pointer;min-width:80px;text-align:right;transition:transform .2s ease}.profile-card-stat-item:hover{transform:translateY(-2px)}.profile-card-stat-number{color:#fff;font-size:1.5rem;line-height:1;margin-bottom:4px}.profile-card-stat-label{color:#fffc;font-size:.9rem;line-height:1}.profile-card-tabs{background:#fff;border-bottom:1px solid var(--color-border-primary);display:flex;position:relative;z-index:2}.profile-card-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:16px 24px;position:relative;transition:all .2s ease}.profile-card-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.profile-card-tab.active{border-bottom-color:#667eea;color:var(--color-text-primary)}.profile-card-tab-count{background:#667eea;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px}.profile-card-projects{background:#fff;padding:30px}.profile-card-project-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.profile-card-project-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.profile-card-project-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.profile-card-project-image{align-items:center;background:var(--color-surface-tertiary);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.profile-card-project-mockup{align-items:center;display:flex;gap:8px;justify-content:center}.profile-card-project-phone{background:var(--color-text-primary);border-radius:8px;color:#fff;font-size:.7rem;height:100px;width:60px}.profile-card-project-dashboard,.profile-card-project-phone{align-items:center;display:flex;justify-content:center;padding:8px;text-align:center}.profile-card-project-dashboard{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-secondary);font-size:.8rem;height:80px;width:120px}.profile-card-project-screen{font-size:.7rem;line-height:1.2;text-align:center}.profile-card-project-info{padding:20px}.profile-card-project-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.profile-card-project-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 12px}.profile-card-project-stats{color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:16px}.profile-card-project-likes,.profile-card-project-views{align-items:center;display:flex;gap:4px}.profile-card-bio{color:var(--color-text-secondary);display:inline-block;flex:1 1;font-size:.9rem;font-weight:400;line-height:1.5;margin:0;max-height:30px;overflow:hidden;padding:4px 0}.profile-card-stats{background:#fafafa;border-top:1px solid #f3f4f6;display:flex;margin-top:8px;padding:12px 20px}.profile-card-stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:flex-start;min-height:50px;position:relative}.profile-card-stat:not(:last-child):after{background:var(--color-border-primary);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.profile-card-stat-header{align-items:center;display:flex;flex-shrink:0;gap:8px;height:24px;justify-content:center}.profile-card-stat-icon{color:var(--color-text-secondary);flex-shrink:0;height:16px;width:16px}.profile-card-stat-text{color:var(--color-text-primary);font-size:.9rem;line-height:1}.profile-card-stat-number{color:var(--color-text-primary);font-weight:700}.profile-card-stat-label{color:var(--color-text-secondary);font-weight:400}.profile-card-avatars{gap:0;min-height:24px}.profile-card-avatar-small,.profile-card-avatars{align-items:center;display:flex;height:24px;justify-content:center}.profile-card-avatar-small{background:var(--color-border-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:var(--color-text-secondary);font-size:.7rem;font-weight:600;overflow:hidden;position:relative;width:24px}.profile-card-avatar-small-img{display:block;height:100%;object-fit:cover;width:100%}.profile-card-avatar-small-fallback{color:var(--color-text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase}.profile-card-avatar-more{background:#f3f4f6;border:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:.6rem;font-weight:500}@media (max-width:768px){.profile-card-header-content{align-items:center;flex-direction:column;gap:20px;justify-content:center;padding:20px;text-align:center}.profile-card-header-gradient{height:80px}.profile-card-header-medals{right:20px;top:25px}.profile-card-avatar{height:120px;width:120px}.profile-card-name{font-size:1.5rem}.profile-card-title{font-size:.9rem}.profile-card-location{font-size:.8rem}.profile-card-actions{align-items:center;flex-direction:column;gap:8px;margin-top:15px}.profile-card-contact-btn,.profile-card-follow-btn{width:200px}.profile-card-right-section{align-items:center;flex-direction:row;gap:30px;justify-content:center;min-width:auto;width:100%}.profile-card-stats-vertical{flex-direction:row;gap:30px}.profile-card-stat-item{text-align:center}.profile-card-stat-number{font-size:1.2rem}.profile-card-tabs{flex-wrap:wrap}.profile-card-tab{font-size:.8rem;padding:12px 16px}.profile-card-projects{padding:20px}.profile-card-project-grid{gap:16px;grid-template-columns:1fr}.profile-card-project-image{height:150px}.profile-card-project-phone{font-size:.6rem;height:80px;width:50px}.profile-card-project-dashboard{font-size:.7rem;height:60px;width:100px}}@media (max-width:480px){.profile-card-header-content{gap:15px;padding:15px}.profile-card-header-gradient{height:60px}.profile-card-header-medals{right:15px;top:10px}.profile-card-avatar{height:100px;width:100px}.profile-card-name{font-size:1.2rem}.profile-card-pro-badge{font-size:.7rem;padding:2px 8px}.profile-card-title{font-size:.8rem}.profile-card-location{font-size:.75rem}.profile-card-actions{gap:6px;margin-top:10px}.profile-card-contact-btn,.profile-card-follow-btn{font-size:.8rem;padding:10px 20px;width:160px}.profile-card-right-section{gap:15px}.profile-card-stats-vertical{gap:20px}.profile-card-stat-number{font-size:1rem}.profile-card-stat-label{font-size:.8rem}.profile-card-badge{font-size:.7rem;height:28px;width:28px}.profile-card-tab{font-size:.75rem;padding:10px 12px}.profile-card-tab-count{font-size:.7rem;padding:1px 6px}.profile-card-projects{padding:15px}.profile-card-project-grid{gap:12px}.profile-card-project-image{height:120px}.profile-card-project-phone{font-size:.5rem;height:60px;width:40px}.profile-card-project-dashboard{font-size:.6rem;height:50px;width:80px}.profile-card-project-info{padding:15px}.profile-card-project-title{font-size:1rem}.profile-card-project-subtitle{font-size:.8rem}.profile-card-project-stats{font-size:.7rem;gap:12px}}.profile-card-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:32px;z-index:4}.profile-card-toggle:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.profile-card-toggle:active{transform:scale(.95);transition:all .1s ease}.profile-card-toggle:focus{box-shadow:0 0 0 2px #3b82f666;outline:none}.profile-card-toggle-icon{stroke-width:2;height:16px;transition:all .2s ease;width:16px}.profile-card-toggle.public{background:#22c55e1a;border-color:#22c55e4d}.profile-card-toggle.public .profile-card-toggle-icon{color:#fff}.profile-card-toggle.public:hover{background:#22c55e33;border-color:#22c55e80}.profile-card-toggle.private{background:#ef44441a;border-color:#ef44444d}.profile-card-toggle.private .profile-card-toggle-icon{color:#fff}.profile-card-toggle.private:hover{background:#ef444433;border-color:#ef444480}@media (max-width:768px){.profile-card-toggle{height:28px;right:14px;top:14px;width:28px}.profile-card-toggle-icon{height:14px;width:14px}}@media (max-width:480px){.profile-card-toggle{height:26px;right:12px;top:12px;width:26px}.profile-card-toggle-icon{height:12px;width:12px}}.profile-card-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-card-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.profile-card-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.profile-card-modal-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.profile-card-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.profile-card-modal-close:hover{background:var(--color-border-primary);color:var(--color-text-secondary)}.profile-card-modal-body{flex:1 1;overflow-y:auto;padding:0}.profile-card-user-list{padding:8px 0}.profile-card-user-item{align-items:center;cursor:pointer;display:flex;padding:12px 24px;transition:background-color .2s ease}.profile-card-user-item:hover{background:#f9fafb}.profile-card-user-avatar{align-items:center;background:var(--color-border-primary);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;overflow:hidden;width:40px}.profile-card-user-avatar-img{height:100%;object-fit:cover;width:100%}.profile-card-user-avatar-fallback{color:var(--color-text-secondary);font-size:16px;font-weight:600;text-transform:uppercase}.profile-card-user-info{flex:1 1;min-width:0}.profile-card-user-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin-bottom:2px}.profile-card-user-name,.profile-card-user-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card-user-username{color:var(--color-text-secondary);font-size:.8rem}.profile-card-empty-state{color:var(--color-text-secondary);font-size:.9rem;padding:40px 24px;text-align:center}@media (max-width:480px){.profile-card-modal{padding:10px}.profile-card-modal-content{max-height:90vh}.profile-card-modal-header{padding:16px 20px}.profile-card-user-item{padding:10px 20px}.profile-card-user-avatar{height:36px;margin-right:10px;width:36px}.profile-card-user-avatar-fallback{font-size:14px}}.profile-card-photo-hover-container{position:relative}.profile-card-photo-hover-container .profile-card-change-photo-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;bottom:8px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;transform:scale(.8);transition:all .2s ease;width:32px;z-index:3}.profile-card-photo-hover-container:hover .profile-card-change-photo-btn{opacity:1;transform:scale(1)}.profile-card-photo-hover-container .profile-card-change-photo-btn:hover{background:#3b82f633;border-color:#3b82f680;transform:scale(1.1)}.profile-card-change-photo-icon{--icon-color:#fff;color:#fff;filter:brightness(1.2);height:16px;opacity:1;width:16px}.profile-pic-modal-simple{max-width:400px}.profile-pic-simple-editor{padding:24px;text-align:center}.profile-pic-current{align-items:center;background:#f3f4f6;border:1px solid var(--color-border-primary);border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;height:180px;justify-content:center;margin:0 auto 24px;overflow:hidden;width:180px}.profile-pic-current-img{height:100%;object-fit:cover;width:100%}.profile-pic-current-fallback{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.profile-pic-current-icon{height:48px;width:48px}.profile-pic-simple-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.profile-pic-upload-btn{align-items:center;background:var(--color-info);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.75rem;font-weight:500!important;gap:4px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.profile-pic-upload-btn:hover{background:#1976d2;transform:translateY(-1px)}.profile-pic-upload-btn .profile-pic-upload-icon{height:.75rem!important;width:.75rem!important}.profile-pic-remove-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.profile-pic-remove-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.profile-pic-remove-btn:disabled{background:var(--color-border-primary);color:var(--color-text-muted);cursor:not-allowed;transform:none}.profile-pic-remove-btn .profile-pic-remove-icon{height:.75rem!important;width:.75rem!important}.profile-pic-save-btn{align-items:center;background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.75rem;font-weight:500;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.profile-pic-save-btn:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-1px)}.profile-pic-save-btn:disabled{background:var(--color-border-primary);color:var(--color-text-muted);cursor:not-allowed;transform:none}.profile-card-pic-preview{align-items:center;background:#f3f4f6;border:3px solid #e5e7eb;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 24px;overflow:hidden;width:120px}.profile-card-pic-preview-img{height:100%;object-fit:cover;width:100%}.profile-card-pic-preview-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;text-align:center}.profile-card-pic-preview-icon{height:32px;margin-bottom:8px;width:32px}.profile-card-pic-actions{margin-bottom:24px}.profile-card-pic-upload-btn{align-items:center;background:var(--color-info);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 20px;transition:all .2s ease}.profile-card-pic-upload-btn:hover{background:#1976d2;transform:translateY(-1px)}.profile-card-pic-upload-icon{height:16px;width:16px}.profile-card-pic-requirements{background:#f9fafb;border:1px solid var(--color-border-primary);border-radius:8px;padding:16px}.profile-card-pic-requirements p{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;margin:0 0 8px}.profile-card-pic-requirements ul{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;margin:0;padding-left:16px}.profile-card-pic-requirements li{margin-bottom:4px}.profile-card-pic-buttons{display:flex;gap:12px;justify-content:flex-end}.profile-card-pic-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.profile-card-pic-cancel-btn:hover{background:var(--color-border-primary)}.profile-card-pic-save-btn{background:var(--color-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.profile-card-pic-save-btn:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-1px)}.profile-card-pic-save-btn:disabled{background:var(--color-border-primary);color:var(--color-text-muted);cursor:not-allowed;transform:none}@media (max-width:480px){.profile-card-pic-editor{padding:16px}.profile-card-pic-preview{height:100px;margin-bottom:20px;width:100px}.profile-card-pic-buttons{flex-direction:column}.profile-card-pic-cancel-btn,.profile-card-pic-save-btn{width:100%}}.profile-card-bio-hover-container{align-items:center;display:flex;flex-wrap:nowrap;position:relative}.profile-card-bio-editor-inline{align-items:center;display:flex;flex-direction:column;margin-top:0}.profile-card-edit-bio-btn{align-items:center;background:none!important;border:none!important;cursor:pointer;display:flex;flex-shrink:0;height:30px!important;justify-content:center;margin:0 0 0 6px!important;min-height:auto!important;min-width:auto!important;opacity:0;padding:0!important;position:relative;right:0;top:0;transform:none!important;transform-origin:center!important;transition:opacity .2s ease,transform .2s ease!important;width:20px!important;z-index:2}.profile-card-bio-hover-container:hover .profile-card-edit-bio-btn{opacity:1}.profile-card-bio-hover-container.bio-editing .profile-card-edit-bio-btn{opacity:0;pointer-events:none}.profile-card-bio-hover-container .profile-card-edit-bio-btn:hover{transform:scale(1.05)!important}.profile-card-bio-hover-container .profile-card-edit-bio-btn:active{transform:scale(.95)!important}.profile-card-edit-bio-icon{--icon-color:var(--color-text-muted);color:var(--color-text-secondary);height:12px!important;width:12px!important}.profile-card-bio-input{background:#fafafa;border:1px solid var(--color-border-primary);border-left:none;border-radius:0;border-right:none;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:.9rem;line-height:1.5;margin-left:-20px;margin-right:-20px;max-height:200px;min-height:30px;padding:4px 20px;resize:vertical;text-align:left;transition:all .2s ease;width:calc(100% + 40px)}.profile-card-bio-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a,0 4px 12px #0000001a;outline:none;transform:none}.profile-card-bio-input::placeholder{color:var(--color-text-muted);font-style:italic}.profile-card-bio-actions{background:#f9fafb;border-left:none;border-radius:0;border-right:none;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;margin-left:-20px;margin-right:-20px;margin-top:12px;padding:12px 20px;width:calc(100% + 40px)}.profile-card-bio-cancel-btn{background:#fff;border:1px solid var(--color-border-primary);border-radius:6px;box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.profile-card-bio-cancel-btn:hover{background:#f9fafb;border-color:var(--color-border-primary);box-shadow:0 2px 4px #0000001a;color:var(--color-text-secondary);transform:translateY(-1px)}.profile-card-bio-save-btn{background:var(--gradient-primary);border:none;border-radius:6px;box-shadow:0 1px 2px #3b82f64d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.profile-card-bio-save-btn:hover{background:var(--gradient-primary-hover);box-shadow:0 2px 4px #288b8066;transform:translateY(-1px)}.profile-card-bio-save-btn:active{box-shadow:0 1px 2px #3b82f64d;transform:translateY(0)}@media (max-width:480px){.profile-card-edit-bio-btn{height:25px!important;width:20px!important}.profile-card-edit-bio-icon{--icon-color:var(--color-text-muted);color:var(--color-text-secondary);height:12px!important;width:12px!important}.profile-card-bio-editor-inline{align-items:center;display:flex;flex-direction:column;margin-top:0}.profile-card-bio-input{max-height:180px;min-height:25px;padding:4px 14px}.profile-card-bio-actions,.profile-card-bio-input{border-left:none;border-radius:0;border-right:none;margin-left:-14px;margin-right:-14px;width:calc(100% + 28px)}.profile-card-bio-actions{flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px}.profile-card-bio-cancel-btn,.profile-card-bio-save-btn{font-size:.8rem;padding:8px 16px;width:100%}}.tab-privacy-settings{display:inline-block;margin-left:auto;position:relative}.tab-privacy-toggle{align-items:center;background:#ffffffb3;border:1px solid #8b5cf640;border-radius:5px;color:#111827;color:var(--profile-text,#111827);cursor:pointer;display:flex;font-size:13px;gap:4px;height:28px;padding:5px 10px;transition:all .2s ease}.tab-privacy-toggle:hover{background:#fffffff2;border-color:#8b5cf666;box-shadow:0 1px 3px #8b5cf626}.tab-privacy-toggle:disabled{cursor:not-allowed;opacity:.5}.tab-privacy-icon{color:#111827;color:var(--profile-text,#111827);flex-shrink:0;height:18px!important;width:18px!important}.tab-privacy-chevron{color:#6b7280;color:var(--profile-text-secondary,#6b7280);flex-shrink:0;height:13px;margin-left:-1px;opacity:.5;width:13px}.tab-privacy-dropdown{animation:slideDown .16s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;font-family:Inter,Roboto,Arial,sans-serif;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 20px);z-index:1000}.tab-privacy-dropdown,.tab-privacy-dropdown-header{background:#fff;background:var(--color-surface-primary,#fff)}.tab-privacy-dropdown-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);padding:12px 16px}.tab-privacy-dropdown-title{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.tab-privacy-options{background:var(--color-surface-secondary);padding:0}.tab-privacy-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);border-radius:0;cursor:pointer;display:flex;gap:10px;padding:10px 16px;text-align:left;transition:all .2s ease;width:100%}.tab-privacy-option:last-child{border-bottom:none}.tab-privacy-option.active,.tab-privacy-option:hover{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6)}.tab-privacy-option:disabled{cursor:not-allowed;opacity:.5}.tab-privacy-option-icon{align-items:center;color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.tab-privacy-option.active .tab-privacy-option-icon,.tab-privacy-option:hover .tab-privacy-option-icon{color:var(--color-primary)}.tab-privacy-option-content{flex:1 1;min-width:0}.tab-privacy-option-label{color:#111827;color:var(--color-text-primary,#111827);font-size:.75rem;font-weight:500;letter-spacing:-.01em;margin-bottom:2px}.tab-privacy-option-description{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.6875rem;line-height:1.4}.tab-privacy-option-check{color:var(--color-primary);flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.tab-privacy-dropdown{min-width:260px}.tab-privacy-option{padding:10px}.tab-privacy-option-label{font-size:13px}.tab-privacy-option-description{font-size:11px}}.achievements-compact{align-items:center;background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:#6b7280;color:var(--profile-text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;height:32px;padding:6px 12px;transition:all .2s ease}.achievements-compact:hover{background:#0000;border:none;color:#111827;color:var(--profile-text,#111827)}.achievements-compact-icon{color:var(--color-warning);flex-shrink:0;height:16px;width:16px}.achievements-compact-text{font-weight:500;white-space:nowrap}.achievements-compact-level-pill{align-items:center;background:var(--gradient-primary);border-radius:12px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;margin:0 2px;padding:2px 8px;white-space:nowrap}.achievements-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.achievements-drawer{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.achievements-drawer-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:20px 24px}.achievements-drawer-header h3{color:#111827;color:var(--profile-text,#111827);font-size:1.25rem;font-weight:600;margin:0}.achievements-drawer-close{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .2s ease;width:32px}.achievements-drawer-close:hover{background:var(--color-surface-tertiary)}.achievements-drawer-close svg{color:var(--color-text-secondary);height:18px;width:18px}.achievements-drawer-content{max-height:calc(85vh - 80px);overflow-y:auto;padding:24px}.achievements-drawer-level-section{border-bottom:1px solid var(--color-border-primary);margin-bottom:32px;padding-bottom:24px}.achievements-drawer-level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.achievements-drawer-level-label{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.9rem;font-weight:500}.achievements-drawer-level-value{color:#111827;color:var(--profile-text,#111827);font-size:1.5rem;font-weight:700}.achievements-drawer-xp-bar{background:var(--color-border-primary);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.achievements-drawer-xp-bar-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.achievements-drawer-xp-info{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;font-size:.85rem;justify-content:space-between}.achievements-drawer-xp-needed{color:#9ca3af;color:var(--profile-text-muted,#9ca3af);font-size:.8rem}.achievements-drawer-badges-section{margin-bottom:24px}.achievements-drawer-badges-title{color:#111827;color:var(--profile-text,#111827);font-size:1rem;font-weight:600;margin:0 0 16px}.achievements-drawer-empty,.achievements-drawer-loading{color:#6b7280;color:var(--profile-text-secondary,#6b7280);padding:40px 20px;text-align:center}.achievements-drawer-empty-icon{color:var(--color-border-primary);height:48px;margin-bottom:12px;width:48px}.achievements-drawer-empty p{font-size:.9rem;margin:0}.achievements-drawer-badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.achievements-drawer-badge-item{align-items:flex-start;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.achievements-drawer-badge-item:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-primary)}.achievements-drawer-badge-item-clickable{cursor:pointer}.achievements-drawer-badge-item-pinned{background:var(--color-primary-light);border-color:var(--color-primary)}.achievements-drawer-badge-item-pinned:hover{background:var(--color-primary-light)}.achievements-drawer-badge-icon{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.achievements-drawer-badge-icon img{height:100%;object-fit:contain;width:100%}.achievements-drawer-badge-icon svg{color:var(--color-warning);height:32px;width:32px}.achievements-drawer-badge-pinned-indicator{align-items:center;background:var(--color-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.achievements-drawer-badge-pinned-indicator svg{color:#fff;height:12px;width:12px}.achievements-drawer-badge-info{flex:1 1;min-width:0}.achievements-drawer-badge-title{color:#111827;color:var(--profile-text,#111827);font-size:.95rem;font-weight:600;margin-bottom:4px}.achievements-drawer-badge-pinned-label{color:var(--color-primary);font-size:.85rem;font-weight:500;margin-left:4px}.achievements-drawer-badge-description{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.85rem;line-height:1.5;margin-bottom:4px}.achievements-drawer-badge-date{color:#9ca3af;color:var(--profile-text-muted,#9ca3af);font-size:.75rem}.achievements-drawer-pinned-section{border-top:1px solid var(--color-border-primary);margin-top:24px;padding-top:24px}.achievements-drawer-pinned-title{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.achievements-drawer-pinned-grid{display:flex;flex-wrap:wrap;gap:8px}.achievements-drawer-pinned-badge{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:6px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.achievements-drawer-pinned-badge img{height:100%;object-fit:contain;width:100%}.achievements-drawer-pinned-badge svg{color:var(--color-warning);height:32px;width:32px}@media (max-width:768px){.achievements-compact{font-size:.8rem;padding:5px 10px}.achievements-drawer{max-height:90vh;width:95%}.achievements-drawer-header{padding:16px 20px}.achievements-drawer-content{padding:20px}.achievements-drawer-level-value{font-size:1.25rem}}:root{--profile-bg:var(--color-surface-primary);--profile-text:var(--color-text-primary);--profile-text-secondary:var(--color-text-secondary);--profile-text-muted:var(--color-text-muted);--profile-border:var(--color-border-primary);--profile-accent:var(--color-primary);--profile-white:var(--color-surface-primary);--profile-shadow:var(--shadow-tertiary);--profile-shadow-light:var(--shadow-primary);--profile-radius:8px;--profile-radius-lg:20px;--profile-transition:all 0.2s ease;--profile-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}.user-profile-page{background:var(--gradient-bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--profile-font);min-height:100vh;position:relative;width:100%;z-index:0}:root{--profile-cover-height:160px;--profile-header-padding-y:20px}.user-profile-header-banner{align-items:flex-end;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary-light) 50%,var(--color-primary-light) 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:160px;height:var(--profile-cover-height);justify-content:flex-start;margin-left:calc(50% - 50vw);min-height:160px;min-height:var(--profile-cover-height);overflow:visible;position:relative;width:100vw;z-index:1}.user-profile-header-banner:before{background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/justwhale2.png);background-position:0 0;background-repeat:repeat;background-size:80px auto;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:.5}.user-profile-header-banner:after{background:linear-gradient(to bottom,var(--color-surface-glass-light) 0,var(--color-surface-glass) 100%)}.user-profile-header-banner[data-has-cover=true]{background-image:var(--user-cover-image)}.user-profile-header-banner[data-has-cover=true]:after{background:var(--color-surface-overlay)}.user-profile-white-banner{background:#fff;border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-primary);display:flex;flex-direction:column;height:225px;margin-left:calc(50% - 50vw);margin-top:-1px;max-height:225px;min-height:225px;overflow:visible;padding-bottom:0;position:relative;width:100vw;z-index:2}.user-profile-white-banner-content{box-sizing:border-box;flex-shrink:0;height:140px;max-height:140px;min-height:140px;overflow:visible;padding:20px 40px;padding:var(--profile-header-padding-y) 40px;width:100%}.user-profile-header-main{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:1fr auto;margin:0 auto;max-width:1400px}.user-profile-identity-block{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding-left:260px;padding-top:-5px}.user-profile-name-header{align-items:center;display:flex;gap:12px;width:100%}.user-profile-name{align-items:baseline;color:var(--color-text-primary);color:var(--profile-text,#111827);display:inline-flex;flex-wrap:wrap;font-size:4rem;font-weight:700;gap:12px;letter-spacing:-.02em;line-height:1.1;margin:0}.user-profile-name-stats{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:1.4rem;font-weight:400;margin-left:10px;vertical-align:initial}.user-profile-stat-with-tooltip{cursor:pointer;position:relative;transition:color .2s ease}.user-profile-stat-with-tooltip:hover{color:var(--color-text-primary);color:var(--profile-text,#111827)}.user-profile-stat-dot{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);margin:0 4px}.user-profile-stat-label-tiny{color:var(--color-text-muted);color:var(--profile-text-muted,#9ca3af);font-size:.85rem;font-weight:400;margin-left:3px}.user-profile-stat-tooltip{background:var(--color-dark);border-radius:6px;bottom:calc(100% + 8px);box-shadow:var(--shadow-card);color:#fff;font-size:.75rem;left:50%;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.user-profile-stat-tooltip:after{border:5px solid #0000;border-top:5px solid var(--color-dark);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.user-profile-bio{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-bio,.user-profile-bio-prompt{font-size:1.05rem;font-weight:400;line-height:1.4;margin:4px 0 0}.user-profile-bio-prompt{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;gap:8px;padding:0;position:relative;text-align:left;transition:all .2s ease}.user-profile-bio-prompt-text{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);text-decoration:underline;-webkit-text-decoration-color:var(--color-text-secondary);text-decoration-color:var(--color-text-secondary);-webkit-text-decoration-color:var(--profile-text-secondary,#9ca3af);text-decoration-color:var(--profile-text-secondary,#9ca3af);-webkit-text-decoration-style:dashed;text-decoration-style:dashed;text-underline-offset:4px;transition:all .2s ease}.user-profile-bio-prompt-icon{color:var(--color-text-secondary);color:var(--profile-text-secondary,#9ca3af);flex-shrink:0;height:16px;opacity:0;transform:translateX(-4px);transition:all .2s ease;width:16px}.user-profile-bio-prompt:hover .user-profile-bio-prompt-text{color:var(--color-text-primary);color:var(--profile-text,#111827);-webkit-text-decoration-color:var(--color-text-primary);text-decoration-color:var(--color-text-primary);-webkit-text-decoration-color:var(--profile-text,#111827);text-decoration-color:var(--profile-text,#111827)}.user-profile-bio-prompt:hover .user-profile-bio-prompt-icon{color:var(--color-text-primary);color:var(--profile-text,#111827);opacity:1;transform:translateX(0)}.user-profile-bio-prompt:active{transform:translateY(1px)}.user-profile-bio-editable{cursor:pointer;transition:color .2s ease}.user-profile-bio-editable:hover{color:var(--color-text-primary);color:var(--profile-text,#111827)}.user-profile-bio-editor{align-items:flex-start;display:flex;gap:8px;margin:4px 0 0;width:100%}.user-profile-bio-input{background:#0000;border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);color:var(--profile-text,#111827);font-family:inherit;font-size:.9rem;height:28px;line-height:1.4;margin:0;max-width:50%;padding:6px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:300px}.user-profile-bio-input:focus{border-color:var(--color-text-muted);box-shadow:var(--glow-primary);outline:none}.user-profile-bio-input::placeholder{color:var(--color-text-secondary);color:var(--profile-text-secondary,#9ca3af)}.user-profile-bio-save-btn{align-self:center;background:var(--color-text-primary);background:var(--profile-text);border:none;border-radius:20px;color:var(--color-text-on-primary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:500;height:28px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.user-profile-bio-save-btn:hover:not(:disabled){background:var(--color-text-secondary);transform:translateY(-1px)}.user-profile-bio-save-btn:active:not(:disabled){transform:translateY(0)}.user-profile-bio-save-btn:disabled{cursor:not-allowed;opacity:.6}.user-profile-bio-close-btn{align-self:center;background:#0000;border:1px solid var(--color-border-primary);border-radius:20px;color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:500;height:28px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.user-profile-bio-close-btn:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-text-muted);color:var(--color-text-primary);color:var(--profile-text,#111827)}.user-profile-bio-close-btn:active:not(:disabled){transform:translateY(0)}.user-profile-bio-close-btn:disabled{cursor:not-allowed;opacity:.6}.user-profile-social-stats{font-size:.85rem;line-height:1.4;margin:8px 0 0}.user-profile-social-stat-link,.user-profile-social-stats{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280)}.user-profile-social-stat-link{cursor:pointer;position:relative;transition:color .2s ease}.user-profile-social-stat-link:hover{color:var(--color-text-primary);color:var(--profile-text,#111827)}.user-profile-xp-bar-container{margin-top:12px;width:100%}.user-profile-xp-bar{background:var(--color-border-primary);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.user-profile-xp-bar-fill{background:linear-gradient(90deg,var(--color-primary-light) 0,var(--color-primary-light) 100%);border-radius:2px;height:100%;transition:width .3s ease}.user-profile-xp-bar-info{align-items:center;color:var(--color-text-muted);color:var(--profile-text-muted,#9ca3af);display:flex;font-size:.75rem;justify-content:space-between;line-height:1}.user-profile-xp-bar-level{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-weight:500}.user-profile-xp-bar-text{font-weight:400}.user-profile-headline{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:.95rem;font-weight:400;line-height:1.4;margin:0}.user-profile-location{align-items:center;display:flex;font-size:.9rem;gap:6px;margin:0}.user-profile-location,.user-profile-location-icon{color:var(--color-text-muted);color:var(--profile-text-muted,#9ca3af)}.user-profile-location-icon{height:14px;width:14px}.user-profile-social-stats{align-items:center;display:flex;gap:8px;margin-top:4px}.user-profile-social-stat{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:0;transition:opacity .2s ease}.user-profile-social-stat:hover{opacity:.7}.user-profile-social-stat-number{color:var(--color-text-primary);color:var(--profile-text,#111827);font-size:.9rem;font-weight:600;line-height:1}.user-profile-social-stat-label{font-size:.8rem;line-height:1;text-transform:lowercase}.user-profile-social-stat-label,.user-profile-social-stat-separator{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280)}.user-profile-social-stat-separator{font-size:.9rem}.user-profile-settings-button{align-items:center;background:none;border:none;border-radius:3px;cursor:pointer;display:flex;height:24px;justify-content:center;margin-top:10px;padding:4px;transition:all .2s ease;width:24px}.user-profile-settings-button:hover{background:#0000000a;background:var(--color-surface-secondary,#0000000a);color:#111827;color:var(--color-text-primary,#111827)}.user-profile-settings-button:active{transform:scale(.95);transition:transform .1s ease}.user-profile-settings-icon{stroke-width:2;color:var(--color-text-secondary)!important;height:16px;transition:color .2s ease;width:16px}.user-profile-settings-button:hover .user-profile-settings-icon{color:var(--color-text-primary)!important}.user-profile-white-banner-bio{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:1.1rem;font-weight:400;margin:0;text-align:left}.user-profile-white-banner-location{align-items:center;color:#9ca3af;color:var(--profile-text-tertiary,#9ca3af);display:flex;font-size:1.05rem;font-weight:400;gap:8px;margin:1px 0 0;text-align:left}.user-profile-level-badge{align-items:center;background:var(--gradient-warning);border:1px solid var(--color-warning);border-radius:12px;box-shadow:var(--shadow-primary);color:var(--color-warning-dark);display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;letter-spacing:.5px;margin-left:10px;min-width:24px;padding:4px 8px;position:relative;text-transform:uppercase;vertical-align:middle}.user-profile-level-tooltip{background:#000000f2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:var(--shadow-card);color:#fff;font-size:12px;left:50%;min-width:200px;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.user-profile-level-tooltip:after{border:6px solid #0000;border-top-color:#000000f2;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tooltip-level{font-size:13px;font-weight:700}.tooltip-xp{color:var(--color-text-on-dark);font-size:11px}.tooltip-progress-bar{background:var(--color-surface-glass);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.tooltip-progress-fill{background:var(--gradient-warning);border-radius:4px;height:100%;transition:width .3s ease}.tooltip-footer{color:var(--color-text-on-dark);font-size:11px;text-align:center}.user-profile-white-banner-stats{align-items:center;color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);display:flex;flex-shrink:0;font-size:.85rem;gap:10px;margin-top:2px}.user-profile-white-banner-stat-item{align-items:center;cursor:pointer;display:flex;gap:3px;min-width:auto;padding:1px 0;transition:transform .2s ease}.user-profile-white-banner-stat-item:hover{transform:translateY(-2px)}.user-profile-white-banner-stat-number{color:var(--color-text-primary);color:var(--profile-text,#111827);font-size:.85rem;font-weight:600;line-height:1;margin:0}.user-profile-white-banner-stat-label{font-weight:400;line-height:1;margin:0;text-transform:lowercase}.user-profile-stats-separator,.user-profile-white-banner-stat-label{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:.85rem}.user-profile-stats-separator{margin:0 5px}.user-profile-discs{align-items:center;display:flex;flex-wrap:wrap;gap:-8px;margin-top:4px}.user-profile-disc{border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-primary);height:32px;margin-left:-8px;overflow:hidden;position:relative;transition:transform .2s ease;width:32px}.user-profile-disc:first-child{margin-left:0}.user-profile-disc:hover{transform:translateY(-2px);z-index:10}.user-profile-disc-img{display:block;height:100%;object-fit:cover;width:100%}.user-profile-disc-fallback{align-items:center;background:var(--gradient-primary);display:flex;height:100%;justify-content:center;width:100%}.user-profile-disc-fallback,.user-profile-disc-initial{color:#fff;font-size:.8rem;font-weight:600}.user-profile-disc-more{align-items:center;background:var(--color-surface-tertiary);color:var(--color-text-secondary);display:flex;justify-content:center}.user-profile-disc-more,.user-profile-disc-more-text{font-size:.8rem;font-weight:600}.user-profile-actions-stats-block{align-items:flex-end;display:flex;flex-direction:column;gap:16px;min-width:280px}.user-profile-top-row{flex-wrap:wrap}.user-profile-actions-row,.user-profile-top-row{align-items:center;display:flex;gap:12px;justify-content:flex-end;width:100%}.user-profile-actions-row-compact{align-items:center;display:flex;flex-shrink:0;gap:8px}.user-profile-primary-cta{align-items:center;background:var(--color-primary);background:var(--profile-accent);border:none;border-radius:8px;box-shadow:var(--glow-primary);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.user-profile-primary-cta:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-secondary);transform:translateY(-1px)}.user-profile-primary-cta svg{align-self:center;flex-shrink:0;height:18px;transform:translateY(2px);width:18px}.user-profile-secondary-action{align-items:center;background:#fff;border:1px solid var(--profile-border,#e5e7eb);border-radius:8px;color:var(--color-text-primary);color:var(--profile-text,#1a1a1a);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.user-profile-secondary-action:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.user-profile-secondary-action svg{align-self:center;flex-shrink:0;height:16px;transform:translateY(2px);width:16px}.user-profile-primary-cta-compact{align-items:center;background:#fff;border:1px solid var(--profile-border,#e5e7eb);border-radius:6px;color:var(--color-text-primary);color:var(--profile-text,#1a1a1a);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:32px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.user-profile-primary-cta-compact:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.user-profile-primary-cta-compact svg{flex-shrink:0;height:16px;width:16px}.user-profile-secondary-action-compact{align-items:center;background:#fff;border:1px solid var(--profile-border,#e5e7eb);border-radius:6px;color:var(--color-text-primary);color:var(--profile-text,#1a1a1a);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:32px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.user-profile-secondary-action-compact:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary);transform:translateY(-1px)}.user-profile-secondary-action-compact svg{flex-shrink:0;height:16px;width:16px}.user-profile-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end;margin-top:12px}.user-profile-stat-item{align-items:flex-end;border:1px solid var(--color-border-primary);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:150px;padding:8px 12px;transition:all .2s ease}.user-profile-stat-item:first-child{background:linear-gradient(135deg,var(--color-primary-light) 0,#e9f3f299 100%);border-color:var(--color-info-border)}.user-profile-stat-item:nth-child(2){background:linear-gradient(135deg,var(--color-primary-light) 0,#e9f3f2cc 100%);border-color:var(--color-info-border)}.user-profile-stat-item:nth-child(3){background:linear-gradient(135deg,#e9f3f2cc,#d9edeb99);border-color:var(--color-info-border)}.user-profile-stat-item:hover{box-shadow:var(--glow-primary);transform:translateY(-1px)}.user-profile-stat-item:first-child:hover,.user-profile-stat-item:nth-child(2):hover{background:linear-gradient(135deg,#e9f3f2,#b8ddd8cc);border-color:#288b8066}.user-profile-stat-item:nth-child(3):hover{background:linear-gradient(135deg,#d9edeb,#b8ddd8);border-color:#288b8066}.user-profile-stat-value{color:var(--color-text-primary);color:var(--profile-text,#111827);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1}.user-profile-stat-label{color:var(--color-text-muted);color:var(--profile-text-muted,#9ca3af);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-align:right;text-transform:uppercase;white-space:nowrap}.user-profile-key-stats{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}.user-profile-key-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-profile-key-stat-number{color:var(--color-text-primary);color:var(--profile-text,#111827);font-size:1.1rem;font-weight:700;line-height:1}.user-profile-key-stat-label{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:.75rem;letter-spacing:.5px;line-height:1;text-transform:uppercase}.user-profile-settings-menu{background:#fff;border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:4px;min-width:240px;padding:8px;position:absolute;right:40px;top:calc(100% + 8px);z-index:1000}.user-profile-settings-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-primary);color:var(--profile-text,#111827);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:10px 12px;text-align:left;transition:background .2s ease;width:100%}.user-profile-settings-menu-item:hover{background:var(--color-surface-secondary)}.user-profile-settings-menu-item svg{flex-shrink:0;height:16px;width:16px}.user-profile-challenge-medals{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-right:40px;margin-top:-80px}.user-profile-challenge-medals-title{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-profile-challenge-medals-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.user-profile-challenge-medal{cursor:pointer;transition:transform .2s ease}.user-profile-challenge-medal:hover{transform:translateY(-2px) scale(1.1);z-index:10}.user-profile-challenge-medal-img{display:block;height:80px;width:80px}.user-profile-challenge-medal-placeholder{align-items:center;background:var(--gradient-warning);color:#fff;display:flex;font-size:.7rem;font-weight:600;height:100%;justify-content:center;text-shadow:var(--shadow-primary);width:100%}.user-profile-challenge-medal-placeholder-icon{color:#fff;height:20px;width:20px}.user-profile-header-banner:after{background:var(--color-surface-overlay);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.user-profile-banner-content{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;padding:0;position:relative;width:100%;z-index:2}.user-profile-avatar-section{left:max(40px,calc(-700px + 50%));pointer-events:auto;position:absolute;top:-90px;z-index:30}.user-profile-section-divider{background:var(--color-border-primary);flex-shrink:0;height:1px;margin:0;position:relative;top:30px;width:100%}.user-profile-white-banner-nav{box-sizing:border-box;flex-shrink:0;height:60px;margin-top:25px;max-height:60px;min-height:60px;padding:13px 40px 11px;position:relative}.user-profile-white-banner-nav-content{align-items:center;display:flex;gap:4px;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.user-profile-white-banner-nav-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.user-profile-white-banner-nav-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:5px;padding:6px 12px;position:relative;transform:translateY(1px);transition:color .2s ease;white-space:nowrap}.user-profile-white-banner-nav-btn:after{background:var(--color-primary);background:var(--profile-accent);border-radius:1px;bottom:-7px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .18s cubic-bezier(.4,0,.2,1);width:100%}.user-profile-white-banner-nav-btn:hover{color:var(--color-text-primary);color:var(--profile-text,#111827)}.user-profile-white-banner-nav-btn:hover:after{transform:translateX(-50%) scaleX(.8)}.user-profile-white-banner-nav-btn.active{background:#288b8014;color:var(--color-text-primary);color:var(--profile-text,#111827);font-size:.85rem;font-weight:600}.user-profile-white-banner-nav-btn.active:after{background:var(--color-primary);height:3px;transform:translateX(-50%) scaleX(1)}.user-profile-tab-count{border-radius:12px;display:inline-block;font-size:.75rem;margin-left:4px;padding:2px 8px}.user-profile-tab-count,.user-profile-white-banner-nav-btn.active .user-profile-tab-count{background:var(--color-primary);background:var(--profile-accent);color:var(--color-text-primary);font-weight:600}.user-profile-white-banner-nav-btn svg{height:16px;transform:translateY(1px);width:16px}.user-profile-avatar{background:#fff;border:6px solid #fff!important;border-radius:50%;box-sizing:border-box;filter:none!important;height:240px;overflow:hidden;position:relative;width:240px}.user-profile-avatar,.user-profile-avatar:hover{box-shadow:none!important}.user-profile-avatar-img{border-radius:50%;box-shadow:none!important;display:block;filter:none!important;height:100%;object-fit:cover;overflow:hidden;width:100%}.user-profile-avatar-fallback{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:5rem;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;text-transform:uppercase;width:100%}@media (max-width:768px){:root{--profile-cover-height:120px;--profile-header-padding-y:16px}.user-profile-header-banner{height:160px;height:var(--profile-cover-height);min-height:160px;min-height:var(--profile-cover-height)}.user-profile-header-banner:before{background-size:18px auto}.user-profile-avatar-section{left:max(20px,calc(-700px + 50%));top:-85px;z-index:30}.user-profile-avatar{border:2px solid #fff!important;height:150px;width:150px}.user-profile-white-banner-content{padding:20px;padding:var(--profile-header-padding-y) 20px}.user-profile-header-main{gap:20px;grid-template-columns:1fr}.user-profile-identity-block{padding-left:0;padding-top:160px}.user-profile-name{font-size:2.5rem}.user-profile-name-stats{font-size:1.1rem}.user-profile-bio{font-size:1rem}.user-profile-xp-bar-container{margin-top:6px}.user-profile-xp-bar-info{font-size:.7rem}.user-profile-identity-block{padding-top:16px}.user-profile-actions-stats-block{align-items:stretch;min-width:auto;width:100%}.user-profile-actions-row{flex-direction:column;width:100%}.user-profile-xp-bar-container{align-self:stretch;width:100%}.user-profile-primary-cta,.user-profile-secondary-action{justify-content:center;width:100%}.user-profile-key-stats{gap:16px;justify-content:flex-start;width:100%}.user-profile-white-banner-nav{overflow-x:auto;padding:11px 20px 9px}.user-profile-settings-menu{left:20px;right:20px;width:auto}.user-profile-protocols-content .github-section{padding:0}.user-profile-protocols-content .protocols-grid{padding-left:16px;padding-right:16px}}@media (max-width:480px){:root{--profile-cover-height:100px;--profile-header-padding-y:12px}.user-profile-header-banner:before{background-size:15px auto}.user-profile-avatar{border:2px solid #fff!important;height:180px;width:180px}.user-profile-avatar-section{left:max(16px,calc(-700px + 50%));top:-70px;z-index:30}.user-profile-identity-block{padding-top:140px}.user-profile-name{font-size:1.5rem}.user-profile-white-banner-content{padding:20px 16px;padding:var(--profile-header-padding-y) 16px}.user-profile-white-banner-nav{padding:9px 16px 7px}.user-profile-white-banner-nav-btn{font-size:.8rem;padding:6px 12px}.user-profile-white-banner-nav-btn.active{font-size:.85rem}.user-profile-white-banner-nav-btn svg{height:16px;width:16px}.user-profile-primary-cta,.user-profile-secondary-action{font-size:.85rem;padding:8px 16px}}.user-profile-content{background:var(--gradient-bg-primary);margin-left:calc(50% - 50vw);min-height:400px;padding:0 40px 30px;width:100vw}.user-profile-activity-content,.user-profile-posts-content{padding-top:60px}.user-profile-challenges-content,.user-profile-labs-content,.user-profile-protocols-content,.user-profile-wearables-content{padding-top:0}.user-profile-protocols-content{background:var(--gradient-bg-primary);margin-left:calc(50% - 50vw);overflow:visible;padding:10px 0 30px;width:100vw}.user-profile-protocols-content .github-section{margin:-20px 0 0;max-width:none;padding:0;width:100%}.user-profile-protocols-content .protocols-grid{padding-left:20px;padding-right:20px}.user-profile-activity-content .github-empty-state,.user-profile-protocols-content .github-empty-state{align-items:center;color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:60px 20px}.user-profile-empty-state{color:var(--color-text-secondary);color:var(--profile-text-secondary);font-size:1rem;padding:40px 20px;text-align:center}.user-profile-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-surface-glass-light);border:1px solid var(--color-surface-primary);border-radius:50%;box-shadow:var(--shadow-primary);box-shadow:var(--profile-shadow-light);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .2s ease;transition:var(--profile-transition);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:40px;z-index:4}.user-profile-toggle:hover{background:var(--color-surface-primary);box-shadow:var(--shadow-tertiary);box-shadow:var(--profile-shadow);transform:scale(1.1)}.user-profile-toggle:active{transform:scale(.95);transition:all .1s ease}.user-profile-toggle:focus{box-shadow:var(--glow-primary);outline:none}.user-profile-toggle-icon{stroke-width:2;height:18px;transition:all .2s ease;transition:var(--profile-transition);width:18px}.user-profile-toggle.public{background:var(--color-success-bg);border-color:var(--color-success-border)}.user-profile-toggle.public .user-profile-toggle-icon{color:var(--color-surface-primary);color:var(--profile-white)}.user-profile-toggle.public:hover{background:var(--color-success-light);border-color:var(--color-success)}.user-profile-toggle.private{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.user-profile-toggle.private .user-profile-toggle-icon{color:var(--color-surface-primary);color:var(--profile-white)}.user-profile-toggle.private:hover{background:var(--color-danger-light);border-color:var(--color-danger)}.user-profile-photo-hover-container{position:relative}.user-profile-photo-hover-container .user-profile-change-photo-btn{align-items:center;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;border-radius:var(--profile-radius);bottom:8px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;transform:scale(.8);transition:all .2s ease;transition:var(--profile-transition);width:32px;z-index:3}.user-profile-photo-hover-container:hover .user-profile-change-photo-btn{opacity:1;transform:scale(1)}.user-profile-photo-hover-container .user-profile-change-photo-btn:hover{background:var(--color-info-light);border-color:var(--color-primary);transform:scale(1.1)}.user-profile-change-photo-icon{--icon-color:var(--profile-white);color:var(--color-surface-primary);color:var(--profile-white);filter:brightness(1.2);height:16px;opacity:1;width:16px}@media (max-width:768px){.user-profile-header-banner{min-height:180px}.user-profile-banner-content{align-items:center;flex-direction:column;gap:20px;padding:30px 20px;text-align:center}.user-profile-avatar-section{margin:20px 0;position:static;transform:none}.user-profile-avatar{border:2px solid #fff!important;height:120px;width:120px}.user-profile-info-section{justify-content:center}.user-profile-name-section{text-align:center}.user-profile-name{font-size:2rem;justify-content:center}.user-profile-bio{font-size:1rem}.user-profile-stats-section{gap:20px}.user-profile-stat-item{min-width:60px;padding:8px}.user-profile-stat-number{font-size:1.4rem}.user-profile-stat-label{font-size:.8rem}}@media (max-width:480px){.user-profile-header-banner{min-height:160px}.user-profile-banner-content{gap:15px;padding:20px 15px}.user-profile-avatar-section{margin:15px 0;position:static;transform:none}.user-profile-avatar{border:2px solid #fff!important;height:100px;width:100px}.user-profile-info-section{justify-content:center}.user-profile-name-section{text-align:center}.user-profile-name{font-size:2rem;justify-content:center}.user-profile-name-stats{font-size:1.2rem}.user-profile-bio{font-size:.95rem}.user-profile-xp-bar-container{margin-top:6px}.user-profile-xp-bar-info{font-size:.7rem}.user-profile-identity-block{padding-top:12px}.user-profile-stats-section{gap:15px}.user-profile-stat-item{min-width:50px;padding:6px}.user-profile-stat-number{font-size:1.2rem}.user-profile-stat-label{font-size:.75rem}}.tab-privacy-control-wrapper{align-items:center;background:var(--color-primary-light);border:0 solid var(--color-info-border);border-radius:6px;box-shadow:var(--shadow-primary);display:flex;flex-shrink:0;gap:12px;height:30px;padding:5px 0 5px 12px}.tab-privacy-control-label{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:5px}.tab-privacy-control-icon,.tab-privacy-control-label{color:var(--color-text-primary);color:var(--profile-text,#111827)}.tab-privacy-control-icon{flex-shrink:0;height:14px;width:14px}.tab-privacy-control-text{white-space:nowrap}@media (max-width:768px){.tab-privacy-control-wrapper{gap:8px;height:26px;padding:4px 10px}.tab-privacy-control-label{font-size:.7rem}.tab-privacy-control-icon{height:12px;width:12px}}.user-profile-privacy-notice{align-items:center;background:var(--color-primary-light);border-radius:16px;color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.privacy-notice-icon{color:var(--color-primary);color:var(--profile-accent);height:64px;margin-bottom:20px;opacity:.7;width:64px}.user-profile-privacy-notice h3{color:var(--color-text-primary);color:var(--profile-text,#111827);font-size:1.5rem;font-weight:600;margin:0 0 12px}.user-profile-privacy-notice p{color:var(--color-text-secondary);color:var(--profile-text-secondary,#6b7280);font-size:1rem;line-height:1.6;margin:0;max-width:400px}.challenges-tab{margin:0 auto;max-width:1200px;padding:20px}.challenges-tab-header{margin-bottom:55px}.challenges-tab-header p{color:var(--color-text-muted);font-size:.9rem;font-style:italic;line-height:1.5;margin:0 auto 16px;max-width:900px;opacity:.8;text-align:center}.challenges-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.challenges-filter-group{display:flex;gap:8px}.challenges-filter-btn{background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:24px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.challenges-filter-btn:hover{background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);color:#111827;color:var(--profile-text,#111827)}.challenges-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.challenges-content{margin-top:40px;min-height:400px}.challenges-loading{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.challenges-loading-icon{animation:spin 1s linear infinite;height:32px;margin-bottom:16px;width:32px}.challenges-empty{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.challenges-empty-icon{height:48px;margin-bottom:16px;opacity:.5;width:48px}.challenges-empty h3{color:#111827;color:var(--profile-text,#111827);font-size:1.25rem;font-weight:600;margin:0 0 8px}.challenges-empty p{font-size:.875rem;margin:0}.challenges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.challenge-card{background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:12px;min-height:200px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.challenge-card:before{background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/360_F_210459536_XmLDEcKq2DpeNLVmheuWeu9NM9aGKnih.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.challenge-card>*{position:relative;z-index:1}.challenge-card-completed-cap{height:50px;overflow:hidden;position:absolute;right:0;top:0;width:50px;z-index:2}.challenge-card-completed-cap:before{border-color:#0000 #10b981 #0000 #0000;border-style:solid;border-width:0 50px 50px 0;content:"";height:0;position:absolute;right:0;top:0;width:0}.challenge-completed-cap-icon{fill:var(--color-text-on-dark)!important;stroke:var(--color-text-on-dark)!important;color:var(--color-text-on-dark)!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:18px;position:absolute;right:5px;top:3px;width:18px;z-index:3}.challenge-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.challenge-card.completed{border-color:var(--color-success)}.challenge-card.not-joined{background:var(--color-surface-secondary);opacity:.7}.challenge-card.not-joined:hover{opacity:.8}.challenge-card-icon-corner{align-items:flex-start;display:flex;height:80px;justify-content:center;left:8px;overflow:visible;position:absolute;top:0;width:80px}.challenge-card-icon-large{color:var(--color-success);height:72px;transition:filter .3s ease,opacity .3s ease;width:72px}.challenge-card-icon-large.not-completed{filter:grayscale(100%);opacity:.1}.challenge-card-icon-large.completed{filter:none;opacity:1}.challenge-card-icon-large-img{border-radius:8px;height:72px;object-fit:contain;transition:filter .3s ease,opacity .3s ease;width:72px}.challenge-card-icon-large-img.not-completed{filter:grayscale(100%);opacity:.5}.challenge-card-icon-large-img.completed{filter:none;opacity:1}.challenge-card-header{align-items:flex-start;display:flex;justify-content:flex-start;margin-bottom:0;margin-left:80px;margin-top:10px}.challenge-card-status-badge{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px;text-transform:capitalize;white-space:nowrap}.challenge-card-title{color:#111827;color:var(--profile-text,#111827);flex:1 1;font-size:1.15rem;font-weight:700;line-height:1.3;margin:0}.challenge-card-content{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-top:20px}.challenge-card-description{color:#6b7280;color:var(--profile-text-secondary,#6b7280);flex:1 1;font-size:.9rem;line-height:1.4;margin:0}.challenge-card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:auto}.challenge-card-date{align-items:center;background:#6366f11f;border-radius:12px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.challenge-card-date,.challenge-date-icon{color:#6b7280;color:var(--profile-text-secondary,#6b7280)}.challenge-date-icon{height:14px;width:14px}.challenge-card-reward{align-items:center;background:#f59e0b1f;border-radius:12px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.challenge-reward-icon{color:var(--color-warning);height:14px;width:14px}.challenge-card-progress{display:flex;flex-direction:column;gap:6px;margin-top:auto}.challenge-progress-header{align-items:flex-end;display:flex;justify-content:space-between}.challenge-progress-label{color:#111827;color:var(--profile-text,#111827);font-size:.875rem;font-weight:400}.challenge-progress-value{color:var(--color-dark);font-size:1.5rem;font-weight:700;line-height:1}.challenge-progress-bar{background:var(--color-surface-tertiary);box-shadow:inset 0 1px 3px #0000001a;height:12px}.challenge-progress-bar,.challenge-progress-fill{border-radius:6px;overflow:hidden;position:relative}.challenge-progress-fill{height:100%;transition:width .3s ease,background .3s ease,box-shadow .3s ease}.challenge-progress-fill.in-progress{background:linear-gradient(90deg,#93c5fd,#60a5fa);box-shadow:0 1px 3px #93c5fd4d}.challenge-progress-fill.completed{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 1px 3px #10b9814d}.challenge-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.challenge-completed-date{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;font-size:.75rem;font-weight:400;gap:6px;margin-top:0}.challenge-completed-icon{color:var(--color-success);height:14px;width:14px}.challenge-join-btn{align-items:center;background:var(--color-primary);border:none;border-radius:24px;color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;margin-top:0;padding:8px 12px;transition:all .2s ease}.challenge-join-btn:hover:not(.disabled){background:var(--color-primary-dark);box-shadow:var(--glow-primary)}.challenge-join-btn.disabled{background:var(--color-border-primary);cursor:not-allowed}.challenge-join-icon{height:14px;width:14px}.challenge-ended-label{align-items:center;background:#64748b1f;border-radius:12px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;font-size:.75rem;font-weight:500;gap:6px;justify-content:center;margin-top:0;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.challenge-ended-icon{height:14px;width:14px}@media (max-width:768px){.challenges-tab{padding:16px}.challenges-header{align-items:flex-start;flex-direction:column;gap:16px}.challenges-filter-group{flex-wrap:wrap;width:100%}.challenges-filter-btn{flex:1 1;min-width:calc(33.333% - 6px)}.challenges-grid{grid-template-columns:1fr}}.wearables-tab{margin:0 auto;max-width:1200px;padding:20px}.wearables-tab-header{margin-bottom:55px}.wearables-tab-header p{color:var(--color-text-muted);font-size:.9rem;font-style:italic;line-height:1.5;margin:0 auto 16px;max-width:900px;opacity:.8;text-align:center}.wearables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.wearables-header-actions{align-items:center;display:flex;gap:20px}.wearables-header h2{color:#111827;color:var(--profile-text,#111827);font-size:1.5rem;font-weight:600;margin:0}.wearables-analysis-selector{align-items:center;display:flex}.wearables-analysis-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background:var(--profile-white,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--profile-text,#111827);cursor:pointer;font-size:.875rem;font-weight:500;min-width:200px;padding:10px 36px 10px 16px;transition:all .2s ease}.wearables-analysis-dropdown:focus,.wearables-analysis-dropdown:hover{border-color:#e5e7eb;border-color:var(--profile-border,#e5e7eb)}.wearables-analysis-dropdown:focus{box-shadow:0 0 0 3px #1118271a;outline:none}.wearables-analysis-dropdown option{font-size:.875rem;font-weight:500;padding:8px 12px}.wearables-nav{display:flex;flex-wrap:wrap;gap:8px}.wearables-nav-btn{align-items:center;background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);border:none;border-radius:24px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.wearables-nav-btn:hover{background:#e5e7eb;background:var(--profile-border,#e5e7eb);color:#111827;color:var(--profile-text,#111827)}.wearables-nav-btn.active{background:var(--gradient-primary);color:var(--color-text-on-primary)}.wearables-nav-btn svg{height:16px;width:16px}.wearables-add-data-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:24px;color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-left:auto;padding:10px 16px;transition:all .2s ease}.wearables-add-data-btn:hover{background:var(--gradient-primary-hover);box-shadow:var(--glow-primary);transform:translateY(-1px)}.wearables-add-data-btn .icon{--icon-color:var(--color-text-on-primary);color:var(--color-text-on-primary);transform:translateY(1px)}.wearables-add-data-btn .icon svg{stroke:currentColor;color:var(--color-text-on-primary);height:16px;width:16px}.wearables-content{margin-top:40px}.section-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--profile-border,#e5e7eb);gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;width:100%}.section-header>div{align-items:center;display:flex;gap:12px}.section-header svg{height:24px;width:24px}.section-header h2,.section-header svg{color:#111827;color:var(--profile-text,#111827)}.section-header h2{font-size:1.5rem;font-weight:600;margin:0}.wearables-loading{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.wearables-loading-icon{animation:spin 1s linear infinite;height:32px;margin-bottom:16px;width:32px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.metric-card{align-items:center;background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.metric-card:hover{border-color:#111827;border-color:var(--profile-text,#111827);box-shadow:0 4px 12px #0000001a}.metric-icon{align-items:center;background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);border-radius:12px;color:#111827;color:var(--profile-text,#111827);display:flex;height:48px;justify-content:center;width:48px}.metric-icon svg{height:24px;width:24px}.metric-content{flex:1 1}.metric-value{color:#111827;color:var(--profile-text,#111827);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-label{font-size:.875rem;font-weight:500;margin-bottom:2px}.metric-label,.metric-score{color:#6b7280;color:var(--profile-text-secondary,#6b7280)}.metric-score{font-size:.75rem}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.chart-section{background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:12px;padding:24px;transition:all .2s ease}.chart-section:hover{border-color:#111827;border-color:var(--profile-text,#111827);box-shadow:0 4px 12px #0000001a}.chart-section h3{color:#111827;color:var(--profile-text,#111827);font-size:1.125rem;font-weight:600;margin:0 0 20px;text-align:left}.wearables-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.sleep-card-preview{max-width:400px;width:100%}.sleep-card{background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;overflow:hidden;position:relative;transition:all .3s ease;width:100%;z-index:1}.sleep-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f}.placeholder-card{opacity:.5;pointer-events:none;position:relative}.placeholder-card:hover{box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}.placeholder-coming-soon{background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);border-radius:6px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:4px 8px}.placeholder-stat-box{background:#ffffff4d;border-radius:2px;height:8px;margin:0 auto 4px;width:24px}.sleep-card-header{align-items:center;background:#fff;background:var(--profile-white,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--profile-border,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.sleep-card-badge{align-items:center;background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 12px}.sleep-card-badge,.sleep-card-badge svg{color:#111827;color:var(--profile-text,#111827)}.sleep-card-badge svg{height:14px;width:14px}.sleep-card-view-btn{align-items:center;background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:24px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.sleep-card-view-btn:hover{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.sleep-card-view-btn svg{color:#6b7280;color:var(--profile-text-secondary,#6b7280);height:16px;transition:color .2s ease;width:16px}.sleep-card-view-btn:hover svg{color:#fff}.sleep-card-content{background:var(--color-dark);color:var(--color-text-on-dark);padding:20px 16px}.sleep-card-top-section{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:0;position:relative}.sleep-card-main{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;text-align:left}.sleep-card-top-right{align-items:flex-end;align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:2px}.sleep-card-chart{align-items:center;display:flex;height:36px;justify-content:center;margin-bottom:0;margin-top:0;width:140px}.sleep-score-section-top{align-items:center;display:flex;flex-shrink:0;gap:0;justify-content:flex-end}.sleep-score-icon-top{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.sleep-score-icon-top svg{fill:#ffffffe6;color:#ffffffe6;height:20px;opacity:.6;width:20px}.sleep-score-icon-top svg,.sleep-score-value-inside{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sleep-score-value-inside{color:var(--color-text-on-dark);font-size:1.375rem;font-weight:700;line-height:1;z-index:1}.sleep-sparkline{background:#0000;height:100%;width:100%}.sleep-card-main-value{color:var(--color-text-on-dark);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}.sleep-card-main-label{color:var(--color-text-on-dark);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:0;opacity:.8;text-transform:uppercase}.sleep-card-times{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:6px;margin-bottom:14px;margin-top:8px;padding-bottom:14px}.sleep-time-value{color:var(--color-text-on-dark);flex-shrink:0;font-size:.8125rem;font-weight:600;line-height:1.2}.sleep-time-connector{align-items:center;display:flex;flex-shrink:0;height:1px;position:relative;width:20px}.sleep-time-line{background:#ffffff4d;height:1px;position:relative;width:100%}.sleep-time-line:before{left:0}.sleep-time-line:after,.sleep-time-line:before{background:#fff9;border-radius:50%;content:"";height:4px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sleep-time-line:after{right:0}.sleep-card-bottom{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;position:relative}.sleep-efficiency-section{align-items:center;cursor:default;display:flex;flex-shrink:0;gap:8px}.sleep-efficiency-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.sleep-efficiency-icon svg{stroke:#fffc;color:#fffc;height:20px;width:20px}.sleep-efficiency-value{color:var(--color-text-on-dark);font-size:1.375rem;font-weight:700;line-height:1.2}.sleep-card-breakdown{align-items:flex-start;display:flex;flex:1 1;gap:12px;justify-content:flex-start}.sleep-score-section{gap:8px;margin-left:auto}.sleep-score-icon,.sleep-score-section{align-items:center;display:flex;flex-shrink:0}.sleep-score-icon{background:#ffffff1a;border-radius:50%;height:40px;justify-content:center;width:40px}.sleep-score-icon svg{fill:#ffffffe6;color:#ffffffe6;height:20px;width:20px}.sleep-score-value{color:var(--color-text-on-dark);font-size:1.75rem;font-weight:700;line-height:1.2}.sleep-breakdown-item{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:center}.sleep-breakdown-label{color:#ffffffb3;font-size:.6rem;font-weight:400;letter-spacing:.03em;margin-bottom:2px;text-transform:uppercase}.sleep-breakdown-value{color:var(--color-text-on-dark);font-size:.9375rem;font-weight:700;line-height:1.2}.activity-overview,.heart-overview,.stress-overview{margin-bottom:30px}.activity-stats,.heart-stats,.stress-stats{grid-gap:20px;background:#fff;background:var(--profile-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--profile-border,#e5e7eb);border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.activity-stat,.heart-stat,.stress-stat{background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);border-radius:8px;padding:16px;text-align:center;transition:all .2s ease}.activity-stat:hover,.heart-stat:hover,.stress-stat:hover{background:#e5e7eb;background:var(--profile-border,#e5e7eb);transform:translateY(-2px)}.activity-stat-value,.heart-stat-value,.stress-stat-value{color:#111827;color:var(--profile-text,#111827);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:4px}.activity-stat-label,.heart-stat-label,.stress-stat-label{color:#6b7280;color:var(--profile-text-secondary,#6b7280);font-size:.875rem;font-weight:500}.wearables-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.wearables-modal{animation:slideDown .16s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--color-surface-primary,var(--profile-white,#fff));border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,var(--profile-border,#e5e7eb));border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;font-family:Inter,Roboto,Arial,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wearables-modal-large{box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;max-width:1000px;padding:0}.wearables-modal-content{padding:16px}.wearables-modal-large .wearables-modal-content{background:#fff;background:var(--color-surface-primary,var(--profile-white,#fff));padding:16px}@media (max-width:768px){.wearables-modal{border-radius:12px;margin:10px;max-height:95vh}.wearables-modal-large{margin:10px;max-width:95%}.wearables-form,.wearables-modal-content,.wearables-modal-header{padding:12px}.wearables-form-actions{flex-direction:column;padding-top:12px}.wearables-form-actions .wearables-cancel-btn,.wearables-form-actions .wearables-submit-btn{width:100%}.sleep-detail-controls{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.sleep-detail-date-range{align-items:stretch;flex-direction:column;gap:12px}.sleep-detail-date-range label{min-width:auto}.sleep-detail-date-input{min-width:auto;width:100%}.sleep-detail-toggle{justify-content:stretch;width:100%}.sleep-detail-toggle-btn{flex:1 1}.wearables-modal-large .wearables-modal-content{padding:12px}}.sleep-detail-controls{align-items:center;background:#f9fafb;background:var(--profile-bg-hover,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--profile-border,#e5e7eb);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:20px 32px}.sleep-detail-date-range{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.sleep-detail-date-range label{font-weight:600;letter-spacing:.025em;min-width:40px}.sleep-detail-date-input,.sleep-detail-date-range label{color:#111827;color:var(--profile-text,#111827);font-size:.875rem}.sleep-detail-date-input{background:#fff;background:var(--profile-white,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--profile-border,#e5e7eb);border-radius:8px;box-shadow:0 1px 2px #0000000d;font-weight:500;min-width:140px;padding:10px 14px;transition:all .2s ease}.sleep-detail-date-input:hover{border-color:#9ca3af;border-color:var(--profile-text-secondary,#9ca3af)}.sleep-detail-date-input:focus{border-color:#111827;border-color:var(--profile-text,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.sleep-detail-toggle{background:#fff;background:var(--profile-white,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--profile-border,#e5e7eb);border-radius:10px;box-shadow:0 1px 2px #0000000d;display:inline-flex;gap:0;padding:2px}.sleep-detail-toggle-btn{background:#0000;border:none;border-radius:24px;color:#6b7280;color:var(--profile-text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.025em;min-width:70px;padding:10px 20px;text-align:center;transition:all .2s ease}.sleep-detail-toggle-btn:hover{background:#f3f4f6;background:var(--profile-bg-hover,#f3f4f6);color:#111827;color:var(--profile-text,#111827)}.sleep-detail-toggle-btn.active{background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:var(--color-text-on-primary)}.wearables-modal-header{align-items:center;background:#fff;background:var(--color-surface-primary,var(--profile-white,#fff));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,var(--profile-border,#e5e7eb));display:flex;justify-content:space-between;padding:12px 16px}.wearables-modal-header h3{color:#111827;color:var(--color-text-primary,var(--profile-text,#111827));font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin:0}.wearables-modal-close{align-items:center;background:none;border:none;border-radius:3px;color:#6b7280;color:var(--color-text-muted,var(--profile-text-secondary,#6b7280));cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.wearables-modal-close:hover{background:#f3f4f6;background:var(--color-surface-secondary,var(--profile-bg-hover,#f3f4f6));color:#111827;color:var(--color-text-primary,var(--profile-text,#111827))}.wearables-modal-close svg{height:16px;width:16px}.wearables-form{padding:16px}.wearables-form-group{margin-bottom:20px}.wearables-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wearables-form-group label{display:block;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.wearables-form-group input,.wearables-form-group label{color:#111827;color:var(--color-text-primary,var(--profile-text,#111827))}.wearables-form-group input{background:#fff;background:var(--color-surface-primary,var(--profile-white,#fff));border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,var(--profile-border,#e5e7eb));border-radius:8px;font-family:inherit;font-size:.75rem;padding:10px 12px;transition:all .2s ease;width:100%}.wearables-form-group input:focus{background:#f3f4f6;background:var(--color-surface-secondary,var(--profile-bg-hover,#f3f4f6));border-color:#111827;border-color:var(--color-primary,var(--profile-text,#111827));outline:none}.wearables-form-group input::placeholder{color:#6b7280;color:var(--color-text-muted,var(--profile-text-secondary,#6b7280));opacity:.7}.wearables-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary,var(--profile-border,#e5e7eb));display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding-top:16px}.wearables-cancel-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,var(--profile-border,#e5e7eb));border-radius:24px;color:#6b7280;color:var(--color-text-secondary,var(--profile-text-secondary,#6b7280));cursor:pointer;font-size:.75rem;font-weight:500;min-width:90px;padding:8px 16px;transition:all .2s ease}.wearables-cancel-btn:hover{background:#f3f4f6;background:var(--color-surface-secondary,var(--profile-bg-hover,#f3f4f6));border-color:#e5e7eb;border-color:var(--color-border-primary,var(--profile-border,#e5e7eb));color:#111827;color:var(--color-text-primary,var(--profile-text,#111827))}.wearables-submit-btn{background:var(--gradient-primary);border:none;border-radius:24px;color:var(--color-text-on-primary);cursor:pointer;font-size:.75rem;font-weight:500;min-width:90px;padding:8px 16px;transition:all .2s ease}.wearables-submit-btn:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--glow-primary)}.wearables-submit-btn:disabled{cursor:not-allowed;opacity:.5}.wearables-empty{align-items:center;color:#6b7280;color:var(--profile-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.wearables-empty-icon{height:48px;margin-bottom:16px;opacity:.5;width:48px}.wearables-empty h3{color:#111827;color:var(--profile-text,#111827);font-size:1.25rem;font-weight:600;margin:0 0 8px}.wearables-empty p{font-size:.875rem;margin:0}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.wearables-tab{padding:16px}.wearables-header{align-items:stretch}.wearables-header,.wearables-header-actions{flex-direction:column;gap:16px}.wearables-analysis-dropdown{min-width:100%}.wearables-nav{justify-content:center}.charts-grid,.metrics-grid,.wearables-cards-grid{grid-template-columns:1fr}.sleep-card-preview{max-width:100%}.sleep-card-top-section{flex-direction:column;gap:12px;margin-bottom:14px}.sleep-card-top-right{align-items:flex-start;width:100%}.sleep-card-main-value{font-size:2rem}.sleep-card-content{padding:18px 14px}.sleep-card-chart{height:32px;width:100%}.sleep-score-section-top{align-self:flex-end}.sleep-score-value-top{font-size:1.125rem}.sleep-efficiency-value{font-size:1.25rem}.sleep-card-times{gap:16px;margin-bottom:14px;padding-bottom:14px}.sleep-card-bottom{align-items:flex-start;flex-direction:column;gap:12px}.sleep-score-section{align-self:flex-end}.sleep-score-icon{height:36px;width:36px}.sleep-score-icon svg{height:18px;width:18px}.sleep-score-value{font-size:1.5rem}.sleep-card-breakdown{gap:8px;justify-content:space-between;width:100%}.sleep-breakdown-label{font-size:.55rem}.sleep-breakdown-value{font-size:.75rem}.activity-stats,.heart-stats,.stress-stats{grid-template-columns:repeat(2,1fr)}.wearables-form-row{grid-template-columns:1fr}}@media (max-width:480px){.wearables-cards-grid{grid-template-columns:1fr}.sleep-card-preview{max-width:100%}.sleep-card-top-section{flex-direction:column;gap:10px;margin-bottom:12px}.sleep-card-top-right{align-items:flex-start;width:100%}.sleep-card-main-value{font-size:1.75rem}.sleep-card-content{padding:16px 12px}.sleep-card-chart{height:28px;width:100%}.sleep-score-section-top{align-self:flex-end}.sleep-score-icon-top{height:28px;width:28px}.sleep-score-icon-top svg{height:14px;width:14px}.sleep-score-value-top{font-size:1rem}.sleep-efficiency-value{font-size:1.125rem}.sleep-card-times{gap:12px;margin-bottom:12px;padding-bottom:12px}.sleep-time-value{font-size:.75rem}.sleep-card-bottom{align-items:flex-start;flex-direction:column;gap:10px}.sleep-score-section{align-self:flex-end}.sleep-score-icon{height:32px;width:32px}.sleep-score-icon svg{height:16px;width:16px}.sleep-score-value{font-size:1.25rem}.sleep-card-breakdown{gap:6px;justify-content:space-between;width:100%}.sleep-breakdown-label{font-size:.5rem}.sleep-breakdown-value{font-size:.6875rem}.activity-stats,.heart-stats,.stress-stats{grid-template-columns:1fr}.wearables-nav{flex-direction:column}.wearables-nav-btn{justify-content:center}}.wearables-modal::-webkit-scrollbar{width:4px}.wearables-modal::-webkit-scrollbar-track{background:#0000}.wearables-modal::-webkit-scrollbar-thumb{background:#288b8033;border-radius:2px}.wearables-modal::-webkit-scrollbar-thumb:hover{background:#288b8066}.wearables-modal{scrollbar-color:#288b8033 #0000;scrollbar-width:thin}.schedule-slide-over-backdrop{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.schedule-slide-over{animation:slideIn .3s ease;background:#fff;bottom:0;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;width:480px;z-index:1001}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.schedule-slide-over-header{background:#fff;border-bottom:1px solid var(--color-border-primary);padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.schedule-slide-over-header-content{align-items:flex-start;display:flex;justify-content:space-between}.schedule-slide-over-title-section{flex:1 1}.schedule-slide-over-header-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:10px;line-height:1.2;margin:0}.schedule-slide-over-badges{display:flex;flex-shrink:0;gap:8px}.schedule-badge{border-radius:8px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase}.schedule-badge--active{background:#22c55e1f;color:#166534}.schedule-badge--staged{background:#3b82f61f;color:#1d4ed8}.schedule-badge--frequency{background:#9ca3af1f;color:var(--color-text-secondary)}.schedule-slide-over-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.schedule-slide-over-close-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.schedule-slide-over-body{flex:1 1;overflow-y:auto;padding:16px 20px}.schedule-slide-over-content{display:flex;flex-direction:column;gap:12px}.biohack-row{background:#fff;border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden;transition:all .2s ease}.biohack-row:hover{border-color:var(--color-border-primary);box-shadow:0 2px 8px #0000000f}.biohack-row-collapsed{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:background-color .2s ease}.biohack-row-collapsed:hover{background:var(--color-surface-secondary)}.biohack-row-header{flex:1 1;gap:10px;justify-content:space-between}.biohack-row-header,.biohack-row-info{align-items:center;display:flex;min-width:0}.biohack-row-info{flex:0 1 auto;gap:8px}.biohack-row-image{border:1px solid var(--color-border-primary);border-radius:6px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.biohack-row-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.biohack-row-schedule-section{align-items:center;display:flex;flex:0 0 auto;min-width:120px}.biohack-row-frequency-selector{width:100%}.biohack-row-summary{background:var(--color-surface-tertiary);border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;padding:4px 8px;white-space:nowrap}.biohack-row-summary--empty{color:var(--color-text-muted);font-style:italic}.biohack-row-select--collapsed{background:#fff;border:1px solid var(--color-border-primary);border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:.8rem;height:32px;padding:6px 10px;transition:border-color .2s ease;width:100%}.biohack-row-select--collapsed:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a;outline:none}.biohack-row-expand-control{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:background-color .2s ease}.biohack-row-expand-control:hover{background:var(--color-surface-tertiary)}.biohack-row-chevron{color:var(--color-text-secondary);height:18px;transition:transform .2s ease;width:18px}.biohack-row-chevron.rotated{transform:rotate(180deg)}.biohack-row-expanded{background:var(--color-surface-secondary);border-top:1px solid var(--color-border-primary);padding:12px}.biohack-row-mode-toggle-inner{align-items:center;background:var(--color-surface-tertiary);border-radius:6px;display:inline-flex;gap:0;height:-webkit-fit-content;height:fit-content;padding:2px;width:-webkit-fit-content;width:fit-content}.mode-option{background:#0000;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.7rem;font-weight:600;padding:3px 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.mode-option.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:var(--color-text-primary)}.mode-slider{display:none}.biohack-row-controls{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr auto}.biohack-row-controls--advanced{grid-template-columns:1fr 1fr 1fr auto}.biohack-row-advanced-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}@media (max-width:640px){.biohack-row-advanced-group,.biohack-row-controls{grid-template-columns:1fr}}.biohack-row-control-group{display:flex;flex-direction:column;gap:4px}.biohack-row-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.biohack-row-select-wrapper{align-items:center;display:flex;position:relative}.biohack-row-select-placeholder{color:var(--color-text-muted);font-size:.85rem;left:10px;pointer-events:none;position:absolute;z-index:1}.biohack-row-select,.biohack-row-time-input{background:#fff;border:1px solid var(--color-border-primary);border-radius:6px;box-sizing:border-box;font-size:.85rem;height:32px;padding:6px 10px;transition:border-color .2s ease;width:100%}.biohack-row-select--placeholder{color:#0000}.biohack-row-select:focus,.biohack-row-time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a;outline:none}.biohack-row-select--placeholder{color:var(--color-text-muted)}.biohack-row-save-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:6px 14px;transition:background-color .2s ease;white-space:nowrap}.biohack-row-save-btn:hover{background:var(--color-primary-hover)}.biohack-row-select--error,.biohack-row-time-input--error{border-color:var(--color-danger-dark)!important}.biohack-row-select--error:focus,.biohack-row-time-input--error:focus{border-color:var(--color-danger-dark)!important;box-shadow:0 0 0 3px #dc26261a!important}.advanced-scheduling-panel{background:linear-gradient(180deg,#288b800d,#fff);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 2px 8px #288b801a}.advanced-scheduling-header{background:#288b8014;border-bottom:2px solid var(--color-primary);padding:12px 16px}.advanced-scheduling-title{align-items:center;color:#1e40af;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0 0 6px}.advanced-scheduling-description{color:#1e40af;font-size:.8rem;font-weight:500;line-height:1.4;margin:0}.advanced-scheduling-content{background:#fff;display:flex;flex-direction:column;padding:14px 16px}.advanced-scheduling-controls{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.advanced-scheduling-controls--advanced{grid-template-columns:1fr 1fr 1fr}.advanced-scheduling-content .biohack-row-advanced-group{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}@media (max-width:640px){.advanced-scheduling-content .biohack-row-advanced-group,.advanced-scheduling-controls{grid-template-columns:1fr}}.advanced-scheduling-group{display:flex;flex-direction:column;gap:4px}.advanced-scheduling-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.advanced-scheduling-select-wrapper{align-items:center;display:flex;position:relative}.advanced-scheduling-select-placeholder{color:var(--color-text-muted);font-size:.85rem;left:10px;pointer-events:none;position:absolute;z-index:1}.advanced-scheduling-select,.advanced-scheduling-time-input{background:#fff;border:1px solid var(--color-border-primary);border-radius:6px;box-sizing:border-box;font-size:.85rem;height:32px;padding:6px 10px;transition:border-color .2s ease;width:100%}.advanced-scheduling-select--placeholder{color:#0000}.advanced-scheduling-select:focus,.advanced-scheduling-time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a;outline:none}.advanced-scheduling-select--placeholder{color:var(--color-text-muted)}.advanced-scheduling-apply-btn{background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;grid-column:1/-1;justify-self:stretch;padding:8px 12px;transition:background-color .2s ease}.advanced-scheduling-apply-btn:hover:not(:disabled){background:var(--color-success-dark)}.advanced-scheduling-apply-btn:disabled{background:var(--color-border-primary);cursor:not-allowed}.schedule-slide-over-footer{background:#fff;border-top:1px solid var(--color-border-primary);bottom:0;display:flex;flex-direction:column;gap:10px;padding:12px 20px;position:-webkit-sticky;position:sticky}.schedule-slide-over-footer-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.schedule-slide-over-success{align-items:center;animation:slideInSuccess .3s ease;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#166534;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-right:auto;padding:6px 12px}@keyframes slideInSuccess{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.schedule-slide-over-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.schedule-slide-over-btn--secondary{background:#fff;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.schedule-slide-over-btn--secondary:hover{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.schedule-slide-over-btn--primary{background:var(--color-primary);color:#fff}.schedule-slide-over-btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.schedule-slide-over-btn--primary:disabled{background:var(--color-border-primary);color:var(--color-text-muted);cursor:not-allowed}.schedule-no-biohacks{color:var(--color-text-secondary);font-size:.85rem;padding:24px 20px;text-align:center}@media (max-width:640px){.schedule-slide-over{max-width:none;width:100vw}.schedule-slide-over-body,.schedule-slide-over-footer,.schedule-slide-over-header{padding-left:20px;padding-right:20px}.biohack-row-collapsed,.biohack-row-header{align-items:stretch;flex-direction:column;gap:8px}.biohack-row-frequency-selector{min-width:100%}.biohack-row-expand-control{align-self:flex-end}}.insights-page{background:var(--gradient-bg-primary);color:var(--color-text-primary);min-height:100vh;padding-top:0;position:relative}.report-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:0;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-modal-content{animation:none;background:#0000;border-radius:0;box-shadow:none;max-height:100vh;max-width:1000px;overflow:visible;position:relative;width:100%}body.modal-open{overflow:hidden}@media (max-width:768px){.report-modal-overlay{padding:1rem}.report-modal-content{border-radius:12px;max-height:calc(100vh - 2rem)}}.insights-container{margin:0 auto;max-width:1200px;padding:2rem 2rem 320px}.insights-header{margin-bottom:2.5rem;text-align:center}.insights-subtitle{color:var(--color-text-muted);font-size:.9375rem;font-style:italic;font-weight:400;line-height:1.5;margin:0;opacity:.7}.insights-main-layout{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem}.insights-section{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:var(--shadow-card);padding:2rem}.insights-section-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.create-report-fab-container{margin:0 0 8rem;min-height:280px}.create-report-fab-button,.create-report-fab-container{align-items:center;display:flex;justify-content:center;position:relative}.create-report-fab-button{background:var(--color-primary);border:none;border-radius:24px;box-shadow:0 4px 12px #288b804d,0 2px 4px #288b8033;color:var(--color-surface-primary);cursor:pointer;font-size:16px;font-weight:500;height:48px;margin-top:-100px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;z-index:100}.create-report-fab-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 16px #288b8066,0 3px 6px #288b804d;transform:scale(1.1)}.create-report-fab-button:active:not(:disabled){box-shadow:0 3px 8px #288b804d,0 1px 3px #288b8033;transform:scale(1.05)}.create-report-fab-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.create-report-fab-button[aria-expanded=true]{background:var(--color-primary-dark);transform:none}.create-report-loading{align-items:center;bottom:100px;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:101}.create-report-loading-spinner{animation:create-report-spin .8s linear infinite;border:3px solid #288b8033;border-radius:50%;border-top:3px solid var(--color-primary);height:24px;width:24px}@keyframes create-report-spin{to{transform:rotate(1turn)}}.create-report-empty-state{align-items:center;display:flex;flex-direction:column;gap:.75rem;left:50%;margin-top:1.5rem;max-width:400px;padding:2rem 1rem;position:absolute;text-align:center;top:100%;transform:translateX(-50%);width:100%;z-index:1}.section-connector{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:-.75rem auto .75rem;max-width:150px;opacity:.35;pointer-events:none;transition:opacity .2s ease}.insights-container:hover .section-connector{opacity:.5}.connector-line{background:linear-gradient(to right,#0000,var(--color-border-primary),var(--color-border-primary),#0000);flex:1 1;height:1px;opacity:.6}.section-header{border-bottom:2px solid var(--color-border-secondary);display:flex;flex-direction:column;gap:0;margin-bottom:1rem;padding-bottom:1rem;text-align:center}.section-header-left{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:0}.insights-section-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.section-description{color:var(--color-text-muted);font-size:.875rem;font-weight:400;margin:0}.report-count{align-items:center;background:var(--color-info-bg);border-radius:12px;color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.loading-state{color:var(--color-text-muted);font-size:.9375rem}.empty-state,.loading-state{padding:3rem 1.5rem;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:.75rem}.empty-state-text{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.empty-state-subtext{color:var(--color-text-muted);font-size:.875rem;margin:0}.protocol-grid{gap:1rem}.protocol-card,.protocol-grid{display:flex;flex-direction:column}.protocol-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;cursor:pointer;justify-content:space-between;padding:1.5rem;text-align:left;transition:all .2s ease}.protocol-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.protocol-card-content{flex:1 1;margin-bottom:1rem}.protocol-card-title{color:var(--color-text-primary);font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.protocol-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden}.protocol-card-action{align-items:center;border-top:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding-top:1rem}.action-text{color:var(--color-primary);font-size:.875rem;font-weight:600}.protocol-card:hover .action-text{color:var(--color-primary-dark)}.report-history-bottom{background:var(--gradient-bg-primary);bottom:0;left:0;padding-bottom:1rem;position:fixed;right:0;z-index:50}.report-timeline{padding:1rem 0 1.5rem;position:relative;width:100%;z-index:51}.report-timeline-line{background:#0000001a;height:2px;left:0;position:absolute;right:0;top:1.5rem}.report-timeline-tick{background:#00000026;height:8px;position:absolute;top:50%;transform:translateY(-50%);width:1px}.report-timeline-marks{height:60px;position:relative;width:100%}.report-timeline-mark{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:absolute;top:0}.report-timeline-dot{background:var(--color-primary);border:2px solid var(--gradient-bg-primary);border-radius:50%;box-shadow:0 0 0 2px #288b8033;height:8px;position:relative;top:-3px;width:8px}.report-timeline-label{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:.125rem;white-space:nowrap}.report-timeline-month{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.report-timeline-day{font-size:.6875rem;font-weight:400}.report-timeline-label.first,.report-timeline-label.last{align-items:center}.report-history-divider{background:linear-gradient(90deg,#0000,#0000001a,#0000001a,#0000);height:1px;margin-bottom:0;width:100%}.report-history-header{padding:1rem 0 .5rem;text-align:center;width:100%}.report-history-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;width:100%}.report-history-subtitle{color:var(--color-text-muted);font-size:.875rem;font-weight:400;opacity:.8;width:100%}.report-covers-row{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:flex-end;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding:0 2rem;scroll-behavior:smooth;scrollbar-width:none}.report-covers-row::-webkit-scrollbar{display:none}.report-cover-thumbnail{cursor:pointer;flex-shrink:0;height:240px;position:relative;transition:z-index .3s;width:180px}.report-cover-thumbnail:hover{z-index:1000}.report-cover-thumbnail-inner{align-items:center;background-color:var(--color-surface-primary);background-image:url(https://zgiszibrpcfnixelehrp.supabase.co/storage/v1/object/public/testpublic/everla_protocol_report_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #00000014;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;position:relative;width:100%}.report-cover-thumbnail-fade{background:radial-gradient(ellipse at center,#0000000a 0,#00000005 40%,#0000 70%);border-radius:16px;inset:0;pointer-events:none;position:absolute}.report-cover-thumbnail-avatar{border:2px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px;z-index:1}.report-cover-thumbnail-avatar.fallback{align-items:center;background:#dfe9f2;color:#0c1a1f;display:flex;font-size:16px;font-weight:700;justify-content:center}.report-cover-thumbnail-username{color:#18b3a8;font-size:10px;font-weight:700;letter-spacing:.4px;margin-top:6px;text-transform:uppercase;z-index:1}.report-cover-thumbnail-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1c2b33;display:-webkit-box;font-size:16px;font-weight:800;letter-spacing:.4px;line-height:1.2;margin-top:6px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;z-index:1}.report-cover-thumbnail-subtitle{color:#4c5b63;font-size:9px;font-weight:600;line-height:1.2;margin-top:4px;opacity:.85;text-align:center;z-index:1}.report-cover-fab-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #00000014;border-radius:12px;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a;cursor:pointer;display:flex;flex-direction:row;height:24px;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px;z-index:10}.report-cover-fab-btn:hover{background:#fff;border-color:#0000001f;box-shadow:0 3px 6px #0000001a,0 1px 3px #0000000f;transform:translateY(-1px)}.report-cover-fab-btn:active{box-shadow:0 1px 2px #00000014;transform:translateY(0)}.report-cover-fab-btn[aria-expanded=true]{background:#fff;border-color:#0000001f}.report-cover-fab-icon{color:#00000080;flex-shrink:0;height:14px;transition:all .2s ease;width:14px}.report-cover-fab-btn:hover .report-cover-fab-icon{color:#000000b3}.report-cover-fab-menu{align-items:flex-end;animation:fabMenuSlideDown .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--font-main,"Inter","Roboto",Arial,sans-serif);gap:4px;justify-content:flex-start;min-width:100px;padding:0;position:absolute;right:8px;top:36px;width:auto;z-index:1000}@keyframes fabMenuSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.report-cover-fab-menu-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:14px;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a;cursor:pointer;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:6px;height:28px;isolation:isolate;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content;order:0;outline:none;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:auto}.report-cover-fab-menu-item:hover{background:#fff;border-color:#0000001f;box-shadow:0 3px 6px #0000001a,0 1px 3px #0000000f}.report-cover-fab-menu-item:active{background:#fafafa;box-shadow:0 1px 2px #00000014;transform:scale(.98)}.report-cover-fab-menu-item:focus-visible{outline:2px solid #1976d280;outline-offset:2px}.report-cover-fab-menu-icon{color:#0009;flex:none;flex-grow:0;height:14px;order:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:14px;z-index:1}.report-cover-fab-menu-item:hover .report-cover-fab-menu-icon{color:#000c}.report-cover-fab-menu-item span{color:#000000b3;flex:none;flex-grow:0;font-family:Inter,Roboto,Arial,sans-serif;font-family:var(--font-main,"Inter","Roboto",Arial,sans-serif);font-size:12px;font-style:normal;font-weight:500;height:16px;letter-spacing:.05px;line-height:16px;order:1;text-align:right;white-space:nowrap;width:auto;z-index:0}.report-cover-fab-menu-item:hover span{color:#000000d9}@media (max-width:768px){.insights-container{padding:1.5rem 1rem 3rem}.insights-subtitle{font-size:1rem}.insights-main-layout{flex-direction:column;gap:1.5rem}.create-report-fab-container{margin:2rem 0 6rem;min-height:240px}.create-report-fab-button{font-size:15px;height:44px;padding:0 20px}.create-report-fab-menu{bottom:70px}.create-report-fab-menu-item{max-width:200px;min-width:160px;padding:.75rem 1rem}.create-report-fab-menu-item-text{font-size:.875rem}.insights-section-main{flex:1 1;width:100%}.insights-section{border-radius:10px;margin-bottom:0;padding:1.5rem}.insights-section-title{font-size:1.375rem}.report-history-bottom{padding-bottom:.75rem}.report-history-header{padding:.75rem 0 .5rem}.report-history-title{font-size:1rem;margin-bottom:.375rem}.report-history-subtitle{font-size:.8125rem}.report-timeline{padding:.75rem 0 1rem}.report-timeline-line{left:0;right:0;top:1.25rem}.report-timeline-marks{height:50px}.report-timeline-label{font-size:.6875rem}.report-timeline-day{font-size:.625rem}.report-history-divider{margin-bottom:1rem}.report-covers-row{gap:.75rem;padding:0 1rem}.insights-container{padding:1.5rem 1rem 280px}.report-cover-thumbnail{height:200px;width:140px}.report-cover-thumbnail-avatar{font-size:14px;height:32px;width:32px}.report-cover-thumbnail-username{font-size:9px;margin-top:4px}.report-cover-thumbnail-title{font-size:14px;margin-top:4px}.report-cover-thumbnail-subtitle{font-size:8px;margin-top:3px}}@media (max-width:480px){.insights-container{padding:1rem .75rem 2rem}.insights-section{padding:1.25rem}.report-item-content{padding:1rem}.protocol-card{padding:1.25rem}}.messages-container{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh}.messages-layout{box-shadow:0 1px 3px #00000014;height:calc(100vh - 56px);overflow:hidden}.messages-layout,.messages-sidebar{background:var(--color-surface-primary);display:flex}.messages-sidebar{border-right:1px solid var(--color-border-primary);flex-direction:column;height:100%;min-width:360px;width:360px}.messages-sidebar-header{flex-shrink:0;padding:24px 24px 20px}.messages-sidebar-header h1{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.messages-sidebar-search{flex-shrink:0;padding:0 16px 16px}.messages-sidebar-search .search-bar-wrapper{max-width:100%!important;width:100%!important}.messages-sidebar-search .search-input-wrapper{border-radius:24px;width:100%!important}.messages-sidebar-list{flex:1 1;overflow-x:hidden;overflow-y:auto}.messages-sidebar-list::-webkit-scrollbar{width:6px}.messages-sidebar-list::-webkit-scrollbar-track{background:#0000}.messages-sidebar-list::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.messages-sidebar-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.conversation-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;gap:14px;padding:14px 24px;position:relative;text-align:left;transition:all .15s ease;width:100%}.conversation-item.active,.conversation-item:hover{background:var(--color-surface-secondary)}.conversation-item.active{font-weight:500}.conversation-item.temporary{opacity:.7}.conversation-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:50%;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.avatar-fallback{color:#fff;font-size:1.25rem;font-weight:700}.conversation-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.conversation-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.conversation-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-contact-badge{background:var(--gradient-primary);border-radius:10px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.conversation-time{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:500}.conversation-message{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-message.temporary-message{color:var(--color-text-muted);font-style:italic}.messages-sidebar-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.chat-loading .spinner,.messages-sidebar-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.chat-loading p,.messages-sidebar-loading p{color:var(--color-text-muted);font-size:.9rem;margin:0}.messages-sidebar-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 30px;text-align:center}.messages-sidebar-empty .empty-icon{color:var(--color-text-muted);margin-bottom:8px;opacity:.4}.messages-sidebar-empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0}.messages-sidebar-empty p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0;max-width:260px}.btn-start{background:var(--color-primary);border:none;border-radius:24px;box-shadow:0 2px 8px #288b804d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:12px;padding:12px 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-start:hover{box-shadow:0 4px 12px #288b8066;transform:translateY(-2px)}.btn-start:active{transform:translateY(0)}.chat-thread{background:var(--color-bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.chat-header{background:#0000;flex-shrink:0;gap:20px;padding:24px 28px 20px}.btn-back,.chat-header{align-items:center;display:flex}.btn-back{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:50%;box-shadow:0 2px 6px #00000014;color:var(--color-text-primary);cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.btn-back:hover{background:var(--color-surface-secondary);box-shadow:0 4px 12px #0000001f;transform:scale(1.08)}.chat-user-info{flex:1 1;gap:16px;min-width:0}.chat-avatar,.chat-user-info{align-items:center;display:flex}.chat-avatar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:50%;box-shadow:0 4px 12px #288b8033;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:56px}.chat-avatar:hover{box-shadow:0 6px 16px #288b804d;transform:scale(1.05)}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-avatar .avatar-fallback{color:#fff;font-size:1.4rem;font-weight:700}.chat-user-details{flex:1 1;min-width:0}.chat-username{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 4px}.chat-username a{color:inherit;text-decoration:none;transition:color .2s ease}.chat-username a:hover{color:var(--color-primary)}.chat-status{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:6px;transition:color .3s ease}.chat-status.online{color:var(--color-success)}.chat-status.offline{color:var(--color-text-muted)}.chat-status.online:before{animation:pulse 2s ease-in-out infinite;background:var(--color-success)}.chat-status.offline:before,.chat-status.online:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.chat-status.offline:before{background:var(--color-border-primary)}.chat-actions{gap:10px}.btn-chat-action,.chat-actions{align-items:center;display:flex}.btn-chat-action{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:50%;box-shadow:0 2px 6px #00000014;color:var(--color-text-primary);cursor:pointer;height:44px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.btn-chat-action:hover{background:var(--color-primary);border-color:#0000;box-shadow:0 4px 12px #288b804d;color:#fff;transform:scale(1.08)}.chat-messages-area{background:var(--color-bg-primary);flex:1 1;overflow-y:auto;padding:24px;scroll-behavior:smooth}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-track{background:#0000}.chat-messages-area::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.chat-loading{gap:16px}.chat-empty-messages,.chat-empty-state,.chat-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.chat-empty-messages,.chat-empty-state{gap:12px;padding:40px;text-align:center}.empty-icon{color:var(--color-text-muted);height:96px!important;margin-bottom:8px;opacity:.4;width:96px!important}.chat-empty-messages h3,.chat-empty-state h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0}.chat-empty-messages p,.chat-empty-state p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0;max-width:300px}.messages-list{display:flex;flex-direction:column;gap:4px}.message-date-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.date-separator{align-items:center;display:flex;justify-content:center;margin:24px 0 16px}.date-separator:after,.date-separator:before{background:linear-gradient(90deg,#0000 0,var(--color-border-primary) 20%,var(--color-border-primary) 80%,#0000 100%);content:"";flex:1 1;height:1px}.date-separator-text{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:0 1px 3px #0000000a;color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 16px;padding:6px 16px;text-transform:uppercase;white-space:nowrap}.message-item{align-items:flex-end;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1);display:flex;gap:10px}.message-item.own{justify-content:flex-end}.message-item.other{justify-content:flex-start}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-avatar .avatar-fallback{color:#fff;font-size:.85rem;font-weight:600}.message-item.emoji-only{margin:8px 0}.emoji-message{align-items:center;animation:emojiPop .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:4px}@keyframes emojiPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.emoji-content{cursor:default;font-size:3.5rem;line-height:1;transition:transform .2s ease}.emoji-content:hover{transform:scale(1.1)}.emoji-time{color:var(--color-text-muted);font-size:.7rem;opacity:0;transition:opacity .2s ease}.emoji-message:hover .emoji-time{opacity:1}.message-bubble-container{display:flex;flex-direction:column;gap:6px;max-width:65%}.message-bubble{word-wrap:break-word;border-radius:18px;padding:10px 14px;position:relative;transition:all .2s ease;word-break:break-word}.message-item.own .message-bubble{background:var(--gradient-primary);border-bottom-right-radius:6px;box-shadow:0 2px 8px #288b8040;color:#fff}.message-item.other .message-bubble{background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-bottom-left-radius:6px;box-shadow:0 1px 3px #0000000f;color:var(--color-text-primary)}.message-bubble:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.message-reply-preview{background:#0000000d;border-radius:10px;display:flex;gap:8px;margin-bottom:8px;padding:8px 10px}.message-item.own .message-reply-preview{background:#fff3}.reply-line{background:var(--color-primary);border-radius:2px;flex-shrink:0;width:3px}.message-item.own .reply-line{background:#ffffff80}.reply-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reply-author{color:var(--color-primary);font-size:.75rem;font-weight:700}.message-item.own .reply-author{color:#ffffffe6}.reply-text{font-size:.8rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-text{font-size:.95rem;line-height:1.5;margin-bottom:4px;white-space:pre-wrap}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:2px}.message-time{font-size:.7rem;font-weight:500;opacity:.7}.message-status{align-items:center;display:inline-flex;margin-left:4px}.message-check{opacity:.7}.message-check-double{align-items:center;display:inline-flex;height:12px;position:relative;width:16px}.message-check-double .check-icon{opacity:.7;position:absolute}.message-check-double .check-icon:first-child{left:0;z-index:1}.message-check-double .check-icon-second{left:4px;z-index:2}.message-item.own .message-bubble .message-check-double .check-icon{color:#ffffffe6;opacity:1}.message-actions{display:flex;gap:6px;left:calc(100% + 4px);opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.message-item.own .message-actions{left:auto;right:calc(100% + 4px)}.message-actions:before{bottom:-10px;content:"";left:-10px;pointer-events:auto;position:absolute;right:-4px;top:-10px}.message-actions:hover,.message-item.other .message-bubble:hover .message-actions,.message-item.own .message-bubble:hover .message-actions{opacity:1;pointer-events:auto}.btn-message-action{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:var(--color-text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transform:scale(0) translateX(-10px);transform-origin:left center;transition:all .25s cubic-bezier(.4,0,.2,1);width:32px}.message-actions:hover .btn-message-action,.message-item.other .message-bubble:hover .btn-message-action,.message-item.own .message-bubble:hover .btn-message-action{transform:scale(1) translateX(0);transition-delay:0s}.message-item.other .message-bubble:hover .btn-message-action:first-child,.message-item.own .message-bubble:hover .btn-message-action:first-child{transition-delay:.05s}.message-item.other .message-bubble:hover .btn-message-action:nth-child(2),.message-item.own .message-bubble:hover .btn-message-action:nth-child(2){transition-delay:.1s}.message-item.other .message-bubble:hover .btn-message-action:nth-child(3){transition-delay:.15s}.message-actions:hover .btn-message-action{transition-delay:0s}.btn-message-action:hover{background:var(--color-surface-secondary);box-shadow:0 4px 12px #00000026;color:var(--color-text-primary);transform:scale(1.15) translateX(0)}.quick-reactions{animation:popupSlideIn .2s ease;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026;display:flex;gap:6px;left:0;padding:8px;position:absolute;z-index:10}.quick-reaction-btn{align-items:center;background:#0000;border:none;border-radius:24px;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.quick-reaction-btn:hover{background:var(--color-surface-secondary);transform:scale(1.15)}.message-edit-container{display:flex;flex-direction:column;gap:10px;width:100%}.message-edit-input{background:#0000000d;border:2px solid var(--color-primary);border-radius:12px;color:var(--color-text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;max-height:200px;min-height:60px;outline:none;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.message-item.own .message-edit-input{background:#fff3;border-color:#ffffff80;color:#fff}.message-edit-input::placeholder{color:var(--color-text-muted)}.message-edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a}.message-edit-actions{display:flex;gap:8px;justify-content:flex-end}.btn-edit-cancel,.btn-edit-save{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-edit-cancel{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.btn-edit-cancel:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.btn-edit-save{background:var(--color-primary);box-shadow:0 2px 8px #288b804d;color:#fff}.btn-edit-save:hover:not(:disabled){box-shadow:0 4px 12px #288b8066;transform:translateY(-1px)}.btn-edit-save:disabled{background:var(--color-disabled-bg);box-shadow:none;color:var(--color-disabled-text);cursor:not-allowed;opacity:.5}.message-item.own .btn-edit-cancel{background:#fff3;color:#fff}.message-item.own .btn-edit-cancel:hover{background:#ffffff4d}.message-item.own .btn-edit-save{background:#fff;color:var(--color-primary)}.message-item.own .btn-edit-save:hover:not(:disabled){background:#fffffff2}.message-edited{font-size:.65rem;font-style:italic;margin-left:4px;margin-right:4px;opacity:.6}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;padding:0 2px}.reaction-bubble{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:12px;cursor:pointer;display:flex;gap:4px;padding:4px 10px;transition:all .2s ease}.reaction-bubble:hover{background:var(--color-surface-tertiary);transform:scale(1.05)}.reaction-bubble.user-reacted{background:#288b801a;border-color:var(--color-primary)}.reaction-emoji{font-size:.95rem;line-height:1}.reaction-count{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.chat-reply-bar{align-items:center;animation:slideUp .2s ease;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin:0 24px 8px;padding:12px 16px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reply-bar-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.reply-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reply-label{color:var(--color-primary);font-size:.75rem;font-weight:700}.btn-cancel-reply{align-items:center;background:var(--color-surface-tertiary);border:1px solid var(--color-border-primary);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-cancel-reply:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);transform:scale(1.05)}.chat-input-container{background:#0000;flex-shrink:0;padding:0;position:relative}.chat-input-wrapper{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:28px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;display:flex;gap:12px;margin:0 24px 20px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 8px 24px #288b8033,0 4px 12px #0000001a;transform:translateY(-2px)}.btn-input-action{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-input-action:hover{background:var(--color-surface-tertiary);color:var(--color-primary);transform:scale(1.05)}.chat-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.5;max-height:120px;min-height:24px;outline:none;padding:0;resize:none}.chat-input::placeholder{color:var(--color-text-muted)}.btn-send{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #288b804d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #288b8066;transform:scale(1.05) rotate(-10deg)}.btn-send:active:not(:disabled){transform:scale(.98) rotate(-10deg)}.btn-send:disabled{background:var(--color-disabled-bg);box-shadow:none;color:var(--color-disabled-text);cursor:not-allowed;opacity:.5}.emoji-picker-popup{animation:popupSlideIn .2s ease;border:1px solid var(--color-border-primary);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 8px 32px #00000026;left:24px;overflow:hidden;position:absolute;z-index:1000}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.messages-layout{height:calc(100vh - 52px)}}@media (max-width:768px){.messages-layout{flex-direction:column;height:calc(100vh - 48px)}.messages-sidebar{min-width:0;width:100%}.messages-sidebar-header{padding:20px 20px 16px}.messages-sidebar-header h1{font-size:1.5rem}.messages-sidebar-search{padding:0 16px 16px}.conversation-item{padding:12px 20px}.conversation-avatar{height:48px;width:48px}.chat-header{gap:16px;padding:20px 20px 16px}.chat-avatar{height:52px;width:52px}.chat-username{font-size:1.35rem}.chat-messages-area{padding:16px}.chat-input-wrapper{margin:0 16px 16px}.chat-reply-bar{margin:0 16px 8px}.message-bubble{max-width:80%}.chat-actions{gap:8px}.btn-chat-action{height:40px;width:40px}}@media (max-width:480px){.messages-layout{height:calc(100vh - 44px)}.chat-username{font-size:1.25rem}.chat-avatar{height:48px;width:48px}.message-bubble{max-width:85%}.message-actions{gap:4px;left:calc(100% + 2px)}.btn-message-action{height:28px;width:28px}.btn-chat-action:last-child{display:none}}.conversation-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.btn-back:focus-visible,.btn-cancel-reply:focus-visible,.btn-chat-action:focus-visible,.btn-input-action:focus-visible,.btn-message-action:focus-visible,.btn-send:focus-visible,.btn-start:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home-container{background:var(--gradient-bg-primary);color:var(--color-text-primary);min-height:100vh;padding-top:0}.home-content{margin:0 auto;max-width:800px;padding:2rem}.home-header{margin-bottom:3rem;text-align:center}.home-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.home-header p{color:var(--color-text-muted);font-size:1.1rem;margin:0}.user-info{background:var(--color-form-bg);border:1px solid var(--color-form-border);border-radius:12px;margin-bottom:2rem;padding:2rem}.user-info h2{color:var(--color-text-primary);font-size:1.5rem;margin:0 0 1.5rem}.user-info p{color:var(--color-text-secondary);font-size:1rem;margin:.75rem 0}.user-info strong{color:var(--color-primary);font-weight:600}.account-info{margin-bottom:2rem}.account-info h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.info-item{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:1rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--color-text-secondary);font-weight:500}.info-value{color:var(--color-text-primary);font-weight:400}.action-buttons{display:flex;gap:1rem;margin-top:2rem}.loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:1.2rem;height:50vh;justify-content:center}@media (max-width:768px){.home-content{padding:1.5rem}.home-header h1{font-size:2rem}.home-header p{font-size:1rem}.user-info{padding:1.5rem}.account-page{padding:2rem 1rem}.account-card{padding:2rem}.account-info h3{font-size:1.25rem}.action-buttons{flex-direction:column}}@media (max-width:480px){.home-content{padding:1rem}.home-header h1{font-size:1.75rem}.user-info{padding:1rem}.user-info h2{font-size:1.25rem}.user-info p{font-size:.9rem}}.icon{color:var(--icon-color);display:inline-block;height:var(--icon-size);line-height:1;vertical-align:middle;width:var(--icon-size)}.icon>svg{stroke:currentColor;fill:none;stroke-width:var(--icon-stroke);height:100%;width:100%}.icon--2xs{--icon-size:var(--icon-size-2xs)}.icon--xs{--icon-size:var(--icon-size-xs)}.icon--sm{--icon-size:var(--icon-size-sm)}.icon--md{--icon-size:var(--icon-size-md)}.icon--lg{--icon-size:var(--icon-size-lg)}.icon--xl{--icon-size:var(--icon-size-xl)}.icon--2xl{--icon-size:var(--icon-size-2xl)}.icon--stroke-1{--icon-stroke:1}.icon--stroke-1_5{--icon-stroke:1.5}.icon--stroke-2{--icon-stroke:2}.icon--stroke-2_5{--icon-stroke:2.5}.icon--muted{--icon-color:var(--icon-color-muted)}.icon--primary{--icon-color:var(--icon-color-primary)}.icon--success{--icon-color:var(--icon-color-success)}.icon--warning{--icon-color:var(--icon-color-warning)}.icon--danger{--icon-color:var(--icon-color-danger)}@media (prefers-reduced-motion:reduce){.icon--pulse,.icon--spin{animation:none!important}}.icon--spin{animation:icon-spin var(--icon-spin-duration) linear infinite}@keyframes icon-spin{to{transform:rotate(1turn)}}.icon--pulse{animation:icon-pulse var(--icon-pulse-duration) ease-in-out infinite}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.4}}.icon--inline{vertical-align:-.125em}.auth-callback{align-items:center;background:linear-gradient(135deg,#0a1d37,#1a3a5c);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-callback-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.auth-callback-content{align-items:center;display:flex;flex-direction:column;gap:24px}.status-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:16px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.status-title{color:var(--color-text-primary);font-size:32px;font-weight:600;margin:0}.status-message{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin:0;max-width:400px}.error-actions{margin-top:24px}.retry-button{background-color:var(--color-info);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.retry-button:hover{background-color:var(--color-info-dark)}.loading-spinner{margin-top:16px}.spinner{border-top-color:var(--color-info);height:32px;width:32px}.dark-mode .auth-callback-container{background:var(--color-text-primary);color:#fff}.dark-mode .status-title{color:#fff}.dark-mode .status-message{color:var(--color-text-muted)}@media (max-width:768px){.auth-callback{padding:16px}.auth-callback-container{padding:32px 24px}.status-icon{font-size:48px}.status-title{font-size:24px}.status-message{font-size:14px}}.reset-password{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;position:relative;width:100%}.reset-password-header{position:absolute;right:20px;top:20px;z-index:10}.dark-mode-toggle{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode-toggle:hover{background:#0003;transform:scale(1.1)}.reset-password-content{padding:60px 40px 40px;text-align:center}.reset-password-icon{font-size:48px;margin-bottom:20px}.success-icon{color:#34c759;font-size:64px;margin-bottom:20px}.reset-password h1{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.reset-message{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin-bottom:30px}.reset-form{margin-bottom:30px;text-align:left}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e5e5e7;border-radius:12px;box-sizing:border-box;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #288b801a;outline:none}.form-group input.error{border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b301a}.form-group input:disabled{background-color:var(--color-surface-secondary);color:#8e8e93;cursor:not-allowed}.reset-button{background:var(--color-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.reset-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 8px 20px #288b804d;transform:translateY(-1px)}.reset-button:disabled{background:var(--color-disabled-primary);box-shadow:none;cursor:not-allowed;transform:none}.password-requirements{background:#f5f5f7;border-radius:12px;margin-bottom:20px;padding:20px;text-align:left}.password-requirements h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:var(--color-text-secondary);font-size:14px;margin-bottom:6px;padding-left:20px;position:relative}.password-requirements li:before{color:var(--color-primary);content:"•";font-weight:700;left:0;position:absolute}.back-to-signin{text-align:center}.back-button{background:none;border:2px solid #e5e5e7;border-radius:12px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.loading-spinner{display:flex;justify-content:center;margin-top:20px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-secondary);border:3px solid var(--color-border-secondary);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode .reset-password-container{background:#1c1c1e;color:var(--color-surface-primary)}.dark-mode .form-group input,.dark-mode .form-group label,.dark-mode .reset-password h1{color:var(--color-surface-primary)}.dark-mode .form-group input{background:#2c2c2e;border-color:#3a3a3c}.dark-mode .form-group input:focus{border-color:var(--color-primary)}.dark-mode .form-group input:disabled{background:#1c1c1e;color:#8e8e93}.dark-mode .password-requirements{background:#2c2c2e}.dark-mode .password-requirements h3{color:var(--color-surface-primary)}.dark-mode .password-requirements li{color:#8e8e93}.dark-mode .back-button{border-color:#3a3a3c;color:#8e8e93}.dark-mode .back-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.dark-mode .dark-mode-toggle{background:#ffffff1a;color:var(--color-surface-primary)}.dark-mode .dark-mode-toggle:hover{background:#fff3}
/*# sourceMappingURL=main.897ac3d1.css.map*/