:root{--font-body:"Helvetica","Arial",sans-serif;--font-heading:"Helvetica","Arial",sans-serif;--line-height-base:1.6;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.25rem;--space-2xl:3.5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-pill:999px;--shadow-soft:0 2px 8px rgba(15,23,42,0.12);--shadow-strong:0 6px 18px rgba(15,23,42,0.16);--shadow-ring:0 0 0 1px rgba(15,23,42,0.12);--color-background:#e3e9f3;--color-surface:#ffffff;--color-surface-muted:#f5f7fb;--color-surface-border:#b6c2d9;--color-surface-elevated:#ffffff;--color-text-primary:#1c2a3a;--color-text-secondary:#32455b;--color-text-muted:#516478;--color-heading:#102542;--color-accent:#244a77;--color-accent-hover:#1b3a5c;--color-accent-contrast:#ffffff;--color-accent-muted:rgba(36,74,119,0.18);--color-accent-border:rgba(36,74,119,0.45);--color-success:#1b7a33;--color-warning:#b15a00;--color-danger:#b02020;--color-danger-hover:#8d1a1a;--color-outline:rgba(36,74,119,0.45);--color-outline-strong:rgba(36,74,119,0.65);--input-height:2.75rem;--transition-base:120ms ease-in-out}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--color-background);font-family:var(--font-body);line-height:var(--line-height-base);color:var(--color-text-primary);overflow-x:hidden}body[data-page]{overflow-y:auto}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:focus,a:hover{color:var(--color-accent-hover)}button,input,select,textarea{font-family:inherit}ol,ul{padding:0;list-style:none}ol,p,ul{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:700;color:var(--color-heading)}.page-root{min-height:100vh;background:transparent}.page-container{min-height:100vh;display:flex;flex-direction:column;position:relative}main.site-main{flex:1 1;width:min(1100px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(1.75rem,3vw,3rem) 0;display:flex;flex-direction:column;gap:var(--space-lg);position:relative;z-index:1}.site-main--narrow{width:min(720px,calc(100% - 2.5rem))}.site-main--full{width:min(1200px,calc(100% - 2rem))}.section-card{position:relative;background:var(--panel-gradient,var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--panel-border,var(--color-surface-border));box-shadow:0 24px 48px var(--panel-shadow,rgba(15,23,42,.28));padding:clamp(1.25rem,2.5vw,2rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.section-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--panel-highlight,transparent);opacity:.5}.section-card--muted{background:var(--panel-gradient-soft,var(--color-surface-muted))}.section-card--borderless{border:none;box-shadow:none}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-heading);text-align:center}.section-subtitle{font-size:clamp(1.05rem,2.5vw,1.3rem);color:var(--color-text-secondary);text-align:center}.text-muted,.text-small{color:var(--color-text-muted)}.text-small{font-size:.9rem}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack--lg{gap:var(--space-lg)}.stack--xl{gap:var(--space-xl)}.inline-stack{display:flex;align-items:center;gap:var(--space-sm)}.inline-stack--wrap{flex-wrap:wrap}.grid-two{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.table-wrapper{background:var(--panel-gradient,var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--panel-border,var(--color-surface-border));box-shadow:0 18px 40px var(--panel-shadow,rgba(15,23,42,.25));overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--panel-gradient-soft,var(--color-surface-muted))}.table td,.table th{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-surface-border)}.table tbody tr:hover{background:var(--color-surface-muted)}.accept-button,.btn,.button-signup,.button_log_off,.button_login,.button_reviews,.decline-button,.modal-content button,.nav-button,.navigation-buttons button,.pending-buttons button,.solve-button,.surveyButton,.theme-toggle-button,.uploadButton,.video-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.6rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-accent);font-weight:600;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:none}.accept-button:hover,.btn:hover,.button-signup:hover,.button_log_off:hover,.button_login:hover,.button_reviews:hover,.decline-button:hover,.modal-content button:hover,.nav-button:hover,.navigation-buttons button:hover,.pending-buttons button:hover,.solve-button:hover,.surveyButton:hover,.theme-toggle-button:hover,.uploadButton:hover,.video-preview-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--ghost,.button_reviews,.decline-button,.pending-buttons .decline-button{background:transparent;border-color:var(--color-accent-border);color:var(--color-accent)}.btn--ghost:hover,.button_reviews:hover,.decline-button:hover,.pending-buttons .decline-button:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.accept-button[data-variant=danger],.btn--danger,.solve-button{background:var(--color-danger);border-color:var(--color-danger)}.accept-button[data-variant=danger]:hover,.btn--danger:hover,.solve-button:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn--secondary{background:var(--color-surface-muted);color:var(--color-accent);border-color:var(--color-accent-border)}.btn--small,.navigation-buttons button,.pending-buttons button{padding:.45rem .9rem}.btn--full{width:100%}.placeholder,input,select,textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-surface-border);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-base)}.placeholder:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent)}label{display:block;font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-grid{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.form-grid--two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:.25rem .6rem;font-size:.75rem;border-radius:var(--radius-pill);background:var(--color-accent-muted);color:var(--color-accent)}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.65);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal-content{background:var(--panel-gradient,var(--color-surface));padding:clamp(1.25rem,2vw,2rem);border-radius:var(--radius-lg);border:1px solid var(--panel-border,var(--color-surface-border));box-shadow:0 22px 46px var(--panel-shadow,rgba(15,23,42,.3));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:min(640px,100%);width:100%}.center-container,.modal-content{display:flex;flex-direction:column;gap:var(--space-md)}.center-container{min-height:100%;justify-content:center;align-items:center;text-align:center;padding:var(--space-xl) var(--space-md)}.auth-card{position:relative;background:var(--panel-gradient,var(--color-surface));border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.25rem);width:min(540px,100%);border:1px solid var(--panel-border,var(--color-surface-border));box-shadow:0 24px 48px var(--panel-shadow,rgba(15,23,42,.3));display:flex;flex-direction:column;gap:var(--space-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.auth-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--panel-highlight,transparent);opacity:.5}.auth-card .head1,.head1{text-align:center}.head1{font-size:clamp(2rem,5vw,2.75rem);color:var(--color-heading)}.credit-info-text,.error,.no-message-text,.signin-text,.signup-text{color:var(--color-text-secondary)}.error{color:var(--color-danger)}.signin-link,.signin-text a,.signup-link,.signup-text a{color:var(--color-accent);font-weight:600}.signin-link:hover,.signin-text a:hover,.signup-link:hover,.signup-text a:hover{color:var(--color-accent-hover)}.credit-info-text{font-weight:600}.navigation-buttons{display:flex;gap:var(--space-sm);align-items:center}.navigation-buttons span{font-weight:600;color:var(--color-text-secondary)}.pending-buttons{display:flex;gap:var(--space-sm);justify-content:center}.card-list{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.scroll-area{max-height:420px;overflow-y:auto;padding-right:var(--space-sm)}.scroll-area::-webkit-scrollbar{width:6px}.scroll-area::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:var(--radius-pill)}.center-video-overlay{position:fixed;inset:0;background:rgba(15,23,42,.85);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.center-video-content{width:min(960px,100%);background:rgba(15,23,42,.8);border-radius:var(--radius-lg);padding:var(--space-lg)}.center-video-player{width:100%;border-radius:var(--radius-md)}.close-hint{color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm)}.video-player{width:100%;border-radius:var(--radius-md)}.video-sidebar{background:var(--panel-gradient,var(--color-surface));border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--panel-border,var(--color-surface-border));box-shadow:0 18px 36px var(--panel-shadow,rgba(15,23,42,.25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.video-list{display:flex;flex-direction:column;gap:var(--space-sm)}.video-meta{color:var(--color-text-muted);font-size:.95rem}.video-section-title{font-size:1.25rem;color:var(--color-heading);margin-bottom:var(--space-sm)}.footer-logo{width:80px}.logoContainer{width:90px;margin:0 auto}.logoImage{width:100%;height:auto}.site-footer{margin-top:auto;width:100%;padding:var(--space-lg) var(--space-md);background:var(--footer-gradient,var(--panel-gradient-soft,var(--color-surface-muted)));border-top:1px solid var(--panel-border,var(--color-surface-border));box-shadow:0 -12px 36px var(--panel-shadow,rgba(15,23,42,.35));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;z-index:5}.site-footer:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--panel-highlight,transparent);opacity:.65}.site-footer__content{width:min(1100px,calc(100% - 2.5rem));margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);position:relative;z-index:1}.socialLinks{display:flex;gap:var(--space-sm);align-items:center}.socialLinks a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--chip-gradient,var(--panel-gradient-soft,var(--color-surface)));border:1px solid var(--chip-border,var(--panel-border,var(--color-surface-border)));box-shadow:0 12px 24px var(--panel-shadow,rgba(15,23,42,.25));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-base),box-shadow var(--transition-base)}.socialLinks a:hover{transform:translateY(-2px);box-shadow:0 16px 28px var(--panel-shadow,rgba(15,23,42,.3))}.socialLinks img{width:26px;height:26px;object-fit:contain}.theme-banner{display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.button_log_off,.logout-button{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:20;box-shadow:none}.tag{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:var(--radius-pill);font-size:.75rem;color:var(--color-text-secondary);background:var(--chip-gradient,var(--panel-gradient-soft,var(--color-surface-muted)));border:1px solid var(--chip-border,var(--panel-border,var(--color-surface-border)));box-shadow:0 10px 18px var(--panel-shadow,rgba(15,23,42,.22));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.table-filter{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.search-input{max-width:320px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}@media (max-width:900px){.site-main--full{width:calc(100% - 2.5rem)}.site-footer__content{justify-content:center}.button_log_off,.logout-button{position:static;align-self:center}.socialLinks{justify-content:center}}@media (max-width:640px){main.site-main{width:calc(100% - 2rem);padding:var(--space-lg) 0 var(--space-xl)}.site-footer{padding:var(--space-lg) var(--space-sm)}.site-footer__content{width:calc(100% - 2rem)}.center-container{padding:var(--space-xl) var(--space-sm)}.auth-card{padding:var(--space-lg);border-radius:var(--radius-lg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.StarrySky{--color-background:#101b2d;--color-surface:rgba(20,33,53,0.92);--color-surface-muted:rgba(20,33,53,0.72);--color-surface-border:rgba(148,163,184,0.35);--color-surface-elevated:rgba(20,33,53,0.92);--color-text-primary:#e2e8f0;--color-text-secondary:#c4d2ea;--color-text-muted:#9ba9c4;--color-heading:#f5f7fb;--color-accent:#4a6fb3;--color-accent-hover:#3b598f;--color-accent-contrast:#f8fafc;--color-accent-muted:rgba(74,111,179,0.24);--color-accent-border:rgba(74,111,179,0.45);--color-outline:rgba(74,111,179,0.55);--color-outline-strong:rgba(74,111,179,0.75);--color-danger:#e96a6a;--color-danger-hover:#d45656;--color-success:#4f9b6d;--color-warning:#d3a23b;--panel-gradient:linear-gradient(145deg,rgba(18,28,50,0.92),rgba(38,58,96,0.75));--panel-gradient-soft:linear-gradient(155deg,rgba(21,34,58,0.85),rgba(40,63,102,0.65));--panel-border:rgba(148,163,184,0.45);--panel-shadow:rgba(4,10,24,0.6);--panel-highlight:linear-gradient(160deg,rgba(92,128,196,0.18),rgba(17,35,64,0.05));--footer-gradient:linear-gradient(180deg,rgba(10,18,34,0.95),rgba(24,40,68,0.8));--chip-gradient:linear-gradient(135deg,rgba(33,52,88,0.9),rgba(24,40,68,0.76));--chip-border:rgba(148,163,184,0.5)}.SunnyDay{--color-background:#dbe5f4;--color-surface:rgba(255,255,255,0.96);--color-surface-muted:rgba(255,255,255,0.82);--color-surface-border:rgba(36,74,119,0.2);--color-surface-elevated:rgba(255,255,255,0.96);--color-text-primary:#1c2a3a;--color-text-secondary:#32455b;--color-text-muted:#516478;--color-heading:#102542;--color-accent:#244a77;--color-accent-hover:#1b3a5c;--color-accent-contrast:#ffffff;--color-accent-muted:rgba(36,74,119,0.18);--color-accent-border:rgba(36,74,119,0.45);--color-outline:rgba(36,74,119,0.45);--color-outline-strong:rgba(36,74,119,0.65);--color-danger:#b02020;--color-danger-hover:#8d1a1a;--color-success:#1b7a33;--color-warning:#b15a00;--panel-gradient:linear-gradient(145deg,rgba(255,255,255,0.96),rgba(223,236,255,0.85));--panel-gradient-soft:linear-gradient(155deg,rgba(255,255,255,0.9),rgba(214,232,255,0.75));--panel-border:rgba(36,74,119,0.28);--panel-shadow:rgba(28,60,102,0.15);--panel-highlight:linear-gradient(150deg,rgba(255,255,255,0.4),rgba(255,255,255,0.05));--footer-gradient:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(209,226,248,0.88));--chip-gradient:linear-gradient(140deg,rgba(255,255,255,0.94),rgba(226,239,255,0.86));--chip-border:rgba(36,74,119,0.32)}.auth-card,.section-card,.site-footer,.site-main{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;position:relative}.auth-card,.section-card,.site-main{padding:clamp(1rem,2vw,1.5rem)!important;gap:var(--space-sm,.75rem)!important}.site-footer{padding:var(--space-md,1rem) var(--space-sm,.75rem)!important}@keyframes spin{to{transform:rotate(1turn)}}