h1,h2,h3{font-family:var(--font-heading)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.login-card{background:var(--color-surface);border-radius:2px;padding:var(--space-2xl);max-width:var(--content-width-narrow);width:100%;border:1px solid var(--color-border)}.login-card h1{font-size:var(--text-xl);margin-bottom:var(--space-sm);text-align:center}.subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-2xl)}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.email-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);font-size:var(--text-base);color:var(--color-text);transition:border-color .2s}.email-input:focus{outline:none;border-color:var(--color-accent)}.email-input:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-secondary{border:none;border-radius:8px;padding:var(--space-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn-secondary:hover{background:var(--color-accent-muted)}.error-message{background:var(--color-danger-muted);border:1px solid var(--color-danger);border-radius:8px;padding:var(--space-md);color:var(--color-danger);font-size:var(--text-sm)}.privacy-note{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-xl)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-lg)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center}.log-page{min-height:100vh;display:flex;flex-direction:column}.log-content{flex:1;padding:var(--space-2xl);max-width:var(--content-width-wide);margin:0 auto;width:100%}.emotion-form{display:flex;flex-direction:column;gap:var(--space-2xl)}.slider-sections{display:flex;gap:2.5%;flex-wrap:wrap}.inputs-section{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;width:23.127%}.inputs-section.full-width{width:100%;margin-top:2.5%}.section-label{margin:0 0 var(--space-sm) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.inputs-section{padding:var(--space-lg) var(--space-xl)}.note-section{display:flex;flex-direction:column;gap:var(--space-sm)}.note-label{font-size:var(--text-sm);color:var(--color-text-muted)}.note-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);color:var(--color-text);font-family:inherit;font-size:16px;line-height:var(--leading-tight);resize:vertical;min-height:80px}.note-input:focus{outline:none;border-color:var(--color-accent)}.note-counter{align-self:flex-end;font-size:var(--text-sm);color:var(--color-text-muted)}.form-actions{display:flex;justify-content:center;margin-top:var(--space-lg)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-base);min-width:150px}.success-message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);color:var(--color-text);text-align:center}.hint-message{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-sm)}.slow-save-helper{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm)}.emotion-slider{display:flex;flex-direction:column;gap:var(--space-sm)}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:var(--text-sm);color:var(--color-text-muted)}.slider-value{font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-body)}.slider-container{position:relative;height:24px;display:flex;align-items:center}.slider-input{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;touch-action:pan-y}.slider-input::-webkit-slider-runnable-track{height:4px;background:var(--color-border);border-radius:0}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px var(--color-bg);margin-top:-5px}.slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-bg),0 0 0 3px var(--color-accent);outline:none}.slider-input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-bg)}.slider-input::-moz-range-track{height:4px;background:var(--color-border);border-radius:0;border:none}.slider-input::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 0 2px var(--color-bg)}.slider-input:focus::-moz-range-thumb{box-shadow:0 0 0 2px var(--color-bg),0 0 0 3px var(--color-accent)}.slider-input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--color-bg)}.slider-input:focus{outline:none}.slider-track{position:absolute;top:50%;left:0;height:4px;width:100%;transform:translateY(-50%);pointer-events:none;border-radius:0;overflow:hidden;background:var(--color-border)}.slider-progress{height:100%;border-radius:0;pointer-events:none;background-color:var(--color-accent)}.slider-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.slider-label-center{text-align:center}.slider-info-icon{position:relative;margin-left:var(--space-xs);cursor:help;color:var(--color-text-muted);font-style:normal;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slider-info-icon:focus{outline:none}.slider-tooltip{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--color-text);white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;box-shadow:0 2px 8px #00000026}.slider-info-icon:hover .slider-tooltip{opacity:1;visibility:visible}.slider-info-icon:focus .slider-tooltip{opacity:1;visibility:visible}.toggle-switch{position:relative;display:inline-flex;align-items:center;min-width:52px;min-height:44px;cursor:pointer;flex-shrink:0}.toggle-switch__input{position:absolute;opacity:0;width:0;height:0}.toggle-switch__track{position:relative;width:52px;height:28px;background:var(--color-border);border-radius:14px;transition:background-color .2s ease}.toggle-switch__knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--color-text-muted);border-radius:50%;transition:transform .2s ease,background-color .2s ease}.toggle-switch__input:checked+.toggle-switch__track{background:var(--color-accent)}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__knob{transform:translate(24px);background:#fff}.toggle-switch__input:focus+.toggle-switch__track{box-shadow:0 0 0 3px var(--color-accent-muted)}.toggle-switch--disabled{cursor:not-allowed;opacity:.5}.toggle-switch--disabled .toggle-switch__track{background:var(--color-border)}.settings-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.settings-row:last-child{border-bottom:none}.settings-row__content{flex:1;min-width:0}.settings-row__label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin:0 0 var(--space-xs) 0}.settings-row__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-tight)}.settings-row__helper{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-sm);font-style:italic}.settings-row__control{flex-shrink:0;display:flex;align-items:center}.settings-card{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.settings-card:last-child{border-bottom:none}.settings-card__header{display:contents}.settings-card__content{flex:1;min-width:0}.settings-card__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin:0 0 var(--space-xs) 0}.settings-card__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-tight)}.privacy-notice{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.modal-warning{background:var(--color-accent-muted);border:1px solid var(--color-accent-muted);border-radius:6px;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--color-text)}.modal-warning strong{color:var(--color-accent)}.modal h3{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.modal-body{margin-bottom:var(--space-xl)}.modal-body p{margin:0 0 var(--space-lg) 0;line-height:var(--leading-relaxed)}.modal-body p:last-child{margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.modal-actions .btn-danger{margin-left:auto}.history-page{min-height:100vh;display:flex;flex-direction:column}.history-content{flex:1;padding:var(--space-2xl);max-width:var(--content-width-wide);margin:0 auto;width:100%}.history-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.stat-card{display:flex;align-items:baseline;gap:var(--space-xs)}.stat-card h3{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-normal)}.stat-number{font-size:var(--text-lg);font-weight:var(--font-medium);margin:0;color:var(--color-text)}.stat-text{font-size:var(--text-sm);margin:0;color:var(--color-text)}.empty-state{text-align:center;padding:4rem var(--space-2xl)}.empty-state h2{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--space-2xl)}.history-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-xl)}.btn-danger{background:var(--color-danger);color:#fff;border:none;border-radius:8px;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.btn-danger:hover{filter:brightness(.9)}.entries-list{display:flex;flex-direction:column}.entry-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.entry-header{display:flex;align-items:center;gap:var(--space-xs)}.entry-window-marker{width:4px;height:4px;border-radius:50%;background:var(--color-border);flex-shrink:0}.entry-date{color:var(--color-text-muted);font-size:var(--text-sm)}.entry-vectors{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.vector-item{display:flex;align-items:baseline;gap:var(--space-xs)}.vector-item label{font-size:var(--text-xs);color:var(--color-text-muted)}.vector-item span{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text)}.entry-note{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.entry-context{color:var(--color-text-muted);font-size:var(--text-sm);text-align:right}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;padding:var(--space-2xl);max-width:var(--content-width-narrow);width:90%;margin:var(--space-lg)}.modal h3{margin:0 0 var(--space-lg) 0;color:var(--color-text)}.modal p{margin:0 0 var(--space-xl) 0;color:var(--color-text-muted);line-height:var(--leading-relaxed)}.modal-actions{display:flex;gap:var(--space-lg);justify-content:flex-end}.settings-page{min-height:100vh;display:flex;flex-direction:column}.settings-content{flex:1;padding:var(--space-2xl);max-width:var(--content-width-default);margin:0 auto;width:100%}.settings-section{padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{margin:0 0 var(--space-lg) 0;color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium)}.account-info{display:flex;flex-direction:column}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.info-item:last-child{border-bottom:none}.info-item label{font-weight:var(--font-medium);color:var(--color-text-muted)}.info-item span{color:var(--color-text)}.user-id{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted)}.data-controls h3{margin:0 0 var(--space-lg) 0;color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium)}.data-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-lg)}@media (max-width: 1080px){.slider-sections{gap:var(--space-xl);flex-direction:column}.inputs-section{padding:var(--space-lg);gap:var(--space-lg);width:100%}.inputs-section.full-width{margin-top:0}.history-stats{flex-direction:column;gap:var(--space-xs)}.info-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.slider-container{height:44px}.slider-input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}.slider-input::-moz-range-thumb{width:20px;height:20px}}.insights-page{min-height:100vh;display:flex;flex-direction:column}.insights-content{flex:1;padding:var(--space-2xl);max-width:var(--content-width-default);margin:0 auto;width:100%}.insights-section{border-top:1px solid var(--color-border);padding:var(--space-xl) 0}.insights-section h2{margin:0 0 var(--space-sm) 0;color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium)}.insights-description{color:var(--color-text-muted);margin:0 0 var(--space-2xl) 0;font-size:var(--text-sm)}.insights-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);color:var(--color-text-muted)}.insights-error{background:var(--color-danger-muted);border:1px solid var(--color-danger);border-radius:8px;padding:var(--space-lg);color:var(--color-danger);text-align:center}.insights-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.insights-empty p{margin:0 0 var(--space-sm) 0}.insights-hint{font-size:var(--text-sm);opacity:.8}.attribution-list{display:flex;flex-direction:column}.attribution-card{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.attribution-card:last-child{border-bottom:none}.attribution-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md)}.axis-label{font-weight:var(--font-medium);color:var(--color-text);font-size:var(--text-sm)}.window-label{color:var(--color-text-muted);font-size:var(--text-sm)}.attribution-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:var(--space-md)}.attribution-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.attribution-bar-fill.env{background:var(--color-accent)}.attribution-values{display:flex;justify-content:space-between;font-size:var(--text-base);margin-bottom:var(--space-sm)}.env-value{color:var(--color-accent)}.life-value{color:var(--color-text-muted)}.attribution-updated{font-size:var(--text-sm);color:var(--color-text-muted);opacity:.7}.log-content h1,.history-content h1,.insights-content h1,.settings-content h1{font-size:var(--text-lg);margin:0 0 var(--space-xl) 0;color:var(--color-text)}@media (max-width: 1080px){.log-content h1,.history-content h1,.insights-content h1,.settings-content h1{font-size:var(--text-base);margin-bottom:var(--space-lg)}}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;height:48px;flex-shrink:0}.app-nav-brand{background:none;border:none;font-family:var(--font-brand);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;padding:0;transition:color .2s;text-transform:uppercase}.app-nav-brand:hover{color:var(--color-accent)}.app-nav-actions{display:flex;align-items:center;gap:var(--space-md)}.app-nav-cta{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);white-space:nowrap}.app-nav-menu-trigger{background:none;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:border-color .2s,background .2s}.app-nav-menu-trigger:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.app-nav-hamburger{display:flex;flex-direction:column;gap:4px;width:18px}.app-nav-hamburger span{display:block;height:2px;background:var(--color-text);border-radius:1px}.app-nav-dropdown{position:absolute;top:calc(100% + 4px);right:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;min-width:200px;z-index:100;padding:var(--space-sm) 0}.app-nav-menu-email{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-menu-item{display:block;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;text-align:left;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background .15s}.app-nav-menu-item:hover{background:var(--color-accent-muted)}.app-nav-menu-item-signout{color:var(--color-danger)}.app-nav-menu-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.app-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);z-index:200}.app-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--color-surface);border-left:1px solid var(--color-border);z-index:201;display:flex;flex-direction:column;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.app-nav-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--color-border)}.app-nav-drawer-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.app-nav-drawer-close{background:none;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0;transition:color .2s}.app-nav-drawer-close:hover{color:var(--color-text)}.app-nav-drawer-content{flex:1;padding:var(--space-sm) 0;overflow-y:auto}.app-nav-drawer-content .app-nav-menu-item{padding:var(--space-lg) var(--space-lg);font-size:var(--text-base)}.app-nav-drawer-content .app-nav-menu-email{padding:var(--space-lg) var(--space-lg)}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-nav-drawer{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 1080px){.app-nav{padding:var(--space-sm) var(--space-md)}.app-nav-brand{font-size:var(--text-sm)}.app-nav-cta{display:none}}.app-nav-menu-item-log{color:var(--color-accent);font-weight:500}.prediction-cards{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.prediction-cards-title{margin:0 0 var(--space-lg) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-muted)}.prediction-cards-list{display:flex;flex-direction:column}.prediction-card{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.prediction-card:last-child{border-bottom:none}.prediction-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.prediction-type{font-weight:var(--font-medium);color:var(--color-text);font-size:var(--text-sm)}.prediction-window{font-size:var(--text-sm);color:var(--color-text-muted)}.prediction-summary{margin:0 0 var(--space-lg) 0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.prediction-actions{display:flex;gap:var(--space-md)}.prediction-btn{flex:1;padding:.6rem 1rem;border-radius:6px;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease;min-height:44px}.prediction-btn--confirm{background:var(--color-accent-muted);border:1px solid var(--color-accent);color:var(--color-accent)}.prediction-btn--confirm:hover:not(:disabled){background:var(--color-accent-muted)}.prediction-btn--dismiss{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.prediction-btn--dismiss:hover:not(:disabled){background:var(--color-danger-muted);border-color:var(--color-danger);color:var(--color-danger)}.prediction-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1080px){.prediction-cards,.prediction-card{padding:var(--space-lg)}.prediction-header{flex-direction:column;gap:var(--space-xs)}.prediction-actions{flex-direction:column}.prediction-btn{width:100%}}.prediction-banner{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease;min-height:44px}.prediction-banner:hover{background:var(--color-accent-muted)}.prediction-banner:focus{outline:none;background:var(--color-accent-muted)}.prediction-banner:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.prediction-banner__type{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);padding:2px 6px;background:var(--color-accent-muted);border-radius:2px}.prediction-banner__summary{flex:1;font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-tight)}.prediction-banner__arrow{flex-shrink:0;font-size:var(--text-sm);color:var(--color-text-muted);transition:transform .15s ease}.prediction-banner:hover .prediction-banner__arrow{transform:translate(2px);color:var(--color-accent)}@media (max-width: 1080px){.prediction-banner{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.prediction-banner__summary{font-size:var(--text-xs)}}.prediction-detail-page{min-height:100vh;background:var(--color-bg)}.prediction-detail-content{max-width:var(--content-width-narrow);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.prediction-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-md)}.prediction-detail-category{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.prediction-detail-expiry{font-size:var(--text-sm);color:var(--color-text-muted)}.prediction-detail-summary{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.prediction-detail-confidence{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.prediction-detail-confidence-label{font-size:var(--text-sm);color:var(--color-text-muted)}.prediction-detail-confidence-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.prediction-detail-window{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.prediction-detail-window-label{font-size:var(--text-sm);color:var(--color-text-muted)}.prediction-detail-window-dates{font-size:var(--text-sm);color:var(--color-text)}.prediction-detail-feedback{display:flex;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.prediction-feedback-btn{flex:1;padding:var(--space-md);border:none;border-radius:8px;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:filter .2s;min-height:44px}.prediction-feedback-btn:hover{filter:brightness(1.1)}.prediction-feedback-btn--confirm{background:var(--color-success, #22c55e);color:#fff}.prediction-feedback-btn--reject{background:var(--color-danger);color:#fff}.prediction-feedback-btn--dismiss{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.prediction-feedback-btn--dismiss:hover{filter:none;background:var(--color-bg)}@media (max-width: 1080px){.prediction-detail-content{padding:var(--space-lg) var(--space-md)}.prediction-detail-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.prediction-detail-feedback{flex-direction:column}}.taper-banner{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease;min-height:44px}.taper-banner:hover{background:var(--color-accent-muted)}.taper-banner:focus{outline:none;background:var(--color-accent-muted)}.taper-banner:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.taper-banner__type{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);padding:2px 6px;background:var(--color-accent-muted);border-radius:2px}.taper-banner__summary{flex:1;font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-tight)}.taper-banner__arrow{flex-shrink:0;font-size:var(--text-sm);color:var(--color-text-muted);transition:transform .15s ease}.taper-banner:hover .taper-banner__arrow{transform:translate(2px);color:var(--color-accent)}@media (max-width: 1080px){.taper-banner{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.taper-banner__summary{font-size:var(--text-xs)}}.taper-banner--expanded{flex-direction:column;align-items:stretch;padding:var(--space-md) var(--space-lg);cursor:default}.taper-banner__form{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.taper-banner__slider-row{display:flex;flex-direction:column;gap:var(--space-xs)}.taper-banner__label{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium)}.taper-banner__slider-container{display:flex;align-items:center;gap:var(--space-md)}.taper-banner__slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer}.taper-banner__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer}.taper-banner__slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border-radius:50%;border:none;cursor:pointer}.taper-banner__slider:disabled{opacity:.5;cursor:not-allowed}.taper-banner__value{font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);min-width:36px;text-align:right}.taper-banner__note-row{display:flex;gap:var(--space-sm)}.taper-banner__note-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;font-size:var(--text-sm);color:var(--color-text);font-family:inherit}.taper-banner__note-input:focus{outline:none;border-color:var(--color-accent)}.taper-banner__note-input:disabled{opacity:.5;cursor:not-allowed}.taper-banner__note-input::placeholder{color:var(--color-text-muted)}.taper-banner__submit{padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:#fff;border:none;border-radius:4px;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:filter .15s ease;min-height:36px}.taper-banner__submit:hover:not(:disabled){filter:brightness(1.1)}.taper-banner__submit:disabled{opacity:.5;cursor:not-allowed}.taper-banner__origin-context{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.taper-banner__origin-header{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.taper-banner__origin-note{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;line-height:1.4}@media (max-width: 1080px){.taper-banner--expanded{padding:var(--space-md)}.taper-banner__note-row{flex-direction:column}.taper-banner__submit{width:100%;min-height:44px}}:root{--color-bg: #0a0a0a;--color-surface: #1a1a1a;--color-text: #e0e0e0;--color-text-muted: #888888;--color-border: #2a2a2a;--color-accent: #d6b24c;--color-accent-muted: rgba(214, 178, 76, .12);--color-overlay: rgba(0, 0, 0, .7);--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--content-width-narrow: 400px;--content-width-default: 800px;--content-width-wide: 1000px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--font-normal: 400;--font-medium: 500;--leading-tight: 1.4;--leading-relaxed: 1.5;--font-brand: "JetBrains Mono", "Monaco", "Menlo", "Consolas", monospace;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "JetBrains Mono", "Monaco", "Menlo", "Consolas", monospace}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--color-bg: #f8f8f8;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #e0e0e0;--color-accent: #b0891b;--color-accent-muted: rgba(176, 137, 27, .1);--color-overlay: rgba(0, 0, 0, .5);--color-danger: #dc2626;--color-danger-muted: rgba(220, 38, 38, .08)}}[data-theme=light]{--color-bg: #f8f8f8;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #e0e0e0;--color-accent: #b0891b;--color-accent-muted: rgba(176, 137, 27, .1);--color-overlay: rgba(0, 0, 0, .5);--color-danger: #dc2626;--color-danger-muted: rgba(220, 38, 38, .08)}[data-theme=dark]{--color-bg: #0a0a0a;--color-surface: #1a1a1a;--color-text: #e0e0e0;--color-text-muted: #888888;--color-border: #2a2a2a;--color-accent: #d6b24c;--color-accent-muted: rgba(214, 178, 76, .12);--color-overlay: rgba(0, 0, 0, .7);--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.slider-description{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}