:root{--font-body:"Helvetica","Arial",sans-serif;--font-heading:"Helvetica","Arial",sans-serif;--line-height-base:1.6;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.25rem;--space-2xl:3.5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-pill:999px;--shadow-soft:0 2px 8px #0f172a1f;--shadow-strong:0 6px 18px #0f172a29;--shadow-ring:0 0 0 1px #0f172a1f;--color-background:#e3e9f3;--color-surface:#fff;--color-surface-muted:#f5f7fb;--color-surface-border:#b6c2d9;--color-surface-elevated:#fff;--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:#fff;--color-accent-muted:#244a772e;--color-accent-border:#244a7773;--color-success:#1b7a33;--color-warning:#b15a00;--color-danger:#b02020;--color-danger-hover:#8d1a1a;--color-outline:#244a7773;--color-outline-strong:#244a77a6;--input-height:2.75rem;--transition-base:.12s ease-in-out}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{background:var(--color-background);font-family:var(--font-body);line-height:var(--line-height-base);color:var(--color-text-primary);margin:0;overflow-x:hidden}body[data-page]{overflow-y:auto}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-base);text-decoration:none}a:hover,a:focus{color:var(--color-accent-hover)}button,input,select,textarea{font-family:inherit}ul,ol{margin:0;padding:0;list-style:none}p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);margin:0;font-weight:700}.page-root{background:0 0;min-height:100vh}.page-container{flex-direction:column;min-height:100vh;display:flex;position:relative}main.site-main{gap:var(--space-lg);z-index:1;flex-direction:column;flex:1;width:min(1100px,100% - 2.5rem);margin:0 auto;padding:clamp(1.75rem,3vw,3rem) 0;display:flex;position:relative}.site-main--narrow{width:min(720px,100% - 2.5rem)}.site-main--full{width:min(1200px,100% - 2rem)}.section-card{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,#0f172a47);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(1.25rem,2.5vw,2rem);position:relative;overflow:hidden}.section-card:after{content:"";pointer-events:none;background:var(--panel-highlight,transparent);opacity:.5;position:absolute;inset:0}.section-card--muted{background:var(--panel-gradient-soft,var(--color-surface-muted))}.section-card--borderless{box-shadow:none;border:none}.section-title{color:var(--color-heading);text-align:center;font-size:clamp(1.75rem,4vw,2.5rem)}.section-subtitle{color:var(--color-text-secondary);text-align:center;font-size:clamp(1.05rem,2.5vw,1.3rem)}.text-muted{color:var(--color-text-muted)}.text-small{color:var(--color-text-muted);font-size:.9rem}.stack{gap:var(--space-md);flex-direction:column;display:flex}.stack--lg{gap:var(--space-lg)}.stack--xl{gap:var(--space-xl)}.inline-stack{align-items:center;gap:var(--space-sm);display:flex}.inline-stack--wrap{flex-wrap:wrap}.grid-two{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.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,#0f172a40);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:var(--panel-gradient-soft,var(--color-surface-muted))}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-surface-border);padding:.85rem 1rem}.table tbody tr:hover{background:var(--color-surface-muted)}.btn,.button_login,.button-signup,.button_reviews,.button_log_off,.surveyButton,.uploadButton,.video-preview-button,.accept-button,.decline-button,.solve-button,.pending-buttons button,.navigation-buttons button,.modal-content button,.nav-button,.theme-toggle-button{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--color-accent);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;padding:.6rem 1.2rem;font-weight:600;display:inline-flex}.btn:hover,.button_login:hover,.button-signup:hover,.button_reviews:hover,.button_log_off:hover,.surveyButton:hover,.uploadButton:hover,.video-preview-button:hover,.accept-button:hover,.decline-button:hover,.solve-button:hover,.pending-buttons button:hover,.navigation-buttons button:hover,.modal-content button:hover,.nav-button:hover,.theme-toggle-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--ghost,.button_reviews,.pending-buttons .decline-button,.decline-button{border-color:var(--color-accent-border);color:var(--color-accent);background:0 0}.btn--ghost:hover,.button_reviews:hover,.pending-buttons .decline-button:hover,.decline-button:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.btn--danger,.solve-button,.accept-button[data-variant=danger]{background:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover,.solve-button:hover,.accept-button[data-variant=danger]: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%}input,select,textarea,.placeholder{border-radius:var(--radius-md);border:1px solid var(--color-surface-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-base);padding:.75rem 1rem}input:focus,select:focus,textarea:focus,.placeholder:focus{border-color:var(--color-accent);outline:none}label{margin-bottom:var(--space-xs);color:var(--color-text-secondary);font-weight:600;display:block}.StarrySky label{color:#c4d2ea}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-grid{gap:var(--space-md);display:grid}.form-grid--two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-accent-muted);color:var(--color-accent);padding:.25rem .6rem;font-size:.75rem;display:inline-flex}.empty-state{text-align:center;padding:var(--space-xl)var(--space-md);color:var(--color-text-muted)}.modal-overlay{padding:var(--space-lg);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{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 22px 46px var(--panel-shadow,#0f172a4d);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:var(--space-md);flex-direction:column;width:100%;max-width:min(640px,100%);padding:clamp(1.25rem,2vw,2rem);display:flex}.center-container{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;min-height:100%;padding:var(--space-xl)var(--space-md);flex-direction:column;display:flex}.auth-card{background:var(--panel-gradient,var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--panel-border,var(--color-surface-border));width:min(540px,100%);box-shadow:0 24px 48px var(--panel-shadow,#0f172a4d);gap:var(--space-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;padding:clamp(1.5rem,3vw,2.25rem);display:flex;position:relative;overflow:hidden}.auth-card:after{content:"";pointer-events:none;background:var(--panel-highlight,transparent);opacity:.5;position:absolute;inset:0}.auth-card .head1{text-align:center}.head1{color:var(--color-heading);text-align:center;font-size:clamp(2rem,5vw,2.75rem)}.signup-text,.signin-text,.error,.no-message-text,.credit-info-text{color:var(--color-text-secondary)}.error{color:var(--color-danger)}.signup-link,.signin-link,.signup-text a,.signin-text a{color:var(--color-accent);font-weight:600}.signup-link:hover,.signin-link:hover,.signup-text a:hover,.signin-text a:hover{color:var(--color-accent-hover)}.credit-info-text{font-weight:600}.navigation-buttons{gap:var(--space-sm);align-items:center;display:flex}.navigation-buttons span{color:var(--color-text-secondary);font-weight:600}.pending-buttons{gap:var(--space-sm);justify-content:center;display:flex}.card-list{gap:var(--space-md);display:grid}.scroll-area{max-height:420px;padding-right:var(--space-sm);overflow-y:auto}.scroll-area::-webkit-scrollbar{width:6px}.scroll-area::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#94a3b866}.center-video-overlay{padding:var(--space-lg);z-index:1000;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.center-video-content{border-radius:var(--radius-lg);width:min(960px,100%);padding:var(--space-lg);background:#0f172acc}.center-video-player{border-radius:var(--radius-md);width:100%}.close-hint{color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm)}.video-player{border-radius:var(--radius-md);width:100%}.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,#0f172a40);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.video-list{gap:var(--space-sm);flex-direction:column;display:flex}.video-meta{color:var(--color-text-muted);font-size:.95rem}.video-section-title{color:var(--color-heading);margin-bottom:var(--space-sm);font-size:1.25rem}.footer-logo{width:80px}.logoContainer{width:90px;margin:0 auto}.logoImage{width:100%;height:auto}.site-footer{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,#0f172a59);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;margin-top:auto;position:relative;overflow:hidden}.site-footer:after{content:"";pointer-events:none;background:var(--panel-highlight,transparent);opacity:.65;position:absolute;inset:0}.site-footer__content{justify-content:space-between;align-items:center;gap:var(--space-md);width:min(1100px,100% - 2.5rem);color:var(--color-text-secondary);z-index:1;flex-wrap:wrap;margin:0 auto;display:flex;position:relative}.socialLinks{gap:var(--space-sm);align-items:center;display:flex}.socialLinks a{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)));width:42px;height:42px;box-shadow:0 12px 24px var(--panel-shadow,#0f172a40);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-base),box-shadow var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.socialLinks a:hover{box-shadow:0 16px 28px var(--panel-shadow,#0f172a4d);transform:translateY(-2px)}.socialLinks img{object-fit:contain;width:26px;height:26px}.theme-banner{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.logout-button,.button_log_off{bottom:var(--space-md);right:var(--space-md);z-index:20;box-shadow:none;position:fixed}.tag{border-radius:var(--radius-pill);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,#0f172a38);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.75rem;display:inline-flex}.table-filter{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.search-input{max-width:320px}.card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}@media (max-width:900px){.site-main--full{width:calc(100% - 2.5rem)}.site-footer__content{justify-content:center}.logout-button,.button_log_off{align-self:center;position:static}.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){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.StarrySky{--color-background:#101b2d;--color-surface:#142135eb;--color-surface-muted:#142135b8;--color-surface-border:#94a3b859;--color-surface-elevated:#142135eb;--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:#4a6fb33d;--color-accent-border:#4a6fb373;--color-outline:#4a6fb38c;--color-outline-strong:#4a6fb3bf;--color-danger:#e96a6a;--color-danger-hover:#d45656;--color-success:#4f9b6d;--color-warning:#d3a23b;--panel-gradient:linear-gradient(145deg,#121c32eb,#263a60bf);--panel-gradient-soft:linear-gradient(155deg,#15223ad9,#283f66a6);--panel-border:#94a3b873;--panel-shadow:#040a1899;--panel-highlight:linear-gradient(160deg,#5c80c42e,#1123400d);--footer-gradient:linear-gradient(180deg,#0a1222f2,#182844cc);--chip-gradient:linear-gradient(135deg,#213458e6,#182844c2);--chip-border:#94a3b880}.SunnyDay{--color-background:#dbe5f4;--color-surface:#fffffff5;--color-surface-muted:#ffffffd1;--color-surface-border:#244a7733;--color-surface-elevated:#fffffff5;--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:#fff;--color-accent-muted:#244a772e;--color-accent-border:#244a7773;--color-outline:#244a7773;--color-outline-strong:#244a77a6;--color-danger:#b02020;--color-danger-hover:#8d1a1a;--color-success:#1b7a33;--color-warning:#b15a00;--panel-gradient:linear-gradient(145deg,#fffffff5,#dfecffd9);--panel-gradient-soft:linear-gradient(155deg,#ffffffe6,#d6e8ffbf);--panel-border:#244a7747;--panel-shadow:#1c3c6626;--panel-highlight:linear-gradient(150deg,#fff6,#ffffff0d);--footer-gradient:linear-gradient(180deg,#fffffff0,#d1e2f8e0);--chip-gradient:linear-gradient(140deg,#fffffff0,#e2efffdb);--chip-border:#244a7752}.site-footer,.auth-card,.section-card,.site-main{position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.auth-card,.section-card,.site-main{gap:var(--space-sm,.75rem)!important;padding:clamp(1rem,2vw,1.5rem)!important}.site-footer{padding:var(--space-md,1rem)var(--space-sm,.75rem)!important}.section{margin-top:var(--space-xl)}.section:first-child{margin-top:0}.form{gap:var(--space-md);flex-direction:column;display:flex}.field{gap:var(--space-xs);flex-direction:column;display:flex}.input,.textarea{width:100%;min-height:var(--input-height)}.StarrySky .input,.StarrySky .textarea{color:#fff;background:#0003;border-color:#fff3}.StarrySky .input:focus,.StarrySky .textarea:focus{border-color:#4a6fb3}.success{color:var(--color-success);margin-top:var(--space-sm);font-weight:600}.error{color:var(--color-danger);margin-top:var(--space-sm);font-weight:600}.StarrySky .success{color:#4f9b6d}.StarrySky .error{color:#e96a6a}#hcaptcha-container{min-height:1px}