/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--am-bg-1: #fbf7ef;--am-bg-2: #f4edde;--am-card: rgba(255,255,255,.96);--am-border: #e7e2d9;--am-text: #1f2937;--am-subtext: #6b7280;--am-primary: #2f855a;--am-primary-700: #276749;--am-accent: #ea580c;--am-success: #166534;--am-success-bg: #ecfdf5;--am-error: #7f1d1d;--am-error-bg: #fef2f2}[data-theme=dark]{--am-bg-1: #0f1419;--am-bg-2: #1a1f2e;--am-card: rgba(30,35,45,.96);--am-border: #2d3748;--am-text: #f7fafc;--am-subtext: #a0aec0;--am-primary: #38a169;--am-primary-700: #2f855a;--am-accent: #fd8014;--am-success: #38a169;--am-success-bg: #1a2e1a;--am-error: #e53e3e;--am-error-bg: #2e1a1a}.am-root{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.am-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 0%,var(--am-bg-2),transparent 60%),radial-gradient(1200px 600px at 100% 100%,var(--am-bg-1),transparent 60%),linear-gradient(135deg,var(--am-bg-1),var(--am-bg-2));padding:clamp(16px,3vw,32px)}.am-card{width:min(480px,92vw);background:var(--am-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;box-shadow:0 10px 30px #02061726;padding:clamp(20px,4vw,28px);box-sizing:border-box}.am-card *,.am-card *:before,.am-card *:after{box-sizing:border-box}.am-brand{text-align:center;margin-bottom:32px}.am-brand h1{font-size:clamp(24px,3.2vw,30px);line-height:1.2;color:var(--am-text);font-weight:800;letter-spacing:-.02em;font-family:Quicksand,Nunito,sans-serif}.am-brand p{margin-top:12px;color:var(--am-subtext)}.brand-messaging{margin-top:20px}.brand-headline{font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--am-text);margin:0 0 12px;background:linear-gradient(135deg,var(--am-primary),var(--am-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.brand-subtext{font-size:14px;color:var(--am-subtext);margin:0 0 16px;line-height:1.4}.genre-highlights{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.genre-tag{background:var(--am-primary);color:#fff;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #2f855a33;transition:all .2s ease}.genre-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2f855a4d}.am-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin-bottom:4px}.am-logo-mark{width:clamp(56px,9vw,74px);height:auto;border-radius:12px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));animation:am-float 4s ease-in-out infinite}.am-logo-text{font-family:Quicksand,Nunito,sans-serif;font-weight:700;font-size:clamp(24px,3.5vw,32px);color:var(--am-text);position:relative;letter-spacing:.2px}.am-logo-text:after{content:"";position:absolute;left:5%;right:5%;bottom:-6px;height:3px;background:linear-gradient(90deg,#2f855a,#ea580c);border-radius:2px;transform-origin:left;animation:am-underline 1.8s ease-out .2s both}@keyframes am-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes am-underline{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.am-tabs{display:flex;border:1px solid var(--am-border);border-radius:10px;overflow:hidden;background:#fff}[data-theme=dark] .am-tabs{background:#1e232dcc}.am-tab{flex:1;padding:10px 12px;font-weight:600;font-size:14px;background:transparent;border:0;cursor:pointer;color:#374151}.am-tab:hover{background:#f9fafb}.am-tab.active{background:var(--am-primary);color:#fff;box-shadow:inset 0 -2px 0 var(--am-accent)}[data-theme=dark] .am-tab{color:#a0aec0}[data-theme=dark] .am-tab:hover{background:#2f3b4f80}[data-theme=dark] .am-tab.active{color:#fff}.am-alert{border-radius:10px;padding:10px 12px;font-size:14px;border:1px solid}.am-alert.success{color:var(--am-success);background:var(--am-success-bg);border-color:#a7f3d0}.am-alert.error{color:var(--am-error);background:var(--am-error-bg);border-color:#fecaca}.am-form{margin-top:8px}.am-fields>div{margin-bottom:12px}.am-label{display:block;font-size:13px;color:#4b5563;margin-bottom:6px}.am-input-wrap{position:relative}.am-input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--am-border);border-radius:10px;outline:none;background:#fff;color:#1f2937;font-size:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.am-input:focus{border-color:var(--am-primary);box-shadow:0 0 0 3px #2f855a33}[data-theme=dark] .am-input{background:#1e232dcc;color:#f7fafc;border-color:#2d3748}[data-theme=dark] .am-input:focus{border-color:var(--am-primary);box-shadow:0 0 0 3px #38a16933}.am-input-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#9ca3af;cursor:pointer}.am-input-toggle:hover{color:#4b5563}.am-actions{display:grid;gap:10px;margin-top:6px}.am-btn{width:100%;padding:10px 14px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent}.am-btn.primary{background:var(--am-primary);color:#fff}.am-btn.primary:hover{background:var(--am-primary-700)}.am-btn:disabled{opacity:.6;cursor:not-allowed}.g-logo{width:18px;height:18px}.am-links{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:6px}.am-links .link{color:var(--am-primary);background:transparent;border:0;cursor:pointer}.am-links .link:hover{text-decoration:underline}.am-links .muted{color:#6b7280;background:transparent;border:0;cursor:pointer}.am-btn.fit{width:auto;display:inline-flex;align-items:center;justify-content:center}.am-btn.sm{padding:8px 12px;font-size:13px}@media (max-width: 480px){.am-card{border-radius:14px;box-shadow:0 8px 24px #02061726;padding:clamp(16px,4vw,24px);width:min(420px,94vw)}.am-brand{text-align:center;margin-bottom:24px}.brand-headline{font-size:clamp(18px,5vw,22px);text-align:center}.brand-subtext{font-size:13px;text-align:center;margin:0 auto 14px;max-width:280px}.genre-highlights{justify-content:center;gap:6px;margin-bottom:12px}.genre-tag{font-size:11px;padding:3px 8px}.am-logo-text{font-size:clamp(20px,6vw,28px)}.am-tab{font-size:13px;padding:9px 10px}.am-btn{font-size:14px;padding:11px 14px}.am-input{font-size:14px;padding:11px 38px 11px 12px}}.story-card{background:var(--am-card);border:1px solid var(--am-border);border-radius:12px;padding:20px;transition:all .2s ease;cursor:pointer;position:relative;box-shadow:0 2px 8px #0000000d}.story-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--am-primary)}.story-header{margin-bottom:12px;padding-right:80px}.story-title-area{display:flex;flex-direction:column;gap:8px}.story-title{font-size:18px;font-weight:700;color:var(--am-text);margin:0;line-height:1.3}.story-genre{background:linear-gradient(90deg,var(--am-primary),var(--am-accent));color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;align-self:flex-start}.story-meta{display:flex;justify-content:space-between;align-items:center;color:var(--am-subtext);font-size:14px}.scene-count{font-weight:600}.story-date{color:var(--am-subtext)}.story-actions-compact{position:absolute;top:16px;right:16px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.story-card:hover .story-actions-compact{opacity:1}.action-btn{background:#ffffffe6;border:1px solid var(--am-border);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026}.action-btn.continue:hover{border-color:var(--am-primary);color:var(--am-primary)}.action-btn.delete:hover{border-color:#dc3545;color:#dc3545}.action-btn.share:hover{border-color:var(--am-accent);color:var(--am-accent)}.action-btn.publish:hover{border-color:#28a745;color:#28a745}.story-card-detailed{background:var(--am-card);border:1px solid var(--am-border);border-radius:16px;padding:24px;transition:all .2s ease;box-shadow:0 2px 12px #0000000d}.story-card-detailed:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.story-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.story-card-title{font-size:20px;font-weight:700;color:var(--am-text);margin:0}.story-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.meta-label{font-size:12px;text-transform:uppercase;font-weight:600;color:var(--am-subtext);letter-spacing:.5px}.meta-value{font-size:14px;font-weight:600;color:var(--am-text)}.genre-tag{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.genre-tag.fantasy{background:linear-gradient(90deg,#8b5cf6,#a855f7);color:#fff}.genre-tag.sci-fi{background:linear-gradient(90deg,#06b6d4,#0891b2);color:#fff}.genre-tag.mystery{background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff}.genre-tag.romance{background:linear-gradient(90deg,#ec4899,#db2777);color:#fff}.genre-tag.horror{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.genre-tag.adventure{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff}.genre-tag.drama{background:linear-gradient(90deg,#64748b,#475569);color:#fff}.genre-tag.comedy{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff}.status.public{color:var(--am-success);font-weight:600}.status.private{color:var(--am-subtext);font-weight:500}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}.story-demo-container{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.2);width:100%;max-width:100%;box-shadow:0 8px 20px #0003;box-sizing:border-box;overflow:hidden}.story-demo-container *,.story-demo-container *:before,.story-demo-container *:after{box-sizing:inherit;max-width:100%}.demo-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.demo-title{font-size:20px;font-weight:700;color:#fff;margin:0}.demo-stats-row{display:flex;justify-content:space-between;align-items:center}.demo-stats{display:flex;gap:16px;font-size:14px}.word-counter,.speed-indicator{color:#fffc;background:#ffffff1a;padding:4px 8px;border-radius:12px;font-weight:500}.demo-progress-container{margin-bottom:20px}.demo-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.demo-progress-fill{height:100%;background:linear-gradient(90deg,#dcb856,#f59e0b);border-radius:3px;transition:width .3s ease}.progress-label{font-size:14px;color:#fffc;font-weight:500}.demo-reset{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s ease;flex-shrink:0;height:-moz-fit-content;height:fit-content;white-space:nowrap;min-width:auto;width:auto}.demo-reset:hover{background:#ffffff26}.demo-story-area{min-height:200px;display:flex;flex-direction:column}.demo-scene{flex:1;display:flex;flex-direction:column;position:relative}.demo-text{background:#ffffff0d;border-radius:8px;padding:15px;margin-bottom:15px;font-size:14px;line-height:1.5;color:#ffffffe6;border-left:3px solid #dcb856;min-height:60px;display:flex;align-items:center}.typing-cursor{display:inline-block;animation:blink 1s infinite;color:#dcb856;font-weight:700;margin-left:2px}.demo-input-section{display:flex;flex-direction:column;gap:16px}.demo-prompt{font-size:16px;font-weight:600;color:#dcb856;margin-bottom:8px}.demo-input-form{width:100%}.input-container{display:flex;flex-direction:column;gap:12px;width:100%}.demo-text-input{width:100%;min-height:64px;padding:16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;resize:vertical;transition:all .3s ease;display:block;max-width:100%}.demo-text-input:focus{outline:none;border-color:#dcb856;background:#ffffff26;box-shadow:0 0 0 3px #dcb8561a}.demo-text-input::-moz-placeholder{color:#ffffff80}.demo-text-input::placeholder{color:#ffffff80}.demo-submit-btn{align-self:flex-end;padding:12px 24px;background:linear-gradient(135deg,#2f855a,#dcb856);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.demo-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2f855a4d}.demo-submit-btn:disabled{opacity:.5;cursor:not-allowed}.demo-examples{display:flex;flex-direction:column;gap:8px}.examples-label{font-size:14px;color:#ffffffb3;font-weight:500}.example-buttons{display:flex;flex-wrap:wrap;gap:8px}.example-button{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fffc;font-size:12px;cursor:pointer;transition:all .2s ease}.example-button:hover{background:#fff3;color:#fff;border-color:#dcb856}.demo-ending{text-align:center;padding:20px;background:#2f855a33;border-radius:12px;border:1px solid rgba(47,133,90,.3)}.ending-text{font-size:18px;font-weight:700;color:#dcb856;margin-bottom:12px}.demo-restart-hint{color:#ffffffb3;font-size:14px}.demo-restart-hint small{font-size:12px;opacity:.8}.demo-footer{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.demo-features{display:flex;justify-content:space-around;gap:16px}.demo-feature{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fffc;font-size:14px;font-weight:500}.feature-icon{font-size:20px;margin-bottom:4px}.ai-generation-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.ai-thinking{text-align:center;color:#fff;padding:30px}.ai-brain{font-size:48px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.thinking-dots{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.thinking-dots span{width:8px;height:8px;background:#dcb856;border-radius:50%;animation:thinking 1.4s infinite ease-in-out}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}.thinking-dots span:nth-child(3){animation-delay:0s}@keyframes thinking{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-thinking p{font-size:18px;font-weight:600;margin-bottom:16px;color:#dcb856}.generation-stats{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#fffc}.generation-stats span{opacity:0;animation:fadeInSequence 2s ease-in-out infinite}.generation-stats span:nth-child(1){animation-delay:0s}.generation-stats span:nth-child(2){animation-delay:.7s}.generation-stats span:nth-child(3){animation-delay:1.4s}@keyframes fadeInSequence{0%,15%{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}85%,to{opacity:0;transform:translateY(-10px)}}@media (max-width: 600px){.story-demo-container{padding:20px;max-width:100%}.demo-text{padding:16px;font-size:14px;min-height:60px}.demo-text-input{min-height:60px;padding:12px;font-size:14px}.demo-submit-btn{padding:10px 20px;font-size:13px}.example-button{font-size:11px;padding:4px 8px}.demo-features{flex-direction:column;gap:12px}.demo-feature{flex-direction:row;justify-content:center}.demo-title{font-size:18px}.demo-reset{font-size:12px;padding:4px 8px}}.genre-showcase{width:100%;max-width:900px;margin:0 auto;padding:0 20px;box-sizing:border-box}.genre-showcase .genre-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;width:100%;max-width:860px;margin:0 auto}.genre-showcase .genre-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2);transform-style:preserve-3d;perspective:1000px;height:200px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}.genre-showcase .genre-card:hover{box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a inset}.genre-showcase .genre-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.genre-showcase .genre-card:hover:before{opacity:1}.genre-showcase .genre-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.genre-showcase .genre-emoji{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.genre-showcase .genre-name{font-size:24px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.genre-showcase .genre-description{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:16px}.genre-showcase .genre-preview{overflow:hidden;transition:all .3s ease}.genre-showcase .preview-text{font-style:italic;font-size:14px;color:#ffffffe6;padding:16px;background:#0000004d;border-radius:12px;margin-bottom:16px;border-left:4px solid currentColor}.genre-showcase .genre-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.genre-showcase .example-tag{background:#fff3;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.genre-showcase .genre-cta{text-align:center;font-weight:600;color:#fff;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .2s ease}.genre-showcase .floating-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.genre-showcase .particle{position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;filter:blur(1px)}.genre-showcase .genre-card:hover .genre-name{text-shadow:0 0 20px currentColor}.genre-showcase .genre-card:hover .genre-cta{transform:translateY(-2px);text-shadow:0 0 10px currentColor}@media (max-width: 768px){.genre-showcase{max-width:600px;padding:0 16px}.genre-showcase .genre-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;max-width:540px;gap:16px}.genre-showcase .genre-card{padding:16px;height:180px}.genre-showcase .genre-emoji{font-size:24px}.genre-showcase .genre-name{font-size:18px}.genre-showcase .genre-description{font-size:13px}}@media (max-width: 480px){.genre-showcase{max-width:320px;padding:0 16px}.genre-showcase .genre-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);max-width:280px;gap:16px}.genre-showcase .genre-card{padding:16px;height:160px}.genre-showcase .genre-header{gap:12px}.genre-showcase .genre-emoji{font-size:22px}.genre-showcase .genre-name{font-size:16px}}.social-proof-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);margin:40px 0;display:flex;flex-direction:column;gap:24px}.loading-placeholder{text-align:center;padding:40px;color:#ffffffb3;font-style:italic}.activity-feed{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.live-indicator{animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}.activity-label{font-size:14px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;border-left:3px solid #dcb856}.activity-avatar{font-size:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#dcb8561a;border-radius:50%;border:1px solid rgba(220,184,86,.3)}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px}.activity-text{color:#ffffffe6;font-size:15px;line-height:1.4}.activity-text strong{color:#dcb856;font-weight:600}.activity-time{color:#fff9;font-size:13px}.community-stats,.live-stats{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat-number{font-size:24px;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-divider{color:#ffffff4d;font-size:16px}.featured-success{display:flex;flex-direction:column;gap:12px}.success-badge{background:linear-gradient(135deg,#2f855a,#dcb856);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.success-content{display:flex;flex-direction:column;gap:8px}.success-content p{color:#ffffffe6;font-size:16px;font-style:italic;line-height:1.5;margin:0;padding:16px;background:#ffffff0d;border-radius:12px;border-left:3px solid #2f855a}.success-author{color:#ffffffb3;font-size:14px;font-weight:500;text-align:right;padding-right:16px}@media (max-width: 768px){.social-proof-container{padding:20px;margin:24px 0}.live-stats{gap:16px}.stat-item{min-width:80px}.stat-number{font-size:20px}.stat-label{font-size:11px}.activity-item{padding:10px;gap:10px}.activity-avatar{width:32px;height:32px;font-size:20px}.activity-text{font-size:14px}.success-content p{font-size:15px;padding:12px}}.gamification-preview{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.1);margin:40px 0}.gamification-header{display:flex;align-items:center;gap:32px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.level-display{display:flex;align-items:center;gap:16px}.level-badge{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#2f855a,#dcb856);padding:16px;border-radius:16px;box-shadow:0 8px 24px #2f855a4d}.level-number{font-size:28px;font-weight:900;color:#fff;line-height:1}.level-label{font-size:12px;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.xp-container{display:flex;flex-direction:column;gap:8px;min-width:200px}.xp-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#dcb856,#f59e0b);border-radius:4px}.xp-text{font-size:14px;color:#fffc;font-weight:600}.preview-title{flex:1}.preview-title h3{font-size:28px;font-weight:800;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#fff,#dcb856);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.preview-title p{font-size:16px;color:#ffffffb3;margin:0;line-height:1.5}.gamification-tabs{display:flex;gap:8px;margin-bottom:24px;background:#ffffff0d;padding:6px;border-radius:12px}.tab-button{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button.active{background:#dcb85633;color:#dcb856;box-shadow:0 4px 12px #dcb8561a}.tab-button:hover:not(.active){background:#ffffff0d;color:#ffffffe6}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.achievement-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .3s ease;cursor:pointer}.achievement-card:hover{background:#ffffff14;transform:translateY(-2px)}.achievement-card.unlocked{border-color:#2f855a80;background:#2f855a1a}.achievement-card.rare{border-color:#3b82f680}.achievement-card.epic{border-color:#9333ea80}.achievement-card.legendary{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b33}.achievement-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff1a;border-radius:12px;flex-shrink:0}.achievement-info{flex:1}.achievement-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.achievement-description{font-size:14px;color:#ffffffb3;margin:0 0 8px}.achievement-progress{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#dcb856,#f59e0b);border-radius:2px}.progress-text{font-size:12px;color:#fffc;font-weight:600;min-width:32px}.achievement-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#2f855a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.leaderboard-container{max-width:600px;margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:24px;font-size:18px;font-weight:700;color:#dcb856}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.leaderboard-entry{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.leaderboard-entry.top-three{background:#dcb8561a;border-color:#dcb8564d}.entry-rank{font-size:18px;font-weight:800;color:#dcb856;min-width:32px}.entry-avatar{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.entry-info{flex:1;display:flex;flex-direction:column;gap:2px}.entry-name{font-size:16px;font-weight:700;color:#fff}.entry-level{font-size:14px;color:#ffffffb3}.entry-badge{font-size:20px}.entry-xp{font-size:14px;font-weight:600;color:#dcb856;text-align:right;min-width:80px}.leaderboard-cta{text-align:center;padding:20px;color:#ffffffb3;font-style:italic}.progression-container{max-width:500px;margin:0 auto}.progression-path{display:flex;flex-direction:column;gap:8px}.milestone{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;position:relative}.milestone.completed{background:#2f855a1a;border:1px solid rgba(47,133,90,.3)}.milestone.current{background:#dcb8561a;border:1px solid rgba(220,184,86,.3);box-shadow:0 0 20px #dcb8561a}.milestone:not(.completed):not(.current){background:#ffffff08;border:1px solid rgba(255,255,255,.1);opacity:.6}.milestone-icon{font-size:28px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;flex-shrink:0}.milestone.completed .milestone-icon{background:#2f855a4d}.milestone.current .milestone-icon{background:#dcb8564d}.milestone-info h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.milestone-info p{font-size:14px;color:#ffffffb3;margin:0}.milestone-progress{font-size:12px;color:#dcb856;font-weight:600;margin-top:4px}.milestone-connector{width:2px;height:20px;background:#ffffff1a;margin-left:44px}.milestone-connector.completed{background:#2f855a80}@media (max-width: 768px){.gamification-preview{padding:24px}.gamification-header{flex-direction:column;gap:20px;text-align:center}.level-display{justify-content:center}.preview-title h3{font-size:24px}.achievements-grid{grid-template-columns:1fr}.achievement-card{padding:16px}.leaderboard-entry{padding:12px;gap:12px}.entry-info{min-width:0}.tab-button{font-size:12px;padding:10px 12px}}.trust-elements-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.1);margin:40px 0}.trust-badges{margin-bottom:48px}.trust-title{font-size:32px;font-weight:800;color:#fff;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,#fff,#dcb856);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.trust-badge{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.trust-badge:hover{background:#ffffff14;border-color:#dcb8564d;transform:translateY(-2px)}.badge-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#dcb8561a;border-radius:16px;border:1px solid rgba(220,184,86,.3);flex-shrink:0}.badge-content{flex:1}.badge-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px}.badge-description{font-size:14px;color:#ffffffb3;margin:0;line-height:1.4}.value-proposition{margin-bottom:48px}.value-title{font-size:32px;font-weight:800;color:#fff;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,#fff,#dcb856);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.value-item{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.value-item:hover{background:#ffffff14;transform:translateY(-2px)}.value-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#dcb8561a;border-radius:16px;border:1px solid rgba(220,184,86,.3);flex-shrink:0}.value-content h4{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.value-content p{font-size:14px;color:#ffffffb3;margin:0;line-height:1.4}.testimonial-section{margin-bottom:48px}.testimonial-title{font-size:32px;font-weight:800;color:#fff;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,#fff,#dcb856);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.testimonial-carousel{max-width:700px;margin:0 auto}.testimonial-card{background:#ffffff14;border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.1);position:relative;box-shadow:0 8px 32px #0003}.testimonial-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.testimonial-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#dcb8561a;border-radius:50%;border:2px solid rgba(220,184,86,.3);flex-shrink:0}.avatar-emoji{font-size:36px}.verified-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:#2f855a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;border:2px solid rgba(15,23,42,1)}.testimonial-info{flex:1}.testimonial-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.testimonial-role{font-size:14px;color:#ffffffb3;margin:0 0 8px}.testimonial-rating{display:flex;gap:2px}.star{font-size:16px}.testimonial-content{font-size:18px;line-height:1.6;color:#ffffffe6;font-style:italic;margin:0 0 20px;padding:0;border:none;position:relative}.testimonial-content:before{content:'"';font-size:60px;color:#dcb8564d;position:absolute;top:-10px;left:-20px;font-family:serif;line-height:1}.testimonial-story{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2f855a1a;border-radius:12px;border-left:3px solid #2f855a;font-size:14px}.story-label{color:#ffffffb3;font-weight:500}.story-title{color:#dcb856;font-weight:600;font-style:italic}.testimonial-navigation{display:flex;justify-content:center;gap:12px;margin-top:24px}.nav-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.nav-dot.active{background:#dcb856;transform:scale(1.2)}.nav-dot:hover:not(.active){background:#ffffff80;transform:scale(1.1)}.quality-assurance{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.qa-item{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.qa-item:hover{background:#ffffff0f;transform:translateY(-2px)}.qa-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#dcb8561a;border-radius:12px;border:1px solid rgba(220,184,86,.2);flex-shrink:0}.qa-content h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.qa-content p{font-size:14px;color:#ffffffb3;margin:0;line-height:1.4}@media (max-width: 768px){.trust-elements-container{padding:24px;margin:24px 0}.trust-title,.testimonial-title{font-size:24px}.badges-grid{grid-template-columns:1fr;gap:16px}.trust-badge{padding:16px;gap:12px}.badge-icon{width:48px;height:48px;font-size:24px}.testimonial-card{padding:24px}.testimonial-header{gap:16px}.testimonial-avatar{width:64px;height:64px}.avatar-emoji{font-size:28px}.testimonial-content{font-size:16px}.testimonial-content:before{font-size:40px;top:-5px;left:-15px}.quality-assurance{grid-template-columns:1fr;gap:16px}.qa-item{padding:16px;gap:12px}.qa-icon{width:40px;height:40px;font-size:20px}}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;font-size:20px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #dcb85680}50%{box-shadow:0 0 20px #dcb856cc}}.fun-button{position:relative;overflow:hidden;transition:all .3s ease}.fun-button:hover{animation:float .6s ease-in-out infinite}.fun-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.fun-button:hover:before{left:100%}.wiggle-on-hover:hover{animation:wiggle .5s ease-in-out}.glow-on-hover:hover{animation:glow-pulse 1s ease-in-out infinite}.floating-emoji{position:absolute;animation:float 3s ease-in-out infinite;pointer-events:none}.floating-emoji:nth-child(1){animation-delay:0s}.floating-emoji:nth-child(2){animation-delay:.5s}.floating-emoji:nth-child(3){animation-delay:1s}.floating-emoji:nth-child(4){animation-delay:1.5s}.floating-emoji:nth-child(5){animation-delay:2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.sparkle{position:absolute;width:4px;height:4px;background:#dcb856;border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}.sparkle:nth-child(1){top:20%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:30%;left:80%;animation-delay:.3s}.sparkle:nth-child(3){top:70%;left:30%;animation-delay:.6s}.sparkle:nth-child(4){top:80%;left:70%;animation-delay:.9s}.sparkle:nth-child(5){top:50%;left:50%;animation-delay:1.2s}.fun-tooltip{position:relative}.fun-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background:#000000e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}.fun-tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}@keyframes bounce-click{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.bounce-click:active{animation:bounce-click .2s ease-in-out}@keyframes success-celebration{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0)}}.success-celebrate{animation:success-celebration .6s ease-in-out}@keyframes rainbow{0%{color:red}16.66%{color:#ff8000}33.33%{color:#ff0}50%{color:#0f0}66.66%{color:#0080ff}83.33%{color:#8000ff}to{color:red}}.rainbow-text{animation:rainbow 2s linear infinite}.magnetic-button{transition:all .2s ease;cursor:pointer}.magnetic-button:hover{transform:scale(1.05)}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;border-right:3px solid #dcb856;white-space:nowrap;animation:typewriter 2s steps(30,end)}@keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid #dcb856;border-radius:50%;animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}.home-modern{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0f172af2,#1e293be6,#334155d9 60%,#475569cc)}.hero-modern{min-height:100vh;display:flex;align-items:flex-start;padding:0 20px;position:relative;z-index:10}.hero-content-modern{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start;width:100%}.hero-text{color:#fff}.hero-logo-modern{margin-bottom:40px;display:inline-block}.hero-title-modern{font-size:clamp(48px,7vw,84px);font-weight:900;line-height:1.1;margin-bottom:32px;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1 60%,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title-accent{background:linear-gradient(135deg,#dcb856,#f59e0b,#eab308);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}.hero-subtitle-modern{font-size:22px;line-height:1.6;color:#fffc;margin-bottom:32px;max-width:500px}.hero-social-proof{margin-bottom:40px}.social-proof-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:16px;color:#ffffffe6}.stat-highlight{color:#dcb856;font-weight:600;background:#dcb8561a;padding:6px 12px;border-radius:20px;border:1px solid rgba(220,184,86,.3)}.stat-separator{color:#fff6}.stat-item{color:#fffc;font-weight:500}.hero-actions-modern{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.secondary-cta{margin-top:8px}.urgency-text{color:#f59e0b;font-size:16px;font-weight:600;background:#f59e0b1a;padding:8px 16px;border-radius:12px;border:1px solid rgba(245,158,11,.3);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 16px #f59e0b80}}.hero-btn-modern{display:flex;align-items:center;gap:12px;padding:18px 36px;font-size:18px;font-weight:700;border-radius:16px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;min-width:200px;justify-content:center}.hero-btn-modern.primary{background:linear-gradient(135deg,#2f855a,#dcb856);color:#fff;box-shadow:0 10px 30px #2f855a4d,0 0 0 1px #ffffff1a inset}.hero-btn-modern.primary:hover{box-shadow:0 20px 40px #2f855a66,0 0 0 1px #fff3 inset;transform:translateY(-2px)}.hero-btn-modern.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff}.hero-btn-modern.secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-btn-modern:hover .btn-shine{left:100%}.btn-icon{font-size:20px}.hero-demo-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 10px 30px #0003;width:100%;max-width:360px;height:auto;margin-top:24px}.section-header{text-align:center;margin-bottom:80px;color:#fff}.section-title{font-size:48px;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:20px;color:#ffffffb3;max-width:600px;margin:0 auto}.genre-section-modern{padding:120px 20px;position:relative;z-index:5}.stats-section-modern{padding:80px 20px;position:relative;z-index:5}.stats-container-modern{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.stat-card-modern{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card-modern:hover{background:#ffffff26;box-shadow:0 20px 40px #0003}.stat-icon-modern{font-size:48px;margin-bottom:20px}.stat-value-modern{font-size:36px;font-weight:800;color:#dcb856;margin-bottom:12px}.stat-label-modern{font-size:18px;color:#fffc;font-weight:600}.recent-section-modern{padding:80px 20px;position:relative;z-index:5}.stories-grid-modern{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.cta-section-modern{padding:120px 20px;position:relative;z-index:5}.cta-container{max-width:800px;margin:0 auto;text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:80px 40px;border:1px solid rgba(255,255,255,.1)}.cta-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:20px}.cta-subtitle{font-size:20px;color:#ffffffb3;margin-bottom:40px}.cta-btn{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;font-size:20px;font-weight:700;border-radius:16px;border:none;background:linear-gradient(135deg,#2f855a,#dcb856);color:#fff;cursor:pointer;box-shadow:0 10px 30px #2f855a4d;transition:all .3s ease}.cta-btn:hover{box-shadow:0 20px 40px #2f855a66;transform:translateY(-2px)}.social-proof-section{padding:80px 20px;position:relative;z-index:10}.section-container{max-width:1200px;margin:0 auto}.gamification-section,.trust-section{padding:80px 20px;position:relative;z-index:10}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-emoji{position:absolute;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 0 10px rgba(220,184,86,.3))}.hero-btn-modern.fun-button{position:relative;overflow:hidden}.hero-btn-modern.fun-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-btn-modern.fun-button:hover:before{left:100%}@media (max-width: 1200px){.hero-content-modern{grid-template-columns:1fr;text-align:center;gap:60px}.hero-demo-container{max-width:360px;margin:24px auto 0}}@media (max-width: 768px){.hero-actions-modern{flex-direction:column;width:100%}.hero-btn-modern{width:100%;max-width:300px}.stats-container-modern{grid-template-columns:1fr;gap:30px}.section-title,.cta-title{font-size:36px}.cta-container{padding:60px 30px}}@media (max-width: 480px){.home-modern{padding:0 10px}.hero-title-modern{font-size:36px}.hero-subtitle-modern{font-size:18px}.hero-btn-modern{font-size:16px;padding:16px 24px}}.builder{max-width:1100px;width:95%}.wizard-container{padding:40px}.wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.builder-back{background:transparent;border:1px solid var(--am-border);color:var(--am-text);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.builder-back:hover{background:var(--am-bg-2);transform:translate(-2px)}.challenge-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--am-primary),var(--am-accent));color:#fff;padding:8px 16px;border-radius:16px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #2f855a4d}.wizard-content{text-align:center;max-width:900px;margin:0 auto;width:100%}.wizard-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--am-text);margin-bottom:16px;letter-spacing:-.02em;line-height:1.1}.wizard-subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--am-subtext);margin-bottom:40px;line-height:1.6}.wizard-questions{display:grid;gap:32px;margin-bottom:40px;text-align:left;max-width:none}.question-group{background:#fff9;border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 2px 12px #0000000d}.question-label{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--am-text);margin-bottom:16px}.question-number{background:var(--am-primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0}.question-hint{font-size:14px;color:var(--am-subtext);margin-bottom:12px;line-height:1.5}.genre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.genre-pill{padding:12px 16px;border:1px solid var(--am-border);background:#fff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.genre-pill:hover{border-color:var(--am-primary);background:#2f855a0d;transform:translateY(-2px)}.genre-pill.active{background:var(--am-primary);color:#fff;border-color:var(--am-primary);box-shadow:0 4px 12px #2f855a4d}.length-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.length-option{padding:20px;border:1px solid var(--am-border);background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.length-option:hover{border-color:var(--am-primary);background:#2f855a0d;transform:translateY(-2px)}.length-option.active{border-color:var(--am-primary);background:var(--am-primary);color:#fff;box-shadow:0 4px 16px #2f855a4d}.length-title{font-size:16px;font-weight:700;margin-bottom:4px}.length-desc{font-size:14px;opacity:.8}.scene-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.6}.scene-textarea.challenge-prompt{background:var(--am-bg-1);border:2px solid var(--am-accent);font-style:italic}.wizard-actions{text-align:center}.wizard-start-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:700;border-radius:12px;min-width:240px;justify-content:center;margin-bottom:16px;transition:all .2s ease;box-shadow:0 4px 16px #2f855a4d}.wizard-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2f855a66}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wizard-note{color:var(--am-subtext);font-size:14px;line-height:1.5;max-width:400px;margin:0 auto}.story-container{padding:32px}.story-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--am-border)}.story-info{text-align:center;min-width:0}.story-title{font-size:24px;font-weight:800;color:var(--am-text);margin-bottom:8px}.story-meta{display:flex;justify-content:center;gap:16px;align-items:center}.genre-badge{background:linear-gradient(90deg,var(--am-primary),var(--am-accent));color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.progress-text{color:var(--am-subtext);font-size:14px;font-weight:600}.builder-progress{width:120px;height:8px;background:var(--am-border);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--am-primary),var(--am-accent));transition:width .4s ease;border-radius:4px}.scene-content{max-width:700px;margin:0 auto}.scene-block{margin-bottom:40px}.scene-text{background:var(--am-bg-1);padding:28px;border-radius:16px;border-left:4px solid var(--am-primary);font-size:16px;line-height:1.7;color:var(--am-text);margin-bottom:20px;box-shadow:0 2px 12px #0000000d;white-space:pre-wrap;position:relative}.user-response{background:#fffc;border:2px solid var(--am-accent);border-radius:12px;padding:18px 24px;margin-bottom:24px;margin-left:24px;margin-right:24px;font-size:15px;color:var(--am-text);box-shadow:0 3px 8px #00000014;position:relative}.user-response:before{content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--am-accent)}.user-response strong{color:var(--am-accent);font-weight:700;margin-right:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.typewriter-text{font-size:16px;line-height:1.7;color:var(--am-text);font-weight:400;letter-spacing:.3px}.typewriter-text.typing{cursor:pointer}.typewriter-text.typing:hover{opacity:.8}.typewriter-cursor{display:inline-block;animation:blink 1s infinite;font-weight:700;margin-left:1px;color:var(--am-primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.user-input-section{margin-top:32px;margin-bottom:20px;border-top:2px solid var(--am-border);padding-top:32px}.input-title{font-size:20px;font-weight:700;color:var(--am-text);margin-bottom:20px;text-align:center}.user-input-form{display:flex;flex-direction:column;gap:16px}.user-input-textarea{background:var(--am-card);border:2px solid var(--am-border);border-radius:12px;padding:16px 20px;font-size:15px;color:var(--am-text);font-family:inherit;resize:vertical;min-height:80px;line-height:1.5;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.user-input-textarea:focus{outline:none;border-color:var(--am-primary);box-shadow:0 0 0 3px #2f855a1a}.user-input-textarea::-moz-placeholder{color:var(--am-subtext);opacity:.8}.user-input-textarea::placeholder{color:var(--am-subtext);opacity:.8}.user-input-textarea:disabled{opacity:.6;cursor:not-allowed}.continue-btn{align-self:center;display:flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;border-radius:12px;min-width:200px;justify-content:center;transition:all .2s ease}.continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2f855a4d}.continue-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.story-complete{text-align:center;padding:40px 20px;background:#2f855a0d;border-radius:16px;border:1px solid rgba(47,133,90,.2)}.completion-icon{font-size:48px;margin-bottom:16px}.story-complete h3{font-size:24px;font-weight:700;color:var(--am-success);margin-bottom:12px}.story-complete p{color:var(--am-subtext);font-size:16px;margin-bottom:24px}.completion-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.wizard-container,.story-container{padding:24px}.wizard-questions{gap:24px}.question-group{padding:20px}.genre-grid{grid-template-columns:repeat(2,1fr)}.length-options{grid-template-columns:1fr}.story-header{grid-template-columns:1fr;text-align:center;gap:16px}.story-meta{flex-direction:column;gap:8px}.builder-progress{width:100%;max-width:200px;margin:0 auto}}@media (max-width: 480px){.wizard-start-btn{width:100%;padding:14px 24px;font-size:16px}.completion-actions{flex-direction:column}.scene-text{padding:20px;font-size:15px}.choice{padding:14px 16px;font-size:14px}.genre-grid{grid-template-columns:repeat(2,1fr)}.genre-pill{padding:10px 12px;font-size:13px}}.challenge-container{min-height:calc(100vh - 60px);background:radial-gradient(1200px 600px at 20% 0%,var(--am-bg-2),transparent 60%),radial-gradient(1200px 600px at 100% 100%,var(--am-bg-1),transparent 60%),linear-gradient(135deg,var(--am-bg-1),var(--am-bg-2))}.challenge-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:18px;color:var(--am-subtext)}.challenge-header{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--am-border);padding:60px 0 40px}.challenge-hero{max-width:1200px;margin:0 auto;padding:0 clamp(16px,5vw,40px);text-align:center}.challenge-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--am-primary),var(--am-accent));color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;box-shadow:0 4px 16px #2f855a4d}.trophy-icon{font-size:16px}.challenge-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--am-text);margin-bottom:16px;letter-spacing:-.02em}.challenge-subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--am-subtext);margin-bottom:32px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.challenge-stats{display:flex;justify-content:center;gap:40px;margin-top:32px}.challenge-stats .stat{text-align:center}.challenge-stats .stat strong{display:block;font-size:24px;font-weight:800;color:var(--am-primary);margin-bottom:4px}.challenge-stats .stat span{font-size:14px;color:var(--am-subtext);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.challenge-tabs{background:#fffc;border-bottom:1px solid var(--am-border);display:flex;justify-content:center;padding:0 clamp(16px,5vw,40px);max-width:1200px;margin:0 auto}.challenge-tabs .tab{padding:16px 32px;background:none;border:none;font-size:16px;font-weight:600;color:var(--am-subtext);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap}.challenge-tabs .tab:hover{color:var(--am-text);background:#2f855a0d}.challenge-tabs .tab.active{color:var(--am-primary);border-bottom-color:var(--am-primary);background:#2f855a1a}.challenge-content{max-width:1200px;margin:0 auto;padding:40px clamp(16px,5vw,40px)}.prompt-section{display:grid;gap:40px;max-width:800px;margin:0 auto}.prompt-card{background:var(--am-card);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--am-border);text-align:center}.prompt-card h2{font-size:28px;font-weight:700;color:var(--am-text);margin-bottom:24px}.prompt-text{font-size:20px;line-height:1.6;color:var(--am-text);font-style:italic;background:var(--am-bg-1);padding:32px;border-radius:16px;margin-bottom:32px;border-left:4px solid var(--am-primary)}.prompt-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.challenge-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:700;border-radius:12px;min-width:200px;justify-content:center;transition:all .2s ease;box-shadow:0 4px 16px #2f855a4d}.challenge-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2f855a66}.challenge-note{color:var(--am-subtext);font-size:14px;text-align:center;margin:0}.already-submitted{padding:32px;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.already-submitted h3{font-size:24px;font-weight:700;color:var(--am-success);margin-bottom:12px}.already-submitted p{color:var(--am-subtext);margin-bottom:24px;font-size:16px}.rules-section{background:var(--am-card);border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 4px 20px #0000000d}.rules-section h3{font-size:20px;font-weight:700;color:var(--am-text);margin-bottom:20px;display:flex;align-items:center;gap:8px}.rules-section h3:before{content:"📋";font-size:20px}.rules-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.rules-list li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px;color:var(--am-text);border-bottom:1px solid var(--am-border)}.rules-list li:last-child{border-bottom:none}.leaderboard-section{display:grid;gap:32px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.leaderboard-header h2{font-size:28px;font-weight:700;color:var(--am-text);margin:0}.sort-select{padding:8px 16px;border:1px solid var(--am-border);border-radius:8px;background:#fff;color:var(--am-text);font-size:14px;font-weight:500;cursor:pointer;min-width:140px}.submissions-list{display:grid;gap:20px}.submission-card{background:var(--am-card);border-radius:16px;padding:24px;border:1px solid var(--am-border);box-shadow:0 4px 20px #0000000d;transition:all .2s ease;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.submission-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a;border-color:var(--am-primary)}.submission-card.mine{border-color:var(--am-accent);background:linear-gradient(to right,var(--am-card),rgba(234,88,12,.05))}.submission-rank{display:flex;align-items:center;justify-content:center;min-width:60px}.rank-badge{font-size:24px;font-weight:700;text-align:center;padding:8px;border-radius:8px;background:var(--am-bg-1);border:1px solid var(--am-border);min-width:50px}.submission-content{display:grid;gap:16px;min-width:0}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.author-info{display:flex;gap:12px;align-items:center;min-width:0}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--am-border)}.author-avatar .avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--am-primary),var(--am-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}.author-details{min-width:0}.story-title{font-size:18px;font-weight:700;color:var(--am-text);margin:0 0 4px;line-height:1.3}.author-name{font-size:14px;color:var(--am-subtext);margin:0}.voting-section{flex-shrink:0}.vote-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--am-border);background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--am-subtext);transition:all .2s ease}.vote-btn:hover:not(:disabled){background:var(--am-primary);border-color:var(--am-primary);color:#fff;transform:translateY(-1px)}.vote-btn.voted{background:var(--am-primary);border-color:var(--am-primary);color:#fff}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.vote-icon{font-size:16px}.vote-count{font-weight:700}.story-excerpt{font-size:15px;line-height:1.6;color:var(--am-text);background:var(--am-bg-1);padding:16px;border-radius:8px;border-left:3px solid var(--am-primary);font-style:italic}.submission-actions{display:flex;justify-content:flex-end}.read-more-btn{background:none;border:1px solid var(--am-border);color:var(--am-primary);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.read-more-btn:hover{background:var(--am-primary);color:#fff}.empty-submissions{text-align:center;padding:80px 20px;max-width:480px;margin:0 auto}.empty-submissions h3{font-size:24px;font-weight:700;color:var(--am-text);margin-bottom:16px}.empty-submissions p{color:var(--am-subtext);line-height:1.6;margin-bottom:32px;font-size:16px}@media (max-width: 1024px){.challenge-stats{gap:24px}.submission-card{grid-template-columns:1fr;gap:16px}.submission-rank{order:-1;justify-content:flex-start}.rank-badge{font-size:20px;min-width:auto;padding:4px 8px}}@media (max-width: 768px){.challenge-header{padding:40px 0 30px}.challenge-tabs{padding:0 16px}.challenge-tabs .tab{padding:12px 20px;font-size:14px}.challenge-content{padding:24px 16px}.prompt-card{padding:32px 24px}.challenge-stats{flex-direction:column;gap:20px}.challenge-stats .stat{display:flex;align-items:center;justify-content:center;gap:12px}.challenge-stats .stat strong{margin-bottom:0}.leaderboard-header{flex-direction:column;align-items:stretch}.submission-header{flex-direction:column;gap:12px}.voting-section{align-self:flex-start}}@media (max-width: 480px){.prompt-text{font-size:18px;padding:24px}.challenge-btn{width:100%;padding:14px 24px;font-size:16px}.rules-section{padding:24px}.submission-card{padding:20px}.story-excerpt{font-size:14px;padding:14px}}.am-nav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--am-card);border-bottom:1px solid var(--am-border);box-shadow:0 2px 20px #00000014;overflow:visible}.am-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(16px,4vw,40px)}.am-nav .brand{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .2s ease}.am-nav .brand:hover{transform:scale(1.02)}.am-nav .brand .am-logo-text:after{display:none}.brand-text{font-family:Quicksand,Nunito,sans-serif;font-size:20px;font-weight:700;color:var(--am-text);letter-spacing:-.02em}.am-nav .links{display:flex;gap:8px}.am-nav .link{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;text-decoration:none;color:var(--am-subtext);font-weight:600;font-size:14px;transition:all .2s ease;position:relative}.link-icon{font-size:16px}.link-text{font-size:14px}.am-nav .link:hover{background:#fffc;color:var(--am-text);border:1px solid var(--am-border);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.am-nav .link.active{background:var(--am-primary);color:#fff;box-shadow:0 4px 16px #2f855a4d}.am-nav .link.active:hover{background:var(--am-primary-700);border:1px solid var(--am-primary-700)}.am-nav .actions{display:flex;align-items:center;gap:16px}.user-menu-container{position:relative}.actions{display:flex;align-items:center;gap:12px}.theme-toggle{padding:8px;background:var(--am-card);border:1px solid var(--am-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:18px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--am-text)}.theme-toggle:hover{background:var(--am-bg-2);transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.user-trigger{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--am-card);border:1px solid var(--am-border);border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--am-text)}.user-trigger:hover{background:var(--am-bg-2);transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--am-primary),var(--am-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:var(--am-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-email{font-size:12px;color:var(--am-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.dropdown-arrow{font-size:10px;color:var(--am-subtext);transition:transform .2s ease;margin-left:4px}.user-trigger:hover .dropdown-arrow{transform:translateY(-1px)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--am-border);border-radius:12px;box-shadow:0 8px 32px #00000026;padding:8px 0;min-width:180px;z-index:1000;animation:dropdownFade .2s ease-out;overflow:hidden}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--am-text);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .2s ease}.dropdown-item:hover{background:#2f855a1a;color:var(--am-primary)}.dropdown-item:first-child:hover{border-radius:12px 12px 0 0}.dropdown-item:last-child:hover{border-radius:0 0 12px 12px}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}.dropdown-icon{font-size:14px;width:16px;text-align:center}.dropdown-divider{height:1px;background:var(--am-border);margin:8px 0}@media (max-width: 1024px){.user-info,.dropdown-arrow{display:none}.user-trigger{padding:8px;border-radius:50%;width:48px;height:48px;justify-content:center}}@media (max-width: 768px){.am-nav-inner{gap:16px;padding:12px 16px}.am-nav .links{gap:4px}.am-nav .link{padding:10px 12px}.link-text{display:none}.link-icon{font-size:18px}.brand-text{display:none}}@media (max-width: 480px){.am-nav .links{display:none}.am-nav-inner{justify-content:space-between}}.user-menu-container.open .user-dropdown{display:block}.auth-buttons{display:flex;gap:12px;align-items:center}.sign-in-btn{padding:8px 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;color:var(--am-text);border:1px solid var(--am-border);background:transparent}.sign-in-btn:hover{background:var(--am-bg-2);transform:translateY(-1px)}.sign-up-btn{padding:8px 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;background:var(--am-primary);color:#fff;border:1px solid var(--am-primary)}.sign-up-btn:hover{background:#3a7a5a;transform:translateY(-1px)}.trophy-display{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(210,180,140,.3);padding:1.5rem;box-shadow:0 8px 32px #0000001a}.trophy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.trophy-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#2c3e2d,#8aaf80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.trophy-filters{display:flex;gap:.5rem;flex-wrap:wrap}.trophy-filters .filter-btn{background:#fffc;border:1px solid rgba(210,180,140,.3);color:#6b7280;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.trophy-filters .filter-btn:hover{background:#fffffff2;border-color:#d2b48c80;transform:translateY(-1px)}.trophy-filters .filter-btn.active{background:linear-gradient(135deg,#8aaf80,#6d9663);color:#fff;border-color:#8aaf80}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.trophy-item{background:#ffffffe6;border-radius:12px;padding:1.5rem;border:2px solid transparent;position:relative;transition:all .3s ease;overflow:hidden}.trophy-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--rarity-color)}.trophy-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026;border-color:var(--rarity-color)}.trophy-item.legendary{background:linear-gradient(135deg,#f59e0b0d,#fbbf240d)}.trophy-item.epic{background:linear-gradient(135deg,#8b5cf60d,#a855f70d)}.trophy-item.rare{background:linear-gradient(135deg,#3b82f60d,#2563eb0d)}.trophy-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 1rem}.trophy-icon{font-size:2.5rem;z-index:2;position:relative}.rarity-glow{position:absolute;inset:-10px;border-radius:50%;opacity:.3;filter:blur(8px);z-index:1}.rarity-glow.legendary{background:radial-gradient(circle,#f59e0b,#d97706);animation:legendary-pulse 2s ease-in-out infinite alternate}.rarity-glow.epic{background:radial-gradient(circle,#8b5cf6,#7c3aed);animation:epic-pulse 2s ease-in-out infinite alternate}.rarity-glow.rare{background:radial-gradient(circle,#3b82f6,#2563eb);animation:rare-pulse 2s ease-in-out infinite alternate}@keyframes legendary-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}@keyframes epic-pulse{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.05)}}@keyframes rare-pulse{0%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(1.03)}}.trophy-content{text-align:center}.trophy-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1f2937}.trophy-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.trophy-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.rarity-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rarity-badge.common{background:#6b728033;color:#374151}.rarity-badge.rare{background:#3b82f633;color:#1e40af}.rarity-badge.epic{background:#8b5cf633;color:#6d28d9}.rarity-badge.legendary{background:#f59e0b33;color:#92400e}.earned-date{font-size:.75rem;color:#9ca3af}.no-trophies{text-align:center;padding:3rem 1rem;color:#6b7280}.no-trophies-icon{font-size:4rem;opacity:.5;margin-bottom:1rem}.no-trophies h4{font-size:1.5rem;margin:0 0 .5rem;color:#374151}.no-trophies p{font-size:1rem;max-width:400px;margin:0 auto}.trophy-display-compact{display:flex;align-items:center;gap:.5rem}.trophy-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all .2s ease;cursor:pointer}.trophy-badge.legendary{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#d97706}.trophy-badge.epic{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#7c3aed}.trophy-badge.rare{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#2563eb}.trophy-badge.common{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-color:#6b7280}.trophy-badge:hover{transform:scale(1.1)}.trophy-icon{font-size:1.25rem}.trophy-count{background:#6b728033;color:#374151;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.trophy-showcase{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border-radius:16px;padding:2rem;text-align:center}.trophy-showcase h3{margin:0 0 1.5rem;font-size:1.75rem;font-weight:700;color:#92400e}.no-legendary{color:#6b7280;font-style:italic}.legendary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.legendary-trophy{background:#fffc;border-radius:12px;padding:1.5rem;border:2px solid #f59e0b;position:relative;overflow:hidden}.legendary-trophy:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(245,158,11,.1) 50%,transparent 70%);animation:legendary-shine 3s ease-in-out infinite}@keyframes legendary-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.trophy-icon-large{font-size:3rem;margin-bottom:1rem}.legendary-trophy h4{margin:0 0 .5rem;color:#92400e;font-weight:600}.legendary-trophy p{margin:0 0 1rem;color:#6b7280;font-size:.875rem}.trophy-display-loading{padding:1.5rem}.trophy-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.trophy-item-skeleton{background:linear-gradient(90deg,#d2b48c1a,#d2b48c33,#d2b48c1a);border-radius:12px;height:180px;animation:skeleton-loading 1.5s infinite ease-in-out}@media (max-width: 768px){.trophy-grid{grid-template-columns:1fr}.trophy-header{flex-direction:column;align-items:stretch}.trophy-filters{justify-content:center}.legendary-grid{grid-template-columns:1fr}.trophy-meta{flex-direction:column;gap:.25rem}}.gamification-stats{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(210,180,140,.3);padding:1.5rem;box-shadow:0 8px 32px #0000001a}.gamification-header{margin-bottom:2rem}.level-section{display:flex;align-items:center;gap:1.5rem}.level-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8aaf80,#6d9663);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #8aaf804d,inset 0 2px 8px #ffffff4d;position:relative;flex-shrink:0}.level-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(45deg,tan,#8aaf80,tan);z-index:-1;animation:level-rotate 3s linear infinite}@keyframes level-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-number{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.level-details h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#2c3e2d,#8aaf80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-bar-container{margin-bottom:.5rem}.xp-bar{width:100%;height:12px;background:#e5e7ebcc;border-radius:6px;overflow:hidden;margin-bottom:.5rem;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,#8aaf80,#6d9663,#a7c898);border-radius:6px;transition:width .5s ease;position:relative}.xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:xp-shimmer 2s infinite linear}@keyframes xp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-text{font-size:.875rem;font-weight:600;color:#374151}.total-xp{margin:0;font-size:.875rem;color:#6b7280}.gamification-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid rgba(210,180,140,.2)}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.tab-btn:hover{color:#374151}.tab-btn.active{color:#8aaf80;border-bottom-color:#8aaf80}.overview-tab{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#fffc;border-radius:12px;padding:1.5rem;border:1px solid rgba(210,180,140,.2);display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card.writing:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.community:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card.engagement:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card.challenges:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stat-icon{font-size:2rem;line-height:1}.stat-content h4{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:800;color:#1f2937;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.engagement-meter{background:#f8fafccc;border-radius:12px;padding:1.5rem}.engagement-meter h4{margin:0 0 1rem;color:#374151;font-weight:600}.engagement-bar{width:100%;height:16px;background:#ef444433;border-radius:8px;overflow:hidden;margin-bottom:1rem}.engagement-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e);border-radius:8px;transition:width .5s ease}.engagement-stats{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;color:#6b7280}.progress-tab{display:flex;flex-direction:column;gap:2rem}.streaks-section h4,.milestones-section h4{margin:0 0 1rem;color:#374151;font-weight:600}.streaks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.streak-card{background:#fffc;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(210,180,140,.2);position:relative}.streak-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#d97706)}.streak-icon{font-size:2rem;margin-bottom:.5rem}.streak-value{font-size:2.5rem;font-weight:800;color:#f59e0b;line-height:1}.streak-label{font-size:1rem;font-weight:500;color:#374151;margin-bottom:.25rem}.streak-best{font-size:.875rem;color:#6b7280}.milestones-list{display:flex;flex-direction:column;gap:1rem}.milestone-item{background:#fffc;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(210,180,140,.2)}.milestone-icon{font-size:1.5rem;width:40px;text-align:center}.milestone-info{flex:1}.milestone-info>span{font-weight:600;color:#374151}.milestone-progress{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#e5e7ebcc;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8aaf80,#6d9663);border-radius:4px;transition:width .5s ease}.milestone-progress>span{font-size:.875rem;color:#6b7280;white-space:nowrap}.gamification-compact{display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;border-radius:12px;padding:1rem;border:1px solid rgba(210,180,140,.2)}.level-display{display:flex;align-items:center;gap:1rem;flex:1}.level-badge{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#8aaf80,#6d9663);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 12px #8aaf804d}.level-number{font-size:1.25rem;line-height:1}.level-label{font-size:.625rem;line-height:1;margin-top:-2px}.level-info h4{margin:0 0 .5rem;font-size:1rem;color:#374151}.level-info .xp-bar{width:120px;height:6px;margin-bottom:.25rem}.xp-progress{height:100%;background:linear-gradient(90deg,#8aaf80,#6d9663);border-radius:3px;transition:width .5s ease}.level-info p{margin:0;font-size:.75rem;color:#6b7280}.gamification-loading{padding:1.5rem}.stats-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stat-card-skeleton{background:linear-gradient(90deg,#d2b48c1a,#d2b48c33,#d2b48c1a);border-radius:12px;height:100px;animation:skeleton-loading 1.5s infinite ease-in-out}.gamification-error{text-align:center;padding:2rem;color:#6b7280}@media (max-width: 768px){.level-section{flex-direction:column;text-align:center;gap:1rem}.stats-grid{grid-template-columns:1fr}.gamification-tabs{overflow-x:auto;gap:.5rem}.tab-btn{flex-shrink:0;padding:.5rem 1rem}.streaks-grid{grid-template-columns:1fr}.milestone-progress{flex-direction:column;align-items:stretch;gap:.5rem}.gamification-compact{flex-direction:column;gap:1rem}.level-display{justify-content:center}.engagement-stats{flex-direction:column;gap:.5rem;text-align:center}}.profile-container{min-height:calc(100vh - 60px);background:linear-gradient(135deg,var(--am-bg-1),var(--am-bg-2))}.avatar-upload{display:flex;flex-direction:column;gap:12px}.current-avatar{align-self:flex-start}.avatar-preview{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--am-border)}.file-input{padding:8px;border:2px dashed var(--am-border);border-radius:8px;background:var(--am-bg-1);cursor:pointer;transition:border-color .2s ease}.file-input:hover{border-color:var(--am-primary)}.file-input:disabled{opacity:.5;cursor:not-allowed}.upload-status{font-size:14px;color:var(--am-primary);font-weight:500}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:18px;color:var(--am-subtext)}.profile-header{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--am-border);padding:40px 0}.profile-hero{max-width:1200px;margin:0 auto;padding:0 clamp(16px,5vw,40px);display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 8px 32px #00000026;border:4px solid rgba(255,255,255,.8)}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default-avatar{width:100%;height:100%;background:linear-gradient(135deg,var(--am-primary),var(--am-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700}.profile-info{min-width:0}.profile-name{font-size:36px;font-weight:800;color:var(--am-text);margin-bottom:8px;letter-spacing:-.02em}.profile-email{color:var(--am-subtext);font-size:16px;margin-bottom:12px}.profile-bio{color:var(--am-text);font-size:16px;line-height:1.5;margin-bottom:8px;max-width:500px}.profile-joined{color:var(--am-subtext);font-size:14px}.profile-stats-mini{display:flex;gap:24px}.stat-mini{text-align:center}.stat-mini strong{display:block;font-size:24px;font-weight:800;color:var(--am-primary);margin-bottom:4px}.stat-mini span{font-size:14px;color:var(--am-subtext);font-weight:600}.profile-tabs{background:#fffc;border-bottom:1px solid var(--am-border);display:flex;justify-content:center;padding:0 clamp(16px,5vw,40px);max-width:1200px;margin:0 auto}.profile-tabs .tab{padding:16px 24px;background:none;border:none;font-size:16px;font-weight:600;color:var(--am-subtext);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.profile-tabs .tab:hover{color:var(--am-text);background:#2f855a0d}.profile-tabs .tab.active{color:var(--am-primary);border-bottom-color:var(--am-primary);background:#2f855a1a}.profile-content{max-width:1200px;margin:0 auto;padding:40px clamp(16px,5vw,40px)}.overview-section{display:grid;gap:40px}.stats-detailed .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.overview-section .stat-card{background:var(--am-card);border-radius:16px;padding:28px;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid var(--am-border);transition:transform .2s ease}.overview-section .stat-card:hover{transform:translateY(-4px)}.stat-icon{font-size:40px;margin-bottom:16px}.stat-value{font-size:28px;font-weight:800;color:var(--am-primary);margin-bottom:8px}.stat-label{font-size:14px;color:var(--am-subtext);font-weight:600}.recent-activity{background:var(--am-card);border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 4px 20px #00000014}.recent-stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.recent-activity h3{font-size:24px;font-weight:700;color:var(--am-text);margin-bottom:24px}.activity-story{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;border-radius:12px;border:1px solid var(--am-border);cursor:pointer;transition:all .2s ease}.activity-story:hover{background:#2f855a0d;border-color:var(--am-primary);transform:translate(4px)}.activity-info h4{font-size:16px;font-weight:700;color:var(--am-text);margin-bottom:4px}.activity-info p{font-size:14px;color:var(--am-subtext)}.activity-date{font-size:14px;color:var(--am-subtext);font-weight:600}.empty-activity{text-align:center;padding:40px 20px}.empty-activity p{color:var(--am-subtext);margin-bottom:24px;font-size:16px}.stories-section{display:grid;gap:32px}.stories-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stories-header h3{font-size:28px;font-weight:700;color:var(--am-text);margin:0}.stories-controls{display:flex;gap:16px;align-items:center}.sort-select{padding:8px 12px;border:1px solid var(--am-border);border-radius:8px;background:#fff;color:var(--am-text);font-size:14px;cursor:pointer}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.story-card-detailed{background:var(--am-card);border-radius:16px;padding:24px;border:1px solid var(--am-border);box-shadow:0 4px 20px #00000014;transition:all .2s ease}.story-card-detailed:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026;border-color:var(--am-primary)}.story-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.story-card-title{font-size:18px;font-weight:700;color:var(--am-text);margin:0;line-height:1.3}.story-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--am-border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn:hover{background:var(--am-primary);border-color:var(--am-primary);color:#fff}.action-btn.delete:hover{background:#dc2626;border-color:#dc2626}.story-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:var(--am-subtext);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:14px;color:var(--am-text);font-weight:600}.genre-tag{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;color:#fff;text-align:center;width:-moz-fit-content;width:fit-content}.genre-tag.fantasy{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.genre-tag.sci-fi{background:linear-gradient(90deg,#06b6d4,#0891b2)}.genre-tag.mystery{background:linear-gradient(90deg,#374151,#4b5563)}.genre-tag.romance{background:linear-gradient(90deg,#ec4899,#db2777)}.genre-tag.horror{background:linear-gradient(90deg,#dc2626,#b91c1c)}.genre-tag.adventure{background:linear-gradient(90deg,#ea580c,#d97706)}.genre-tag.drama{background:linear-gradient(90deg,#7c3aed,#6d28d9)}.genre-tag.comedy{background:linear-gradient(90deg,#eab308,#ca8a04)}.status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:8px;text-align:center}.status.public{background:#ecfdf5;color:#166534}.status.private{background:#f3f4f6;color:#6b7280}.empty-stories{text-align:center;padding:80px 20px;max-width:480px;margin:0 auto}.empty-icon{font-size:64px;margin-bottom:24px}.empty-stories h3{font-size:24px;font-weight:700;color:var(--am-text);margin-bottom:16px}.empty-stories p{color:var(--am-subtext);line-height:1.6;margin-bottom:32px;font-size:16px}.settings-section{max-width:600px;margin:0 auto}.settings-section h3{font-size:28px;font-weight:700;color:var(--am-text);margin-bottom:32px;text-align:center}.settings-form{background:var(--am-card);border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 4px 20px #00000014;width:100%;box-sizing:border-box}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px;width:100%}.form-group .am-input{width:100%;box-sizing:border-box}.bio-textarea{resize:vertical;min-height:100px}.form-group:last-child{margin-bottom:0}.am-label{display:block;font-size:14px;font-weight:600;color:var(--am-text);margin-bottom:8px}.bio-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.save-btn{margin-top:24px;padding:12px 32px;width:auto;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 1200px){.stats-detailed .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.profile-hero{grid-template-columns:1fr;text-align:center;gap:24px}.profile-stats-mini{justify-content:center}.stories-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-hero{padding:0 16px}.profile-content{padding:24px 16px}.profile-name{font-size:28px}.profile-avatar{width:100px;height:100px}.default-avatar{font-size:40px}.profile-tabs{padding:0 16px}.profile-tabs .tab{padding:12px 16px;font-size:14px}.stories-header{flex-direction:column;align-items:stretch}.stories-controls{justify-content:space-between}.form-row{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.profile-stats-mini{gap:16px}.stat-mini strong{font-size:20px}.overview-section .stats-grid{grid-template-columns:1fr;gap:16px}.story-card-detailed{padding:20px}.story-meta-grid{grid-template-columns:1fr;gap:12px}.recent-activity,.settings-form{padding:24px}}.story-share-container{min-height:100vh;background:linear-gradient(135deg,var(--am-bg-1),var(--am-bg-2))}.story-share-loading,.story-share-error{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:18px;color:var(--am-subtext)}.story-header-section{height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.story-header-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0006,#000000b3);display:flex;align-items:center;justify-content:center}.story-header-content{text-align:center;color:#fff;max-width:800px;padding:0 20px}.story-badge{display:inline-block;background:linear-gradient(90deg,var(--am-primary),var(--am-accent));color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.story-share-title{font-size:clamp(32px,5vw,56px);font-weight:800;margin-bottom:20px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.story-author{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:500;opacity:.9}.author-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white;-o-object-fit:cover;object-fit:cover}.story-stats-bar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--am-border);padding:20px 0;position:sticky;top:0;z-index:100}.story-stats-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 20px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-icon{font-size:24px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:800;color:var(--am-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--am-subtext);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.story-share-main{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 400px;gap:60px}.story-content-section{display:flex;flex-direction:column;gap:40px}.story-summary{background:var(--am-card);border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 4px 20px #00000014}.story-summary h2{font-size:28px;font-weight:700;color:var(--am-text);margin-bottom:16px}.story-summary p{font-size:16px;line-height:1.7;color:var(--am-subtext)}.story-actions{display:flex;gap:16px;flex-wrap:wrap}.story-action-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:200px;justify-content:center}.story-action-btn.primary{background:linear-gradient(90deg,var(--am-primary),var(--am-accent));color:#fff;box-shadow:0 4px 16px #2f855a4d}.story-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2f855a66}.story-action-btn.secondary{background:var(--am-card);color:var(--am-text);border:2px solid var(--am-primary)}.story-action-btn.secondary:hover{background:var(--am-primary);color:#fff;transform:translateY(-2px)}.btn-icon{font-size:18px}.story-sharing{background:var(--am-card);border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 4px 20px #00000014}.story-sharing h3{font-size:24px;font-weight:700;color:var(--am-text);margin-bottom:20px}.share-buttons{display:flex;gap:12px;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--am-border);background:#fff;color:var(--am-text)}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-btn.twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-btn.reddit:hover{background:#ff4500;color:#fff;border-color:#ff4500}.share-btn.copy:hover{background:var(--am-primary);color:#fff;border-color:var(--am-primary)}.share-icon{font-size:16px}.story-preview-section{background:var(--am-card);border-radius:16px;padding:32px;border:1px solid var(--am-border);box-shadow:0 4px 20px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:120px}.story-preview-section h3{font-size:24px;font-weight:700;color:var(--am-text);margin-bottom:20px}.story-preview{display:flex;flex-direction:column;gap:20px}.preview-scene{padding:20px;background:var(--am-bg-1);border-radius:12px;border-left:4px solid var(--am-primary)}.preview-scene-text{font-size:15px;line-height:1.6;color:var(--am-text);margin-bottom:12px}.preview-user-response{font-size:14px;color:var(--am-accent);font-weight:500;padding:8px 12px;background:#fffc;border-radius:8px;border-left:3px solid var(--am-accent)}.preview-more{text-align:center;padding:16px;color:var(--am-subtext);font-style:italic;border:2px dashed var(--am-border);border-radius:12px}@media (max-width: 1024px){.story-share-main{grid-template-columns:1fr;gap:40px}.story-preview-section{position:static}}@media (max-width: 768px){.story-stats-content{grid-template-columns:repeat(2,1fr);gap:16px}.story-header-section{height:300px}.story-actions{flex-direction:column}.story-action-btn{width:100%}.share-buttons{justify-content:center}}@media (max-width: 480px){.story-stats-content{grid-template-columns:repeat(2,1fr);padding:0 16px}.story-share-main{padding:40px 16px}.story-summary,.story-sharing,.story-preview-section{padding:24px}}.feed-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.feed-header{text-align:center;margin-bottom:2rem;padding:0 1rem}.feed-header h1{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;background:linear-gradient(135deg,#2c3e2d,#8aaf80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feed-header p{font-size:1.125rem;color:#6b7280;margin:0 0 2rem}.feed-filters{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.filter-btn{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(210,180,140,.3);color:#6b7280;padding:.75rem 1.5rem;border-radius:25px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#fffffff2;border-color:#d2b48c80;transform:translateY(-1px);color:#374151}.filter-btn.active{background:linear-gradient(135deg,#8aaf80,#6d9663);color:#fff;border-color:#8aaf80;transform:translateY(-2px);box-shadow:0 8px 20px #8aaf804d}.story-feed{max-width:600px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:2rem}.story-feed-item{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(210,180,140,.3);padding:0;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;transition:all .3s ease;overflow:hidden}.story-feed-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 4px 16px #00000014}.story-author{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#d2b48c1a,#8aaf801a);border-bottom:1px solid rgba(210,180,140,.2)}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,tan,#8aaf80);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem}.author-info{flex:1}.author-name{font-size:1rem;font-weight:600;margin:0;color:#2c3e2d}.story-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.story-time{font-size:.875rem;color:#6b7280}.challenge-badge{background:linear-gradient(135deg,#8aaf80,#6d9663);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:500}.story-content{padding:1.5rem}.story-title{font-size:1.375rem;font-weight:700;margin:0 0 .5rem;color:#1f2937;line-height:1.3}.story-genre{display:inline-block;background:#d2b48c33;color:#8b6914;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.story-preview{background:#f8fafccc;border-radius:12px;padding:1rem;margin:1rem 0;border:1px solid rgba(210,180,140,.2)}.story-preview pre{font-family:Inter,system-ui,sans-serif;font-size:.95rem;line-height:1.6;color:#374151;margin:0;white-space:pre-wrap;word-wrap:break-word}.read-more-btn{background:linear-gradient(135deg,#8aaf80,#6d9663);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.read-more-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8aaf804d}.story-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc80;border-top:1px solid rgba(210,180,140,.2)}.voting-buttons{display:flex;align-items:center;gap:.5rem}.vote-btn{display:flex;align-items:center;gap:.25rem;background:transparent;border:1px solid rgba(210,180,140,.3);color:#6b7280;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.vote-btn:hover:not(.disabled){background:#d2b48c1a;border-color:#d2b48c80;transform:translateY(-1px)}.vote-btn.upvote.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.vote-btn.downvote.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.vote-btn.disabled{opacity:.5;cursor:not-allowed}.vote-indicator{font-size:.75rem;font-weight:500}.score{font-weight:600;min-width:2rem;text-align:center}.score.positive{color:#10b981}.score.negative{color:#ef4444}.score.neutral{color:#6b7280}.comment-btn,.share-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(210,180,140,.3);color:#6b7280;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.comment-btn:hover,.share-btn:hover{background:#d2b48c1a;border-color:#d2b48c80;transform:translateY(-1px)}.comments-section{border-top:1px solid rgba(210,180,140,.2);background:#f8fafc4d}.comments{padding:1.5rem}.new-comment{margin-bottom:1.5rem}.new-comment textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid rgba(210,180,140,.3);border-radius:8px;font-family:inherit;font-size:.875rem;resize:vertical;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.new-comment textarea:focus{outline:none;border-color:#8aaf80;box-shadow:0 0 0 3px #8aaf801a}.new-comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.char-count{font-size:.75rem;color:#6b7280}.submit-comment-btn{background:linear-gradient(135deg,#8aaf80,#6d9663);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.submit-comment-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8aaf804d}.submit-comment-btn:disabled{opacity:.5;cursor:not-allowed}.comment{margin-bottom:1rem;padding:1rem;background:#fff9;border-radius:8px;border:1px solid rgba(210,180,140,.2)}.comment.reply{margin-left:2rem;margin-top:.75rem;background:#f8fafc80}.comment-header{margin-bottom:.5rem}.comment-author{display:flex;align-items:center;gap:.5rem}.comment-author img,.comment-avatar-placeholder{width:24px;height:24px;border-radius:50%}.comment-avatar-placeholder{background:linear-gradient(135deg,tan,#8aaf80);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.comment-author-name{font-size:.875rem;font-weight:500;color:#374151}.comment-time{font-size:.75rem;color:#6b7280}.comment-content p{margin:0;font-size:.875rem;line-height:1.5;color:#374151}.comment-actions{margin-top:.5rem}.reply-btn{background:none;border:none;color:#6b7280;font-size:.75rem;cursor:pointer;padding:0}.reply-btn:hover{color:#374151}.reply-form{margin-top:.75rem}.reply-form textarea{width:100%;padding:.5rem;border:1px solid rgba(210,180,140,.3);border-radius:6px;font-size:.875rem;background:#fffc}.reply-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.cancel-reply-btn,.submit-reply-btn{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;border:1px solid transparent}.cancel-reply-btn{background:transparent;color:#6b7280;border-color:#d1d5db}.submit-reply-btn{background:linear-gradient(135deg,#8aaf80,#6d9663);color:#fff}.comment-replies{margin-top:.75rem}.story-feed-loading,.comments-loading{text-align:center;padding:2rem;color:#6b7280}.feed-skeleton{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto;padding:1rem}.story-feed-item-skeleton{background:#fffc;border-radius:16px;padding:1.5rem;border:1px solid rgba(210,180,140,.2)}.author-skeleton,.content-skeleton,.actions-skeleton{background:linear-gradient(90deg,#d2b48c1a,#d2b48c33,#d2b48c1a);border-radius:4px;margin-bottom:1rem;animation:skeleton-loading 1.5s infinite ease-in-out}.author-skeleton{height:20px;width:30%}.content-skeleton{height:100px;width:100%}.actions-skeleton{height:40px;width:60%}@keyframes skeleton-loading{0%,to{opacity:1}50%{opacity:.5}}.no-stories,.no-comments{text-align:center;padding:2rem;color:#6b7280}.no-stories h3{margin:0 0 .5rem;color:#374151}@media (max-width: 768px){.story-feed{padding:.5rem}.story-feed-item{border-radius:12px}.story-author,.story-content{padding:1rem}.story-actions{padding:1rem;flex-wrap:wrap;gap:.5rem}.voting-buttons{order:1;width:100%;justify-content:center}.comment.reply{margin-left:1rem}}