.bottom-nav{flex-shrink:0;display:flex;gap:2px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#090a0cbf,#060708f7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--color-border-accent-faint)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border-radius:var(--radius-control);border:none;background:transparent;cursor:pointer;transition:background-color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.bottom-nav__item:active{transform:scale(.93)}.bottom-nav__item--active{background:#00e5ff14}.bottom-nav__label{font-size:10.5px;color:var(--color-text-tertiary);font-weight:500}.bottom-nav__item--active .bottom-nav__label{color:var(--color-accent-cyan);font-weight:600}.app-shell{width:100%;max-width:430px;min-width:320px;height:100dvh;position:relative;background:var(--color-bg-gradient);overflow:clip;display:flex;flex-direction:column}.app-shell__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-radial);pointer-events:none}.app-shell__blob{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;animation:drift-glow 10s ease-in-out infinite}.app-shell__blob--cyan{width:200px;height:200px;top:-60px;right:-50px;background:radial-gradient(circle,rgba(0,229,255,.24) 0%,rgba(0,229,255,.05) 55%,transparent 75%)}.app-shell__blob--orange{width:150px;height:150px;bottom:-50px;left:-30px;background:radial-gradient(circle,rgba(255,122,47,.14) 0%,transparent 70%);animation-direction:reverse;animation-duration:12s}.app-shell__content{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.access-gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 20px;text-align:center}.access-gate__card{width:100%;max-width:350px;padding:30px 24px 24px;border:1px solid var(--color-border-accent);border-radius:28px;background:linear-gradient(155deg,#12161af7,#080a0cfa);box-shadow:0 24px 70px #00000061,0 0 42px #00e5ff0f}.access-gate__icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.34);border-radius:19px;color:var(--color-accent-cyan);background:#00e5ff14}.access-gate__title{font-family:var(--font-display);font-size:24px;line-height:1.08;color:var(--color-text-strong)}.access-gate__text{margin-top:13px;color:var(--color-text-secondary);font-size:13.5px;line-height:1.55}.access-gate__button{width:100%;margin-top:22px}:root{--color-bg-base: #050607;--color-bg-gradient: linear-gradient(180deg, #0a0c0e 0%, #08090b 40%, #050607 100%);--color-bg-radial: radial-gradient(120% 90% at 30% 0%, #14181b 0%, #0b0d0f 55%, #050607 100%);--color-card-gradient: linear-gradient(160deg, #14171a, #0d0f11);--color-card-gradient-soft: linear-gradient(160deg, #12151a, #0b0d0f);--color-text-primary: #edeff2;--color-text-strong: #f4f6f8;--color-text-secondary: #8b9199;--color-text-tertiary: #5a6169;--color-text-body: #c7ccd2;--color-accent-cyan: #00e5ff;--color-accent-cyan-deep: #00a8bf;--color-accent-orange: #ff7a2f;--color-accent-orange-deep: #b14e10;--color-on-accent: #04141a;--color-border-soft: rgba(255, 255, 255, .07);--color-border-faint: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .12);--color-border-accent: rgba(0, 229, 255, .26);--color-border-accent-faint: rgba(0, 229, 255, .14);--radius-card: 18px;--radius-row: 14px;--radius-control: 12px;--radius-pill: 20px;--radius-icon: 10px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--font-body: "Inter", sans-serif;--font-display: "Oswald", sans-serif;--font-brand: "Unbounded", sans-serif;--glow-cyan-sm: 0 0 10px rgba(0, 229, 255, .5);--glow-cyan-md: 0 0 16px rgba(0, 229, 255, .35);--glow-cyan-card: 0 0 22px rgba(0, 229, 255, .06);--glow-orange-card: 0 0 18px rgba(255, 122, 47, .03)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-bg-base)}#root{height:100%;display:flex;justify-content:center}body{font-family:var(--font-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}button{font-family:inherit}@keyframes drift-glow{0%,to{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(-10px,8px) scale(1.06);opacity:.8}}@keyframes pulse-ring{0%{box-shadow:0 0 #00e5ff59}to{box-shadow:0 0 0 8px #00e5ff00}}.screen{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.screen__header-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--color-text-strong)}.screen__header-subtitle{font-size:12.5px;color:var(--color-text-secondary);margin-top:4px;line-height:1.4}.card{border-radius:var(--radius-card);padding:var(--space-lg);background:var(--color-card-gradient);border:1px solid var(--color-border-soft)}.card--accent{background:linear-gradient(135deg,#00e5ff14,#14161899);border:1px solid var(--color-border-accent);box-shadow:var(--glow-cyan-card)}.card--flat{background:var(--color-card-gradient-soft);border:1px solid var(--color-border-faint)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-radius:var(--radius-row);padding:13px 15px;background:var(--color-card-gradient);border:1px solid var(--color-border-faint)}.row-title{font-size:13px;font-weight:500;color:var(--color-text-primary)}.eyebrow{font-size:12px;color:var(--color-text-secondary)}.pill{font-size:11px;color:var(--color-accent-cyan);background:#00e5ff1a;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--color-border-accent);white-space:nowrap}.progress-track{height:6px;border-radius:4px;background:#ffffff0f;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--color-accent-cyan-deep),var(--color-accent-cyan));box-shadow:var(--glow-cyan-sm)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stat-tile{border-radius:var(--radius-row);padding:12px;background:var(--color-card-gradient-soft);border:1px solid var(--color-border-faint);text-align:center}.stat-tile__value{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-text-strong)}.stat-tile__label{font-size:11px;color:var(--color-text-secondary);margin-top:4px}.chevron{flex-shrink:0;color:var(--color-text-tertiary)}.row-button{border:none;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.row-button:disabled{cursor:default;opacity:.55}.card-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.home-brand-row,.home-access-card,.home-card-heading,.home-progress-row,.home-access-card__status,.home-token-value{display:flex;align-items:center}.home-brand-row,.home-access-card,.home-card-heading{justify-content:space-between}.home-brand{font-family:var(--font-brand);font-size:15px;letter-spacing:.06em;font-weight:600;color:var(--color-text-primary)}.home-status-mark{width:34px;height:34px;border-radius:10px;background:#ffffff0d;border:1px solid var(--color-border-accent);display:flex;align-items:center;justify-content:center}.home-welcome-name{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--color-text-strong);margin-top:3px}.home-access-card__status{gap:10px}.home-card-title{font-size:13.5px;font-weight:600;color:var(--color-text-primary)}.home-access-card__date{text-align:right;font-size:11px;color:var(--color-text-secondary)}.home-access-card__date strong{display:block;margin-top:2px;font-family:var(--font-display);font-size:14px;color:var(--color-accent-cyan)}.home-progress-card{display:block}.home-card-caption{margin-top:4px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-arrow{color:var(--color-text-tertiary);font-size:26px;line-height:1}.home-progress-row{align-items:flex-end;gap:14px;margin-top:14px}.home-progress-value{font-family:var(--font-display);font-size:36px;font-weight:600;color:var(--color-text-strong);line-height:1}.home-progress-value span{font-size:18px;color:var(--color-text-secondary)}.home-progress-details{flex:1;padding-bottom:5px}.home-progress-details .eyebrow{margin-bottom:7px}.home-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-summary-card{min-height:132px;display:flex;flex-direction:column;align-items:stretch}.home-token-value{gap:8px;margin-top:10px;font-family:var(--font-display);font-size:23px;font-weight:600;color:var(--color-text-strong)}.home-event-title{margin-top:9px;font-size:13px;font-weight:600;line-height:1.35;color:var(--color-text-primary)}.home-summary-link{display:block;margin-top:auto;padding-top:10px;font-size:11px;color:var(--color-accent-cyan)}.home-data-note{border-radius:var(--radius-control);padding:10px 12px;background:#ff7a2f14;border:1px solid rgba(255,122,47,.22);color:var(--color-text-secondary);font-size:11.5px;line-height:1.4}.home-quick-actions{display:flex;gap:10px}.profile-identity-card,.profile-tenure-card{display:flex;align-items:center}.profile-identity-card{gap:12px}.profile-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#14171a,#0d0f11);border:1px solid var(--color-border-accent);font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-accent-cyan)}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-identity-card__text{min-width:0}.profile-name{font-size:14.5px;font-weight:600;color:var(--color-text-primary)}.profile-username{font-size:11.5px;color:var(--color-text-tertiary);margin-top:1px}.profile-tenure-card{padding-block:14px;justify-content:space-around}.profile-tenure-item{flex:1;min-width:0;text-align:center}.profile-tenure-item strong{display:block;margin-top:5px;color:var(--color-text-strong);font-size:13px}.profile-tenure-divider{width:1px;height:34px;background:var(--color-border-faint)}.stat-tile--button{color:inherit;font:inherit;cursor:pointer}.profile-actions,.profile-planned{display:flex;flex-direction:column;gap:8px}.profile-row-caption{display:block;margin-top:3px;font-size:10.5px;color:var(--color-text-tertiary)}.profile-action-error{margin-top:9px;font-size:11px;line-height:1.4;color:var(--color-accent-orange)}.profile-planned>.eyebrow{padding-left:2px;margin-bottom:2px}.profile-planned-row{opacity:.68}@media(max-width:350px){.home-summary-grid{grid-template-columns:1fr}.home-summary-card{min-height:112px}}.back-button{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:4px 2px;color:var(--color-text-secondary);font-size:13px}.video-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-row);overflow:hidden;background:#000;border:1px solid var(--color-border-faint)}.video-frame--portrait{width:min(100%,40.5vh);max-width:440px;aspect-ratio:9 / 16;margin-inline:auto}.action-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:11px 8px;border-radius:var(--radius-control);background:#ffffff0a;border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:12px;font-weight:500;flex:1}.action-button:disabled{cursor:default;opacity:.75}.action-button--primary{background:linear-gradient(90deg,var(--color-accent-cyan-deep),var(--color-accent-cyan));color:var(--color-on-accent);font-weight:600;border:none;box-shadow:var(--glow-cyan-md)}.action-button--danger{background:#ff4e4e24;border-color:#ff4e4e6b;color:#ff8d8d}.balance-dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc08a,var(--color-accent-orange) 60%,var(--color-accent-orange-deep) 100%);box-shadow:0 0 10px #ff7a2f73;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-cyan);box-shadow:0 0 10px 2px #00e5ffb3}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;color:var(--color-text-secondary)}.form-input,.form-textarea,.form-select{border-radius:var(--radius-control);padding:11px 13px;background:#ffffff08;border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-family:inherit;font-size:13px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-border-accent)}.form-textarea{resize:vertical;min-height:72px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6169' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.warning-banner{border-radius:var(--radius-row);padding:13px 15px;background:linear-gradient(135deg,#ff7a2f1a,#14161899);border:1px solid rgba(255,122,47,.3);display:flex;flex-direction:column;gap:10px}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-action-grid .action-button{width:100%}.admin-error{font-size:12px;color:var(--color-accent-orange)}.event-section{display:flex;flex-direction:column;gap:9px}.event-card{width:100%;cursor:pointer;color:inherit;font:inherit;text-align:left}.event-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.event-card__status,.event-card__date{font-size:11.5px;color:var(--color-text-secondary)}.event-card__title{margin-top:9px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.event-card__description{margin-top:6px;font-size:12px;line-height:1.45;color:var(--color-text-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card__date{margin-top:10px}.event-schedule{display:flex;flex-direction:column;gap:13px}.event-schedule>div{display:flex;flex-direction:column;gap:3px}.event-schedule span{font-size:11px;color:var(--color-text-secondary)}.event-schedule strong{font-size:13px;color:var(--color-text-primary)}.event-detail-block{display:flex;flex-direction:column;gap:8px}.event-detail-block__text{white-space:pre-wrap;font-size:12.5px;line-height:1.55;color:var(--color-text-primary)}.event-stage-note{font-size:11px;line-height:1.45;text-align:center;color:var(--color-text-tertiary)}.contest-works,.contest-work-list,.contest-upload-form,.contest-upload-status,.contest-work-card{display:flex;flex-direction:column;gap:10px}.contest-upload-status strong,.contest-work-card strong{font-size:13px;color:var(--color-text-primary)}.contest-upload-status span,.contest-file-name{font-size:11.5px;color:var(--color-text-secondary)}.contest-ratio-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contest-file-input{max-width:100%;font-size:11.5px;color:var(--color-text-secondary)}.contest-work-card .event-card__meta{margin-bottom:0}.contest-work-card>.action-button{width:100%;flex:none}.contest-vote-count{font-size:12px;font-weight:600;color:var(--color-accent-cyan)}.admin-hub__description{display:block;margin-top:4px;font-size:11.5px;line-height:1.4;color:var(--color-text-secondary)}.admin-event-card{display:flex;flex-direction:column;gap:2px}.admin-event-card .admin-action-grid{margin-top:12px}.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.shop-balance__value{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-display);font-size:23px;font-weight:600;color:var(--color-text-strong)}.shop-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--radius-control);background:#ffffff09;border:1px solid var(--color-border-faint)}.shop-tabs--two{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-tabs button{min-width:0;padding:9px 5px;border:0;border-radius:calc(var(--radius-control) - 3px);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:11.5px;cursor:pointer}.shop-tabs button.is-active{color:var(--color-on-accent);background:linear-gradient(90deg,var(--color-accent-cyan-deep),var(--color-accent-cyan));font-weight:600;box-shadow:var(--glow-cyan-sm)}.shop-history-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-history-switch button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--color-border-faint);border-radius:var(--radius-control);background:#ffffff06;color:var(--color-text-secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.shop-history-switch button small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ffffff0f;color:var(--color-text-secondary);font-size:10px}.shop-history-switch button.is-active{border-color:var(--color-border-accent);background:#00e5ff12;color:var(--color-text-strong)}.shop-history-switch button.is-active small{background:#00e5ff1f;color:var(--color-accent-cyan)}.shop-offer-card,.shop-order-card,.shop-checkout{display:flex;flex-direction:column;gap:10px}.shop-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shop-offer-card__meta,.shop-order-card__line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:var(--color-text-secondary);font-size:11.5px}.shop-order-card__line strong{max-width:65%;color:var(--color-text-primary);font-weight:500;text-align:right;overflow-wrap:anywhere}.shop-contact-link{color:var(--color-accent-cyan);text-decoration:none}.shop-delivery-message{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border-radius:var(--radius-control);background:#00e5ff0f;border:1px solid var(--color-border-accent);color:var(--color-text-primary);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.shop-earning-note{display:block;margin-top:3px}.shop-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}@media(max-width:360px){.shop-form-grid{grid-template-columns:1fr}}.workshop-count{display:flex;align-items:center;justify-content:space-between}.workshop-count strong{color:var(--color-text-strong);font-family:var(--font-display);font-size:26px}.workshop-filters{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none}.workshop-filters::-webkit-scrollbar{display:none}.workshop-filters .pill{border:1px solid var(--color-border-faint);cursor:pointer;flex:0 0 auto}.workshop-filters .pill.is-active{background:#00d3ee1f;border-color:#00d3ee73;color:var(--color-accent-cyan)}.workshop-list{display:flex;flex-direction:column;gap:8px}.workshop-item{align-items:center;gap:10px}.workshop-item>span:first-child{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.workshop-type{margin-bottom:1px}.workshop-description{color:var(--color-text-secondary);line-height:1.45;text-align:left}.workshop-source{color:var(--color-text-tertiary);margin-top:8px}.workshop-detail-title{font-size:20px;margin-top:12px}.workshop-text{color:var(--color-text-primary);font-family:var(--font-body);font-size:13px;line-height:1.6;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.workshop-text--preview{max-height:180px;overflow:auto}.workshop-actions{display:flex;flex-direction:column;gap:8px}.lesson-material-row{align-items:stretch;flex-direction:column;gap:8px}.lesson-material-heading{display:flex;align-items:center;gap:8px}.lesson-material-actions{display:flex;flex-wrap:wrap;gap:7px}.lesson-material-actions .action-button{flex:1 1 auto}.admin-material-text{min-height:150px}