:root{--tep-gold: #ffc300;--tep-orange: #ff5733;--tep-twilight: #c70039;--tep-silhouette: #1e1e1e;--tep-blue: #3498db;--tep-green: #2ecc71;--tep-purple: #7b2fbe;--tep-bg-primary: #0d0d0d;--tep-bg-secondary: #141414;--tep-bg-elevated: #1a1a1a;--tep-bg-surface: #222222;--tep-text-primary: #f0ebe3;--tep-text-secondary: #a09888;--tep-text-muted: #6b6358;--font-display: "Josefin Sans", sans-serif;--font-body: "Karla", sans-serif;--font-mono: "JetBrains Mono", monospace;--tep-h1: 48px;--tep-h2: 36px;--tep-h3: 24px;--tep-body: 16px;--tep-caption: 14px;--tep-small: 12px;--tep-micro: 11px;--tep-line-height: 1.6;--tep-letter-spacing: .02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--tep-radius: 10px;--tep-radius-sm: 6px;--tep-radius-md: 8px;--tep-radius-lg: 14px;--tep-radius-xl: 16px;--tep-radius-pill: 9999px;--tep-anim-duration: .3s;--tep-anim-fast: .2s;--glass-bg: rgba(13, 13, 13, .55);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--tep-border-subtle: rgba(255, 255, 255, .04);--tep-border-dim: rgba(255, 255, 255, .06);--tep-border-light: rgba(255, 255, 255, .1);--tep-border-mid: rgba(255, 255, 255, .15);--tep-overlay-xs: rgba(255, 255, 255, .04);--tep-overlay-sm: rgba(255, 255, 255, .06);--app-icon-size: 60px;--app-icon-radius: var(--tep-radius-lg);--app-item-width: 80px;--app-grid-gap: 20px;--app-grid-min-height: 360px;--app-icon-size-mobile: 52px;--app-icon-radius-mobile: 12px;--app-item-width-mobile: 68px;--app-grid-gap-mobile: 16px;--dot-size: 8px;--dot-color-idle: rgba(255, 255, 255, .2);--tep-danger: #f87171;--tep-danger-hover: #fca5a5;--tep-danger-border: rgba(248, 113, 113, .2);--tep-danger-border-hover: rgba(248, 113, 113, .4);--tep-success-bg: rgba(16, 185, 129, .15);--tep-success-border: rgba(16, 185, 129, .3);--tep-success-text: #6ee7b7;--tep-error-bg: rgba(239, 68, 68, .15);--tep-error-border: rgba(239, 68, 68, .3);--tep-error-text: #fca5a5;--tep-code-bg: rgba(0, 0, 0, .4);--tep-code-text: #a5f3fc;--devkeys-surface: rgba(0, 0, 0, .2);--devkeys-surface-deep: rgba(0, 0, 0, .3);--devkeys-surface-deepest: rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--tep-bg-primary);color:var(--tep-text-primary);font-family:var(--font-body);font-size:var(--tep-body);line-height:var(--tep-line-height);letter-spacing:var(--tep-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{display:none}html,body,#root{scrollbar-width:none;-ms-overflow-style:none}#root{min-height:100%;display:flex;flex-direction:column}.hub-shell{flex:1;min-height:100vh;position:relative;overflow:hidden}.hub-shell__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.hub-shell__bg .sunset-scene{width:100%;height:100%;display:block;object-fit:cover}.hub-shell__foreground{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--tep-border-subtle)}.site-header__brand{font-family:var(--font-display);font-size:var(--tep-h2);font-weight:600;letter-spacing:-.01em;color:var(--tep-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header__controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.site-header__user{font-size:var(--tep-body);color:var(--tep-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.site-header{padding:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.site-header__brand{font-size:var(--tep-h3)}}.pill-nav{display:flex;justify-content:center;padding:var(--space-4) var(--space-6) 0}.pill-nav__track{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--tep-radius-pill);background:var(--tep-overlay-xs);border:1px solid var(--tep-overlay-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;flex-wrap:nowrap}.pill-nav__track::-webkit-scrollbar{display:none}.pill-nav__tab{padding:var(--space-2) var(--space-5);border-radius:var(--tep-radius-pill);border:none;font-size:var(--tep-caption);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--tep-anim-duration) ease;background:transparent;color:var(--tep-text-secondary);white-space:nowrap;flex-shrink:0}.pill-nav__tab:hover{color:var(--tep-text-primary)}.pill-nav__tab--active{background:var(--tep-purple);color:#fff}.pill-nav__tab--active:hover{color:#fff}@media(max-width:600px){.pill-nav{padding:var(--space-3) var(--space-3) 0}.pill-nav__tab{padding:var(--space-1) var(--space-3) + 2px;padding:6px 14px;font-size:var(--tep-small)}}.carousel-viewport{flex:1;overflow:hidden;position:relative;touch-action:pan-y}.carousel-track{display:flex;height:100%;transition:transform .35s cubic-bezier(.25,1,.5,1);will-change:transform}.carousel-page{min-width:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6)}@media(max-width:600px){.carousel-page{padding:var(--space-4) var(--space-3);align-items:flex-start}}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0}.carousel-dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--dot-color-idle);transition:background var(--tep-anim-fast) ease,transform var(--tep-anim-fast) ease}.carousel-dot--active{background:var(--tep-gold);transform:scale(1.3)}.hub-shell__footer{padding:var(--space-6);text-align:center;font-size:var(--tep-caption);color:var(--tep-text-muted)}.glass-panel{width:100%;max-width:520px;padding:var(--space-8);overflow:hidden;border-radius:var(--tep-radius-xl);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 0 0 1px #ffffff08,0 8px 32px #0006,inset 0 1px #ffffff0a}@media(max-width:600px){.glass-panel{padding:var(--space-5) var(--space-4);max-width:100%;border-radius:var(--tep-radius-md) + 4px;border-radius:12px}}.app-grid__container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--app-grid-gap);justify-items:center;align-items:start;min-height:var(--app-grid-min-height)}@media(max-width:600px){.app-grid__container{grid-template-columns:repeat(3,1fr);gap:var(--app-grid-gap-mobile);min-height:auto}.app-grid__icon{width:var(--app-icon-size-mobile);height:var(--app-icon-size-mobile);border-radius:var(--app-icon-radius-mobile)}.app-grid__item{width:var(--app-item-width-mobile)}.app-grid__label{font-size:10px}.app-grid__slot-empty{width:var(--app-icon-size-mobile);height:var(--app-icon-size-mobile);border-radius:var(--app-icon-radius-mobile)}}.app-grid__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-decoration:none;transition:transform var(--tep-anim-duration) ease;width:var(--app-item-width)}.app-grid__item:hover{transform:translateY(-2px)}.app-grid__item:active{transform:translateY(0)}.app-grid__icon{width:var(--app-icon-size);height:var(--app-icon-size);border-radius:var(--app-icon-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-grid__label{font-size:var(--tep-micro);font-family:var(--font-body);color:var(--tep-text-secondary);text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-grid__slot-empty{width:var(--app-icon-size);height:var(--app-icon-size);border-radius:var(--app-icon-radius);border:1px dashed var(--tep-overlay-sm);opacity:.3;flex-shrink:0}.dashboard-placeholder{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.dashboard-placeholder__title{font-family:var(--font-display);font-size:var(--tep-h2);font-weight:600;line-height:1.2;color:var(--tep-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dashboard-placeholder__description{font-size:var(--tep-body);color:var(--tep-text-secondary);max-width:340px;overflow-wrap:break-word}.sunset-scene{width:100%;height:100%;display:block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--tep-orange);color:#fff;font-family:var(--font-body);font-size:var(--tep-body);font-weight:500;border:none;border-radius:var(--tep-radius);cursor:pointer;transition:transform var(--tep-anim-duration) ease;white-space:nowrap;flex-shrink:0}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary--sm{font-size:var(--tep-caption);padding:var(--space-1) + 2px var(--space-3);padding:6px 12px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--tep-overlay-xs);color:var(--tep-text-secondary);font-family:var(--font-body);font-size:var(--tep-body);font-weight:500;border:1px solid var(--tep-overlay-sm);border-radius:var(--tep-radius);cursor:pointer;transition:transform var(--tep-anim-duration) ease,color var(--tep-anim-duration) ease;white-space:nowrap;flex-shrink:0}.btn-ghost:hover{transform:translateY(-1px);color:var(--tep-text-primary)}.btn-ghost:active{transform:translateY(1px)}.btn-ghost--sm{font-size:var(--tep-caption);padding:var(--space-1) + 2px var(--space-3);padding:6px 12px}.btn-ghost:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-ghost--danger{color:var(--tep-danger);border-color:var(--tep-danger-border)}.btn-ghost--danger:hover{color:var(--tep-danger-hover);border-color:var(--tep-danger-border-hover)}.badge-preproduction{display:inline-flex;align-items:center;gap:var(--space-1) + 2px;gap:6px;padding:var(--space-1) var(--space-3);border-radius:var(--tep-radius-pill);font-size:var(--tep-micro);font-weight:500;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;background:#ffc3001a;color:var(--tep-gold);border:1px solid rgba(255,195,0,.2);white-space:nowrap}.badge-preproduction:before{content:"";width:var(--space-1) + 2px;width:6px;height:6px;border-radius:50%;background:var(--tep-gold);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.text-gold{color:var(--tep-gold)}.text-orange{color:var(--tep-orange)}.text-secondary{color:var(--tep-text-secondary)}.text-muted{color:var(--tep-text-muted)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.devkeys{padding:var(--space-8);padding-top:var(--space-8)}.devkeys__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6)}.devkeys__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--tep-text-primary);margin:0 0 var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devkeys__subtitle{font-size:.85rem;color:var(--tep-text-secondary);max-width:480px;line-height:1.5;overflow-wrap:break-word}.devkeys__form{margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--tep-border-light);border-radius:var(--tep-radius-md);background:var(--devkeys-surface)}.devkeys__label{display:block;font-size:.8rem;color:var(--tep-text-secondary);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devkeys__input{width:100%;padding:var(--space-2) .75rem;border:1px solid var(--tep-border-mid);border-radius:var(--tep-radius-sm);background:var(--devkeys-surface-deep);color:var(--tep-text-primary);font-size:.9rem;margin-top:var(--space-1)}.devkeys__input:focus{outline:none;border-color:var(--tep-orange)}.devkeys__form-actions{display:flex;gap:var(--space-2);margin-top:.75rem}.devkeys__result{margin-bottom:var(--space-6)}.devkeys__result-banner{padding:.75rem var(--space-4);border-radius:var(--tep-radius-sm);background:var(--tep-success-bg);border:1px solid var(--tep-success-border);color:var(--tep-success-text);font-size:.85rem;margin-bottom:.75rem}.devkeys__token-display{display:flex;align-items:center;gap:var(--space-2);padding:.75rem;background:var(--devkeys-surface-deepest);border-radius:var(--tep-radius-sm);margin-bottom:var(--space-2)}.devkeys__token-display code{flex:1;font-family:var(--font-mono);font-size:.8rem;color:var(--tep-text-primary);word-break:break-all;overflow-wrap:break-word}.devkeys__error{padding:.75rem var(--space-4);border-radius:var(--tep-radius-sm);background:var(--tep-error-bg);border:1px solid var(--tep-error-border);color:var(--tep-error-text);font-size:.85rem;margin-bottom:var(--space-4)}.devkeys__table{width:100%;border-collapse:collapse;font-size:.85rem}.devkeys__th{text-align:left;padding:var(--space-2) .75rem;color:var(--tep-text-secondary);font-weight:500;border-bottom:1px solid var(--tep-border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devkeys__row{border-bottom:1px solid rgba(255,255,255,.05)}.devkeys__cell{padding:.6rem .75rem;color:var(--tep-text-primary)}.devkeys__cell--mono{font-family:var(--font-mono);font-size:.8rem;word-break:break-all}.devkeys__empty{padding:var(--space-6);text-align:center;color:var(--tep-text-muted)}.devkeys-page{min-height:100vh;padding:var(--space-8);max-width:900px;margin:0 auto}.devkeys-page__header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--tep-border-light)}.devkeys-page__back{display:flex;align-items:center;gap:var(--space-1);color:var(--tep-text-secondary);text-decoration:none;font-size:.85rem;transition:color var(--tep-anim-fast);white-space:nowrap;flex-shrink:0}.devkeys-page__back:hover{color:var(--tep-text-primary)}.devkeys-page__title{flex:1;font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--tep-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devkeys-page__signout{padding:.4rem .8rem;border:1px solid var(--tep-border-mid);border-radius:var(--tep-radius-sm);background:transparent;color:var(--tep-text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--tep-anim-fast);white-space:nowrap;flex-shrink:0}.devkeys-page__signout:hover{border-color:#ffffff4d;color:var(--tep-text-primary)}.devkeys-sections{display:flex;flex-direction:column;gap:var(--space-8)}.devkeys__select{width:100%;padding:var(--space-2) .75rem;border:1px solid var(--tep-border-mid);border-radius:var(--tep-radius-sm);background:var(--devkeys-surface-deep);color:var(--tep-text-primary);font-size:.9rem;margin-top:var(--space-1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:var(--space-8)}.devkeys__select:focus{outline:none;border-color:var(--tep-orange)}.devkeys__select option{background:var(--tep-bg-elevated);color:var(--tep-text-primary)}.devkeys__config-block{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--tep-border-light);border-radius:var(--tep-radius-md);background:var(--devkeys-surface-deep)}.devkeys__config-title{font-size:.8rem;font-weight:500;color:var(--tep-text-secondary);margin:0 0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devkeys__config-pre{margin:0 0 .75rem;padding:.75rem;background:var(--tep-code-bg);border-radius:var(--tep-radius-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.devkeys__config-pre code{font-family:var(--font-mono);font-size:.75rem;color:var(--tep-code-text);white-space:pre;line-height:1.6}.devkeys__info{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.devkeys__info h3{font-size:.9rem;font-weight:600;color:var(--tep-text-primary);margin:0 0 .75rem}.devkeys__info ol{padding-left:1.25rem;font-size:.85rem;color:var(--tep-text-secondary);line-height:1.8}.devkeys__info-note{margin-top:.75rem;font-size:.8rem;color:var(--tep-text-muted);font-style:italic;overflow-wrap:break-word}@media(max-width:600px){.devkeys{padding:var(--space-4)}.devkeys__header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.devkeys__title{font-size:1.25rem;white-space:normal;overflow:visible;text-overflow:unset}.devkeys__subtitle{max-width:100%}.devkeys__table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.devkeys__token-display{flex-direction:column;align-items:stretch}.devkeys__token-display code{font-size:.7rem}.devkeys__config-pre code{font-size:.65rem}.devkeys-page{padding:var(--space-4)}.devkeys-page__header{flex-direction:column;align-items:flex-start;gap:.75rem}.devkeys-page__title{font-size:1.35rem;white-space:normal;overflow:visible;text-overflow:unset}}