.auth-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);position:relative;overflow:hidden;isolation:isolate}.auth-layout:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:.4;mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 70%);animation:grid-fade 8s ease-in-out infinite;pointer-events:none}@keyframes grid-fade{0%,to{opacity:.4}50%{opacity:.2}}.auth-layout:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 60%);opacity:.15;top:-250px;left:50%;transform:translate(-50%);filter:blur(80px);animation:orb-float 12s ease-in-out infinite;pointer-events:none}@keyframes orb-float{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(40px) scale(1.05)}}.auth-layout__header{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10}.auth-layout__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);padding-bottom:20vh;position:relative;z-index:1;animation:fadeInUp var(--duration-slow) var(--ease-out-quart)}.auth-layout__content{width:100%;max-width:520px}.auth-layout__branding{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-layout__logo-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-left:-124px}.auth-layout__logo{width:96px;height:96px;filter:drop-shadow(0 4px 12px var(--color-accent-glow));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-layout__title{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:1.2;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 50%,var(--color-accent-hover) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 4s ease-in-out infinite;padding-bottom:.1em}@keyframes title-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.auth-layout__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height)}@media(max-width:768px){.auth-layout__branding{margin-bottom:var(--spacing-xl)}.auth-layout__subtitle{font-size:var(--font-size-md)}.auth-layout:after{width:500px;height:500px;top:-180px;filter:blur(60px)}.auth-layout:before{background-size:50px 50px}}@media(max-width:480px){.auth-layout__header{top:var(--spacing-md);right:var(--spacing-md)}.auth-layout__main{padding:var(--spacing-lg) var(--spacing-sm)}.auth-layout__content{max-width:100%}.auth-layout__branding{margin-bottom:var(--spacing-xl)}.auth-layout__subtitle{font-size:var(--font-size-sm);line-height:1.5}.auth-layout:after{width:350px;height:350px;top:-120px;filter:blur(50px);opacity:.1}.auth-layout:before{background-size:40px 40px;opacity:.25}}@media(prefers-reduced-motion:reduce){.auth-layout:before,.auth-layout:after,.auth-layout__title,.auth-layout__main,.auth-layout__logo{animation:none}}.email-auth-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.email-auth-form__info{text-align:center;font-size:var(--font-size-md);color:var(--color-text-muted);line-height:var(--line-height)}.email-auth-form__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.email-auth-form__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-full);margin-bottom:var(--spacing-xs)}.email-auth-form__icon svg{width:2rem;height:2rem}.email-auth-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin:0}.email-auth-form__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height);margin:0}.email-auth-form__subtitle strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.email-auth-form__success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0;animation:fadeInUp var(--duration-slow) var(--ease-out-quart)}.email-auth-form__success-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);box-shadow:0 0 0 8px #4ade801a,0 8px 24px -4px var(--color-success-glow);animation:successPop var(--duration-slow) var(--ease-spring)}@keyframes successPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.email-auth-form__success-icon svg{width:2.5rem;height:2.5rem}.email-auth-form__success-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.email-auth-form__success-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height);max-width:400px}.email-auth-form__success-message strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.email-auth-form__success-hint{font-size:var(--font-size-md);color:var(--color-text-muted);margin-top:var(--spacing-sm)}.email-auth-form__retry{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.email-auth-form__retry:hover{color:var(--color-accent-hover);background-color:var(--color-accent-subtle)}.email-auth-form__retry:active{transform:scale(.95)}.email-auth-form__retry:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.email-auth-form__back{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);text-align:center;width:100%;transition:color var(--transition-fast),background-color var(--transition-fast)}.email-auth-form__back:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.email-auth-form__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:480px){.email-auth-form{gap:var(--spacing-lg)}.email-auth-form__info{font-size:var(--font-size-sm)}.email-auth-form__success{gap:var(--spacing-sm);padding:var(--spacing-md) 0}.email-auth-form__success-icon{width:4rem;height:4rem}.email-auth-form__success-icon svg{width:2rem;height:2rem}.email-auth-form__success-title{font-size:var(--font-size-xl)}.email-auth-form__success-message{font-size:var(--font-size-md)}.email-auth-form__success-hint{font-size:var(--font-size-sm)}.email-auth-form__retry{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.email-auth-form__success,.email-auth-form__success-icon,.email-auth-form__retry{animation:none}.email-auth-form__retry:active{transform:none}}.auth-page__form-container{animation:slideUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-page__google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;font-size:1rem;font-family:var(--font-family-ui);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-normal),transform var(--transition-spring)}.auth-page__google-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-page__google-btn:active:not(:disabled){transform:scale(.97)}.auth-page__google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-page__google-icon{flex-shrink:0}.auth-page__google-error{margin-top:.5rem;padding:.5rem;font-size:var(--font-size-sm);color:var(--color-error);text-align:center}.auth-page__code-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;margin-top:var(--spacing-lg);padding:.875rem 1.25rem;font-size:1rem;font-weight:var(--font-weight-medium);font-family:var(--font-family-ui);color:var(--color-accent-text);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;box-shadow:0 1px 2px #0000001a,0 4px 12px -2px var(--color-accent-glow),inset 0 1px #ffffff26;transition:transform var(--transition-spring),box-shadow var(--transition-normal)}.auth-page__code-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.2) 50%,transparent 80%);transform:translate(-100%) skew(-15deg);transition:transform .6s ease}.auth-page__code-btn:hover:before{transform:translate(100%) skew(-15deg)}.auth-page__code-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 8px 24px -4px var(--color-accent-glow),0 0 0 1px var(--color-accent-hover),inset 0 1px #fff3}.auth-page__code-btn:active{transform:scale(.97)}.auth-page__code-icon{flex-shrink:0;color:var(--color-accent-text)}.landing{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-primary);position:relative;overflow:hidden}.landing__bg-glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:.55;animation:landingFloat 12s ease-in-out infinite;pointer-events:none;z-index:0}.landing__bg-glow--1{width:500px;height:500px;background:var(--color-accent);top:-150px;right:-100px}.landing__bg-glow--2{width:400px;height:400px;background:var(--color-accent-hover);bottom:-100px;left:-100px;animation-delay:-4s}.landing__bg-glow--3{width:300px;height:300px;background:var(--color-accent);top:50%;left:60%;animation-delay:-8s;opacity:.35}@keyframes landingFloat{0%,to{transform:translate(0)}33%{transform:translate(20px,-15px)}66%{transform:translate(-15px,10px)}}.landing__section{opacity:0;transform:translateY(32px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo);width:100%;max-width:1100px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;z-index:1}.landing__section--visible{opacity:1;transform:translateY(0)}.landing__hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-lg);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.landing__branding{display:flex;align-items:center;gap:var(--spacing-md)}.landing__logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 24px var(--color-accent-glow));animation:landingPulse 3s ease-in-out infinite}@keyframes landingPulse{0%,to{filter:drop-shadow(0 0 24px var(--color-accent-glow))}50%{filter:drop-shadow(0 0 48px var(--color-accent-glow)) brightness(1.15)}}.landing__brand-name{font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.landing__headline{font-size:clamp(var(--font-size-2xl),5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 40%,var(--color-accent-hover) 80%,#93c5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;max-width:600px}.landing__secondary-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.landing__form{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:480px}.landing__input-group{display:flex;gap:var(--spacing-sm)}.landing__input{flex:1;min-width:0;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.landing__input::placeholder{color:var(--color-text-muted)}.landing__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),var(--shadow-glow-sm);background:var(--color-bg-elevated)}.landing__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.landing__input:disabled{opacity:.6;cursor:not-allowed}.landing__button{padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-accent-text);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:transform var(--transition-spring),box-shadow var(--transition-fast),opacity var(--transition-fast);box-shadow:var(--shadow-md),0 0 28px var(--color-accent-glow);display:flex;align-items:center;justify-content:center}.landing__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px var(--color-accent-glow)}.landing__button:active:not(:disabled){transform:scale(.97)}.landing__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.landing__button:disabled{opacity:.7;cursor:not-allowed}.landing__spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:landingSpin .8s linear infinite}@keyframes landingSpin{to{transform:rotate(360deg)}}.landing__error{font-size:var(--font-size-sm);color:var(--color-error);text-align:center;margin:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);border-radius:var(--radius-md)}.landing__success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);animation:landingScaleIn var(--duration-normal) var(--ease-spring)}@keyframes landingScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.landing__success-icon{color:var(--color-success)}.landing__success-text{font-size:var(--font-size-lg);color:var(--color-success);font-weight:var(--font-weight-medium);text-align:center;margin:0}.landing__section-heading{font-size:clamp(var(--font-size-xl),3.5vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin:0 0 var(--spacing-xl)}.landing__features{display:flex;flex-direction:column;align-items:center}.landing__bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(140px,auto);gap:var(--spacing-md);width:100%}.landing__bento-card{padding:var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:transform var(--transition-spring),box-shadow var(--transition-normal),border-color var(--transition-fast)}.landing__bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 32px -4px var(--color-accent-glow);border-color:var(--color-accent)}.landing__bento-card--large{grid-column:span 2;grid-row:span 2}.landing__bento-card--tall{grid-row:span 2}.landing__bento-card--wide{grid-column:span 2}.landing__bento-icon{color:var(--color-accent);display:flex;align-items:center}.landing__bento-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.landing__bento-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.landing__section--visible .landing__bento-card{animation:landingFadeInUp var(--duration-normal) var(--ease-out-quart) both}.landing__section--visible .landing__bento-card:nth-child(1){animation-delay:0ms}.landing__section--visible .landing__bento-card:nth-child(2){animation-delay:80ms}.landing__section--visible .landing__bento-card:nth-child(3){animation-delay:.16s}.landing__section--visible .landing__bento-card:nth-child(4){animation-delay:.24s}.landing__section--visible .landing__bento-card:nth-child(5){animation-delay:.32s}.landing__section--visible .landing__bento-card:nth-child(6){animation-delay:.4s}@keyframes landingFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing__how{display:flex;flex-direction:column;align-items:center}.landing__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%}.landing__step-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);transition:transform var(--transition-spring),box-shadow var(--transition-normal),border-color var(--transition-fast)}.landing__step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 32px -4px var(--color-accent-glow);border-color:var(--color-accent)}.landing__step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-accent-text);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:50%}.landing__step-icon{color:var(--color-accent);display:flex;align-items:center;justify-content:center}.landing__step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.landing__step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.landing__who{display:flex;flex-direction:column;align-items:center}.landing__audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%}.landing__audience-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);transition:transform var(--transition-spring),box-shadow var(--transition-normal),border-color var(--transition-fast)}.landing__audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 32px -4px var(--color-accent-glow);border-color:var(--color-accent)}.landing__audience-icon{color:var(--color-accent);display:flex;align-items:center;justify-content:center}.landing__audience-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.landing__audience-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.landing__cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.landing__footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-top:1px solid var(--color-border-glass)}.landing__footer-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.landing__footer-links{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.landing__footer-links a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.landing__footer-links a:hover{color:var(--color-accent-hover)}.landing__footer-sep{color:var(--color-text-muted)}@media(max-width:900px){.landing__bento-grid{grid-template-columns:repeat(2,1fr)}.landing__bento-card--large{grid-column:span 2;grid-row:span 1}.landing__bento-card--tall{grid-row:span 1}.landing__steps,.landing__audience-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}@media(max-width:480px){.landing__section{padding:var(--spacing-xl) var(--spacing-md)}.landing__hero{min-height:auto;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-xl)}.landing__bg-glow--1{width:300px;height:300px}.landing__bg-glow--2{width:250px;height:250px}.landing__bg-glow--3{width:180px;height:180px}.landing__logo{width:44px;height:44px}.landing__brand-name,.landing__headline{font-size:var(--font-size-xl)}.landing__subtitle{font-size:var(--font-size-md)}.landing__input-group{flex-direction:column}.landing__button{width:100%}.landing__bento-grid{grid-template-columns:1fr}.landing__bento-card--large,.landing__bento-card--wide{grid-column:span 1}.landing__bento-card--large,.landing__bento-card--tall{grid-row:span 1}}@media(prefers-reduced-motion:reduce){.landing__section{opacity:1;transform:none;transition:none}.landing__bg-glow,.landing__logo,.landing__spinner,.landing__success,.landing__section--visible .landing__bento-card{animation:none}.landing__bento-card:hover,.landing__step-card:hover,.landing__audience-card:hover,.landing__button:hover:not(:disabled),.landing__button:active:not(:disabled){transform:none}}.dashboard{padding:var(--spacing-xl) 0;width:100%;animation:dashIn .4s ease-out}@keyframes dashIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard__header{margin-bottom:var(--spacing-xl)}.dashboard__greeting{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 4px}.dashboard__title{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.02em;line-height:1.1}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--spacing-xl)}.dashboard__stat-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 12px;background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:14px;cursor:pointer;transition:all .2s;overflow:hidden}.dashboard__stat-card:before{content:"";position:absolute;inset:0;border-radius:14px;opacity:0;background:radial-gradient(circle at 50% 0%,var(--color-accent-subtle),transparent 70%);transition:opacity .3s}.dashboard__stat-card:hover{border-color:var(--color-border);background:var(--color-bg-glass-elevated)}.dashboard__stat-card:hover:before{opacity:1}.dashboard__stat-card--active{border-color:#f689094d}.dashboard__stat-card--active:before{opacity:1}.dashboard__stat-number{position:relative;font-size:2rem;font-weight:800;color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.dashboard__stat-label{position:relative;font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}.dashboard__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard__full-section{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:16px;padding:20px}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--color-border-subtle)}.dashboard__section-title{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.dashboard__items{display:flex;flex-direction:column;gap:4px}.dashboard__item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;width:100%;text-align:left;font:inherit;color:inherit;transition:all .15s}.dashboard__item:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border-subtle)}.dashboard__item-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.dashboard__item-meta{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--color-text-muted)}.dashboard__item-status{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.dashboard__item-status--pending{background:#eab3081f;color:#eab308}.dashboard__item-status--approved{background:#22c55e1f;color:#22c55e}.dashboard__item-status--rejected{background:#ef44441f;color:#ef4444}.dashboard__item-status--unpublished{background:#e2e8f026;color:#e2e8f0}.dashboard__item-status--deletion{background:#ef44441f;color:#ef4444}.dashboard__empty{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-size:.85rem}.dashboard__empty-text{margin:0}.dashboard__detail{width:100%;animation:dashIn .3s ease-out}.dashboard__detail-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text-muted);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:var(--spacing-md);transition:color .15s}.dashboard__detail-back:hover{color:var(--color-accent)}.dashboard__detail-card{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:16px;padding:24px}.dashboard__detail-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dashboard__detail-type{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:capitalize}.dashboard__detail-dates{display:flex;flex-wrap:wrap;gap:16px;font-size:.7rem;color:var(--color-text-muted);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-subtle)}.dashboard__detail-publish-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:8px;border-bottom:1px solid var(--color-border-subtle)}.dashboard__detail-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.dashboard__detail-field{display:flex;flex-direction:column;gap:6px}.dashboard__detail-label{font-size:.75rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.dashboard__detail-actions{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.dashboard__detail-confirm{display:flex;align-items:center;gap:8px}.dashboard__detail-confirm-text{font-size:.8rem;color:#ef4444;font-weight:600}.dashboard__detail-success{font-size:.8rem;color:#22c55e;margin:0 0 12px}.dashboard__detail-error{font-size:.8rem;color:#ef4444;margin:0 0 12px}.dashboard__detail-deletion-notice{font-size:.9rem;color:var(--color-text-secondary);padding:20px 0;margin:0;line-height:1.6}@media(max-width:640px){.dashboard{padding:var(--spacing-md) 0}.dashboard__stats-grid{gap:6px}.dashboard__stat-card{padding:14px 8px}.dashboard__stat-number{font-size:1.5rem}.dashboard__stat-label{font-size:.6rem}.dashboard__full-section{padding:14px}}@media(prefers-reduced-motion:reduce){.dashboard{animation:none}.dashboard__stat-card,.dashboard__item{transition:none}}.account{padding:var(--spacing-xl) 0;width:100%;animation:accountIn .4s ease-out}@keyframes accountIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.account__hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:16px;overflow:hidden;margin-bottom:20px}.account__hero-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,var(--color-accent-subtle) 0%,transparent 70%);pointer-events:none}.account__avatar{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,rgba(246,137,9,.5) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--color-bg-primary);margin-bottom:12px;box-shadow:0 0 0 3px var(--color-bg-primary),0 0 0 5px var(--color-accent-subtle),0 4px 16px var(--color-accent-subtle)}.account__hero-name{font-size:1.4rem;font-weight:800;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.02em}.account__hero-email{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 4px;font-weight:500}.account__hero-date{font-size:.7rem;color:var(--color-text-muted);margin:0}.account__section{margin-bottom:20px}.account__section-heading{font-size:.65rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px 4px}.account__settings-card{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:14px;padding:4px 18px}.account__setting{display:flex;align-items:center;gap:14px;padding:14px 0}.account__setting+.account__setting{border-top:1px solid var(--color-border-subtle)}.account__setting-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--color-bg-secondary);color:var(--color-text-muted);flex-shrink:0}.account__setting-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.account__setting-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.account__setting-value{font-size:.9rem;color:var(--color-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__edit-username{display:flex;flex-direction:column;gap:10px;padding:14px 0}.account__edit-actions{display:flex;gap:10px;justify-content:flex-end}.account__invites-list{list-style:none;padding:0;margin:0}.account__invite-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:14px}.account__invite-item+.account__invite-item{border-top:1px solid var(--color-border-subtle)}.account__invite-info{display:flex;flex-direction:column;gap:4px;min-width:0}.account__invite-story{font-weight:600;color:var(--color-accent);text-decoration:none;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.account__invite-story:hover{color:var(--color-text-primary)}.account__invite-from{font-size:.75rem;color:var(--color-text-muted)}.account__invite-actions{display:flex;gap:8px;flex-shrink:0}.account__stripe-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account__stripe-loading{font-size:.8rem;color:var(--color-text-muted)}.account__stripe-connected{display:flex;align-items:center;gap:8px}.account__stripe-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.account__stripe-badge--active{background:#22c55e1f;color:#22c55e}.account__stripe-badge--pending{background:#eab3081f;color:#eab308}.account__stripe-error{margin-top:8px;font-size:.8rem;color:#ef4444}.account__sub-config{display:flex;flex-direction:column;gap:10px;padding:14px 0}.account__sub-active{display:flex;flex-direction:column;gap:10px}.account__sub-controls{display:flex;align-items:center;gap:8px}.account__sub-price-input{width:80px;padding:6px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.85rem;text-align:center;font-family:inherit;transition:border-color .15s}.account__sub-price-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.account__quick-nav{display:none}.account__footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--color-border-subtle);margin-top:8px}.account__contact-link{color:var(--color-text-muted);text-decoration:none;font-size:.8rem;font-weight:500;transition:color .15s}.account__contact-link:hover{color:var(--color-accent)}@media(max-width:640px){.account{padding:var(--spacing-md) 0}.account__hero{padding:24px 18px}.account__avatar{width:56px;height:56px;font-size:1.3rem}.account__invite-item{flex-direction:column;align-items:flex-start}.account__invite-actions{width:100%}.account__invite-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.account{animation:none}}.about{padding:var(--spacing-xl);padding-top:var(--spacing-3xl);max-width:720px;margin:0 auto;min-height:100vh;animation:fadeInUp var(--duration-slow) var(--ease-out-quart)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.about__loading{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.about__content{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:1.9;text-align:center;position:relative;overflow:hidden}.about__content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}.about__content p{margin:0 0 var(--spacing-lg) 0;position:relative}.about__content p:last-child{margin-bottom:0}.about__content p:first-child{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.about__content a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.about__content a:hover{color:var(--color-accent-hover);text-decoration:underline}.about__content strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.about__content em{font-style:italic;color:var(--color-text-secondary)}@media(max-width:768px){.about{padding:var(--spacing-lg);padding-top:var(--spacing-2xl)}.about__content{padding:var(--spacing-xl);font-size:var(--font-size-md)}.about__content p:first-child{font-size:var(--font-size-lg)}}@media(max-width:480px){.about{padding:var(--spacing-md);padding-top:var(--spacing-xl)}.about__content{padding:var(--spacing-lg);border-radius:var(--radius-xl)}}@media(prefers-reduced-motion:reduce){.about{animation:none}}.username-setup__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.username-setup__submit{width:100%;padding:var(--spacing-sm) var(--spacing-lg)}.timelines{padding:var(--spacing-xl) 0;width:100%;animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.timelines__loading{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.timelines__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.timelines__header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.timelines__subtitle{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-md)}.timelines__badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-accent-subtle);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent)}.timelines__actions{margin-bottom:var(--spacing-xl)}.timelines__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.timelines__card{cursor:pointer;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:transform var(--transition-spring),box-shadow var(--transition-fast),border-color var(--transition-fast)}.timelines__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow);border-color:var(--color-accent)}.timelines__card:active{transform:translateY(-2px) scale(.99)}.timelines__card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.timelines__card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary);transition:color var(--transition-fast)}.timelines__card:hover .timelines__card-name{color:var(--color-accent)}.timelines__card-visibility{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.timelines__card-visibility.public{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.timelines__card-visibility.private{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.timelines__card-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.timelines--form{min-height:calc(100vh - 80px);display:flex;flex-direction:column;padding:var(--spacing-xl)}.timelines__form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.timelines__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.timelines__form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timelines__form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.timelines__select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family-ui);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.timelines__select:hover{border-color:var(--color-border-hover)}.timelines__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.timelines__textarea{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family-ui);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;min-height:100px;line-height:1.6;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.timelines__textarea:hover{border-color:var(--color-border-hover)}.timelines__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.timelines__checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-primary)}.timelines__checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent)}.timelines__form-error{color:var(--color-error);font-size:var(--font-size-sm);padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2)}.timelines--events{padding:var(--spacing-lg)}.timelines__empty{text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.timelines__empty h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.timelines__empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.timelines{padding:var(--spacing-md)}.timelines__header{flex-direction:column;align-items:flex-start}.timelines__form-row,.timelines__list{grid-template-columns:1fr}}@media(max-width:480px){.timelines{padding:var(--spacing-sm)}.timelines--form{padding:var(--spacing-md)}.timelines__form{gap:var(--spacing-md);padding:var(--spacing-lg)}}@media(prefers-reduced-motion:reduce){.timelines,.timelines__card{animation:none;transition:none}.timelines__card:hover,.timelines__card:active{transform:none}}.browse{padding:var(--spacing-xl) 0;width:100%;animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.browse__loading,.browse__error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.browse__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.browse__header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.browse__header-info{flex:1}.browse__header-info h1{margin-bottom:var(--spacing-xs)}.browse__owner{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.browse__subtitle{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-md)}.browse__filter{display:flex;align-items:center;gap:var(--spacing-sm)}.browse__select{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family-ui);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.browse__select:hover{border-color:var(--color-border-hover);background:var(--color-bg-glass-elevated)}.browse__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.browse__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.browse__card{cursor:pointer;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:transform var(--transition-spring),box-shadow var(--transition-fast),border-color var(--transition-fast)}.browse__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow);border-color:var(--color-accent)}.browse__card:active{transform:translateY(-2px) scale(.99)}.browse__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.browse__card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);transition:color var(--transition-fast)}.browse__card:hover .browse__card-name{color:var(--color-accent)}.browse__card-owner{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.browse__card-type{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.browse__bookmark-btn{background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);cursor:pointer;font-size:var(--font-size-xl);color:var(--color-text-muted);padding:var(--spacing-xs);line-height:1;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.browse__bookmark-btn:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent);transform:scale(1.1)}.browse__bookmark-btn:active{transform:scale(.95)}.browse__bookmark-btn.active{color:var(--color-accent);background:var(--color-accent-subtle)}.browse--detail{padding:var(--spacing-lg)}.browse__empty{text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.browse__empty h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.browse__empty p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.browse{padding:var(--spacing-md)}.browse__header{flex-direction:column;align-items:flex-start}.browse__filter,.browse__select{width:100%}.browse__list{grid-template-columns:1fr}}@media(max-width:480px){.browse{padding:var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.browse,.browse__card,.browse__bookmark-btn{animation:none;transition:none}.browse__card:hover,.browse__card:active,.browse__bookmark-btn:hover,.browse__bookmark-btn:active{transform:none}}.bookmarks{padding:var(--spacing-xl) 0;width:100%;animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.bookmarks__loading,.bookmarks__error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.bookmarks__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.bookmarks__header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bookmarks__header-info{flex:1}.bookmarks__header-info h1{margin-bottom:var(--spacing-xs)}.bookmarks__owner{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.bookmarks__subtitle{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-md)}.bookmarks__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.bookmarks__card{cursor:pointer;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:transform var(--transition-spring),box-shadow var(--transition-fast),border-color var(--transition-fast)}.bookmarks__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow);border-color:var(--color-accent)}.bookmarks__card:active{transform:translateY(-2px) scale(.99)}.bookmarks__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.bookmarks__card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);transition:color var(--transition-fast)}.bookmarks__card:hover .bookmarks__card-name{color:var(--color-accent)}.bookmarks__card-owner{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.bookmarks__card-type{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.bookmarks__card-notes{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:var(--spacing-sm) 0 0 0;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle);line-height:1.5}.bookmarks__remove-btn{background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);cursor:pointer;font-size:var(--font-size-xl);color:var(--color-text-muted);padding:var(--spacing-xs);line-height:1;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.bookmarks__remove-btn:hover{color:var(--color-error);background:#ef44441a;border-color:var(--color-error);transform:scale(1.1)}.bookmarks__remove-btn:active{transform:scale(.95)}.bookmarks--detail{padding:var(--spacing-lg)}.bookmarks__empty{text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.bookmarks__empty h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.bookmarks__empty p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.bookmarks{padding:var(--spacing-md)}.bookmarks__header{flex-direction:column;align-items:flex-start}.bookmarks__list{grid-template-columns:1fr}}@media(max-width:480px){.bookmarks{padding:var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.bookmarks,.bookmarks__card,.bookmarks__remove-btn{animation:none;transition:none}.bookmarks__card:hover,.bookmarks__card:active,.bookmarks__remove-btn:hover,.bookmarks__remove-btn:active{transform:none}}.demo-timeline{min-height:100vh;padding:var(--spacing-md);display:flex;flex-direction:column}.demo-timeline__nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.demo-timeline__nav-btn{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.demo-timeline__nav-btn:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent)}.demo-timeline__nav-btn:disabled{opacity:.4;cursor:not-allowed}.demo-timeline__page-indicator{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:600;min-width:40px;text-align:center}.demo-timeline__header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.demo-timeline__back{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.demo-timeline__back:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.demo-timeline__info h1{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs) 0}.demo-timeline__type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.demo-timeline--loading{justify-content:center;align-items:center}.demo-timeline__spinner{width:40px;height:40px;border:3px solid var(--color-bg-secondary);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-timeline--error{justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.demo-timeline--error button{background-color:var(--color-accent);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md)}.demo-timeline--error button:hover{background-color:var(--color-accent-hover)}@media(max-width:768px){.demo-timeline{padding:var(--spacing-sm)}.demo-timeline__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.demo-timeline__nav{gap:var(--spacing-md);padding:var(--spacing-sm)}.demo-timeline__nav-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.demo-timeline__page-indicator{font-size:var(--font-size-md);min-width:30px}}.forum{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.forum__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.forum__title-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.forum__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.forum__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md)}.forum__tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);width:fit-content}.forum__tab{position:relative;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.forum__tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.forum__tab:active{transform:scale(.97)}.forum__tab--active{color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 16px -4px var(--color-accent-glow)}.forum__tab--active:hover{background:var(--color-accent-subtle)}.forum__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.forum__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.forum__search{position:relative;flex:1;max-width:400px}.forum__search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none;transition:color var(--transition-fast)}.forum__search:focus-within .forum__search-icon{color:var(--color-accent)}.forum__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm));background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.forum__search-input::placeholder{color:var(--color-text-muted)}.forum__search-input:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.forum__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.forum__type-filter{display:flex;gap:var(--spacing-xs)}.forum__type-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-full);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.forum__type-btn:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.forum__type-btn--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.forum__type-btn--active:hover{background:var(--color-accent);color:var(--color-bg-primary)}.forum__filter-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);transition:all var(--transition-fast)}.forum__filter-option--active .forum__filter-check{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.forum__categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.forum__category{position:relative;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.forum__category:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.forum__category:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow)}.forum__category:hover:before{opacity:1}.forum__category:active{transform:translateY(0) scale(.99)}.forum__category-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.forum__category-header{display:flex;align-items:center;gap:var(--spacing-sm)}.forum__category-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);transition:background-color var(--transition-fast),transform var(--transition-spring)}.forum__category:hover .forum__category-icon{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.05)}.forum__category-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.forum__save-btn{position:relative;z-index:10;background:var(--color-bg-glass);border:1px solid var(--color-border-subtle);padding:var(--spacing-sm);min-width:36px;min-height:36px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.forum__save-btn:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent);transform:scale(1.1)}.forum__save-btn:active{transform:scale(.95)}.forum__save-btn--saved{color:var(--color-accent);background:var(--color-accent-subtle)}.forum__category-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum__category-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.forum__stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.forum__posts{display:flex;flex-direction:column;gap:var(--spacing-sm)}.forum__post{position:relative;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);border-left:3px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast)}.forum__post:hover{border-left-color:var(--color-accent);background:var(--color-bg-glass-elevated);transform:translate(4px);box-shadow:var(--shadow-md)}.forum__post-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.forum__post-main{flex:1;min-width:0}.forum__post-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3;transition:color var(--transition-fast)}.forum__post:hover .forum__post-title{color:var(--color-accent)}.forum__post-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center}.forum__meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.forum__post-category-tag{background:var(--color-accent-subtle);color:var(--color-accent);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.forum__post:hover .forum__post-category-tag{background:var(--color-accent);color:var(--color-accent-text)}.forum__post-stats-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);min-width:80px}.forum__stat-pill{background:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;border:1px solid var(--color-border-subtle)}.forum__loading,.forum__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);font-size:var(--font-size-lg);border:1px dashed var(--color-border)}.forum__post--deleted{opacity:.5;background:var(--color-bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}.forum__post--deleted .forum__post-title{font-style:italic;color:var(--color-text-muted);text-decoration:line-through}.forum__post--deleted:hover{transform:none;border-left-color:var(--color-text-muted)}@media(max-width:768px){.forum{padding:var(--spacing-md)}.forum__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.forum__title-group,.forum__header button{width:100%}.forum__tabs{width:100%;overflow-x:auto}.forum__filters{flex-direction:column;align-items:stretch}.forum__search{max-width:100%}.forum__type-filter{flex-wrap:wrap}.forum__categories{grid-template-columns:1fr}.forum__post-content{flex-direction:column}.forum__post-stats-group{flex-direction:row;width:100%;justify-content:flex-start;margin-top:var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.forum,.forum__tab,.forum__category,.forum__post,.forum__save-btn,.forum__category-icon{animation:none;transition:none}.forum__tab:active,.forum__category:hover,.forum__category:active,.forum__post:hover,.forum__save-btn:hover,.forum__save-btn:active{transform:none}}.category-posts{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.category-posts__nav{margin-bottom:var(--spacing-md)}.category-posts__back{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.category-posts__back:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent)}.category-posts__back:active{transform:scale(.97)}.category-posts__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.category-posts__filters{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.category-posts__filter-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-full);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.category-posts__filter-btn:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.category-posts__filter-btn--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.category-posts__filter-btn--active:hover{background:var(--color-accent);color:var(--color-bg-primary)}.category-posts__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-posts__post{position:relative;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);border-left:3px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast)}.category-posts__post:hover{border-left-color:var(--color-accent);background:var(--color-bg-glass-elevated);transform:translate(4px);box-shadow:var(--shadow-md)}.category-posts__post-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.category-posts__post-main{flex:1;min-width:0}.category-posts__post-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.category-posts__post-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3;transition:color var(--transition-fast)}.category-posts__type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.category-posts__type-badge--story{background:#60a5fa33;color:var(--color-accent-hover)}.category-posts__type-badge--request{background:#fbbf2426;color:var(--color-warning)}.category-posts__type-badge--article{background:#4ade8026;color:var(--color-success)}.category-posts__post:hover .category-posts__post-title{color:var(--color-accent)}.category-posts__post-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center}.category-posts__meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.category-posts__stats-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);min-width:80px}.category-posts__stat-pill{background:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;border:1px solid var(--color-border-subtle)}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-bg-hover) 40%,var(--color-bg-elevated) 80%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.skeleton--back{width:100px;height:32px;border-radius:var(--radius-md)}.skeleton--filter{width:80px;height:32px;border-radius:var(--radius-full)}.skeleton--post{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border-left:3px solid transparent;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton--title{width:60%;height:20px}.skeleton--meta{width:35%;height:14px}.category-posts__empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);font-size:var(--font-size-lg);border:1px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.category-posts__empty p{margin:0}.category-posts__post--deleted{opacity:.5;background:var(--color-bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}.category-posts__post--deleted .category-posts__post-title{font-style:italic;color:var(--color-text-muted);text-decoration:line-through}.category-posts__post--deleted:hover{transform:none;border-left-color:var(--color-text-muted)}@media(max-width:768px){.category-posts{padding:var(--spacing-md)}.category-posts__post-content{flex-direction:column}.category-posts__stats-group{flex-direction:row;width:100%;justify-content:flex-start;margin-top:var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.category-posts,.category-posts__back,.category-posts__post{animation:none;transition:none}.category-posts__back:active,.category-posts__post:hover{transform:none}.skeleton{animation:none}}.save-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));transition:color var(--transition-fast),background-color var(--transition-fast)}.save-indicator--saving{color:var(--color-text-secondary)}.save-indicator--saved{color:var(--color-success, #22c55e)}.save-indicator--error{color:var(--color-error, #ef4444);background:#ef44441a}.save-indicator__spinner{width:12px;height:12px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:save-spinner .8s linear infinite}@keyframes save-spinner{to{transform:rotate(360deg)}}.save-indicator__icon{flex-shrink:0}.save-indicator__icon--error{color:var(--color-error, #ef4444)}.save-indicator__text{white-space:nowrap}@media(prefers-reduced-motion:reduce){.save-indicator__spinner{animation:none;border-style:dashed}}.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);animation:fadeInUp var(--duration-fast) var(--ease-out-quart)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.recovery-banner__content{display:flex;align-items:center;gap:var(--spacing-sm)}.recovery-banner__icon{flex-shrink:0;color:var(--color-accent)}.recovery-banner__text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.recovery-banner__actions{display:flex;gap:var(--spacing-xs)}.recovery-banner__btn{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-spring)}.recovery-banner__btn:active{transform:scale(.97)}.recovery-banner__btn--discard{background:transparent;color:var(--color-text-secondary)}.recovery-banner__btn--discard:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.recovery-banner__btn--recover{background:var(--color-accent);color:var(--color-accent-text, #fff)}.recovery-banner__btn--recover:hover{background:var(--color-accent-hover)}@media(max-width:480px){.recovery-banner{flex-direction:column;align-items:stretch;text-align:center}.recovery-banner__content,.recovery-banner__actions{justify-content:center}}@media(prefers-reduced-motion:reduce){.recovery-banner{animation:none}.recovery-banner__btn{transition:none}}.code-block-copy{position:relative}.code-block-copy__btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;opacity:0;z-index:var(--z-dropdown);transition:opacity var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.code-block-copy:hover .code-block-copy__btn{opacity:1}.code-block-copy__btn:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.code-block-copy__btn:active{transform:scale(.95)}.code-block-copy__btn--copied{color:var(--color-success, #22c55e);opacity:1}.code-block-copy__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;opacity:1}.code-block-copy__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.code-block-copy__btn:hover .code-block-copy__tooltip,.code-block-copy__btn--copied .code-block-copy__tooltip{opacity:1}@media(prefers-reduced-motion:reduce){.code-block-copy__btn,.code-block-copy__tooltip{transition:none}}.editor-toolbar{display:flex;align-items:center;gap:2px;padding:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;position:sticky;top:0;z-index:var(--z-sticky)}.editor-toolbar__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.editor-toolbar__btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.editor-toolbar__btn:active{transform:scale(.95)}.editor-toolbar__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.editor-toolbar__btn strong{font-weight:var(--font-weight-bold)}.editor-toolbar__btn em{font-style:italic}.editor-toolbar__icon-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}.editor-toolbar__icon-mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.editor-toolbar__divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--spacing-xs)}.editor-toolbar+.create-story__textarea,.create-story__editor-wrapper .create-story__textarea{border-top-left-radius:0;border-top-right-radius:0}@media(prefers-reduced-motion:reduce){.editor-toolbar__btn{transition:none}}@media(max-width:480px){.editor-toolbar{overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-toolbar::-webkit-scrollbar{display:none}}.slash-menu{display:flex;flex-direction:column;min-width:240px;max-width:320px;max-height:300px;overflow-y:auto;padding:var(--spacing-xs);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-popover);animation:slashMenuIn var(--duration-fast) var(--ease-out-quart)}@keyframes slashMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.slash-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-spring)}.slash-menu__item:hover,.slash-menu__item--selected{background:var(--color-bg-hover)}.slash-menu__item--selected{background:var(--color-accent-subtle)}.slash-menu__item:active{transform:scale(.98)}.slash-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.slash-menu__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0}.slash-menu__item--selected .slash-menu__icon{background:var(--color-accent);color:var(--color-accent-text, #fff)}.slash-menu__content{display:flex;flex-direction:column;gap:2px;min-width:0}.slash-menu__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.slash-menu__description{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-menu::-webkit-scrollbar{width:6px}.slash-menu::-webkit-scrollbar-track{background:transparent}.slash-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.slash-menu::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.slash-menu{animation:none}.slash-menu__item{transition:none}}.mobile-toolbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border-top:1px solid var(--color-border-glass);box-shadow:0 -4px 12px -4px #00000026;z-index:var(--z-sticky);animation:mobileToolbarIn var(--duration-fast) var(--ease-out-quart)}@keyframes mobileToolbarIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-toolbar__btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring);-webkit-tap-highlight-color:transparent}.mobile-toolbar__btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.mobile-toolbar__btn:active{transform:scale(.95);background:var(--color-accent-subtle);color:var(--color-accent)}@media(min-width:769px){.mobile-toolbar{display:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-toolbar{padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.mobile-toolbar{animation:none}.mobile-toolbar__btn{transition:none}}.focus-mode-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.focus-mode-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.focus-mode-toggle:active{transform:scale(.95)}.focus-mode-toggle--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.focus-mode-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.focus-mode-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-primary);z-index:var(--z-modal);animation:focusModeIn var(--duration-normal) var(--ease-out-quart)}@keyframes focusModeIn{0%{opacity:0}to{opacity:1}}.focus-mode-overlay__header{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10}.focus-mode-overlay__exit{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.focus-mode-overlay__exit:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-accent)}.focus-mode-overlay__hint{display:none}.focus-mode-overlay__content{flex:1;display:flex;flex-direction:column;width:100%;max-width:800px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-xl) var(--spacing-xl);box-sizing:border-box;border:2px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:0 0 24px -8px var(--color-accent-glow);overflow:hidden}.focus-mode-overlay .create-story__editor-wrapper{display:flex;flex-direction:column;flex:1;width:100%;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important}.focus-mode-overlay .editor-toolbar{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);margin:0 calc(-1 * var(--spacing-xl)) var(--spacing-xl);background:var(--color-bg-elevated)!important;border:none!important;border-radius:0!important;border-bottom:2px solid var(--color-accent)!important;position:sticky;top:0;z-index:5}.focus-mode-overlay .editor-toolbar__btn{width:36px;height:36px;color:var(--color-text-primary)}.focus-mode-overlay .editor-toolbar__btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.focus-mode-overlay .editor-toolbar__divider{height:24px;background:var(--color-border)}.focus-mode-overlay .create-story__textarea{flex:1;width:100%;min-height:0!important;height:auto;padding:var(--spacing-lg) 0!important;margin:0;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-family:var(--font-family-ui);font-size:var(--font-size-xl);line-height:1.9;color:var(--color-text-primary);resize:none!important;overflow-y:auto}.focus-mode-overlay .create-story__textarea:focus{outline:none!important;border:none!important;box-shadow:none!important}.focus-mode-overlay .create-story__textarea::placeholder{color:var(--color-text-muted)}.focus-mode-overlay .slash-menu{max-width:800px}body.focus-mode-active{overflow:hidden}body.focus-mode-active .sidebar,body.focus-mode-active .main-header,body.focus-mode-active .navbar,body.focus-mode-active .create-story__header{display:none!important}body.focus-mode-active .app__main{margin-left:0}@media(prefers-reduced-motion:reduce){.focus-mode-overlay{animation:none}.focus-mode-toggle,.focus-mode-overlay__exit{transition:none}}@media(max-width:768px){.focus-mode-overlay__header{top:var(--spacing-md);right:var(--spacing-md)}.focus-mode-overlay__content{padding:0 var(--spacing-md) var(--spacing-md);margin:var(--spacing-md)}.focus-mode-overlay .editor-toolbar{margin:0 calc(-1 * var(--spacing-md)) var(--spacing-md)}.focus-mode-overlay .create-story__textarea{font-size:var(--font-size-lg)}}.post-view{padding:var(--spacing-xl) 0;width:100%;animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.post-view__header{margin-bottom:var(--spacing-xl)}.post-view__back{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.post-view__back:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent)}.post-view__back:active{transform:scale(.97)}.post-view__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.post-view__card{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md)}.post-view__category{display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent);background:var(--color-accent-subtle);padding:4px 12px;border-radius:var(--radius-full);width:fit-content}.post-view__title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3}.post-view__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center}.post-view__author{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.post-view__story-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.post-view__story-link:hover{color:var(--color-accent-hover);text-decoration:underline}.post-view__type-link{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast)}.post-view__type-link--story{background:var(--color-accent-subtle);color:var(--color-accent)}.post-view__type-link--story:hover{background:var(--color-accent);color:var(--color-accent-text)}.post-view__type-link--request{background:#ec489926;color:var(--color-pink)}.post-view__type-link--request:hover{background:var(--color-pink);color:#fff}.post-view__type-link--article{background:#4ade8026;color:var(--color-success)}.post-view__type-link--article:hover{background:var(--color-success);color:#fff}.post-view__content{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.post-view__content p{margin:0 0 var(--spacing-md) 0}.post-view__content p:last-child{margin-bottom:0}.post-view__card--deleted{opacity:.6}.post-view__content--deleted,.post-view__reply-content--deleted{font-style:italic;color:var(--color-text-muted)}.post-view__deleted-message{color:var(--color-text-muted);font-style:italic}.post-view__edited-indicator{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-muted);margin-top:var(--spacing-md)}.post-view__edit-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-view__edit-title{width:100%;padding:var(--spacing-md);font-size:var(--font-size-lg);font-family:inherit;font-weight:var(--font-weight-bold);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-view__edit-title:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.post-view__edit-content{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);resize:vertical;min-height:200px;line-height:1.6;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-view__edit-content:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.post-view__edit-actions{display:flex;gap:var(--spacing-md)}.post-view__reply-card--deleted{opacity:.5;border-left:2px solid var(--color-text-muted)}.post-view__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.post-view__loading,.post-view__error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl)}.post-view__replies{margin-top:var(--spacing-2xl)}.post-view__replies-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.post-view__reply-form-card{margin-bottom:var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.post-view__reply-form-inline{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);animation:slideIn var(--duration-normal) var(--ease-out-quart)}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.post-view__replying-to{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.post-view__cancel-reply{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),transform var(--transition-spring)}.post-view__cancel-reply:hover{background:var(--color-accent-subtle)}.post-view__cancel-reply:active{transform:scale(.95)}.post-view__reply-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-view__reply-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);resize:vertical;min-height:100px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-view__reply-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.post-view__reply-input::placeholder{color:var(--color-text-muted)}.post-view__replies-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-view__reply-wrapper{position:relative;transition:margin-left var(--duration-normal) var(--ease-out-quart)}.post-view__thread-line{position:absolute;left:-14px;top:0;bottom:0;width:3px;border-radius:var(--radius-full);transition:opacity var(--transition-fast),transform var(--transition-spring)}.post-view__reply-wrapper[data-depth="1"] .post-view__thread-line{background:var(--color-thread-0)}.post-view__reply-wrapper[data-depth="2"] .post-view__thread-line{background:var(--color-thread-1)}.post-view__reply-wrapper[data-depth="3"] .post-view__thread-line{background:var(--color-thread-2)}.post-view__reply-wrapper[data-depth="4"] .post-view__thread-line{background:var(--color-thread-3)}.post-view__reply-wrapper[data-depth="5"] .post-view__thread-line{background:var(--color-thread-4)}.post-view__reply-wrapper[data-depth="6"] .post-view__thread-line{background:var(--color-thread-5)}.post-view__reply-wrapper[data-depth="7"] .post-view__thread-line{background:var(--color-thread-6)}.post-view__reply-wrapper[data-depth="8"] .post-view__thread-line,.post-view__reply-wrapper[data-depth="9"] .post-view__thread-line,.post-view__reply-wrapper[data-depth="10"] .post-view__thread-line{background:var(--color-thread-7)}.post-view__reply-wrapper:hover .post-view__thread-line{transform:scaleX(1.5);opacity:1;box-shadow:0 0 8px currentColor}.post-view__thread-connector{position:absolute;left:-14px;top:50%;width:10px;height:3px;border-radius:var(--radius-full)}.post-view__reply-wrapper[data-depth="1"] .post-view__thread-connector{background:var(--color-thread-0)}.post-view__reply-wrapper[data-depth="2"] .post-view__thread-connector{background:var(--color-thread-1)}.post-view__reply-wrapper[data-depth="3"] .post-view__thread-connector{background:var(--color-thread-2)}.post-view__reply-wrapper[data-depth="4"] .post-view__thread-connector{background:var(--color-thread-3)}.post-view__reply-wrapper[data-depth="5"] .post-view__thread-connector{background:var(--color-thread-4)}.post-view__reply-wrapper[data-depth="6"] .post-view__thread-connector{background:var(--color-thread-5)}.post-view__reply-wrapper[data-depth="7"] .post-view__thread-connector{background:var(--color-thread-6)}.post-view__reply-wrapper[data-depth="8"] .post-view__thread-connector,.post-view__reply-wrapper[data-depth="9"] .post-view__thread-connector,.post-view__reply-wrapper[data-depth="10"] .post-view__thread-connector{background:var(--color-thread-7)}.post-view__reply-wrapper[data-depth="1"] .post-view__reply-card,.post-view__reply-wrapper[data-depth="2"] .post-view__reply-card{background:var(--color-surface-1)}.post-view__reply-wrapper[data-depth="3"] .post-view__reply-card,.post-view__reply-wrapper[data-depth="4"] .post-view__reply-card{background:var(--color-surface-2)}.post-view__reply-wrapper[data-depth="5"] .post-view__reply-card,.post-view__reply-wrapper[data-depth="6"] .post-view__reply-card,.post-view__reply-wrapper[data-depth="7"] .post-view__reply-card,.post-view__reply-wrapper[data-depth="8"] .post-view__reply-card{background:var(--color-surface-3)}.post-view__reply{display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-view__reply-card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-view__reply-card:hover{background:var(--color-bg-glass-elevated);box-shadow:var(--shadow-sm)}.post-view__reply-header{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);flex-wrap:wrap}.post-view__reply-author{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.post-view__reply-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.post-view__reply-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary)}.post-view__reply-content p{margin:0 0 var(--spacing-sm) 0}.post-view__reply-content p:last-child{margin-bottom:0}.post-view__reply-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.post-view__reply-action{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.post-view__reply-action:hover{color:var(--color-accent);background:var(--color-accent-subtle)}.post-view__reply-action:active{transform:scale(.95)}.post-view__reply-delete{background:none;border:none;color:var(--color-error);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.post-view__reply-delete:hover{opacity:1;background:#ef44441a}.post-view__reply-delete:active{transform:scale(.95)}.post-view__no-replies{color:var(--color-text-muted);font-size:var(--font-size-md);text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.post-view__jump-fab{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 0 24px -4px var(--color-accent-glow);transition:transform var(--transition-spring),background-color var(--transition-fast),opacity var(--duration-normal) var(--ease-out-quart);z-index:var(--z-drawer);opacity:0;pointer-events:none}.post-view__jump-fab--visible{opacity:1;pointer-events:auto}.post-view__jump-fab:hover{background:var(--color-accent-hover);transform:scale(1.1)}.post-view__jump-fab:active{transform:scale(.95)}.post-view__jump-fab:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.post-view__collapse-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.post-view__continue-thread{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);margin-left:24px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.post-view__continue-thread:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.post-view__continue-thread:active{transform:scale(.98)}.post-view__depth-indicator{display:none;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-weight-semibold);white-space:nowrap}.post-view__reply-context{display:none;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.post-view__reply-context-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.375rem}.post-view__reply-context-indicator svg{flex-shrink:0}.post-view__root-marker{scroll-margin-top:1rem}.post-view__collapsed-indicator{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-left:3px solid var(--color-text-muted);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.post-view__collapsed-indicator:hover{background:var(--color-bg-hover);color:var(--color-text-secondary);border-color:var(--color-accent)}@media(max-width:480px){.post-view{padding:var(--spacing-md) 0}.post-view__title{font-size:1.375rem}.post-view__card{padding:var(--spacing-md)}.post-view__reply-wrapper{max-width:100%}.post-view__depth-indicator{display:inline-flex}.post-view__reply-wrapper[data-depth]:not([data-depth="0"]) .post-view__reply-context{display:block}.post-view__reply-action,.post-view__reply-delete,.post-view__collapse-badge{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.post-view__replies-list{gap:var(--spacing-sm)}.post-view__jump-fab{bottom:var(--spacing-md);right:var(--spacing-md)}}@media(max-width:768px){.post-view__replies-list{--indent-multiplier: 16px}}.post-view__reply-wrapper:focus-within{outline:none}.post-view__reply-wrapper:focus-within .post-view__reply-card{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.post-view,.post-view__reply-wrapper,.post-view__thread-line,.post-view__jump-fab,.post-view__back,.post-view__reply-action,.post-view__reply-delete,.post-view__continue-thread,.post-view__cancel-reply,.post-view__reply-form-inline{animation:none;transition:none}.post-view__back:active,.post-view__reply-action:active,.post-view__reply-delete:active,.post-view__continue-thread:active,.post-view__cancel-reply:active,.post-view__jump-fab:hover,.post-view__jump-fab:active{transform:none}}.create-post{padding:var(--spacing-xl) 0;width:100%;animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.create-post__header{margin-bottom:var(--spacing-xl)}.create-post__back{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;margin-bottom:var(--spacing-md);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.create-post__back:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent)}.create-post__back:active{transform:scale(.97)}.create-post__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-post__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.create-post__form{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.create-post__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-post__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-post__select{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:var(--font-size-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-spring)}.create-post__select:hover{border-color:var(--color-border-hover)}.create-post__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.create-post__textarea{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:var(--font-size-md);resize:vertical;min-height:200px;line-height:1.6;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-post__textarea:hover{border-color:var(--color-border-hover)}.create-post__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.create-post__textarea::placeholder{color:var(--color-text-muted)}.create-post__error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm);animation:shake var(--duration-normal) var(--ease-spring)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.create-post__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}@media(max-width:768px){.create-post{padding:var(--spacing-md) 0}.create-post__form{padding:var(--spacing-lg)}.create-post__actions{flex-direction:column-reverse}.create-post__actions button{width:100%}}@media(prefers-reduced-motion:reduce){.create-post,.create-post__back,.create-post__select,.create-post__error{animation:none;transition:none}.create-post__back:active{transform:none}}.storyz{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.storyz__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.storyz__create-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.storyz__create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px -4px var(--color-accent-glow)}.storyz__create-btn:active{transform:translateY(0) scale(.98)}.storyz__create-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.storyz__tabs{position:relative;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);width:fit-content}.storyz__tabs-indicator{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);height:calc(100% - var(--spacing-xs) * 2);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),0 0 16px -6px var(--color-accent-glow);transition:transform .4s var(--ease-spring-soft),width .4s var(--ease-spring-soft),opacity var(--duration-normal) var(--ease-out-quart);pointer-events:none;z-index:0}.storyz__tab{position:relative;z-index:1;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-fast),transform var(--transition-spring)}.storyz__tab:hover{color:var(--color-text-primary)}.storyz__tab:active{transform:scale(.97)}.storyz__tab--active{color:var(--color-accent)}.storyz__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.storyz__search{position:relative;margin-bottom:var(--spacing-lg);max-width:400px}.storyz__search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none;transition:color var(--transition-fast)}.storyz__search:focus-within .storyz__search-icon{color:var(--color-accent)}.storyz__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm));background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.storyz__search-input::placeholder{color:var(--color-text-muted)}.storyz__search-input:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.storyz__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.storyz__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.storyz__filters .storyz__search{flex:1;margin-bottom:0}.storyz__category-filter{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;min-width:160px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.storyz__category-filter:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.storyz__category-filter:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}@media(max-width:640px){.storyz__filters{flex-direction:column;align-items:stretch}.storyz__category-filter{min-width:100%}}.storyz__category-combobox{position:relative;min-width:160px}.storyz__category-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.storyz__category-input::placeholder{color:var(--color-text-secondary)}.storyz__category-input:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.storyz__category-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.storyz__category-list{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-xs) 0 0;padding:var(--spacing-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;max-height:240px;overflow-y:auto;z-index:100}.storyz__category-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.storyz__category-item:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.storyz__category-item--highlighted{background:var(--color-accent-subtle);color:var(--color-accent)}@media(max-width:640px){.storyz__category-combobox{min-width:100%}}.storyz__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.storyz__item{position:relative;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.storyz__item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.storyz__item:hover{background:var(--color-bg-glass-elevated);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow)}.storyz__item:hover:before{opacity:1}.storyz__item:active{transform:translate(2px) scale(.99)}.storyz__item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.storyz__item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.storyz__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-spring)}.storyz__item:hover .storyz__item-icon{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.05)}.storyz__item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 auto;flex:1;transition:color var(--transition-fast)}.storyz__item:hover .storyz__item-title{color:var(--color-accent)}.storyz__item-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.storyz__item-badge--draft{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.storyz__item-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.storyz__item-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.storyz__item-views{display:flex;align-items:center;gap:var(--spacing-xs)}.storyz__loading,.storyz__empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);font-size:var(--font-size-lg);border:1px dashed var(--color-border)}.story-view{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.story-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.story-view__back{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.story-view__back:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.story-view__card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.story-view__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.story-view__badge--draft{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.story-view__badge--published{background:var(--color-accent-subtle);color:var(--color-accent)}.story-view__share-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.story-view__share-link-input{flex:1;min-width:0;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:0}.story-view__share-link-input:focus{outline:none}.story-view__share-link-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent-subtle);color:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--transition-fast),transform var(--transition-spring)}.story-view__share-link-btn:hover{background:var(--color-accent);color:var(--color-accent-text)}.story-view__share-link-btn:active{transform:scale(.95)}.story-view__action-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.story-view__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.story-view__action-btn:hover{background:var(--color-bg-glass-elevated);color:var(--color-accent);border-color:var(--color-accent)}.story-view__action-btn:active{transform:scale(.97)}.story-view__title-row{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.story-view__collab-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.story-view__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.story-view__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.story-view__category{color:var(--color-text-secondary)}.story-view__meta-action{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-accent);cursor:pointer;transition:color var(--transition-fast)}.story-view__meta-action:hover{color:var(--color-accent-hover);text-decoration:underline}.story-view__meta-action:disabled{opacity:.5;cursor:not-allowed}.story-view__meta-action--danger{color:var(--color-text-muted)}.story-view__meta-action--danger:hover{color:#ef4444}.story-view__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.story-view__share-url{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-md)}.story-view__share-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.story-view__share-input:focus{outline:none}.story-view__copy-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent-subtle);color:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),transform var(--transition-spring)}.story-view__copy-btn:hover{background:var(--color-accent);color:var(--color-accent-text)}.story-view__copy-btn:active{transform:scale(.95)}.story-view__content{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.8}.story-view__content h1,.story-view__content h2,.story-view__content h3,.story-view__content h4,.story-view__content h5,.story-view__content h6{color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.story-view__content h1{font-size:var(--font-size-2xl)}.story-view__content h2{font-size:var(--font-size-xl)}.story-view__content h3{font-size:var(--font-size-lg)}.story-view__content p{margin-bottom:var(--spacing-md)}.story-view__content a{color:var(--color-accent);text-decoration:underline}.story-view__content a:hover{color:var(--color-accent-hover)}.story-view__content ul,.story-view__content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.story-view__content li{margin-bottom:var(--spacing-xs)}.story-view__content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-accent);background:var(--color-bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary)}.story-view__content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.story-view__content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.story-view__content pre{margin:var(--spacing-lg) 0;border-radius:var(--radius-lg);overflow:hidden}.story-view__content code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.story-view__content :not(pre)>code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-accent)}.story-view__ai-meta{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.story-view__ai-meta-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md) 0}.story-view__ai-meta-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.story-view__ai-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.story-view__ai-meta-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.story-view__ai-meta-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.story-view__ai-meta-badge--saved_time{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.story-view__ai-meta-badge--partial_help{background:#eab3081a;border-color:#eab3084d;color:#eab308}.story-view__ai-meta-badge--didnt_work{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.story-view__ai-meta-badge--made_worse{background:#ef444426;border-color:#ef444466;color:#dc2626}.story-view__ai-meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.story-view__ai-meta-value--positive{color:#22c55e;font-weight:var(--font-weight-medium)}.story-view__ai-meta-value--negative{color:#ef4444;font-weight:var(--font-weight-medium)}.story-view__rating{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl)}.story-view__rating-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.story-view__rating-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.story-view__rating-title svg{color:var(--color-accent)}.story-view__rating-stats{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);padding:var(--spacing-xs) var(--spacing-sm);background:#f689091a;border-radius:var(--radius-md)}.story-view__rating-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.story-view__rating-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.story-view__rating-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.story-view__rating-btn:active:not(:disabled){transform:scale(.95)}.story-view__rating-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent, #fff);box-shadow:0 0 12px -2px var(--color-accent-glow)}.story-view__rating-btn--active:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-on-accent, #fff)}.story-view__rating-btn:disabled{opacity:.5;cursor:not-allowed}.story-view__rating-login{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.story-view__rating-login a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium)}.story-view__rating-login a:hover{text-decoration:underline}.story-view__rating-yours{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-sm) 0 0}@media(max-width:480px){.story-view__rating-buttons{justify-content:center}.story-view__rating-header{flex-direction:column;align-items:flex-start}}.create-story{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.create-story__header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.create-story__back{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);background:none;border:none;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.create-story__back:hover{color:var(--color-text-primary)}.create-story__title{flex:1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 auto}.create-story__card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.create-story__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-story__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-story__field--flex{flex:1;min-width:0}.create-story__row,.create-story__row--horizontal{display:flex;gap:var(--spacing-lg)}.create-story__field--half{flex:1;min-width:0}@media(max-width:640px){.create-story__row{flex-direction:column;gap:var(--spacing-lg)}.create-story__row--horizontal{flex-direction:column}}.create-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:640px){.create-story__grid{grid-template-columns:1fr}}.create-story__rating{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-story__rating-row{display:flex;gap:var(--spacing-xs)}.create-story__rating-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast)}.create-story__rating-btn:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border);transform:scale(1.05)}.create-story__rating-btn:active{transform:scale(.95)}.create-story__rating-btn--active{color:var(--color-accent-text, #fff);background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 12px -4px var(--color-accent-glow)}.create-story__rating-btn--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.create-story__toggle-group{display:flex;gap:var(--spacing-xs)}.create-story__toggle-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.create-story__toggle-btn:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.create-story__toggle-btn--active{color:var(--color-accent-text, #fff);background:var(--color-accent);border-color:var(--color-accent)}.create-story__toggle-btn--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.create-story__toggle-btn--disabled{opacity:.4;cursor:not-allowed}.create-story__toggle-btn--disabled:hover{color:var(--color-text-muted);background:var(--color-bg-secondary);border-color:var(--color-border)}.create-story__toggle-btn-wrapper{position:relative;flex:1;display:flex}.create-story__toggle-btn-wrapper .create-story__toggle-btn{flex:1}.create-story__toggle-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.75rem;white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;box-shadow:var(--shadow-md)}.create-story__toggle-btn-wrapper:hover .create-story__toggle-tooltip{display:block}.create-story__rating-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-story__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.create-story__input,.create-story__textarea,.create-story__select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-story__select{width:100%;cursor:pointer;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='%23FBD779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 24px)}.create-story__select option{background:var(--color-bg-elevated);color:var(--color-text-primary);padding:var(--spacing-sm)}.create-story__input:focus,.create-story__textarea:focus,.create-story__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.create-story__form .input{background:var(--color-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-text-muted);box-shadow:none}.create-story__form .input:hover:not(:disabled):not(:focus){background:var(--color-bg-secondary)}.create-story__form .input:focus{background:var(--color-bg-secondary);box-shadow:0 0 0 3px var(--color-accent-subtle);transform:none}.create-story__combobox{position:relative}.create-story__combobox-list{position:absolute;top:100%;left:0;right:0;z-index:var(--z-modal);margin:0;padding:var(--spacing-xs) 0;list-style:none;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto}.create-story__combobox-list:empty{display:none}.create-story__combobox-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-text-primary);transition:background var(--transition-fast)}.create-story__combobox-item:hover,.create-story__combobox-item--highlighted{background:var(--color-bg-hover)}.create-story__editor-wrapper{position:relative}.create-story__textarea{width:100%;min-height:400px;resize:vertical;font-family:var(--font-family-mono);line-height:1.6}.create-story__tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--radius-md);width:fit-content}.create-story__tab{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.create-story__tab:hover{color:var(--color-text-primary)}.create-story__tab--active{color:var(--color-accent);background:var(--color-accent-subtle)}.create-story__preview{min-height:400px;padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.create-story__error{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm)}.create-story__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.create-story__intro{margin-bottom:var(--spacing-xl)}.create-story__intro-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.create-story__intro-text{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5}.create-story__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-md)}.create-story__success-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.create-story__success-text{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;max-width:480px}.create-story__ai-section{margin-top:var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.create-story__ai-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:none;font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.create-story__ai-toggle:hover{background:var(--color-bg-glass-elevated);color:var(--color-text-primary)}.create-story__ai-toggle svg{flex-shrink:0;color:var(--color-text-muted)}.create-story__ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-glass);border-top:1px solid var(--color-border-subtle)}@media(max-width:640px){.create-story__ai-grid{grid-template-columns:1fr}}@media(max-width:768px){.storyz,.story-view,.create-story{padding:var(--spacing-md) 0}.storyz__header{flex-direction:column;align-items:flex-start}.storyz__tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.storyz__tabs::-webkit-scrollbar{display:none}.storyz__search{max-width:100%}.story-view__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.story-view__actions{flex-direction:column}.story-view__actions>*{width:100%}.create-story__header{flex-direction:column;align-items:flex-start}.create-story__actions{flex-direction:column-reverse}.create-story__actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.storyz,.story-view,.create-story,.storyz__tab,.storyz__tabs-indicator,.storyz__item{animation:none;transition:none}.storyz__tab:active,.storyz__item:hover,.storyz__item:active{transform:none}}.story-view__segments{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border)}.story-view__segments-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.story-view__segment{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.story-view__segment-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.story-view__segment-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.story-view__segment-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.story-view__segment-delete{padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.story-view__segment-delete:hover{color:#ef4444;background:#ef44441a}.story-view__segment-content{color:var(--color-text-primary);line-height:1.7}.story-view__segment--deleted{background:var(--color-bg-primary);border-style:dashed;opacity:.7}.story-view__segment-deleted-text{color:var(--color-text-muted);font-style:italic;margin:0}.story-view__add-segment{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px dashed var(--color-border)}.story-view__segment-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.story-view__segment-form h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.story-view__segment-textarea-wrapper{margin-top:var(--spacing-md)}.story-view__segment-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.story-view__segment-textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.story-view__segment-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.story-view__segment-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.story-view__segment-editor{margin-top:var(--spacing-md)}.story-view__segment-editor-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.story-view__segment-editor-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.story-view__segment-editor .create-story__textarea,.story-view__segment-editor .create-story__preview{min-height:300px}.story-view__collab-info{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.story-view__collab-mode{display:flex;align-items:center;gap:var(--spacing-xs)}.story-view__segment-count{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.story-view__collaborators{margin-top:var(--spacing-lg)}.story-view__collab-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.story-view__collab-toggle:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-accent)}.story-view__collab-panel{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.story-view__invite-form{display:flex;align-items:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.story-view__invite-form .input-wrapper{flex:1}.story-view__collab-list{list-style:none;padding:0;margin:0}.story-view__collab-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle)}.story-view__collab-item:last-child{border-bottom:none}.story-view__collab-item span:first-child{flex:1;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.story-view__collab-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.story-view__collab-status--pending{background:var(--color-bg-glass);color:var(--color-text-muted)}.story-view__collab-status--accepted{background:var(--color-accent-subtle);color:var(--color-accent)}.story-view__collab-status--declined{background:#ef44441a;color:#ef4444}.story-view__collab-remove{padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.story-view__collab-remove:hover{color:#ef4444;background:#ef44441a}.writer-profile{padding:var(--spacing-lg) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart);display:flex;flex-direction:column;gap:var(--spacing-lg)}.writer-profile__card{position:relative;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);text-align:center}.writer-profile__edit-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.writer-profile__edit-btn:hover{color:var(--color-accent);background:var(--color-bg-elevated);border-color:var(--color-accent)}.writer-profile__edit-btn:active{transform:scale(.95)}.writer-profile__username{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.writer-profile__follow-section{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.writer-profile__follow-btn{display:flex;align-items:center;gap:var(--spacing-xs)}.writer-profile__follow-btn svg{width:16px;height:16px}.writer-profile__following-wrapper{position:relative}.writer-profile__following-btn{display:flex;align-items:center;gap:var(--spacing-sm)}.writer-profile__following-btn svg{width:18px;height:18px}.writer-profile__following-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);min-width:200px;max-width:280px;max-height:300px;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:var(--spacing-sm)}.writer-profile__following-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.writer-profile__following-list{list-style:none;margin:0;padding:0}.writer-profile__following-list li{margin:0}.writer-profile__following-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.writer-profile__following-item:hover{background:var(--color-bg-hover);color:var(--color-accent)}.writer-profile__subscribe-btn{white-space:nowrap}.writer-profile__sub-section{display:flex;align-items:center;gap:var(--spacing-xs)}.writer-profile__sub-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-sm);border-radius:var(--radius-full);background:#22c55e26;color:#22c55e;text-transform:uppercase;letter-spacing:.05em}.writer-profile__toast{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);background:#22c55e1a;color:#22c55e;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.writer-profile__view-toggle{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.writer-profile__toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.writer-profile__toggle-btn:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.writer-profile__toggle-btn--active{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent);box-shadow:0 0 12px -4px var(--color-accent-glow)}.writer-profile__toggle-btn--active:hover{background:var(--color-accent-subtle)}.writer-profile__toggle-btn svg{flex-shrink:0}.writer-profile__content-view,.writer-profile__details{text-align:left}.writer-profile__section{margin-bottom:var(--spacing-xl)}.writer-profile__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0}.writer-profile__hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-2xl) var(--spacing-2xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.writer-profile__hero-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(246,137,9,.12) 0%,transparent 70%);pointer-events:none}.writer-profile__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),rgba(246,137,9,.6));color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);box-shadow:0 4px 24px #f6890933}.writer-profile__hero .writer-profile__username{margin-bottom:var(--spacing-xs)}.writer-profile__member-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.writer-profile__stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.writer-profile__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.writer-profile__stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.writer-profile__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.writer-profile__hero-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.writer-profile__settings-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.writer-profile__settings-link:hover{color:var(--color-accent);background:var(--color-bg-glass)}.writer-profile__bio-card{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl)}.writer-profile__bio-text{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:1.7;margin:0;white-space:pre-wrap}.writer-profile__socials-card{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl)}.writer-profile__submissions-section{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl)}.writer-profile__section-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.writer-profile__section-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);background:#f689091a;padding:2px 10px;border-radius:var(--radius-full)}.writer-profile__submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.writer-profile__submission-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);text-decoration:none;color:inherit;display:block;cursor:pointer}.writer-profile__submission-card:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.writer-profile__submission-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:capitalize;margin-bottom:var(--spacing-sm);padding:3px 10px;background:var(--color-bg-glass);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle)}.writer-profile__submission-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.writer-profile__submission-links{display:flex;gap:var(--spacing-sm)}.writer-profile__submission-link{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;padding:4px 12px;border-radius:var(--radius-md);background:#f6890914;border:1px solid rgba(246,137,9,.15);transition:background var(--transition-fast),border-color var(--transition-fast)}.writer-profile__submission-link:hover{background:#f6890926;border-color:#f689094d}.writer-profile__submission-link--secondary{color:var(--color-text-secondary);background:var(--color-bg-glass);border-color:var(--color-border-subtle)}.writer-profile__submission-link--secondary:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.writer-profile__empty-text{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0;text-align:center;padding:var(--spacing-lg) 0}.writer-profile__info{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7;margin:0;white-space:pre-wrap}.writer-profile__stats{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.writer-profile__stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-accent)}.writer-profile__stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);flex:1}.writer-profile__stat-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.writer-profile__stat-value--empty{color:var(--color-text-muted);font-weight:var(--font-weight-normal);font-style:italic}.writer-profile__edit-stats-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.writer-profile__no-stats{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;text-align:center;padding:var(--spacing-md)}.writer-profile__form{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:left}.writer-profile__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.writer-profile__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.writer-profile__textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.writer-profile__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.writer-profile__char-count{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.writer-profile__select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer;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='%23FBD779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 24px);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.writer-profile__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.writer-profile__select option{background:var(--color-bg-elevated);color:var(--color-text-primary);padding:var(--spacing-sm)}.writer-profile__error-msg{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm)}.writer-profile__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.writer-profile__content-section{margin-top:var(--spacing-xl)}.writer-profile__content-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.writer-profile__content-title svg{color:var(--color-accent)}.writer-profile__section-loading,.writer-profile__section-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);background:var(--color-bg-glass);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.writer-profile__items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.writer-profile__item{display:block;padding:var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.writer-profile__item:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border);transform:translateY(-1px)}.writer-profile__item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.writer-profile__item-context{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.writer-profile__item-context span{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.writer-profile__item-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.writer-profile__item-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.writer-profile__social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.writer-profile__social-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.writer-profile__social-link--clickable:hover{border-color:var(--color-accent);color:var(--color-accent)}.writer-profile__social-link svg{flex-shrink:0}.writer-profile__social-link--discord svg{color:#5865f2}.writer-profile__social-link--instagram svg{color:#e4405f}.writer-profile__social-link--twitter svg{color:#f5f5f5}.writer-profile__social-link--itch svg{color:#fa5c5c}.writer-profile__social-link--steam svg{color:#66c0f4}.writer-profile__social-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.writer-profile__social-inputs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.writer-profile__social-input-row{display:flex;align-items:center;gap:var(--spacing-sm)}.writer-profile__social-input-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--color-text-muted)}.writer-profile__social-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.writer-profile__social-input:focus{outline:none;border-color:var(--color-accent)}.writer-profile__social-input::placeholder{color:var(--color-text-muted)}.writer-profile__loading,.writer-profile__error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);font-size:var(--font-size-lg);border:1px dashed var(--color-border)}@media(max-width:768px){.writer-profile{padding:var(--spacing-md) 0;gap:var(--spacing-md)}.writer-profile__card{padding:var(--spacing-lg)}.writer-profile__hero{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.writer-profile__submissions-grid{grid-template-columns:1fr}.writer-profile__actions{flex-direction:column-reverse}.writer-profile__actions>*{width:100%}}.story-view__badge--premium{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#eab308;border:1px solid rgba(234,179,8,.3)}.storyz__item-badge--premium{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#eab308;border:1px solid rgba(234,179,8,.3);font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:600;letter-spacing:.02em}.storyz__item-badge--subscribers{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;border:1px solid rgba(139,92,246,.3);font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:600;letter-spacing:.02em}.story-view__badge--subscribers{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.story-view__paywall{margin-top:var(--spacing-lg)}.story-view__paywall-teaser{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-glass)}.story-view__paywall-gate{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));gap:var(--spacing-md)}.story-view__paywall-gate svg{width:32px;height:32px;color:#eab308}.story-view__paywall-gate h3{font-size:1.25rem;font-weight:600;margin:0}.story-view__paywall-gate p{color:var(--color-text-muted);margin:0;max-width:400px}.story-view__paywall-price{font-size:2rem;font-weight:700;color:#eab308}.story-view__paywall-login a{color:var(--color-accent);text-decoration:underline}.story-view__paywall-error{color:var(--color-error, #ef4444);font-size:.875rem}@media(prefers-reduced-motion:reduce){.writer-profile{animation:none}}.wp{width:100%;padding:var(--spacing-xl) 0;display:flex;flex-direction:column;gap:16px;animation:wpIn .4s ease-out}@keyframes wpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wp__hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:16px;overflow:hidden}.wp__hero-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:240px;height:240px;background:radial-gradient(circle,var(--color-accent-subtle) 0%,transparent 70%);pointer-events:none}.wp__avatar{position:relative;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,rgba(246,137,9,.5) 100%);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-bottom:14px;box-shadow:0 0 0 3px var(--color-bg-primary),0 0 0 5px var(--color-accent-subtle),0 4px 20px var(--color-accent-subtle)}.wp__username{font-size:clamp(1.4rem,2.5vw,1.7rem);font-weight:800;color:var(--color-text-primary);margin:0 0 2px;letter-spacing:-.02em}.wp__member-date{font-size:.78rem;color:var(--color-text-secondary);margin:0 0 16px;font-weight:500}.wp__stats{display:flex;gap:clamp(24px,4vw,40px);margin-bottom:16px}.wp__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.wp__stat-number{font-size:1.3rem;font-weight:800;color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.wp__stat-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.wp__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.wp__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit;text-decoration:none}.wp__btn--primary{background:var(--color-accent);color:#3d1c00}.wp__btn--primary:hover{filter:brightness(1.15);box-shadow:0 4px 16px var(--color-accent-subtle)}.wp__btn--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.wp__btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.wp__btn--follow{background:var(--color-accent);color:var(--color-bg-primary)}.wp__btn--follow:hover{filter:brightness(1.15)}.wp__btn--following{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent-subtle)}.wp__btn--following:hover{border-color:var(--color-accent)}.wp__btn:disabled{opacity:.5;cursor:not-allowed}.wp__section{padding:20px 22px;background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:14px}.wp__section-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.wp__bio-text{font-size:1rem;color:var(--color-text-primary);line-height:1.7;margin:0;white-space:pre-wrap}.wp__bio-empty{color:var(--color-text-muted);font-style:italic}.wp__game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.wp__game-card-wrap{display:flex;flex-direction:column;gap:0}.wp__game-card-wrap .game-hub__card-link{display:block}.wp__game-actions{display:flex;gap:6px;padding:8px 0 0}.wp__game-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 0;border-radius:8px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;font-family:inherit}.wp__game-action-btn--play{background:var(--color-accent);color:#3d1c00}.wp__game-action-btn--play:hover{filter:brightness(1.15);box-shadow:0 2px 12px var(--color-accent-glow)}.wp__game-action-btn--edit{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.wp__game-action-btn--edit:hover{border-color:var(--color-accent);color:var(--color-accent)}.wp__empty{text-align:center;padding:24px 0;color:var(--color-text-muted);font-size:.85rem;margin:0}.wp__toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e;font-size:.8rem;font-weight:600;z-index:1000;animation:wpToastIn .3s ease-out}@keyframes wpToastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wp__form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px;margin-top:12px;text-align:left}.wp__field{display:flex;flex-direction:column;gap:6px}.wp__label{font-size:.65rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.wp__textarea{width:100%;padding:12px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;font-family:inherit;font-size:.88rem;color:var(--color-text-primary);line-height:1.6;resize:vertical;transition:border-color .2s,box-shadow .2s}.wp__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f6890914}.wp__textarea::placeholder{color:var(--color-text-muted)}.wp__char-count{font-size:.65rem;color:var(--color-text-muted);text-align:right}.wp__error-msg{padding:10px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#ef4444;font-size:.8rem}.wp__form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--color-border-subtle)}.wp__loading,.wp__error-state{text-align:center;padding:60px 20px;color:var(--color-text-muted);font-size:.9rem}@media(max-width:640px){.wp{padding:var(--spacing-md) 0;gap:12px}.wp__hero{padding:24px 18px;border-radius:14px}.wp__avatar{width:60px;height:60px;font-size:1.4rem}.wp__game-grid{grid-template-columns:1fr}.wp__form-actions{flex-direction:column-reverse}.wp__form-actions .wp__btn{width:100%;justify-content:center}}.requests{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.requests__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.requests__create-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.requests__create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px -4px var(--color-accent-glow)}.requests__create-btn:active{transform:translateY(0) scale(.98)}.requests__create-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.requests__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.requests__filters .requests__search{flex:1;margin-bottom:0}.requests__search{position:relative;margin-bottom:var(--spacing-lg);max-width:400px}.requests__search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none;transition:color var(--transition-fast)}.requests__search:focus-within .requests__search-icon{color:var(--color-accent)}.requests__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm));background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.requests__search-input::placeholder{color:var(--color-text-muted)}.requests__search-input:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.requests__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.requests__category-combobox{position:relative;min-width:160px}.requests__category-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.requests__category-input::placeholder{color:var(--color-text-secondary)}.requests__category-input:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.requests__category-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.requests__category-list{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-xs) 0 0;padding:var(--spacing-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;max-height:240px;overflow-y:auto;z-index:100}.requests__category-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.requests__category-item:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.requests__category-item--highlighted{background:var(--color-accent-subtle);color:var(--color-accent)}@media(max-width:640px){.requests__filters{flex-direction:column;align-items:stretch}.requests__category-combobox{min-width:100%}}.requests__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.requests__item{position:relative;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.requests__item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.requests__item:hover{background:var(--color-bg-glass-elevated);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow)}.requests__item:hover:before{opacity:1}.requests__item:active{transform:translate(2px) scale(.99)}.requests__item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.requests__item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.requests__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-spring)}.requests__item:hover .requests__item-icon{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.05)}.requests__item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 auto;flex:1;transition:color var(--transition-fast)}.requests__item:hover .requests__item-title{color:var(--color-accent)}.requests__item-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.requests__item-badge--draft{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.requests__item-badge--private{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.requests__item-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.requests__item-meta-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs)}.requests__item-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.requests__item-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.requests__item-views{display:flex;align-items:center;gap:var(--spacing-xs)}.requests__loading,.requests__empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);font-size:var(--font-size-lg);border:1px dashed var(--color-border)}.request-view{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.request-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.request-view__back{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.request-view__back:hover{color:var(--color-text-primary);background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.request-view__card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.request-view__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);margin-right:var(--spacing-sm)}.request-view__badge--draft{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.request-view__badge--private{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.request-view__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.2}.request-view__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.request-view__category{color:var(--color-text-secondary)}.request-view__meta-action{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-accent);cursor:pointer;transition:color var(--transition-fast)}.request-view__meta-action:hover{color:var(--color-accent-hover);text-decoration:underline}.request-view__meta-action:disabled{opacity:.5;cursor:not-allowed}.request-view__meta-action--danger{color:var(--color-text-muted)}.request-view__meta-action--danger:hover{color:#ef4444}.request-view__action-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.request-view__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.request-view__action-btn:hover{background:var(--color-bg-glass-elevated);color:var(--color-accent);border-color:var(--color-accent)}.request-view__action-btn:active{transform:scale(.97)}.request-view__metadata{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.request-view__metadata-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.request-view__metadata-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.request-view__metadata-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.request-view__metadata-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.request-view__content{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.8}.request-view__content h1,.request-view__content h2,.request-view__content h3,.request-view__content h4,.request-view__content h5,.request-view__content h6{color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.request-view__content h1{font-size:var(--font-size-2xl)}.request-view__content h2{font-size:var(--font-size-xl)}.request-view__content h3{font-size:var(--font-size-lg)}.request-view__content p{margin-bottom:var(--spacing-md)}.request-view__content a{color:var(--color-accent);text-decoration:underline}.request-view__content a:hover{color:var(--color-accent-hover)}.request-view__content ul,.request-view__content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.request-view__content li{margin-bottom:var(--spacing-xs)}.request-view__content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-accent);background:var(--color-bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary)}.request-view__content pre{margin:var(--spacing-lg) 0;border-radius:var(--radius-lg);overflow:hidden}.request-view__content code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.request-view__content :not(pre)>code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-accent)}.create-request{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.create-request__header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.create-request__back{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);background:none;border:none;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.create-request__back:hover{color:var(--color-text-primary)}.create-request__card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.create-request__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-request__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-request__row,.create-request__row--horizontal{display:flex;gap:var(--spacing-lg)}.create-request__field--half{flex:1;min-width:0}@media(max-width:640px){.create-request__row{flex-direction:column;gap:var(--spacing-lg)}.create-request__row--horizontal{flex-direction:column}}.create-request__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.create-request__input,.create-request__textarea,.create-request__select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-request__select{width:100%;cursor:pointer;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='%23FBD779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 24px)}.create-request__select option{background:var(--color-bg-elevated);color:var(--color-text-primary);padding:var(--spacing-sm)}.create-request__input:focus,.create-request__textarea:focus,.create-request__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.create-request__budget-input{display:flex;align-items:center;gap:0}.create-request__budget-prefix{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-text-muted);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5}.create-request__budget-input .create-request__input{border-radius:0 var(--radius-md) var(--radius-md) 0;flex:1;max-width:160px}.create-request__form .input{background:var(--color-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-text-muted);box-shadow:none}.create-request__form .input:hover:not(:disabled):not(:focus){background:var(--color-bg-secondary)}.create-request__form .input:focus{background:var(--color-bg-secondary);box-shadow:0 0 0 3px var(--color-accent-subtle);transform:none}.create-request__combobox{position:relative}.create-request__combobox-list{position:absolute;top:100%;left:0;right:0;z-index:var(--z-modal);margin:0;padding:var(--spacing-xs) 0;list-style:none;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto}.create-request__combobox-list:empty{display:none}.create-request__combobox-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-text-primary);transition:background var(--transition-fast)}.create-request__combobox-item:hover,.create-request__combobox-item--highlighted{background:var(--color-bg-hover)}.create-request__recipient-label{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.create-request__editor-wrapper{position:relative}.create-request__textarea{width:100%;min-height:400px;resize:vertical;font-family:var(--font-family-mono);line-height:1.6}.create-request__tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--radius-md);width:fit-content}.create-request__tab{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.create-request__tab:hover{color:var(--color-text-primary)}.create-request__tab--active{color:var(--color-accent);background:var(--color-accent-subtle)}.create-request__preview{min-height:400px;padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.create-request__checkbox-row{display:flex;align-items:center;gap:var(--spacing-sm)}.create-request__checkbox{width:18px;height:18px;accent-color:var(--color-accent)}.create-request__checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.create-request__error{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm)}.create-request__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}@media(max-width:768px){.requests,.request-view,.create-request{padding:var(--spacing-md) 0}.requests__header{flex-direction:column;align-items:flex-start}.requests__search{max-width:100%}.request-view__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.create-request__header{flex-direction:column;align-items:flex-start}.create-request__actions{flex-direction:column-reverse}.create-request__actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.requests,.request-view,.create-request,.requests__item{animation:none;transition:none}.requests__item:hover,.requests__item:active{transform:none}}.rankings{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl) 0;width:100%}.rankings__evaluating{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center}.articles{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.articles__header{margin-bottom:var(--spacing-xl);text-align:center}.articles__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.articles__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.articles__search{position:relative;margin-bottom:var(--spacing-xl);max-width:400px;margin-left:auto;margin-right:auto}.articles__search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none;transition:color var(--transition-fast)}.articles__search:focus-within .articles__search-icon{color:var(--color-accent)}.articles__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm));background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.articles__search-input::placeholder{color:var(--color-text-muted)}.articles__search-input:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-border)}.articles__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.articles__card{position:relative;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);height:100%}.articles__card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.articles__card:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow)}.articles__card:hover:before{opacity:1}.articles__card:active{transform:translateY(0) scale(.99)}.articles__card-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.articles__card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.articles__card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);transition:background-color var(--transition-fast),transform var(--transition-spring)}.articles__card:hover .articles__card-icon{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.05)}.articles__card-category{background:var(--color-accent-subtle);color:var(--color-accent);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.articles__card:hover .articles__card-category{background:var(--color-accent);color:var(--color-accent-text)}.articles__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3;transition:color var(--transition-fast)}.articles__card:hover .articles__card-title{color:var(--color-accent)}.articles__card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.articles__card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.articles__meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.articles__card--skeleton{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-lg);pointer-events:none}.articles__card--skeleton .skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-bg-hover) 40%,var(--color-bg-elevated) 80%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.articles__card--skeleton .skeleton--category{width:80px;height:20px;border-radius:var(--radius-full)}.articles__card--skeleton .skeleton--title{width:75%;height:22px;margin-top:var(--spacing-sm)}.articles__card--skeleton .skeleton--excerpt{width:100%;height:48px;margin-top:var(--spacing-sm)}.articles__card--skeleton .skeleton--meta{width:50%;height:14px;margin-top:var(--spacing-sm)}.articles__meta-item--discuss{color:var(--color-accent)}.articles__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-xl);font-size:var(--font-size-lg);border:1px dashed var(--color-border)}@media(max-width:768px){.articles{padding:var(--spacing-md)}.articles__search{max-width:100%}.articles__grid{grid-template-columns:1fr}.articles__card-meta{flex-direction:column;gap:var(--spacing-xs)}}@media(prefers-reduced-motion:reduce){.articles,.articles__card,.articles__card-icon{animation:none;transition:none}.articles__card:hover,.articles__card:active{transform:none}}.contact{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:contactFadeIn var(--duration-normal) var(--ease-out-quart)}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.contact__card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.contact__card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}.contact__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;text-align:center}.contact__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;text-align:center}.contact__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.contact__input,.contact__textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--color-text-muted)}.contact__input:focus,.contact__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.contact__input:disabled,.contact__textarea:disabled{opacity:.5;cursor:not-allowed}.contact__textarea{resize:vertical;min-height:180px}.contact__button{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-fast);margin-top:var(--spacing-sm)}.contact__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px -4px var(--color-accent-glow)}.contact__button:active:not(:disabled){transform:translateY(0) scale(.98)}.contact__button:disabled{opacity:.5;cursor:not-allowed}.contact__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.contact__error{padding:var(--spacing-sm) var(--spacing-md);background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);text-align:center}.contact__rate-limit{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:var(--spacing-sm) 0 0 0}.contact__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) 0}.contact__success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border-radius:50%;color:var(--color-accent);margin-bottom:var(--spacing-lg);animation:successPop var(--duration-normal) var(--ease-spring)}@keyframes successPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.contact__success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.contact__success-text{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}@media(max-width:768px){.contact{padding:var(--spacing-lg) 0;padding-top:var(--spacing-2xl)}.contact__card{padding:var(--spacing-xl)}}@media(max-width:480px){.contact{padding:var(--spacing-md) 0;padding-top:var(--spacing-xl)}.contact__card{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.contact__title{font-size:var(--font-size-xl)}}@media(prefers-reduced-motion:reduce){.contact,.contact__success-icon{animation:none}.contact__button:hover:not(:disabled){transform:none}}.mailbox{min-height:100vh;padding-top:var(--spacing-xl);background:var(--color-bg-primary);animation:mailboxFadeIn var(--duration-normal) var(--ease-out-quart)}@keyframes mailboxFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mailbox__container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-2xl)}.mailbox__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.mailbox__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.mailbox__compose-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:var(--color-bg-primary);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-spring)}.mailbox__compose-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px -4px var(--color-accent-glow)}.mailbox__back-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-text-secondary);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.mailbox__back-btn:hover{color:var(--color-accent)}.mailbox__loading,.mailbox__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-muted);text-align:center;min-height:300px}.mailbox__empty svg{margin-bottom:var(--spacing-lg);opacity:.3}.mailbox__empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.mailbox__empty p{margin:0;font-size:var(--font-size-md)}.mailbox__inbox{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.mailbox__inbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.mailbox__inbox-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mailbox__inbox-title svg{color:var(--color-accent)}.mailbox__inbox-count{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium)}.mailbox__list{display:flex;flex-direction:column}.mailbox__item{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:transparent;border:none;border-bottom:1px solid var(--color-border-subtle);border-left:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left}.mailbox__item:last-child{border-bottom:none}.mailbox__item:hover{background:var(--color-bg-hover);border-left-color:var(--color-accent)}.mailbox__item--unread{background:#f5a6230f;border-left-color:var(--color-accent)}.mailbox__item--unread .mailbox__item-sender{font-weight:var(--font-weight-bold);color:var(--color-accent)}.mailbox__item--unread .mailbox__item-subject{font-weight:var(--font-weight-bold);color:#fff}.mailbox__item-checkbox{flex-shrink:0;width:18px;display:flex;align-items:center;justify-content:center}.mailbox__item-dot{width:10px;height:10px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 6px var(--color-accent)}.mailbox__item-sender{flex-shrink:0;width:180px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox__item-subject{flex:1;min-width:0;font-size:var(--font-size-md);color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox__item-count{flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);padding:3px 10px;background:#f5a62326;border:1px solid rgba(245,166,35,.3);border-radius:var(--radius-full, 9999px);min-width:28px;text-align:center}.mailbox__item-date{flex-shrink:0;font-size:var(--font-size-sm);color:#94a3b8;min-width:80px;text-align:right}.mailbox__detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.mailbox__detail-actions{display:flex;gap:var(--spacing-sm)}.mailbox__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mailbox__action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.mailbox__action-btn--reply:hover{border-color:var(--color-accent);color:var(--color-accent)}.mailbox__action-btn--delete:hover{border-color:#dc3545;color:#dc3545}.mailbox__thread-header{margin-bottom:var(--spacing-lg)}.mailbox__thread-subject{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.mailbox__thread-with{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.mailbox__thread{display:flex;flex-direction:column;gap:var(--spacing-md)}.mailbox__email{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);overflow:hidden}.mailbox__email-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-glass-elevated)}.mailbox__email-sender{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mailbox__email-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mailbox__email-body{padding:var(--spacing-md);font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.mailbox__compose{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.mailbox__compose-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mailbox__field{display:flex;align-items:baseline;gap:var(--spacing-md)}.mailbox__field--body{flex-direction:column;align-items:stretch}.mailbox__field-label{flex-shrink:0;width:70px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.mailbox__field--body .mailbox__field-label{width:auto;margin-bottom:var(--spacing-sm)}.mailbox__field-value{flex:1;font-size:var(--font-size-md);color:var(--color-text-secondary)}.mailbox__field-value--readonly{padding:var(--spacing-sm) 0;color:var(--color-accent);font-weight:var(--font-weight-medium)}.mailbox__field-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.mailbox__field-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.mailbox__field-textarea{width:100%;min-height:250px;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-primary);resize:vertical;transition:all var(--transition-fast)}.mailbox__field-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.mailbox__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-md);color:#dc3545;font-size:var(--font-size-sm)}.mailbox__compose-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.mailbox__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-spring)}.mailbox__btn--primary{background:var(--color-accent);color:var(--color-bg-primary);border:none}.mailbox__btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px -4px var(--color-accent-glow)}.mailbox__btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.mailbox__btn--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.mailbox__btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.mailbox__btn--secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.mailbox{padding-top:var(--spacing-md)}.mailbox__container{padding:var(--spacing-md)}.mailbox__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.mailbox__item{flex-wrap:wrap;gap:var(--spacing-xs)}.mailbox__item-checkbox{display:none}.mailbox__item-sender{width:auto;flex-shrink:1}.mailbox__item-subject{width:100%;order:10;margin-top:var(--spacing-xs)}.mailbox__item-count,.mailbox__item-date{font-size:var(--font-size-xs)}.mailbox__detail-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.mailbox__email-meta{gap:var(--spacing-sm)}.mailbox__field{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.mailbox__field-label{width:auto}.mailbox__compose-actions{flex-direction:column}.mailbox__btn{width:100%}}@media(prefers-reduced-motion:reduce){.mailbox{animation:none}.mailbox__compose-btn,.mailbox__btn--primary,.mailbox__action-btn,.mailbox__item{transition:none}}[data-theme=light] .mailbox__inbox{background:var(--color-bg-elevated);border-color:var(--color-border)}[data-theme=light] .mailbox__inbox-header{background:var(--color-bg-secondary)}[data-theme=light] .mailbox__item{border-bottom-color:var(--color-border)}[data-theme=light] .mailbox__item:hover{background:var(--color-bg-secondary)}[data-theme=light] .mailbox__item--unread{background:#f5a62314}[data-theme=light] .mailbox__item-sender{color:#1e293b}[data-theme=light] .mailbox__item-subject{color:#334155}[data-theme=light] .mailbox__item--unread .mailbox__item-subject{color:#0f172a}[data-theme=light] .mailbox__item-date{color:#64748b}[data-theme=light] .mailbox__item-count{background:var(--color-bg-secondary)}[data-theme=light] .mailbox__email{background:var(--color-bg-elevated);border-color:var(--color-border)}[data-theme=light] .mailbox__email-header{background:var(--color-bg-secondary)}[data-theme=light] .mailbox__compose{background:var(--color-bg-elevated);border-color:var(--color-border)}[data-theme=light] .mailbox__field-input,[data-theme=light] .mailbox__field-textarea{background:#fff;border-color:var(--color-border)}[data-theme=light] .mailbox__action-btn{background:var(--color-bg-elevated)}.create-page{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.create-page__wizard{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.create-page__wizard-header{margin-bottom:var(--spacing-md)}.create-page__wizard-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.create-page__progress{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.create-page__dot{height:4px;flex:1;border-radius:var(--radius-full);background:var(--color-border-subtle);transition:background var(--duration-normal) var(--ease-out-quart)}.create-page__dot--active{background:var(--color-accent)}.create-page__dot--current{background:var(--color-accent);box-shadow:0 0 8px #f6890966}.create-page__body{min-height:120px;display:flex;flex-direction:column;justify-content:center}.create-page__field{max-width:400px}.create-page__error{color:#ef4444;font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.create-page__choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.create-page__choice{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-glass);border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring)}.create-page__choice:hover{border-color:var(--color-border);color:var(--color-text-primary);background:var(--color-bg-glass-elevated)}.create-page__choice:active{transform:scale(.97)}.create-page__choice--selected{border-color:var(--color-accent);color:var(--color-accent);background:#f689090f}.create-page__choice--selected:hover{border-color:var(--color-accent);color:var(--color-accent)}.create-page__choice-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.create-page__nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.create-page__done{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0;text-align:center}.create-page__done-icon{color:#22c55e;animation:fadeInUp var(--duration-normal) var(--ease-out-quart)}.create-page__done-text{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;max-width:320px;line-height:1.6}@media(max-width:768px){.create-page{padding:var(--spacing-md) 0}.create-page__choices{grid-template-columns:1fr}.create-page__item{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.create-page{animation:none}}.dev-page{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.dev-page__card{padding:var(--spacing-xl)}.dev-page__error{padding:var(--spacing-xl);text-align:center}.dev-page__error h2{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.dev-page__error p{color:var(--color-text-secondary)}.dev-page__header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.dev-page__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.dev-page__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.dev-page__section{margin-bottom:var(--spacing-xl)}.dev-page__section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dev-page__toggle-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dev-page__toggle-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.dev-page__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.dev-page__section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.dev-page__section-header .dev-page__section-title,.dev-page__section-header .dev-page__section-desc{margin:0}.dev-page__status{padding:var(--spacing-md);background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.dev-page__loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.dev-page__users{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dev-page__user{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.dev-page__user:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.dev-page__user-info{display:flex;flex-direction:column;gap:2px}.dev-page__user-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dev-page__admin-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-sm)}.dev-page__user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dev-page__user-id{font-size:var(--font-size-xs);font-family:var(--font-family-mono, monospace);color:var(--color-text-muted)}.dev-page__danger-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.dev-page__danger-btn{padding:var(--spacing-md) var(--spacing-lg);background:#dc2626;border:1px solid #b91c1c;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.dev-page__danger-btn:hover:not(:disabled){background:#b91c1c;border-color:#991b1b}.dev-page__danger-btn:active:not(:disabled){transform:scale(.97)}.dev-page__danger-btn:disabled{opacity:.6;cursor:not-allowed}.dev-page__page-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.dev-page__page-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.seller-apply{padding:var(--spacing-xl) 0;width:100%;min-height:calc(100vh - 64px);animation:sellerFadeIn var(--duration-normal) var(--ease-out-quart)}@keyframes sellerFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.seller-apply__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;text-align:center}.seller-apply__card{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.seller-apply__card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}.seller-apply__description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.seller-apply__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.seller-apply__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.seller-apply__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.seller-apply__textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);color:var(--color-text-primary);resize:vertical;min-height:180px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.seller-apply__textarea::placeholder{color:var(--color-text-muted)}.seller-apply__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.seller-apply__textarea:disabled{opacity:.5;cursor:not-allowed}.seller-apply__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm)}.seller-apply__button{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.seller-apply__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px -4px var(--color-accent-glow)}.seller-apply__button:active:not(:disabled){transform:translateY(0) scale(.98)}.seller-apply__button:disabled{opacity:.5;cursor:not-allowed}.seller-apply__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.seller-apply__button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:none}.seller-apply__error{padding:var(--spacing-sm) var(--spacing-md);background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);text-align:center}.seller-apply__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) 0}.seller-apply__success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border-radius:50%;color:var(--color-accent);margin-bottom:var(--spacing-lg);animation:sellerSuccessPop var(--duration-normal) var(--ease-spring)}@keyframes sellerSuccessPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.seller-apply__success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.seller-apply__success-text{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}@media(max-width:768px){.seller-apply{padding:var(--spacing-lg) 0;padding-top:var(--spacing-2xl)}.seller-apply__card{padding:var(--spacing-xl)}.seller-apply__actions{flex-direction:column-reverse}.seller-apply__button{width:100%}}@media(max-width:480px){.seller-apply{padding:var(--spacing-md) 0;padding-top:var(--spacing-xl)}.seller-apply__card{padding:var(--spacing-lg)}}@media(prefers-reduced-motion:reduce){.seller-apply,.seller-apply__success-icon{animation:none}.seller-apply__button:hover:not(:disabled){transform:none}}.request-access{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:1.5rem;position:relative;overflow:hidden}.request-access__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;will-change:transform}.request-access__orb--1{width:420px;height:420px;background:radial-gradient(circle,#3B82F6 0%,transparent 70%);top:-10%;left:-8%;animation:orbDrift1 18s ease-in-out infinite alternate}.request-access__orb--2{width:340px;height:340px;background:radial-gradient(circle,#8B5CF6 0%,transparent 70%);bottom:-8%;right:-6%;animation:orbDrift2 22s ease-in-out infinite alternate}.request-access__orb--3{width:260px;height:260px;background:radial-gradient(circle,#06B6D4 0%,transparent 70%);top:50%;left:60%;animation:orbDrift3 20s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.12)}}@keyframes orbDrift2{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,-30px) scale(1.08)}}@keyframes orbDrift3{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,50px) scale(.92)}}.request-access__entrance{animation:fadeInUp var(--duration-slow, .4s) var(--ease-out-quart, cubic-bezier(.25, 1, .5, 1)) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.request-access__card{text-align:center;max-width:420px;width:100%;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg, 24px)) saturate(var(--glass-saturation, 1.2));-webkit-backdrop-filter:blur(var(--glass-blur-lg, 24px)) saturate(var(--glass-saturation, 1.2));border:1px solid var(--color-border-glass);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 16px 48px rgba(8, 15, 30, .25));padding:3rem 2.25rem;position:relative;z-index:1}.request-access__logo{width:64px;height:64px;margin:0 auto 1rem;display:block}.request-access__title{font-size:3rem;font-weight:800;margin:0 0 .25rem;letter-spacing:-.03em;background:linear-gradient(135deg,#3b82f6,#93c5fd,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.request-access__subtitle{font-size:1.1rem;color:var(--color-text-muted);margin:0 0 2rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500}.request-access__form{display:flex;flex-direction:column;gap:.875rem}.request-access__input{padding:.85rem 1rem;border-radius:10px;border:1px solid var(--color-border-glass);background:#ffffff0a;color:var(--color-text-primary);font-size:1rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.request-access__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633,0 0 20px -4px #3b82f64d}.request-access__input::placeholder{color:var(--color-text-muted)}.request-access__button{padding:.85rem 1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px -2px #3b82f666;transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.request-access__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px -2px #3b82f680,0 0 32px -8px var(--color-accent-glow)}.request-access__button:active:not(:disabled){transform:scale(.97)}.request-access__button:disabled{opacity:.6;cursor:not-allowed}.request-access__success{animation:scaleIn var(--duration-normal, .25s) var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both}.request-access__checkmark{width:48px;height:48px;margin:0 auto 1rem;color:var(--color-success)}.request-access__checkmark svg{width:100%;height:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.request-access__message{font-size:.95rem;margin:.5rem 0 0}.request-access__message--success{color:var(--color-success)}.request-access__message--error{color:var(--color-error)}[data-theme=light] .request-access__input{background:#00000008}[data-theme=light] .request-access__orb{opacity:.2}@media(prefers-reduced-motion:reduce){.request-access__orb,.request-access__entrance,.request-access__success{animation:none}.request-access__button,.request-access__input{transition:none}}.demos{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.demos__hero{padding:3.5rem 1.5rem 1rem;text-align:center;position:relative}.demos__title{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#e8f1ff,#a8c5e8 40%,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demos__pill{display:flex;align-items:center;gap:.4rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--color-text-primary);font-size:1rem;font-family:inherit;cursor:pointer;padding:.6rem 1.1rem;border-radius:10px;transition:background var(--transition-fast),border-color var(--transition-fast)}.demos__pill:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.demos__pill--disabled{opacity:.25;cursor:default}.demos__hero--with-back{display:flex;align-items:center;justify-content:center;position:relative}.demos__hero--with-back .demos__pill{position:absolute;left:1.5rem}.demos__hero--with-back .demos__title{width:100%}.demos__grid-section{flex:1;padding:2.5rem var(--spacing-xl) 3rem;max-width:1200px;margin:0 auto;width:100%}.demos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.demos__card{color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:140px;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform .2s cubic-bezier(.34,1.56,.64,1)}.demos__card:hover:not(:disabled){border-color:#ffffff40;box-shadow:0 8px 32px #00000026,0 0 40px -12px #3b82f64d;transform:translateY(-3px);filter:brightness(1.3)}.demos__card:active:not(:disabled){transform:scale(.97)}.demos__card--soon{cursor:default;opacity:.4}.demos__card-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--color-text-primary)}.demos__card-badge{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.demos__carousel{flex:1;padding:1rem var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column}.demos__slide-nav{display:flex;justify-content:space-between;width:100%;max-width:520px;margin-top:2.5rem}.demos__slide{text-align:center;padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn var(--duration-normal) ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demos__slide-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.01em}.demos__slide-title--muted{color:var(--color-text-muted)}.demos__slide-description{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);margin:0 auto 1.5rem;max-width:520px}.genesis{width:100%;background:#0f172ab3;backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 60px -20px #f7931a1f;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.genesis__header{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.genesis__icon{width:40px;height:40px;border-radius:50%;background:#f7931a1a;display:flex;align-items:center;justify-content:center}.genesis__meta{display:flex;flex-direction:column;gap:.15rem}.genesis__meta-row{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.genesis__block-num{font-weight:700;color:var(--color-text-primary)}.genesis__label{color:var(--color-text-muted);font-size:.8rem}.genesis__hash{color:#f7931a;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.genesis__date{color:var(--color-text-muted);font-size:.75rem}.genesis__routing{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}.genesis__value-bold{font-weight:600;color:var(--color-text-primary)}.genesis__amount{text-align:right;display:flex;flex-direction:column;gap:.2rem}.genesis__btc{font-size:.85rem;font-weight:600;color:var(--color-text-primary);font-family:SF Mono,Fira Code,monospace}.genesis__usd{color:var(--color-text-muted);font-weight:400;font-size:.78rem}.genesis__fee{font-size:.75rem;color:var(--color-text-muted)}.genesis__fee-label{color:#4ade80;font-weight:600}.genesis__body{display:grid;grid-template-columns:1fr auto 1fr;padding:1rem 1.1rem 1.1rem;gap:0}.genesis__col{display:flex;flex-direction:column;gap:.6rem}.genesis__col-title{font-size:.85rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:.02em}.genesis__divider{width:1px;background:#ffffff0f;margin:0 1rem}.genesis__entry{display:flex;align-items:flex-start;gap:.5rem}.genesis__entry-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.genesis__entry-icon--from{background:#f7931a26;color:#f7931a}.genesis__entry-index{font-size:.78rem;font-weight:600;color:var(--color-text-muted);min-width:1rem;padding-top:2px}.genesis__entry-detail{display:flex;flex-direction:column;gap:.15rem}.genesis__entry-name{font-size:.85rem;color:var(--color-text-secondary)}.genesis__entry-addr{font-family:SF Mono,Fira Code,monospace;font-size:.72rem;color:var(--color-text-secondary);word-break:break-all;line-height:1.4}.genesis__entry-val{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--color-text-primary);font-weight:500}.demos__slide-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent);font-size:.95rem;font-weight:500;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(59,130,246,.25);border-radius:10px;background:#3b82f60f;margin-bottom:1rem;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.demos__slide-link:hover{background:#3b82f61f;border-color:#3b82f666;color:var(--color-accent-hover)}.demos__slide-preview{width:100%;max-width:520px;height:240px;margin:0 auto;background:#131d2e80;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.06);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0a,0 0 60px -20px var(--demo-color, rgba(59, 130, 246, .2))}.demos__slide-preview-label{font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);opacity:.5}.post{max-width:720px;width:100%;margin:0 auto;padding:0 var(--spacing-xl);display:flex;flex-direction:column;flex:1;animation:fadeIn var(--duration-normal) ease-in-out}.post__scroll{flex:1;overflow-y:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.post__scroll::-webkit-scrollbar{width:5px}.post__scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.post__header{padding-bottom:1.5rem;margin-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.post__title{font-family:Playfair Display,serif;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--color-text-primary)}.post__body{font-size:1.2rem;line-height:1.85;color:var(--color-text-primary)}.post__body p{margin:0 0 1.35rem}.post__figure{margin:0;padding:2.5rem 0 3rem}.post__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent);font-size:1.05rem;font-weight:500;text-decoration:none;padding:.6rem 1.15rem;border:1px solid rgba(59,130,246,.25);border-radius:10px;background:#3b82f60f;margin-bottom:3rem;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.post__link:hover{background:#3b82f61f;border-color:#3b82f666;color:var(--color-accent-hover)}.post__nav{display:flex;justify-content:space-between;padding:1.25rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.06);margin-top:auto;flex-shrink:0}@media(max-width:768px){.demos__hero{padding:2.5rem 1rem .5rem}.demos__title{font-size:2.2rem}.demos__hero--with-back .demos__pill{left:.75rem;font-size:.85rem}.demos__grid-section{padding:2rem 1rem 3rem}.demos__grid{grid-template-columns:1fr;gap:1rem}.demos__card{min-height:110px;padding:1.5rem 1rem}.demos__card-title{font-size:1.1rem}.demos__carousel{min-height:480px}.demos__slide{padding:1.5rem .5rem}.demos__slide-title{font-size:1.5rem}.demos__slide-description{font-size:1rem}.demos__slide-preview{height:180px;border-radius:16px}.post{padding:0 1rem}.post__title{font-size:1.75rem}.post__body{font-size:.95rem}.genesis__header{grid-template-columns:auto 1fr;gap:.5rem}.genesis__routing,.genesis__amount{grid-column:1 / -1;text-align:left}.genesis__routing{flex-direction:row;gap:1rem}.genesis__amount{flex-direction:row;gap:1rem;align-items:baseline}.genesis__body{grid-template-columns:1fr;gap:.75rem}.genesis__divider{width:100%;height:1px;margin:0}.genesis__entry-addr{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.demos__slide,.post{animation:none}.demos__card{transition:none}}