@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@layer components;/*! tailwindcss v4.1.14 | 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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-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;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-40{height:calc(var(--spacing)*40)}.h-screen{height:100vh}.w-40{width:calc(var(--spacing)*40)}.w-screen{width:100vw}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.rounded-\[30px\]{border-radius:30px}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}*{font-family:Poppins,sans-serif}html,body{background-color:#f0eee2;width:100%;max-width:100vw;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}.mobile-navbar-facker{background-color:#0000;flex-shrink:0;width:0;height:0;position:absolute}@media (max-width:768px){.mobile-navbar-facker{width:30px;height:40px;position:static}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-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}@property --tw-ease{syntax:"*";inherits:false}.main-home-screen{flex:1;background-color:#f0eee2;padding:0;overflow-y:hidden}.home-container{width:100%;max-width:100%;padding:0;height:100%;overflow-x:hidden;overflow-y:hidden;animation:fadeInUp .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.home-compact-header{display:flex;flex-direction:column;gap:20px;padding:20px 40px;background:linear-gradient(135deg,#fffaea,#fff3cdc3);border-bottom:2px solid rgba(255,193,7,.3);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-compact-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.home-compact-title{font-size:1.5rem;font-weight:700;color:#5c4411;margin:0;animation:slideInRight .4s ease-out}.home-filters-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%}.home-filters-label{font-size:.9rem;font-weight:600;color:#5c4411;white-space:nowrap}.home-difficulty-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-difficulty-buttons{display:flex;gap:8px;flex-wrap:wrap}.home-difficulty-btn{padding:8px 16px;border:2px solid rgba(255,193,7,.4);border-radius:20px;font-size:.85rem;font-weight:600;background-color:#fff8e1b3;color:#5c4411;cursor:pointer;transition:all .3s ease;white-space:nowrap}.home-difficulty-btn:hover{border-color:#ffc107;background-color:#ffe9a6e6;transform:translateY(-2px);box-shadow:0 2px 8px #ffc10733}.home-difficulty-btn.active{background:linear-gradient(135deg,#ffc107,#ffb300);border-color:#ffc107;color:#fff;box-shadow:0 4px 12px #ffc1074d}.home-difficulty-btn.active:hover{background:linear-gradient(135deg,#ffb300,#ffa000);box-shadow:0 6px 16px #ffc10766}.home-tags-filters{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.home-tags-scroll-container{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(140,82,255,.3) transparent;-webkit-overflow-scrolling:touch}.home-tags-scroll-container::-webkit-scrollbar{height:6px}.home-tags-scroll-container::-webkit-scrollbar-track{background:transparent}.home-tags-scroll-container::-webkit-scrollbar-thumb{background:#8c52ff4d;border-radius:10px}.home-tags-scroll-container::-webkit-scrollbar-thumb:hover{background:#8c52ff80}.home-tags-buttons{display:flex;gap:8px;flex-wrap:nowrap;padding-bottom:4px}.home-tag-btn{padding:6px 14px;border:2px solid rgba(140,82,255,.3);border-radius:16px;font-size:.8rem;font-weight:500;background-color:#fffc;color:#553c9a;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.home-tag-btn:hover{border-color:#8c52ff;background-color:#8c52ff1a;transform:translateY(-2px);box-shadow:0 2px 8px #8c52ff33}.home-tag-btn.active{background:linear-gradient(135deg,#8c52ff,#7444d6);border-color:#8c52ff;color:#fff;box-shadow:0 4px 12px #8c52ff4d}.home-tag-btn.active:hover{background:linear-gradient(135deg,#7444d6,#6534c5);box-shadow:0 6px 16px #8c52ff66}.home-clear-filters-btn{padding:8px 16px;border:2px solid rgba(156,163,175,.4);border-radius:20px;font-size:.85rem;font-weight:600;background-color:#f9fafbe6;color:#6b7280;cursor:pointer;transition:all .3s ease;white-space:nowrap;align-self:flex-start}.home-clear-filters-btn:hover{border-color:#9ca3af;background-color:#f3f4f6;color:#4b5563;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.home-loading,.home-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.home-empty-state h1{color:#8b5cf6;font-size:24px;font-weight:600;margin-bottom:12px;margin-top:0}.home-loading p,.home-empty-state p{color:#6b7280;font-size:16px;font-weight:400;max-width:500px;margin:0}.home-categories-rows{padding:30px 0;width:100%;max-width:100%;background-color:#fff;overflow-x:hidden;height:100%}.home-category-row{margin-bottom:40px;width:100%;max-width:100%;overflow-x:hidden}.home-category-title{font-size:1.6rem;font-weight:700;color:#5c4411;margin-bottom:20px;padding:0 40px}.home-quizzes-horizontal-scroll{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:10px 40px 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8C52FF #ffffff;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;--scrollbar-opacity: .4;transition:filter .25s ease}.home-quizzes-horizontal-scroll.is-dragging{--scrollbar-opacity: 1;filter:none}.home-quizzes-horizontal-scroll.is-idle{scrollbar-color:#8C52FF20 #ffffff;transition:scrollbar-color .25s ease}.home-quizzes-horizontal-scroll:active{cursor:grabbing}.home-quizzes-horizontal-scroll:hover{cursor:grab}.home-quizzes-horizontal-scroll::-webkit-scrollbar{height:10px}.home-quizzes-horizontal-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,var(--scrollbar-opacity));border-radius:10px;margin:0 40px}.home-quizzes-horizontal-scroll::-webkit-scrollbar-thumb{background:rgba(140,82,255,var(--scrollbar-opacity));border-radius:10px;border:2px solid rgba(255,255,255,var(--scrollbar-opacity))}.home-quizzes-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:rgba(107,70,193,var(--scrollbar-opacity))}@media (max-width: 768px){.home-quizzes-horizontal-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.home-quiz-card-horizontal{scroll-snap-align:start}}.home-quiz-card-horizontal{min-width:320px;max-width:320px;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;flex-shrink:0;pointer-events:auto}.home-quiz-card-horizontal:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #8c52ff40}.home-quiz-image-container-horizontal{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#e2e8f0)}.home-quiz-image-horizontal{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.home-quiz-card-horizontal:hover .home-quiz-image-horizontal{transform:scale(1.1)}.home-quiz-difficulty-badge-horizontal{position:absolute;top:10px;right:10px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;background-color:#fffffff2;color:#8c52ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 6px #00000026}.home-quiz-status-badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#38a169eb,#30ad86eb);color:#f0fff4;box-shadow:0 6px 16px #38a16940}.home-quiz-status-icon{font-size:.85rem}.home-quiz-content-horizontal{padding:18px;display:flex;flex-direction:column;flex:1}.home-quiz-title-horizontal{font-size:1.15rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-quiz-description-horizontal{color:#718096;font-size:.9rem;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.home-quiz-meta-horizontal{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.home-quiz-questions-horizontal{padding:5px 10px;border-radius:6px;font-size:.8rem;font-weight:600;background-color:#bee3f8;color:#2c5282;display:inline-block}.home-quiz-last-score{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:#8c52ff1f;color:#553c9a;font-size:.78rem;font-weight:600}.home-quiz-last-score-label{opacity:.9}.home-quiz-last-score-value{font-weight:700}.home-quiz-tags-horizontal{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.home-quiz-tag-horizontal{padding:4px 10px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;color:#4a5568;font-weight:500}.home-quiz-start-btn-horizontal{width:100%;padding:10px;background:linear-gradient(135deg,#ffc107,#ffb300);color:#000;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.home-quiz-start-btn-horizontal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.home-quiz-start-btn-horizontal:disabled{background:linear-gradient(135deg,#e5dcc3,#d7cda8);cursor:not-allowed;opacity:.7}.home-retry-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0c0c0c8c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.home-retry-modal{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:28px 30px;box-shadow:0 20px 45px #11111a40;text-align:center}.home-retry-modal h3{font-size:1.3rem;margin-bottom:10px;color:#312e81}.home-retry-modal p{color:#4a5568;font-size:.95rem;line-height:1.55;margin-bottom:24px}.home-retry-modal-actions{display:flex;gap:12px;justify-content:center}.home-retry-modal-btn{flex:1;padding:12px 0;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.home-retry-modal-btn:focus{outline:none;box-shadow:0 0 0 3px #8c52ff40}.home-retry-modal-btn:hover{transform:translateY(-1px)}.home-retry-modal-btn-primary{background:linear-gradient(135deg,#8c52ff,#7444d6);color:#fff;box-shadow:0 10px 20px #8c52ff40}.home-retry-modal-btn-primary:hover{box-shadow:0 12px 28px #8c52ff4d}.home-retry-modal-btn-secondary{background:#edf2f7;color:#4a5568}.home-retry-modal-btn-secondary:hover{background:#e2e8f0}@media (max-width: 768px){.home-compact-header{gap:16px;padding:20px 20px 16px;align-items:stretch;background:linear-gradient(135deg,#fffaea,#fff7e0);border-bottom:none;box-shadow:0 4px 20px #ffc10726}.home-compact-header-top{flex-direction:column;gap:12px;align-items:stretch}.home-compact-title{font-size:1.8rem;font-weight:800;text-align:center;background:linear-gradient(135deg,#5c4411,#8b6914);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-filters-container{gap:12px}.home-difficulty-filters{flex-direction:column;align-items:flex-start;gap:8px}.home-filters-label{font-size:.85rem}.home-difficulty-btn{padding:10px 18px;font-size:.9rem}.home-tags-filters{flex-direction:column;align-items:flex-start;gap:8px}.home-tags-scroll-container{width:100%}.home-tag-btn{padding:8px 16px;font-size:.85rem}.home-clear-filters-btn{padding:10px 18px;font-size:.9rem;align-self:stretch;text-align:center}.home-category-title{font-size:1.4rem;padding:0 20px;margin-bottom:16px;position:relative}.home-category-title:before{content:"";position:absolute;left:20px;bottom:-6px;width:40px;height:3px;background:linear-gradient(90deg,#ffc107,#ffd54f);border-radius:2px}.home-quizzes-horizontal-scroll{padding:10px 20px 24px;gap:16px;scroll-padding-left:20px}.home-quiz-card-horizontal{min-width:260px;max-width:260px;padding-left:0;border-radius:16px;box-shadow:0 4px 16px #0000001a;animation:scaleIn .4s ease-out backwards}.home-quiz-card-horizontal:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px #8c52ff33}.home-quiz-image-container-horizontal{height:160px;border-radius:16px 16px 0 0}.home-quiz-content-horizontal{padding:14px}.home-quiz-title-horizontal{font-size:1.05rem;margin-bottom:6px}.home-quiz-description-horizontal{font-size:.85rem;-webkit-line-clamp:2;margin-bottom:10px}.home-quiz-meta-horizontal{flex-direction:column;align-items:flex-start;gap:8px}.home-quiz-questions-horizontal,.home-quiz-last-score{font-size:.75rem;padding:4px 8px}.home-quiz-tags-horizontal{margin-bottom:0}.home-quiz-tag-horizontal{font-size:.7rem;padding:3px 8px}.home-retry-modal{padding:24px;border-radius:20px;margin:16px}.home-retry-modal h3{font-size:1.2rem}.home-retry-modal p{font-size:.9rem}.home-retry-modal-btn{padding:14px 0;border-radius:12px;font-size:1rem}.home-categories-rows{padding:24px 0;background:linear-gradient(180deg,#fff,#f8f6ef)}.home-category-row{margin-bottom:32px;animation:fadeInUp .5s ease-out backwards}.home-category-row:nth-child(1){animation-delay:.1s}.home-category-row:nth-child(2){animation-delay:.2s}.home-category-row:nth-child(3){animation-delay:.3s}.home-category-row:nth-child(4){animation-delay:.4s}.home-category-row:nth-child(5){animation-delay:.5s}.home-loading,.home-empty-state{padding:60px 24px}.home-empty-state h1{font-size:20px}.home-loading p,.home-empty-state p{font-size:14px}.home-quiz-difficulty-badge-horizontal,.home-quiz-status-badge{font-size:.7rem;padding:5px 10px}}.skeleton-card{pointer-events:none;cursor:default;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.skeleton-title{background:linear-gradient(90deg,#ffc10733,#ffdc504d,#ffc10733)}.skeleton-search-input{background:linear-gradient(90deg,#fff8e180,#ffffffb3,#fff8e180)}.skeleton-category-title{background:linear-gradient(90deg,#5c441133,#8b69144d,#5c441133)}.skeleton-image{background:linear-gradient(90deg,#f0f0f066,#fff9,#f0f0f066)}.skeleton-badge{background:linear-gradient(90deg,#8c52ff33,#a78bfa4d,#8c52ff33)}.skeleton-text-line{background:linear-gradient(90deg,#c8c8c84d,#e6e6e680,#c8c8c84d)}.skeleton-meta{background:linear-gradient(90deg,#bee3f866,#dbeafe99,#bee3f866)}.skeleton-tag{background:linear-gradient(90deg,#f7fafc80,#ffffffb3,#f7fafc80)}@media (max-width: 768px){.skeleton-title{width:120px!important;height:28px!important}.skeleton-search-input{height:48px!important}.skeleton-category-title{width:160px!important;height:24px!important;margin:0 20px 16px!important}.skeleton-card{min-width:260px;max-width:260px}.skeleton-image{height:160px!important}.skeleton-badge{width:50px!important;height:20px!important}.skeleton-text-line{height:16px!important}.skeleton-meta{width:80px!important;height:20px!important}.skeleton-tag{width:50px!important;height:18px!important}}.register-container{display:flex;width:100vw;height:100vh;font-family:Poppins,sans-serif;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.register-left{width:50%;background-color:#f0eee2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:60px 50px;position:relative;opacity:0;animation:fadeInLeft .8s ease-in-out forwards;overflow-y:auto;min-height:100vh;scroll-behavior:smooth}.register-left::-webkit-scrollbar{width:8px}.register-left::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.register-left::-webkit-scrollbar-thumb{background:#8c52ff4d;border-radius:4px}.register-left::-webkit-scrollbar-thumb:hover{background:#8c52ff80}.register-right{width:50%;background-image:linear-gradient(135deg,#8c52ff65,#ffc95865),url(/assets/onboarding-background-BaZ9RZek.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.register-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:50px;margin-top:20px;opacity:0;animation:fadeInUp .6s ease-in-out .3s forwards}.logo-circle{width:80px;height:80px;border-radius:50%;background-color:#ffc107;border:2px solid #000000;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.logo-letter{font-family:Poppins,sans-serif;font-weight:700;font-size:2.5rem;color:#000;font-style:italic}.logo-text{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;color:#000;letter-spacing:2px}.register-title{font-family:Poppins,sans-serif;font-weight:600;font-size:2rem;color:#333;margin-bottom:50px;text-align:center;opacity:0;animation:fadeInUp .6s ease-in-out .5s forwards}.register-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:40px;opacity:0;animation:fadeInUp .6s ease-in-out .7s forwards}.register-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:2px solid #E0E0E0;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem;color:#333;width:100%;height:50px}.register-button:hover{border-color:#8c52ff;transform:translateY(-2px);box-shadow:0 4px 12px #8c52ff26}.register-button:active{transform:translateY(0);box-shadow:0 2px 8px #8c52ff26}.register-button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.register-button-icon svg{width:100%;height:100%}.register-login-link{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;color:#666;text-decoration:none;transition:color .3s ease;margin-bottom:40px;opacity:0;animation:fadeInUp .6s ease-in-out .9s forwards}.register-login-link:hover{color:#8c52ff;text-decoration:underline}.email-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:40px;opacity:0;animation:fadeInUp .6s ease-in-out .3s forwards}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem;color:#333;margin-bottom:2px}.form-input{padding:12px 16px;border:2px solid #E0E0E0;border-radius:10px;background-color:#fff;font-family:Poppins,sans-serif;font-weight:400;font-size:16px;color:#333;transition:all .3s ease;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:#8c52ff;box-shadow:0 0 0 3px #8c52ff1a}.form-input::placeholder{color:#999;font-style:italic}.email-submit-button{padding:14px 20px;border:none;border-radius:10px;background-color:#8c52ff;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;height:50px;margin-top:8px}.email-submit-button:hover{background-color:#7b47e5;transform:translateY(-2px);box-shadow:0 4px 12px #8c52ff4d}.email-submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #8c52ff4d}.back-button{background:none;border:none;color:#666;font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;transition:color .3s ease;text-align:center;padding:10px;margin-bottom:40px;opacity:0;animation:fadeInUp .6s ease-in-out .5s forwards}.back-button:hover{color:#8c52ff;text-decoration:underline}.error-message{background-color:#ffe6e6;color:#d32f2f;padding:10px 14px;border-radius:8px;border:1px solid #FFCDD2;font-family:Poppins,sans-serif;font-weight:500;font-size:.85rem;text-align:center;margin-bottom:12px}@media (max-width: 768px){.register-container{flex-direction:column}.register-left,.register-right{width:100%}.register-right{height:40vh}.register-left{padding:60px 20px;height:60vh}.register-title{font-size:1.8rem;margin-bottom:40px}.register-buttons,.email-form{max-width:100%}}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:8px}.register-button:disabled,.email-submit-button:disabled,.back-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.email-submit-button{display:flex;align-items:center;justify-content:center;gap:8px}.loading-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.loading-modal-content{background-color:#fff;border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 32px #0003;min-width:200px;animation:slideUp .3s ease-out}.loading-modal-spinner{width:40px;height:40px;border:4px solid #E0E0E0;border-top-color:#8c52ff;border-radius:50%;animation:spin .8s linear infinite}.loading-modal-text{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;color:#333;margin:0;text-align:center}.onboarding-background{background-image:linear-gradient(135deg,#8c52ff65,#ffc95865),url(/assets/onboarding-background-BaZ9RZek.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.onboarding-step-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;min-height:100%}.onboarding-step-container-padding-top-large{padding-top:40px}.onboarding-step-container-padding-top-medium{padding-top:20px}.onboarding-step-container-full-width{width:100%;position:relative}.onboarding-container{width:580px;max-width:95%;min-height:600px;height:auto;border-radius:20px;background-color:#f0eee2;padding:32px 40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 20px 60px #0000004d}.onboarding-container-header{width:100%;height:70px;display:flex;justify-content:center;align-items:center;position:relative;padding:0 10px;overflow:visible}.onboarding-progress-background{width:100%;max-width:550px;height:12px;background-color:#fff;border-radius:9999px;position:absolute;z-index:0;left:50%;transform:translate(-50%);top:50%;margin-top:-6px}.onboarding-progress-container{width:100%;max-width:550px;height:12px;position:absolute;z-index:1;left:50%;transform:translate(-50%);top:50%;margin-top:-6px}.onboarding-progress-bar{height:12px;border-radius:9999px;transition:width .5s ease-in-out;background:linear-gradient(90deg,#8c52ff,#a66fff);max-width:100%;box-shadow:0 2px 8px #8c52ff66}.progress-bar{transition:width .5s ease-in-out;background:linear-gradient(90deg,#8c52ff,#a66fff)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes pulseUrgent{0%,to{transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #ff6b6b00}}@keyframes slideInStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.fade-in-delayed{animation:fadeIn .5s ease-out .2s backwards}.slide-up{animation:slideUp .6s ease-out}.slide-up-delay{animation:slideUp .6s ease-out .2s backwards}.slide-up-delay-2{animation:slideUp .6s ease-out .4s backwards}.bounce-in{animation:bounceIn .8s ease-out}.bounce-in-big{animation:bounceIn 1s ease-out}.scale-in{animation:scaleIn .6s ease-out .3s backwards}.zoom-in{animation:zoomIn .4s ease-out}.shake-correct{animation:pulse .4s ease-in-out}.shake-wrong{animation:shake .4s ease-in-out}.pulse-button{transition:all .3s ease}.pulse-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #8c52ff66}.pulse-button:active{transform:translateY(-1px) scale(.98)}.pulse-urgent{animation:pulseUrgent 1s infinite}.welcome-emoji{font-size:5rem;margin-bottom:20px}.firts-h1{font-weight:600;font-size:2.6rem;color:#0000007f;margin-bottom:10px;margin-top:0;text-align:center;padding:0 20px}.firts-p{font-weight:500;font-size:1.2rem;width:100%;max-width:100%;margin-top:24px;color:#0000007f;margin-bottom:auto;padding:0;box-sizing:border-box;line-height:1.6}.onboarding-button{font-weight:600;font-size:1.5rem;width:100%;max-width:100%;cursor:pointer;height:70px;border-radius:20px;color:#ffffffdf;background:linear-gradient(135deg,#8c52ff,#a66fff);margin-top:auto;margin-bottom:0;border:none;transition:all .3s ease}.onboarding-button:hover{background:linear-gradient(135deg,#7b47e5,#9558ff);transform:translateY(-2px);box-shadow:0 6px 20px #8c52ff66}.onboarding-button:active{transform:translateY(0);box-shadow:0 4px 15px #8c52ff4d}.onboarding-button:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none}.music-icon{font-size:3.5rem;margin-bottom:15px}.second-h1{font-family:Poppins,sans-serif;font-weight:600;font-size:2rem;color:#0000007f;width:90%;max-width:500px;margin-bottom:10px;margin-top:0;text-align:center;line-height:1.3;padding:0 20px}.second-subtitle{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:#00000060;text-align:center;margin-bottom:30px}.genres-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:450px;margin-bottom:20px;justify-items:center;padding:0 20px}.genres-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;margin-bottom:50px;padding:40px 20px;gap:20px}.genres-loading p{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;color:#6b7280;text-align:center;margin:0}.genres-empty{display:flex;justify-content:center;align-items:center;width:100%;max-width:450px;margin-bottom:50px;padding:40px 20px}.genres-empty p{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;color:#ef4444;text-align:center;margin:0}.genre-tag{font-family:Poppins,sans-serif;font-weight:500;font-size:.95rem;padding:16px 20px;border-radius:15px;border:2px solid #E0E0E0;cursor:pointer;transition:all .3s ease;background-color:#f0e6d2;color:#000000b3;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;box-shadow:0 2px 4px #0000000d;position:relative;animation:slideInStagger .4s ease-out backwards}.genre-tag:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026;border-color:#8c52ff}.genre-tag.selected{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#000000e6;font-weight:600;border-color:#ffc107;box-shadow:0 4px 15px #ffc10780;transform:scale(1.05)}.genre-tag .check-icon{position:absolute;right:10px;top:10px;font-size:1.2rem;color:#000;animation:bounceIn .4s ease-out}.selected-count{font-family:Poppins,sans-serif;font-weight:500;font-size:.95rem;color:#8c52ff;margin-bottom:20px;text-align:center}.accept-button{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;width:100%;height:70px;border-radius:20px;border:none;cursor:pointer;transition:all .3s ease;margin-top:auto;margin-bottom:0}.accept-button.inactive{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.accept-button.active{background:linear-gradient(135deg,#8c52ff,#a66fff);color:#fff}.accept-button.active:hover{background:linear-gradient(135deg,#7b47e5,#9558ff);transform:translateY(-2px);box-shadow:0 6px 20px #8c52ff66}.challenge-emoji{font-size:5rem;margin-bottom:20px}.third-h1{font-family:Poppins,sans-serif;font-weight:600;font-size:2.5rem;color:#0000007f;margin-bottom:20px;margin-top:0;text-align:center;line-height:1.2}.selected-genres-preview{width:100%;margin-bottom:20px}.genre-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.genre-chip{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#000c;font-family:Poppins,sans-serif;font-weight:500;font-size:.85rem;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #ffc1074d;animation:bounceIn .5s ease-out}.genre-chip.more{background:linear-gradient(135deg,#8c52ff,#a66fff);color:#fff}.third-message{font-family:Poppins,sans-serif;font-weight:400;font-size:1.1rem;color:#0000007f;text-align:center;line-height:1.6;width:100%;margin-bottom:auto;margin-top:0;padding:0 10px}.third-button{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;width:100%;height:70px;border-radius:20px;border:none;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#8c52ff,#a66fff);color:#fff;margin-top:auto;margin-bottom:0}.third-button:hover{background:linear-gradient(135deg,#7b47e5,#9558ff);transform:translateY(-2px);box-shadow:0 6px 20px #8c52ff66}.third-button:active{transform:translateY(0);box-shadow:0 4px 15px #8c52ff4d}.score-counter{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#8c52ff,#a66fff);color:#fff;padding:10px 20px;border-radius:20px;font-family:Poppins,sans-serif;font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #8c52ff4d}.score-label{font-size:.9rem}.score-value{font-size:1.3rem}.streak-notification{position:absolute;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:15px 30px;border-radius:25px;font-family:Poppins,sans-serif;font-weight:700;font-size:1.2rem;box-shadow:0 6px 20px #ff6b6b66;z-index:100}.quiz-timer{display:flex;align-items:center;position:relative;gap:8px;background-color:#ffc107;padding:10px 18px;border-radius:20px;margin-bottom:16px;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;color:#000;width:fit-content;align-self:flex-end;margin-right:20px;transition:all .3s ease}.quiz-timer.warning{background-color:#ff9800;color:#fff}.quiz-timer.urgent{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.timer-icon{font-size:1.2rem}.timer-text{font-family:Poppins,sans-serif;font-weight:600}.quiz-question{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;color:#00000078;text-align:center;margin-bottom:30px;line-height:1.5;width:90%}.quiz-answers{display:flex;flex-direction:column;gap:12px;width:100%;max-width:450px;margin-bottom:20px}.quiz-answer{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;padding:18px 20px;border-radius:15px;border:none;cursor:pointer;transition:all .3s ease;background-color:#f0e6d2;color:#000000af;text-align:left;min-height:60px;display:flex;align-items:center;justify-content:flex-start;gap:12px;position:relative;animation:slideInStagger .4s ease-out backwards}.answer-letter{background:#8c52ff33;color:#8c52ff;font-weight:700;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.answer-text{flex:1}.answer-icon{font-size:1.5rem;font-weight:700;margin-left:auto}.quiz-answer:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 15px #00000026;background-color:#e8dfc8}.quiz-answer:disabled{cursor:not-allowed}.quiz-answer.correct{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-weight:600}.quiz-answer.correct .answer-letter{background:#ffffff4d;color:#fff}.quiz-answer.incorrect{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff;font-weight:600}.quiz-answer.incorrect .answer-letter{background:#ffffff4d;color:#fff}.quiz-progress-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.quiz-dots{display:flex;gap:8px;align-items:center}.quiz-dot{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;transition:all .3s ease}.quiz-dot.completed{background:linear-gradient(135deg,#4caf50,#66bb6a);transform:scale(1.2)}.quiz-dot.active{background:linear-gradient(135deg,#8c52ff,#a66fff);transform:scale(1.4);box-shadow:0 0 10px #8c52ff80}.quiz-progress{font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem;color:#0000007f;text-align:center;margin:0}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 3s linear forwards}.results-emoji{font-size:5rem;margin-bottom:15px}.results-title{font-family:Poppins,sans-serif;font-weight:700;font-size:2.5rem;text-align:center;margin-bottom:20px;margin-top:0}.results-score-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:30px}.results-score{font-family:Poppins,sans-serif;font-weight:700;font-size:4rem;text-align:center;line-height:1}.results-percentage{font-family:Poppins,sans-serif;font-weight:600;font-size:1.2rem;text-align:center}.results-stats{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff80;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-icon{font-size:1.5rem}.stat-value{font-family:Poppins,sans-serif;font-weight:700;font-size:2rem;color:#000}.stat-label{font-family:Poppins,sans-serif;font-weight:500;font-size:.85rem;color:#00000080}.stat-divider{width:2px;height:60px;background:#0000001a}.results-message{font-family:Poppins,sans-serif;font-weight:400;font-size:1.1rem;color:#000;text-align:center;line-height:1.6;width:100%;margin-bottom:auto;margin-top:0;padding:0 10px}.results-button{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;width:100%;height:70px;border-radius:20px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;margin-top:auto;margin-bottom:0}.results-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.results-button:active{transform:translateY(0)}.loading-spinner{width:40px;height:40px;border:4px solid #E0E0E0;border-top:4px solid #8C52FF;border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 1024px){.onboarding-container{width:700px;padding:48px 60px}.welcome-emoji{font-size:6rem;margin-bottom:30px}.firts-h1{font-size:3.2rem;margin-bottom:20px}.firts-p{font-size:1.4rem;margin-top:30px;line-height:1.7}.onboarding-button{font-size:1.7rem;height:80px}.music-icon{font-size:4.5rem;margin-bottom:25px}.second-h1{font-size:2.5rem;margin-bottom:15px}.second-subtitle{font-size:1.2rem;margin-bottom:35px}.genres-grid{max-width:550px;gap:20px}.genre-tag{font-size:1.1rem;padding:20px 24px;min-height:70px}.selected-count{font-size:1.1rem;margin-bottom:25px}.accept-button{font-size:1.7rem;height:80px}.challenge-emoji{font-size:6rem;margin-bottom:30px}.third-h1{font-size:3rem;margin-bottom:25px}.genre-chip{font-size:1rem;padding:10px 20px}.third-message{font-size:1.3rem;line-height:1.7}.third-button{font-size:1.7rem;height:80px}.score-counter{font-size:1.3rem;padding:12px 24px}.score-value{font-size:1.5rem}.streak-notification{font-size:1.4rem;padding:18px 36px}.quiz-timer{font-size:1.2rem;padding:12px 22px}.quiz-question{font-size:1.8rem;margin-bottom:35px}.quiz-answers{max-width:550px;gap:16px}.quiz-answer{font-size:1.15rem;padding:22px 24px;min-height:70px}.answer-letter{width:36px;height:36px;font-size:1rem}.answer-icon{font-size:1.8rem}.quiz-progress{font-size:1.1rem}.results-emoji{font-size:6rem;margin-bottom:25px}.results-title{font-size:3rem;margin-bottom:30px}.results-score{font-size:5rem}.results-percentage{font-size:1.4rem}.results-stats{padding:30px;gap:30px}.stat-value{font-size:2.5rem}.stat-label{font-size:1rem}.stat-divider{height:80px}.results-message{font-size:1.3rem;line-height:1.7}.results-button{font-size:1.7rem;height:80px}}@media (min-width: 481px) and (max-width: 1023px){.onboarding-container{width:650px;padding:40px 50px}.welcome-emoji{font-size:5.5rem;margin-bottom:25px}.firts-h1{font-size:2.8rem;margin-bottom:15px}.firts-p{font-size:1.25rem;margin-top:25px}.onboarding-button{font-size:1.6rem;height:75px}.music-icon{font-size:4rem;margin-bottom:20px}.second-h1{font-size:2.2rem}.second-subtitle{font-size:1.1rem}.genres-grid{max-width:500px;gap:18px}.genre-tag{font-size:1rem;padding:18px 22px;min-height:65px}.accept-button{font-size:1.6rem;height:75px}.challenge-emoji{font-size:5.5rem;margin-bottom:25px}.third-h1{font-size:2.8rem}.genre-chip{font-size:.9rem;padding:8px 16px}.third-message{font-size:1.2rem}.third-button{font-size:1.6rem;height:75px}.score-counter{font-size:1.2rem;padding:10px 20px}.quiz-timer{font-size:1.1rem;padding:10px 20px}.quiz-question{font-size:1.6rem}.quiz-answers{max-width:500px}.quiz-answer{font-size:1.05rem;padding:20px 22px;min-height:65px}.results-emoji{font-size:5.5rem}.results-title{font-size:2.8rem}.results-score{font-size:4.5rem}.results-percentage{font-size:1.3rem}.stat-value{font-size:2.2rem}.stat-label{font-size:.9rem}.results-message{font-size:1.2rem}.results-button{font-size:1.6rem;height:75px}}@media (max-width: 480px){.onboarding-background{padding-top:120px;display:block}.onboarding-container{padding:20px 16px 220px;border-radius:16px 16px 0 0;max-width:100%;width:100%;min-height:100%}.onboarding-step-container-padding-top-large{padding-top:16px}.onboarding-step-container-padding-top-medium{padding-top:12px}.onboarding-progress-background,.onboarding-progress-container{max-width:85%;width:85%}.welcome-emoji{font-size:3.5rem}.firts-h1{font-size:1.8rem}.firts-p{font-size:1rem;margin-bottom:32px}.onboarding-button{font-size:1.1rem;height:60px}.music-icon{font-size:2.5rem}.second-h1{font-size:1.5rem;margin-bottom:15px}.second-subtitle{font-size:.9rem;margin-bottom:20px}.genres-grid{gap:10px}.genre-tag{font-size:.85rem;padding:12px 14px;min-height:52px}.accept-button{font-size:1.1rem;height:60px}.challenge-emoji{font-size:3.5rem}.third-h1{font-size:1.8rem}.genre-chip{font-size:.75rem;padding:6px 12px}.third-message{font-size:.95rem;margin-bottom:32px}.third-button{font-size:1.1rem;height:60px}.score-counter{font-size:.9rem;padding:8px 16px;top:10px;left:10px}.score-value{font-size:1.1rem}.streak-notification{font-size:1rem;padding:12px 24px;top:60px}.quiz-timer{font-size:.85rem;padding:8px 14px;margin-right:10px}.quiz-question{font-size:1.1rem;margin-bottom:20px}.quiz-answers{gap:10px;margin-bottom:16px}.quiz-answer{font-size:.9rem;padding:14px 16px;min-height:56px}.answer-letter{width:26px;height:26px;font-size:.85rem}.answer-icon{font-size:1.2rem}.quiz-dot{width:8px;height:8px}.quiz-progress{font-size:.85rem}.results-emoji{font-size:3.5rem}.results-title{font-size:1.8rem}.results-score{font-size:3rem}.results-percentage{font-size:1rem}.results-stats{padding:15px;gap:15px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.stat-divider{height:50px}.results-message{font-size:.95rem;margin-bottom:32px}.results-button{font-size:1.1rem;height:60px}}.lateral-navbar{width:280px;position:fixed;height:100vh;top:0;left:0;z-index:1000;background-color:#f0eee2;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .3s ease,background-color .3s ease}.lateral-navbar.closed{width:70px}.lateral-navbar.open{width:280px}.navbar-content{padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.navbar-logo{display:flex;align-items:center;margin-bottom:40px;flex-shrink:0;min-height:fit-content}.logo-icon{width:40px;height:40px;background-color:#8b5cf6;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:12px}.logo-text{color:#8b5cf6;font-weight:600;font-size:18px}.navbar-menu{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;flex-shrink:1}.menu-item{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;padding:12px 16px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-weight:500;text-transform:uppercase;font-size:14px;flex-shrink:0}.menu-item:hover{background-color:#e5e7eb}.menu-item.active{background-color:#8b5cf6;color:#fff}.menu-icon{margin-right:12px;font-size:16px;color:#6b7280;flex-shrink:0}.menu-item.active .menu-icon{color:#fff}.navbar-footer{border-top:1px solid #e0e0e0;padding-top:20px;margin-top:auto;flex-shrink:0;min-height:fit-content}.user-email{color:#6b7280;font-size:14px;margin-bottom:12px}.logout-button{display:flex;align-items:center;color:#8b5cf6;cursor:pointer;font-weight:500;font-size:14px}.logout-icon{margin-left:8px}.navbar-toggle{position:absolute;top:20px;right:10px;background-color:#8b5cf6;color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.navbar-toggle:hover{background-color:#7c3aed;transform:scale(1.05)}.toggle-icon{font-size:18px}.lateral-navbar.closed .navbar-content{padding:20px 10px}.lateral-navbar.closed .navbar-logo{justify-content:center;margin-bottom:40px}.lateral-navbar.closed .menu-item{justify-content:center;padding:12px 8px}.lateral-navbar.closed .menu-icon{margin-right:0;font-size:20px}.navbar-footer-collapsed{border-top:1px solid #e0e0e0;padding-top:20px;display:flex;justify-content:center;margin-top:auto;flex-shrink:0;min-height:fit-content}.logout-icon-collapsed{color:#8b5cf6;cursor:pointer;font-size:20px;transition:all .2s ease}.logout-icon-collapsed:hover{transform:scale(1.1);color:#7c3aed}.navbar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a2;opacity:0;pointer-events:none;transition:opacity .45s ease;display:none}.logo-text,.menu-label{transition:opacity .2s ease}@media (max-width: 768px){.navbar-spacer.closed,.navbar-spacer.open{width:0!important;height:0!important}.lateral-navbar{position:fixed;top:0;left:0;z-index:1000}.lateral-navbar.closed{width:auto;height:auto;min-width:auto;border-right:none;background-color:transparent;box-shadow:none;position:fixed;top:0;left:0}.lateral-navbar.closed .navbar-content{padding:0;height:auto;width:auto;min-height:auto;display:block}.lateral-navbar.closed .navbar-toggle{position:fixed;top:16px;left:16px;margin:0;z-index:1001;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf666;width:48px;height:48px;border-radius:14px;transition:all .3s ease}.lateral-navbar.closed .navbar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}.lateral-navbar.closed .navbar-toggle:active{transform:scale(.95)}.lateral-navbar.closed .navbar-logo,.lateral-navbar.closed .navbar-menu,.lateral-navbar.closed .navbar-footer-collapsed,.lateral-navbar.closed .navbar-logo-collapsed{display:none!important}.lateral-navbar.open{position:fixed;width:280px;height:100vh;max-height:100vh;z-index:1000;box-shadow:2px 0 10px #0000001a;background-color:#f0eee2;border-right:1px solid #e0e0e0;overflow:hidden}.lateral-navbar.open .navbar-content{padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.lateral-navbar.open .navbar-logo{display:flex;flex-shrink:0;min-height:fit-content}.lateral-navbar.open .navbar-menu{display:flex;flex-direction:column;flex:1;overflow-y:auto}.lateral-navbar.open .navbar-footer{display:flex;flex-direction:column;flex-shrink:0;margin-top:auto;min-height:fit-content}.lateral-navbar.open .menu-item{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;min-height:auto;padding:12px 16px;margin-bottom:8px}.lateral-navbar.open .menu-icon{margin-right:12px;flex-shrink:0}.lateral-navbar.open .navbar-toggle{position:absolute;top:20px;right:10px;left:auto}.navbar-overlay{display:block;z-index:999}.navbar-overlay.open{opacity:1;pointer-events:auto}.navbar-overlay.closed{opacity:0;pointer-events:none}}.mobile-navbar-facker{display:none}@media (max-width: 768px){.mobile-navbar-facker{display:block;width:60px;height:48px;flex-shrink:0}}.phrases-screen{flex:1;height:100%;background-color:#f0eee2;padding:20px;overflow-y:auto;animation:fadeInPage .5s ease-out}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.top-section{margin-bottom:30px}.top-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.search-bar{position:relative;flex:1}.notification-button{width:48px;height:48px;background-color:#ffc107;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;box-shadow:0 2px 8px #ffc1074d}.notification-button svg{font-size:20px;color:#000}.notification-button:hover{background-color:#ffb300;transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.search-bar input{width:100%;padding:12px 16px 12px 45px;border:1px solid rgba(224,224,224,.5);border-radius:12px;background-color:#f8f9fab3;font-size:14px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:18px}.new-post-container{width:100%}.new-post-input{display:flex;align-items:center;width:100%}.new-post-input input{flex:1;padding:12px 16px;border:1px solid rgba(224,224,224,.5);border-radius:12px;background-color:#f8f9fab3;font-size:14px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animated-placeholder-button{flex:1;padding:12px 16px;border:1px solid rgba(224,224,224,.5);border-radius:12px;background-color:#f8f9fab3;font-size:14px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-align:left;transition:all .2s ease;width:78vw;max-width:78vw;overflow:hidden}.animated-placeholder-button:hover{border-color:#8b5cf64d;background-color:#fffc}.animated-placeholder-button:active{transform:scale(.98)}.placeholder-text{color:#6b7280dc;display:block;font-size:13.5px;transition:opacity .3s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.send-button{width:40px;height:40px;background-color:#8b5cf6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.send-button svg{font-size:18px}.send-button:hover{background-color:#7c3aed}.send-button:disabled{opacity:.7;cursor:not-allowed}.error-posting{margin-top:8px;padding:10px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.content-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;height:calc(100vh - 200px)}.left-column,.right-column{overflow-y:auto}.left-column{scroll-snap-type:y mandatory;scroll-padding-top:20px;scroll-padding-bottom:20px}@media (max-width: 768px){.phrases-screen{padding:16px 16px 100px;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch}.top-section{margin-bottom:24px;scroll-snap-align:start}.top-header{gap:0px;margin-bottom:16px}.search-bar{flex:1}.search-bar input{font-size:16px;padding:14px 16px 14px 45px;border-radius:14px;border:2px solid rgba(139,92,246,.15);background-color:#ffffffe6;box-shadow:0 2px 10px #0000000d}.search-bar input:focus{border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf633}.notification-button{width:50px;height:50px;border-radius:14px;box-shadow:0 4px 12px #ffc10759}.new-post-container{animation:slideUp .4s ease-out}.new-post-input{gap:10px}.new-post-input input{font-size:16px;padding:14px 16px;border-radius:14px;border:2px solid rgba(139,92,246,.15);background-color:#ffffffe6}.new-post-input input:focus{border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf633}.animated-placeholder-button{font-size:16px;padding:14px 16px;border-radius:14px;border:2px solid rgba(139,92,246,.15);background-color:#ffffffe6}.animated-placeholder-button:hover{border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf633}.send-button{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf659}.send-button:hover{transform:scale(1.05)}.content-layout{display:flex;flex-direction:column;gap:20px;height:auto}.right-column{order:-1;min-height:auto;max-height:180px;overflow-y:auto;animation:slideUp .4s ease-out .1s backwards}.left-column{order:1}.trending-hashtags{min-height:auto;border-radius:16px;padding:16px;background:linear-gradient(135deg,#f0e6d2,#f5efe0);box-shadow:0 4px 16px #00000014}.trending-hashtag-item{padding:10px 14px;border-radius:10px}.post{border-radius:16px;padding:24px 18px;margin-bottom:20px;box-shadow:0 4px 16px #00000014;animation:popIn .4s ease-out backwards;background:linear-gradient(135deg,#f0e6d2,#f5efe0);scroll-snap-align:start;min-height:65vh;display:flex;flex-direction:column}.feed-posts .post:nth-child(1){animation-delay:.1s}.feed-posts .post:nth-child(2){animation-delay:.15s}.feed-posts .post:nth-child(3){animation-delay:.2s}.feed-posts .post:nth-child(4){animation-delay:.25s}.feed-posts .post:nth-child(5){animation-delay:.3s}.post-header{gap:10px;margin-bottom:12px}.post-avatar img{width:44px;height:44px;border:2px solid rgba(139,92,246,.2)}.post-author-name{font-size:14px}.post-following-badge{font-size:9px;padding:2px 6px}.post-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.post-text{font-size:24px;line-height:1.6;margin-bottom:20px;padding:16px 8px;font-weight:500;text-align:center}.post-hashtags{justify-content:center}.post-actions{gap:10px;padding-top:14px;justify-content:center}.action-button{padding:10px 18px;border-radius:24px;font-size:13px}.like-button.liked{background:linear-gradient(135deg,#ffc107,#ffd54f);box-shadow:0 4px 12px #ffc10759}.no-posts{padding:50px 20px}.no-posts h1{font-size:20px}.no-posts p{font-size:14px}}.post{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:24px 20px;background-color:#f0e6d2;border-radius:12px;box-shadow:0 1px 3px #0000001a;scroll-snap-align:center;scroll-margin-top:20px;scroll-margin-bottom:20px;min-height:fit-content}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:relative}.post-avatar{transition:transform .2s ease,opacity .2s ease}.post-avatar:hover{transform:scale(1.05);opacity:.9}.post-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.2);transition:border-color .2s ease}.post-avatar:hover img{border-color:#8b5cf680}.post-author-info{display:flex;flex-direction:column;justify-content:center}.post-author-name{font-weight:600;font-size:15px;color:#1f2937;transition:color .2s ease}.post-author-name:hover{color:#8b5cf6}.post-following-badge{background-color:#8b5cf6;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #8b5cf633;animation:fadeIn .3s ease}.post-content{flex:1}.post-text{color:#374151;line-height:1.8;margin-bottom:16px;font-size:18px;font-weight:400;padding:8px 0}.post-hashtags{display:flex;gap:8px;flex-wrap:wrap}.hashtag{color:#8b5cf6;font-weight:500;font-size:12px}.post-actions{display:flex;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(139,92,246,.1)}.action-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:20px;background-color:#f0eee280;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#6b7280}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-icon{font-size:18px}.action-count{font-size:13px;font-weight:600}.like-button:hover{background-color:#ffc10733;color:#ffc107}.like-button.liked{background-color:#ffc107;color:#000;box-shadow:0 2px 8px #ffc1074d}.like-button.liked .action-icon{fill:currentColor}.share-button:hover{background-color:#8b5cf633;color:#8b5cf6}.no-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-posts h1{color:#8b5cf6;font-size:24px;font-weight:600;margin-bottom:12px}.no-posts p{color:#6b7280;font-size:16px;max-width:400px}.trending-hashtags{background-color:#f0e6d2;border-radius:12px;padding:20px;border:1px solid #e0e0e0}.hashtags-container{display:flex;flex-direction:column;gap:12px}.trending-hashtag-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#fff6;border-radius:8px;transition:all .2s ease;cursor:pointer}.trending-hashtag-item:hover{background-color:#fff9;transform:translate(4px)}.trending-hashtag{color:#8b5cf6;font-weight:600;font-size:14px}.hashtag-count{background-color:#8b5cf6;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;min-width:28px;text-align:center;box-shadow:0 2px 4px #8b5cf633}.skeleton{background:linear-gradient(90deg,#e0e0e04d,#f0f0f080,#e0e0e04d);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.skeleton-search{position:relative}.skeleton-input{width:100%;height:48px}.skeleton-notification-button{width:48px;height:48px;border-radius:12px}.skeleton-send-button{width:40px;height:40px;border-radius:50%}.skeleton-post{pointer-events:none}.skeleton-avatar{width:50px;height:50px;border-radius:50%}.skeleton-text-line{height:16px;margin-bottom:8px}.skeleton-line-1{width:100%}.skeleton-line-2{width:95%}.skeleton-line-3{width:80%}.skeleton-hashtag{width:100px;height:20px;border-radius:4px}.skeleton-trending-hashtag{width:100%;height:24px;border-radius:4px}.skeleton-action-button{width:80px;height:36px;border-radius:20px}.post-options{margin-left:auto;position:relative}.options-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.options-button:hover{background-color:#8b5cf61a}.options-icon{font-size:20px;color:#6b7280}.options-modal{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10;min-width:140px;animation:slideDown .2s ease}.modal-option{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.modal-option:hover{background-color:#f3f4f6}.delete-option{color:#dc2626}.delete-option:hover{background-color:#dc26261a}.share-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.share-modal{background-color:#fff;border-radius:20px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.share-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.close-modal-btn{width:36px;height:36px;border:none;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px;color:#6b7280}.close-modal-btn:hover{background-color:#e5e7eb;transform:rotate(90deg)}.share-modal-content{padding:24px}.share-preview-text{font-size:15px;color:#374151;line-height:1.6;background-color:#f9fafb;padding:16px;border-radius:12px;margin-bottom:24px;border-left:4px solid #8b5cf6;font-style:italic}.share-social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.social-share-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:12px}.social-share-btn svg{font-size:24px}.social-share-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.social-share-btn:active{transform:translateY(-2px)}.social-share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.social-share-btn.whatsapp:hover{box-shadow:0 8px 20px #25d36666}.social-share-btn.facebook{background:linear-gradient(135deg,#1877f2,#0d4ea6);color:#fff}.social-share-btn.facebook:hover{box-shadow:0 8px 20px #1877f266}.social-share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.social-share-btn.twitter:hover{box-shadow:0 8px 20px #1da1f266}.social-share-btn.telegram{background:linear-gradient(135deg,#08c,#069);color:#fff}.social-share-btn.telegram:hover{box-shadow:0 8px 20px #08c6}.social-share-btn.linkedin{background:linear-gradient(135deg,#0a66c2,#004182);color:#fff}.social-share-btn.linkedin:hover{box-shadow:0 8px 20px #0a66c266}.social-share-btn.instagram{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4,#5851db,#405de6);color:#fff;position:relative}.social-share-btn.instagram:hover{box-shadow:0 8px 20px #e1306c66}.instagram-share-container{position:relative}.instagram-options-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:8px;z-index:1000;display:flex;flex-direction:column;gap:4px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.instagram-option-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;border-radius:8px;background-color:#f8f9fa;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;width:100%;text-align:left}.instagram-option-btn:hover:not(:disabled){background-color:#e9ecef;transform:translate(4px)}.instagram-option-btn:disabled{opacity:.6;cursor:not-allowed}.instagram-option-btn span:first-child{font-size:18px}.share-actions-divider{display:flex;align-items:center;gap:16px;margin-bottom:20px}.share-actions-divider:before,.share-actions-divider:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.share-actions-divider span{font-size:12px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.share-extra-actions{display:flex;gap:12px}.extra-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:2px solid #e5e7eb;background-color:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:13px;color:#374151}.extra-action-btn:hover{border-color:#8b5cf6;color:#8b5cf6;background-color:#8b5cf60d}.extra-action-btn:disabled{opacity:.6;cursor:not-allowed}.extra-action-btn svg{font-size:16px}.download-btn:hover{border-color:#ffc107;color:#b8860b;background-color:#ffc1071a}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.share-modal{margin:10px;max-height:85vh}.share-social-buttons{grid-template-columns:repeat(2,1fr)}.share-extra-actions{flex-direction:column}.social-share-btn{padding:14px 10px}.social-share-btn span{font-size:11px}}.create-post-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.create-post-modal{background-color:#f0eee2;border-radius:20px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUpModal .3s ease;overflow:hidden}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-post-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(139,92,246,.1);background:linear-gradient(135deg,#f0e6d2,#f5efe0)}.create-post-modal-header h2{margin:0;font-size:22px;font-weight:700;color:#1f2937}.create-post-modal-header .close-modal-btn{width:36px;height:36px;border:none;background-color:#8b5cf61a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:24px;color:#6b7280;font-weight:300;line-height:1}.create-post-modal-header .close-modal-btn:hover{background-color:#8b5cf633;color:#8b5cf6;transform:rotate(90deg)}.create-post-modal-content{padding:28px;flex:1;overflow-y:auto}.create-post-textarea{width:100%;padding:16px;border:2px solid rgba(139,92,246,.15);border-radius:16px;background-color:#ffffffe6;font-size:16px;font-family:inherit;line-height:1.6;outline:none;resize:none;transition:all .2s ease;color:#374151;min-height:150px}.create-post-textarea:focus{border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf633;background-color:#fff}.create-post-textarea::placeholder{color:#9ca3af}.character-count{text-align:right;margin-top:8px;font-size:13px;color:#6b7280;font-weight:500}.create-post-modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid rgba(139,92,246,.1);background-color:#ffffff80}.cancel-button,.publish-button{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-button{background-color:#e0e0e080;color:#6b7280}.cancel-button:hover:not(:disabled){background-color:#e0e0e0cc;transform:translateY(-2px)}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.publish-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.publish-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.publish-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.publish-button svg{font-size:18px}@media (max-width: 768px){.create-post-modal-overlay{padding:16px}.create-post-modal{max-width:100%;border-radius:16px;max-height:85vh}.create-post-modal-header{padding:20px}.create-post-modal-header h2{font-size:20px}.create-post-modal-content{padding:20px}.create-post-textarea{font-size:16px;padding:14px;min-height:120px}.create-post-modal-footer{padding:16px 20px;flex-direction:column}.cancel-button,.publish-button{width:100%}}.profile-screen{flex:1;background-color:#f0eee2;padding:32px;overflow-y:auto;min-height:100vh;animation:fadeInProfile .5s ease-out}@keyframes fadeInProfile{0%{opacity:0}to{opacity:1}}@keyframes slideUpProfile{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popInProfile{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.profile-title{font-size:32px;font-weight:700;color:#374151;margin:0}.notification-icon{color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.notification-icon:hover{background-color:#e5e7eb;color:#8b5cf6}.user-info-section{margin-bottom:40px}.user-profile-container{display:flex;align-items:flex-start;gap:24px}.profile-picture{flex-shrink:0;position:relative;cursor:pointer}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #8b5cf6;box-shadow:0 4px 12px #8b5cf633;transition:opacity .3s ease}.edit-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.edit-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.profile-picture:hover .edit-icon-overlay{opacity:1}.profile-picture:hover .profile-image{opacity:.8}.profile-picture.uploading{pointer-events:none}.profile-picture-loading{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#8b5cf61a;border:3px solid #8b5cf6}.profile-loading-spinner{width:40px;height:40px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.user-details{flex:1}.user-name-container{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}.user-name-wrapper{display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1;min-width:0}.user-name{font-size:28px;font-weight:700;color:#374151;margin:0;word-break:break-word;width:100%}.user-role-badge{display:inline-block;padding:4px 12px;background-color:#8b5cf6;color:#fff;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.settings-icon{color:#6b7280;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;background-color:#f8fafc;border:2px solid transparent;font-size:32px;width:56px;height:56px;flex-shrink:0}.settings-icon:hover{color:#8b5cf6;background-color:#f3f4f6;border-color:#e5e7eb;transform:rotate(90deg)}.user-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0;max-width:600px}.experience-section{margin-bottom:40px;background:#ffffff4f;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}.level-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.level-image-container{position:relative;flex-shrink:0}.level-image{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:levelPulse 2s ease-in-out infinite}@keyframes levelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.level-info{flex:1}.experience-title{font-size:20px;font-weight:700;color:#374151;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.xp-text{font-size:28px;font-weight:800;color:#8b5cf6;margin:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.level-role-badge{display:inline-block;padding:4px 12px;background-color:#8b5cf6;color:#fff;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.progress-container{display:flex;flex-direction:column;gap:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.current-xp{font-size:14px;font-weight:600;color:#8b5cf6}.next-level-text{color:#6b7280;font-size:14px;font-weight:600;flex:1;text-align:center}.needed-xp{font-size:14px;font-weight:600;color:#8b5cf6}.profile-progress-bar{width:100%;height:16px;background-color:#e5e7eb;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:8px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-remaining{font-size:13px;color:#6b7280;margin:0;text-align:center;font-weight:500}.max-level-message{text-align:center;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-top:16px}.max-level-message p{margin:0;font-size:16px;font-weight:600;color:#92400e}.user-rating-section{margin-top:40px;margin-bottom:40px;animation:slideUpProfile .6s ease-out .1s backwards}.user-rating-container{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:24px;padding:32px;box-shadow:0 12px 40px #8b5cf64d;max-width:600px;position:relative;overflow:hidden}.user-rating-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:ratingGlow 3s ease-in-out infinite}@keyframes ratingGlow{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.user-rating-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.user-rating-icon{font-size:28px;color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.user-rating-title{font-size:24px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.user-rating-main{display:flex;flex-direction:column;gap:24px}.user-rating-score{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-rating-number{font-size:64px;font-weight:900;color:#fff;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.2)}.user-rating-stars{display:flex;gap:8px}.user-rating-star{font-size:32px;color:#ffffff4d;transition:all .3s ease}.user-rating-star.active{color:gold;filter:drop-shadow(0 2px 8px rgba(255,215,0,.6));transform:scale(1.1)}.user-rating-breakdown{display:flex;flex-direction:column;gap:16px}.user-rating-category{display:flex;flex-direction:column;gap:8px}.user-rating-category-label{font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.user-rating-category-value{display:flex;align-items:center;gap:12px}.user-rating-category-bar{flex:1;height:12px;background:#fff3;border-radius:8px;overflow:hidden;position:relative}.user-rating-category-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:8px;transition:width .6s ease-out;box-shadow:0 2px 8px #ffd70066}.user-rating-category-number{font-size:16px;font-weight:700;color:#fff;min-width:40px;text-align:right}.genres-section{margin-bottom:40px;display:flex;gap:15px;max-width:600px}.profile-genre-tags{display:flex;flex-wrap:wrap;gap:12px}.profile-genre-tag{background-color:#ffcd50;color:#374151;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-genre-tag:hover{background-color:#f59e0b;transform:translateY(-1px)}.config-modal{position:absolute;z-index:1000;right:2%;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;min-width:220px;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.config-modal-content{padding:8px 0}.config-option{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;color:#374151;font-size:14px;font-weight:500;border-bottom:1px solid #f3f4f6}.config-option:last-child{border-bottom:none}.config-option:hover{background-color:#f8fafc;color:#8b5cf6}.config-option.delete-option:hover{background-color:#fef2f2;color:#dc2626}.config-icon{margin-right:12px;color:#6b7280;transition:color .2s ease}.config-option:hover .config-icon{color:#8b5cf6}.config-option.delete-option:hover .config-icon{color:#dc2626}.config-option span{flex:1}.modal-overlay,.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.profile-description-modal{background:#f0eee2;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.profile-description-modal .profile-modal-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.profile-description-modal .profile-modal-actions{flex-shrink:0;margin-top:auto}.genres-modal{background:#f0eee2;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background-color:#f0eee2}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#374151}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#e5e7eb;color:#374151}.profile-close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.profile-close-button:hover{background-color:#e5e7eb;color:#374151}.modal-content{padding:24px;max-height:60vh;overflow-y:auto}.description-textarea{width:100%;min-height:120px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;resize:vertical;transition:border-color .2s ease;background-color:#fff}.description-textarea:focus{outline:none;border-color:#8b5cf6}.description-textarea::placeholder{color:#9ca3af}.profile-description-textarea{width:100%;min-height:120px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;resize:vertical;transition:border-color .2s ease;background-color:#fff}.profile-description-textarea:focus{outline:none;border-color:#8b5cf6}.profile-description-textarea::placeholder{color:#9ca3af}.modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.cancel-button{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.cancel-button:hover{border-color:#d1d5db;color:#374151}.profile-cancel-button{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.profile-cancel-button:hover{border-color:#d1d5db;color:#374151}.save-button{padding:12px 24px;border:none;background:#8b5cf6;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.save-button:hover{background:#7c3aed;transform:translateY(-1px)}.profile-save-button{padding:12px 24px;border:none;background:#8b5cf6;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.profile-save-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.profile-save-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.genres-modal .genres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.genres-modal .profile-genre-tag{padding:12px 16px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.genres-modal .profile-genre-tag:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.genres-modal .profile-genre-tag.selected{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.genres-modal .profile-genre-tag.selected:hover{background:#7c3aed;border-color:#7c3aed}.profile-genres-modal{background:#f0eee2;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background-color:#f0eee2}.profile-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#374151}.profile-modal-content{padding:24px;max-height:60vh;overflow-y:auto;flex:1}.profile-genres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.profile-genres-grid .profile-genre-tag{padding:12px 16px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.profile-genres-grid .profile-genre-tag:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.profile-genres-grid .profile-genre-tag.selected{background:#ffcd50;color:#374151;border-color:#ffcd50}.profile-genres-grid .profile-genre-tag.selected:hover{background:#f59e0b;border-color:#f59e0b}.profile-modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.profile-form-group{margin-bottom:20px}.profile-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.profile-role-select{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s ease}.profile-role-select:focus{outline:none;border-color:#8b5cf6}.profile-role-select option{padding:8px}.genres-loading-container,.genres-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.genres-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.genres-loading-text{margin-top:16px;font-size:14px;color:#6b7280;font-weight:500}@media (max-width: 768px){.profile-screen{padding:20px 20px 100px}.profile-header{margin-bottom:28px;animation:slideUpProfile .4s ease-out}.profile-title{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#374151,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-icon{padding:12px;border-radius:14px;background:#ffffff80;transition:all .3s ease}.notification-icon:hover{background:#8b5cf61a}.user-info-section{margin-bottom:28px;animation:slideUpProfile .4s ease-out .1s backwards}.user-profile-container{flex-direction:column;align-items:center;text-align:center;gap:20px}.profile-picture{animation:popInProfile .5s ease-out .15s backwards}.profile-image{width:110px;height:110px;border:3px solid #8b5cf6;box-shadow:0 8px 24px #8b5cf640}.edit-icon-overlay{border-radius:50%}.user-name{font-size:22px;font-weight:700}.user-name-container{gap:10px;margin-bottom:12px;justify-content:center;flex-wrap:wrap}.user-name-wrapper{gap:8px;max-width:100%;align-items:center}.user-role-badge{font-size:11px;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d}.settings-icon{padding:10px;font-size:24px;width:48px;height:48px;border-radius:14px;background:#ffffffb3;box-shadow:0 2px 10px #0000000d}.settings-icon:hover{background:#8b5cf61a}.user-description{font-size:14px;line-height:1.7;color:#6b7280;padding:0 10px}.user-rating-section{margin-top:28px;margin-bottom:28px}.user-rating-container{padding:24px;border-radius:20px}.user-rating-title{font-size:20px}.user-rating-number{font-size:48px}.user-rating-star{font-size:24px}.user-rating-score{padding:20px}.experience-section{margin-bottom:28px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#ffffff80,#ffffff4d);box-shadow:0 6px 20px #00000014;animation:slideUpProfile .4s ease-out .2s backwards}.level-header{flex-direction:column;text-align:center;gap:16px;margin-bottom:20px}.level-image-container{animation:popInProfile .5s ease-out .25s backwards}.level-image{width:70px;height:70px}.experience-title{font-size:15px;letter-spacing:1px}.level-quiz-note{font-size:11px;margin-bottom:10px}.xp-text{font-size:28px}.level-role-badge{font-size:11px;padding:4px 10px}.progress-container{gap:12px}.progress-header{flex-wrap:wrap;justify-content:center;gap:8px}.current-xp,.needed-xp{font-size:13px;font-weight:700}.next-level-text{width:100%;order:-1;font-size:13px}.profile-progress-bar{height:14px;border-radius:10px}.progress-fill{border-radius:10px}.xp-remaining{font-size:12px}.max-level-message{border-radius:14px}.max-level-message p{font-size:14px}.genres-section{margin-bottom:28px;justify-content:center;animation:slideUpProfile .4s ease-out .3s backwards}.profile-genre-tags{justify-content:center}.profile-genre-tag{padding:10px 18px;border-radius:24px;font-size:13px;background:linear-gradient(135deg,#ffcd50,#ffc107);box-shadow:0 3px 10px #ffc1074d}.config-modal{right:25%;min-width:240px;border-radius:16px;box-shadow:0 15px 35px #0003}.config-option{padding:14px 18px;font-size:15px}.modal-overlay{padding:10px}.description-modal,.genres-modal{max-width:100%;margin:0;border-radius:20px}.modal-header,.modal-content{padding:20px}.modal-actions{padding:20px;flex-direction:column;gap:10px}.genres-modal .genres-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.profile-genres-modal{max-width:100%;margin:0;border-radius:20px}.profile-modal-header{padding:20px}.profile-modal-header h3{font-size:18px}.profile-modal-content{padding:20px}.profile-genres-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.profile-genres-grid .profile-genre-tag{padding:14px 12px;border-radius:12px;font-size:13px}.profile-modal-actions{padding:20px;flex-direction:column;gap:10px}.profile-cancel-button,.profile-save-button{padding:14px 24px;border-radius:12px;font-size:15px;width:100%}.profile-save-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf659}.profile-description-textarea{font-size:16px;padding:14px;border-radius:12px;min-height:140px}.profile-role-select{font-size:16px;padding:14px;border-radius:12px}.profile-form-group{margin-bottom:16px}.profile-form-group label{font-size:15px;margin-bottom:10px}.genres-loading-container,.genres-empty-container{padding:30px 15px;min-height:150px}.profile-delete-modal{border-radius:20px;max-width:100%}.profile-delete-warning{padding:24px}.profile-warning-icon{margin-bottom:20px}.profile-warning-text{font-size:17px}.profile-warning-subtext{font-size:14px;line-height:1.6}.profile-delete-button{padding:14px 24px;border-radius:12px;font-size:15px}}.delete-modal{background:#f0eee2;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.delete-warning{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.warning-icon{color:#ef4444;margin-bottom:16px}.warning-text{font-size:18px;font-weight:600;color:#374151;margin:0 0 12px}.warning-subtext{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.delete-button{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.delete-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.delete-button:active:not(:disabled){transform:translateY(0)}.profile-delete-modal{background:#f0eee2;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.profile-delete-warning{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-warning-icon{color:#ef4444;margin-bottom:16px}.profile-warning-text{font-size:18px;font-weight:600;color:#374151;margin:0 0 12px}.profile-warning-subtext{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.profile-delete-button{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.profile-delete-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.profile-delete-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.profile-delete-button:active:not(:disabled){transform:translateY(0)}.profile-error-modal{background:#f0eee2;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.profile-error-content{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.profile-error-icon{color:#ef4444;margin-bottom:8px}.profile-error-text{font-size:16px;font-weight:500;color:#374151;line-height:1.6;margin:0;padding:0 20px}@media (max-width: 768px){.delete-modal{max-width:100%;margin:0}.warning-text{font-size:16px}.warning-subtext{font-size:13px}.profile-delete-modal{max-width:100%;margin:0}.profile-warning-text{font-size:16px}.profile-warning-subtext{font-size:13px}.profile-modal-overlay{padding:10px}.profile-description-modal{max-width:100%;margin:0}}.follows-followers-section{margin-top:40px;margin-bottom:40px}.follows-followers-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px}.follows-followers-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.follows-followers-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf626;border-color:#8b5cf6}.follows-followers-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.follows-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.followers-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.follows-followers-card:hover .follows-icon{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.follows-followers-card:hover .followers-icon{transform:scale(1.1);box-shadow:0 4px 12px #10b98166}.follows-followers-content{flex:1;min-width:0}.follows-followers-number{font-size:28px;font-weight:800;color:#374151;line-height:1;margin-bottom:4px}.follows-followers-label{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.profile-follows-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:popInProfile .3s ease-out}.profile-follows-modal .profile-modal-header{padding:24px 28px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.profile-follows-modal .profile-modal-header h3{font-size:20px;font-weight:700;color:#374151;margin:0}.profile-follows-modal .profile-modal-content{padding:20px;overflow-y:auto;flex:1;min-height:0}.follows-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.follows-loading-text{color:#6b7280;font-size:14px;font-weight:500;margin:0}.follows-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.follows-empty-icon{color:#d1d5db;margin-bottom:16px}.follows-empty-text{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.follows-empty-subtext{font-size:14px;color:#6b7280;margin:0;max-width:300px}.follows-list{display:flex;flex-direction:column;gap:12px}.follow-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;transition:all .2s ease;cursor:pointer}.follow-item:hover{background:#f3f4f6;transform:translate(4px)}.follow-item-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb}.follow-item-image{width:100%;height:100%;object-fit:cover}.follow-item-info{flex:1;min-width:0}.follow-item-name{font-size:16px;font-weight:600;color:#374151;margin-bottom:4px;word-break:break-word}.follow-item-role{font-size:13px;font-weight:500;color:#6b7280;text-transform:capitalize}.follows-load-more-container{padding:20px 0 0;display:flex;justify-content:center}.follows-load-more-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.follows-load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.follows-load-more-button:active:not(:disabled){transform:translateY(0)}.follows-load-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.profile-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.follows-followers-container{grid-template-columns:1fr;gap:16px}.follows-followers-card{padding:18px 20px}.follows-followers-icon{width:48px;height:48px}.follows-followers-number{font-size:24px}.follows-followers-label{font-size:13px}.profile-follows-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0}.profile-follows-modal .profile-modal-header{padding:20px}.profile-follows-modal .profile-modal-content{padding:16px}.follow-item{padding:14px}.follow-item-avatar{width:44px;height:44px}.follow-item-name{font-size:15px}}.follows-mutual-section{margin-bottom:24px}.follows-mutual-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-left:3px solid #8b5cf6;border-radius:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:#8b5cf6}.follows-regular-section{margin-top:8px}.follows-regular-header{padding:12px 16px;font-size:14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.follow-item-mutual{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-left:3px solid #8b5cf6}.follow-item-mutual:hover{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}.profile-attended-event-rating{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-radius:10px;border:1px solid rgba(139,92,246,.2)}.profile-attended-event-rating-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.profile-attended-event-rating-icon{font-size:14px;color:gold;flex-shrink:0}.profile-attended-event-rating-content{display:flex;align-items:center;gap:8px}.profile-attended-event-rating-value{font-size:20px;font-weight:700;color:#8b5cf6;min-width:45px}.profile-attended-event-rating-stars{display:flex;gap:4px;flex:1}.profile-attended-event-rating-star{font-size:14px;color:#8b5cf633;transition:all .2s ease}.profile-attended-event-rating-star.active{color:gold}@media (max-width: 768px){.profile-attended-events-section{padding:20px}.profile-attended-events-title{font-size:18px}.profile-attended-event-card{margin-bottom:12px}.profile-attended-event-image{height:160px}.profile-attended-event-title{font-size:1rem}.profile-attended-event-date{font-size:.875rem}.profile-attended-event-rating{padding:10px;gap:8px}.profile-attended-event-rating-label{font-size:11px}.profile-attended-event-rating-icon{font-size:12px}.profile-attended-event-rating-value{font-size:18px;min-width:40px}.profile-attended-event-rating-star{font-size:12px}}.profile-vibes-section{margin-bottom:40px;background:#ffffff4f;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}.profile-vibes-title{font-size:20px;font-weight:700;color:#374151;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.profile-vibes-list{display:flex;flex-direction:column;gap:20px}.profile-vibe-card{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.profile-vibe-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf633}.profile-vibe-event{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.profile-vibe-event-image{width:80px;height:80px;border-radius:12px;object-fit:cover;flex-shrink:0;background-color:#f3f4f6}.profile-vibe-event-info{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-vibe-event-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 8px}.profile-vibe-event-date{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#6b7280;font-weight:500}.profile-vibe-event-date svg{color:#8b5cf6}.profile-vibe-user{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-radius:12px;transition:all .2s ease}.profile-vibe-user:hover{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);transform:translate(4px)}.profile-vibe-user-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;flex-shrink:0}.profile-vibe-user-info{flex:1}.profile-vibe-user-name{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 4px}.profile-vibe-user-subtitle{font-size:.875rem;color:#6b7280;margin:0}.profile-vibe-ratings{display:flex;flex-direction:column;gap:16px}.profile-vibe-rating-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff80;border-radius:10px;border:1px solid #e5e7eb}.profile-vibe-rating-header{display:flex;justify-content:space-between;align-items:center}.profile-vibe-rating-label{font-size:.875rem;font-weight:600;color:#6b7280}.profile-vibe-rating-overall{font-size:1.125rem;font-weight:700;color:#8b5cf6}.profile-vibe-rating-stars{display:flex;gap:4px}.profile-vibe-rating-star{font-size:16px;color:#8b5cf633;transition:all .2s ease}.profile-vibe-rating-star.active{color:gold}@media (max-width: 768px){.profile-vibes-section{padding:20px}.profile-vibes-title{font-size:18px}.profile-vibe-card{padding:16px}.profile-vibe-event-image{width:60px;height:60px}.profile-vibe-event-title{font-size:.95rem}.profile-vibe-user-avatar{width:48px;height:48px}.profile-vibe-rating-star{font-size:14px}}.profile-image-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.profile-image-modal-content{background:#1a1a1a;border-radius:16px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.profile-image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-image-modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.profile-image-modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease}.profile-image-modal-close:hover{background:#ffffff1a}.profile-image-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.profile-image-zoom-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.profile-image-zoomed{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:none;outline:none}@media (max-width: 768px){.profile-image-modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0}.profile-image-zoom-container{padding:10px}}.profile-screen-view{flex:1;background-color:#f0eee2;padding:32px;overflow-y:auto;min-height:100vh}.profile-header-view{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:40px}.profile-title-view{font-size:32px;font-weight:700;color:#374151;margin:0;text-align:center;justify-self:center}.profile-header-spacer{width:120px}.profile-back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#8b5cf6;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.profile-back-button:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.profile-back-button svg{font-size:18px}.profile-user-info-section{margin-bottom:40px}.profile-mutual-followers-section{margin-bottom:40px;background:#ffffff4f;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}.profile-mutual-followers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-mutual-followers-title{font-size:18px;font-weight:700;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.5px}.profile-mutual-followers-count{font-size:14px;font-weight:600;color:#8b5cf6;background-color:#8b5cf61a;padding:4px 12px;border-radius:12px}.profile-mutual-followers-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#8b5cf6 #e5e7eb;-webkit-overflow-scrolling:touch}.profile-mutual-followers-scroll::-webkit-scrollbar{height:6px}.profile-mutual-followers-scroll::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px}.profile-mutual-followers-scroll::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:10px}.profile-mutual-followers-scroll::-webkit-scrollbar-thumb:hover{background:#7c3aed}.profile-mutual-follower-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:80px;cursor:pointer;transition:transform .2s ease;padding:8px;border-radius:12px}.profile-mutual-follower-card:hover{transform:translateY(-4px);background-color:#8b5cf61a}.profile-mutual-follower-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #8b5cf6;box-shadow:0 2px 8px #8b5cf633;transition:all .3s ease}.profile-mutual-follower-card:hover .profile-mutual-follower-avatar{border-color:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.profile-mutual-follower-image{width:100%;height:100%;object-fit:cover}.profile-mutual-follower-name{font-size:12px;font-weight:600;color:#374151;margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.3}.profile-description-section{margin-bottom:40px;background:#ffffff4f;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}.profile-description-title{font-size:18px;font-weight:700;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.profile-description-text{font-size:15px;line-height:1.7;color:#374151;margin:0}.profile-user-profile-container{display:flex;align-items:flex-start;gap:24px}.profile-picture-view{flex-shrink:0;position:relative}.profile-image-view{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #8b5cf6;box-shadow:0 4px 12px #8b5cf633;transition:opacity .3s ease}.profile-user-details{flex:1}.profile-user-name-container{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}.profile-user-name-wrapper{display:flex;align-items:center;gap:12px}.profile-user-name{font-size:28px;font-weight:700;color:#374151;margin:0}.profile-user-role-badge{background-color:#8b5cf6;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.follow-button{margin-top:16px;padding:10px 20px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease;width:100%;justify-content:center}.follow-button:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.follow-button:disabled{cursor:not-allowed;opacity:.6}.follow-button.following{background-color:#6b7280}.follow-button.following:hover:not(:disabled){background-color:#4b5563}@media (min-width: 769px){.follow-button{width:auto;min-width:140px;max-width:200px}}.profile-experience-section{margin-bottom:40px;background:#ffffff4f;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}.profile-level-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-level-image-container{position:relative;flex-shrink:0}.profile-level-image{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:profileLevelPulse 2s ease-in-out infinite}@keyframes profileLevelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-level-info{flex:1}.level-quiz-note{font-size:12px;font-weight:500;color:#6b7280;margin:0 0 12px;font-style:italic}.profile-experience-title{font-size:20px;font-weight:700;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.profile-level-meta{margin:0}.profile-xp-text{font-size:28px;font-weight:800;color:#8b5cf6;margin:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-progress-container{display:flex;flex-direction:column;gap:12px}.profile-progress-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.profile-current-xp{font-size:14px;font-weight:600;color:#8b5cf6}.profile-next-level-text{color:#6b7280;font-size:14px;font-weight:600;flex:1;text-align:center}.profile-next-level-name{color:#8c52ff}.profile-needed-xp{font-size:14px;font-weight:600;color:#8b5cf6}.profile-progress-bar-view{width:100%;height:16px;background-color:#e5e7eb;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000f}.profile-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:8px;transition:width .5s ease;position:relative;overflow:hidden}.profile-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:profileShimmer 2s infinite}@keyframes profileShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.profile-xp-remaining{font-size:13px;color:#6b7280;margin:0;text-align:center;font-weight:500}.profile-max-level-message{text-align:center;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-top:16px}.profile-max-level-message p{margin:0;font-size:16px;font-weight:600;color:#92400e}@media (max-width: 768px){.profile-screen-view{padding:20px}.profile-header-view{grid-template-columns:auto 1fr;gap:12px}.profile-header-spacer{display:none}.profile-title-view{font-size:20px;text-align:left;justify-self:start}.profile-back-button{padding:10px 16px;font-size:13px}.profile-back-button svg{font-size:16px}.profile-user-profile-container{flex-direction:column;align-items:center;text-align:center}.profile-image-view{width:100px;height:100px}.profile-user-name{font-size:24px}.profile-level-header{flex-direction:column;text-align:center;gap:16px}.profile-level-image{width:64px;height:64px}.profile-experience-title{font-size:16px}.profile-xp-text{font-size:24px}.profile-progress-container{gap:10px}.profile-progress-header{flex-wrap:wrap;justify-content:center}.profile-next-level-text{width:100%;order:-1}.profile-progress-bar-view{height:14px}.profile-xp-remaining{font-size:12px}.profile-description-section{padding:20px;margin-bottom:32px}.profile-description-title{font-size:16px;margin-bottom:10px}.profile-description-text{font-size:14px;line-height:1.6}.profile-mutual-followers-section{padding:20px;margin-bottom:32px}.profile-mutual-followers-title{font-size:16px}.profile-mutual-followers-count{font-size:12px;padding:3px 10px}.profile-mutual-followers-scroll{gap:12px}.profile-mutual-follower-card{width:70px}.profile-mutual-follower-avatar{width:56px;height:56px}.profile-mutual-follower-name{font-size:11px}}.profile-loading-skeleton{background:#fff9;border-radius:8px;animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.3}50%{opacity:1}}.profile-skeleton-button{width:120px;height:44px;border-radius:12px;animation-delay:0s}.profile-skeleton-title{width:200px;height:32px;margin:0 auto;border-radius:8px;animation-delay:.1s}.profile-skeleton-avatar{width:120px;height:120px;border-radius:50%;flex-shrink:0;animation-delay:.2s}.profile-skeleton-name{width:180px;height:28px;margin-bottom:12px;border-radius:8px;animation-delay:.3s}.profile-skeleton-button-small{width:140px;height:40px;margin-top:16px;border-radius:8px;animation-delay:.4s}.profile-skeleton-card{width:100%;height:100px;border-radius:16px}.profile-skeleton-card:nth-child(1){animation-delay:.5s}.profile-skeleton-card:nth-child(2){animation-delay:.6s}.profile-skeleton-level-image{width:75px;height:75px;border-radius:12px;flex-shrink:0;animation-delay:.7s}.profile-skeleton-text-large{width:150px;height:20px;margin-bottom:12px;border-radius:6px;animation-delay:.8s}.profile-skeleton-text-medium{width:100px;height:28px;border-radius:6px;animation-delay:.9s}.profile-skeleton-progress-bar{width:100%;height:16px;border-radius:8px;margin-top:12px;animation-delay:1s}.profile-skeleton-text-small{width:200px;height:13px;margin:0 auto;border-radius:6px;animation-delay:1.1s}@media (max-width: 768px){.profile-skeleton-avatar{width:100px;height:100px}.profile-skeleton-name{width:150px;height:24px}.profile-skeleton-button-small{width:100%;max-width:200px}.profile-skeleton-level-image{width:64px;height:64px}.profile-skeleton-text-large{width:120px;height:16px}.profile-skeleton-text-medium{width:80px;height:24px}}.profile-attended-events-section{margin-bottom:40px;background:#ffffff4f;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}.profile-attended-events-title{font-size:20px;font-weight:700;color:#374151;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.profile-attended-events-list{display:flex;flex-direction:column;gap:16px}.profile-attended-event-card{background-color:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.profile-attended-event-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf633}.profile-attended-event-image{width:100%;height:180px;overflow:hidden;background-color:#f3f4f6}.profile-attended-event-image img{width:100%;height:100%;object-fit:cover}.profile-attended-event-info{padding:16px}.profile-attended-event-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 8px}.profile-attended-event-date{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6b7280;font-weight:500}.profile-attended-event-date svg{font-size:16px;color:#8b5cf6}@media (max-width: 768px){.profile-attended-events-section{padding:20px}.profile-attended-events-title{font-size:18px}.profile-attended-event-card{margin-bottom:12px}.profile-attended-event-image{height:160px}.profile-attended-event-title{font-size:1rem}.profile-attended-event-date{font-size:.875rem}}.feedback-screen{flex:1;background-color:#f0eee2;padding:32px;overflow-y:auto;min-height:100vh}.feedback-main-container{max-width:1400px;margin:0 auto}.feedback-page-title{font-size:32px;font-weight:700;color:#374151;margin:0 0 32px}.feedback-content-grid{display:grid;grid-template-columns:70% 30%;gap:24px;align-items:start}.feedback-card{background:#fdfcf7;border-radius:16px;padding:32px;border:1px solid #e0ddd0}.feedback-section-title{font-size:20px;font-weight:600;color:#374151;margin:0 0 6px}.feedback-section-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 24px}.feedback-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0eee2;border:1px solid #d9d6c3;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:500;color:#6b7280}.category-btn:hover{border-color:#8b5cf6}.category-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.category-icon{font-size:18px;flex-shrink:0}.category-label{flex:1;text-align:left}.feedback-textarea{width:100%;padding:14px;border:1px solid #d9d6c3;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;resize:vertical;transition:border-color .15s ease;background-color:#f0eee2;color:#374151;min-height:120px}.feedback-textarea:focus{outline:none;border-color:#8b5cf6}.feedback-textarea::placeholder{color:#9ca3af}.char-counter{font-size:12px;color:#9ca3af;text-align:right;margin-top:-8px}.char-counter.error{color:#ef4444}.submit-btn{padding:14px 28px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(:disabled){background:#7c3aed}.submit-btn:disabled{background:#d1d5db;cursor:not-allowed}.messages-list{display:flex;flex-direction:column;gap:0;max-height:500px;overflow-y:auto;padding-right:4px}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.messages-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.messages-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.message-item{background:#f0eee2;border-radius:8px;overflow:hidden;transition:background .15s ease;border:1px solid #d9d6c3;margin-bottom:8px}.message-item:hover{background:#e8e6d9}.message-header-clickable{padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.message-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.message-header-right{display:flex;align-items:center;gap:6px;color:#9ca3af}.message-category{display:inline-flex;align-items:center;gap:5px;width:90px;font-size:12px;font-weight:500;color:#374151}.message-status{display:inline-flex;align-items:center;font-size:14px;color:#8b5cf6}.message-date-compact{font-size:11px;color:#9ca3af}.message-content-expanded{padding:12px 14px;border-top:1px solid #d9d6c3;margin-top:8px}.message-text{color:#374151;font-size:13px;line-height:1.5;margin:0 0 8px}.message-date{font-size:11px;color:#9ca3af}.message-response{margin-top:12px;padding:12px;background:#fdfcf7;border-left:3px solid #8b5cf6;border-radius:4px}.response-label{font-size:11px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.response-text{font-size:13px;color:#374151;line-height:1.5;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.3;color:#9ca3af}.empty-text{color:#9ca3af;font-size:14px;margin:0}@media (max-width: 1024px){.feedback-content-grid{grid-template-columns:1fr}.feedback-history-section{order:2}.messages-list{max-height:400px}}@media (max-width: 768px){.feedback-screen{padding:20px}.feedback-page-title{font-size:24px;margin-bottom:24px}.feedback-card{padding:24px}.feedback-section-title{font-size:20px}.categories-grid{grid-template-columns:1fr}.category-btn{justify-content:center}.submit-btn{width:100%}.message-header-clickable{padding:12px}.message-header-left{flex-wrap:wrap}.message-status{font-size:10px;padding:4px 8px}.messages-list{max-height:300px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 40px #00000026;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:flex-end;padding:16px 20px 0}.modal-close-btn{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body{text-align:center;padding:20px 32px}.success-icon-container{margin-bottom:20px}.success-icon{font-size:48px;color:#10b981;background-color:#d1fae5;padding:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.modal-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 12px}.modal-message{font-size:16px;color:#6b7280;line-height:1.5;margin:0 0 24px}.modal-footer{padding:0 32px 32px;display:flex;justify-content:center}.modal-accept-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.modal-accept-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.modal-accept-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}@media (max-width: 480px){.modal-content{width:95%;margin:20px}.modal-body{padding:16px 24px}.modal-footer{padding:0 24px 24px}.success-icon{font-size:40px;padding:12px}.modal-title{font-size:20px}.modal-message{font-size:14px}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-screen{min-height:100vh;background-color:#f8fafc;padding:0}.admin-header-container{background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);padding:24px 32px;margin-bottom:0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000026}.admin-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0;display:flex;align-items:center;gap:12px}.admin-header-title span{font-size:1.5rem}.admin-header-user{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:14px;font-weight:500}.admin-nav-tabs{display:flex;gap:8px;padding:8px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-nav-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-nav-tab:hover{background:#ffffff26;color:#fff}.admin-nav-tab.active{background:#fff;color:#4c1d95;box-shadow:0 4px 12px #00000026}.admin-nav-tab svg,.admin-nav-tab span:first-child{font-size:18px}.admin-content{padding:32px;max-width:1400px;margin:0 auto}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.admin-stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.admin-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.admin-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.admin-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.admin-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-stat-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-stat-info{flex:1}.admin-stat-value{font-size:2rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px}.admin-stat-label{font-size:13px;color:#64748b;font-weight:500}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.admin-section-title-new{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}.admin-section-count{font-size:.875rem;color:#64748b;font-weight:500;padding:4px 12px;background:#f1f5f9;border-radius:20px}.admin-primary-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.admin-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.admin-search-container{position:relative;max-width:400px;width:100%}.admin-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .2s ease}.admin-search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.admin-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;align-items:start}.admin-item-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;transition:all .3s ease}.admin-item-card:hover{border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf626;transform:translateY(-4px)}.admin-item-card.inactive{opacity:.65}.admin-item-image{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.admin-item-image img{width:100%;height:100%;object-fit:cover}.admin-item-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-item-badge.active{background:#10b981f2;color:#fff}.admin-item-badge.inactive{background:#64748bf2;color:#fff}.admin-item-content{padding:20px}.admin-item-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.3}.admin-item-desc{font-size:14px;color:#64748b;margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-item-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-meta-tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.admin-meta-tag.purple{background:#ede9fe;color:#7c3aed}.admin-meta-tag.blue{background:#dbeafe;color:#2563eb}.admin-meta-tag.green{background:#dcfce7;color:#16a34a}.admin-meta-tag.amber{background:#fef3c7;color:#d97706}.admin-item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.admin-small-tag{padding:3px 8px;background:#f1f5f9;border-radius:4px;font-size:11px;color:#475569;font-weight:500}.admin-item-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f1f5f9}.admin-action-btn-new{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-action-btn-new.edit{background:#dbeafe;color:#1d4ed8}.admin-action-btn-new.edit:hover{background:#bfdbfe}.admin-action-btn-new.delete{background:#fee2e2;color:#dc2626}.admin-action-btn-new.delete:hover{background:#fecaca}.admin-list-container{display:flex;flex-direction:column;gap:12px}.admin-list-item{background:#fff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;border:2px solid transparent;transition:all .2s ease;cursor:pointer}.admin-list-item:hover{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf61a}.admin-list-avatar{width:50px;height:50px;border-radius:12px;object-fit:cover;flex-shrink:0}.admin-list-info{flex:1;min-width:0}.admin-list-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 4px;display:flex;align-items:center;gap:8px}.admin-list-subtitle{font-size:13px;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.admin-list-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.admin-list-badge.admin{background:#fef3c7;color:#92400e}.admin-list-badge.user{background:#e0e7ff;color:#3730a3}.admin-list-badge.hoster{background:#dcfce7;color:#166534}.admin-empty-state-new{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;border:2px dashed #e2e8f0}.admin-empty-state-new .empty-icon{font-size:48px;margin-bottom:16px}.admin-empty-state-new p{color:#64748b;font-size:16px;margin:0}@media (max-width: 768px){.admin-header-container{padding:16px 20px}.admin-header-top{flex-direction:column;align-items:flex-start;gap:12px}.admin-nav-tabs{overflow-x:auto;padding:6px;gap:6px}.admin-nav-tab{padding:10px 16px;font-size:13px;white-space:nowrap}.admin-content{padding:20px}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.admin-stat-card{padding:16px;flex-direction:column;text-align:center;gap:12px}.admin-stat-value{font-size:1.5rem}.admin-section-header{flex-direction:column;align-items:flex-start}.admin-card-grid{grid-template-columns:1fr}}.admin-add-quizzes-button{background-color:#8c52ff;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1.2rem;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease}.admin-add-quizzes-button:hover{background-color:#7341e6;transform:translateY(-2px);box-shadow:0 4px 12px #8c52ff4d}.admin-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:40px 20px;overflow-y:auto}.admin-modal-container{background-color:#fff;border-radius:16px;max-width:1000px;width:100%;max-height:calc(100vh - 80px);overflow-y:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:adminModalSlideIn .3s ease-out;margin:auto}@keyframes adminModalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.admin-modal-header h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.admin-close-btn{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.admin-close-btn:hover{background-color:#f7fafc;color:#2d3748}.admin-modal-content{padding:24px;height:5000vh;overflow-y:auto;flex:1}.admin-form-section{margin-bottom:24px;padding:20px;background-color:#f7fafc;border-radius:10px;border:1px solid #e2e8f0}.admin-form-section h3{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}.admin-form-section h4{font-size:1.05rem;font-weight:600;color:#4a5568;margin-bottom:14px}.admin-form-group{margin-bottom:16px}.admin-form-group label{display:block;font-weight:600;color:#4a5568;margin-bottom:6px;font-size:.9rem}.admin-form-group input[type=text],.admin-form-group input[type=number],.admin-form-group textarea,.admin-form-group select{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease;font-family:inherit;background-color:#fff}.admin-form-group input[type=text]:focus,.admin-form-group textarea:focus,.admin-form-group select:focus{outline:none;border-color:#8c52ff;box-shadow:0 0 0 3px #8c52ff1a}.admin-form-group textarea{resize:vertical;min-height:70px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.admin-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#8C52FF}.admin-tags-input-container{display:flex;gap:8px;margin-bottom:12px}.admin-tags-input-container input{flex:1}.admin-add-tag-btn{padding:12px 20px;background-color:#8c52ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-add-tag-btn:hover{background-color:#7341e6}.admin-tags-list{display:flex;flex-wrap:wrap;gap:8px}.admin-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#e9d8fd;color:#6b46c1;border-radius:20px;font-size:.9rem;font-weight:500}.admin-tag button{background:none;border:none;color:#6b46c1;cursor:pointer;font-size:1rem;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.admin-tag button:hover{background-color:#d6bcfa}.admin-questions-list{margin-bottom:20px}.admin-question-item{background-color:#fff;padding:14px;border-radius:8px;margin-bottom:10px;border:1px solid #cbd5e0;transition:all .2s ease}.admin-question-item:hover{border-color:#8c52ff;box-shadow:0 2px 8px #8c52ff1a}.admin-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.admin-question-number{font-weight:600;color:#8c52ff;font-size:.9rem}.admin-question-text{font-weight:500;color:#2d3748;margin-bottom:10px;font-size:.95rem}.admin-options-preview{display:flex;flex-wrap:wrap;gap:8px}.admin-option{padding:6px 12px;background-color:#f7fafc;border-radius:6px;font-size:.9rem;color:#4a5568;border:1px solid #e2e8f0}.admin-option.correct{background-color:#c6f6d5;color:#22543d;font-weight:600;border-color:#9ae6b4}.admin-new-question-form{background-color:#fff;padding:16px;border-radius:8px;border:2px dashed #cbd5e0}.admin-option-input-row{display:flex;gap:8px;margin-bottom:8px}.admin-option-input-row input{flex:1}.admin-remove-option-btn{width:38px;height:38px;background-color:#fed7d7;color:#c53030;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .2s ease;flex-shrink:0}.admin-remove-option-btn:hover{background-color:#fc8181;color:#fff}.admin-add-option-btn{width:100%;padding:8px;background-color:#e2e8f0;color:#4a5568;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:4px;transition:all .2s ease;font-size:.9rem}.admin-add-option-btn:hover{background-color:#cbd5e0}.admin-add-question-btn{width:100%;padding:12px;background-color:#48bb78;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:14px;transition:all .2s ease;font-size:.95rem}.admin-add-question-btn:hover{background-color:#38a169}.admin-remove-btn{padding:6px 12px;background-color:#fed7d7;color:#c53030;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-remove-btn:hover{background-color:#fc8181;color:#fff}.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;flex-shrink:0;background-color:#f9fafb}.admin-cancel-btn{padding:10px 20px;background-color:#e2e8f0;color:#4a5568;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.admin-cancel-btn:hover{background-color:#cbd5e0}.admin-submit-btn{padding:10px 28px;background-color:#8c52ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.admin-submit-btn:hover:not(:disabled){background-color:#7341e6;box-shadow:0 4px 12px #8c52ff4d}.admin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-quizzes-section{margin-top:40px}.admin-section-title{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:24px}.admin-empty-state{background-color:#fff;padding:60px 20px;text-align:center;border-radius:12px;border:2px dashed #cbd5e0}.admin-empty-state p{color:#718096;font-size:1.1rem}.admin-quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.admin-quiz-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:2px solid transparent}.admin-quiz-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8c52ff26;border-color:#8c52ff}.admin-quiz-card.inactive{opacity:.6}.admin-quiz-image-container{position:relative;width:100%;height:200px;overflow:hidden;background-color:#f7fafc}.admin-quiz-image{width:100%;height:100%;object-fit:cover}.admin-quiz-status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-quiz-status-badge.active{background-color:#48bb78e6;color:#fff}.admin-quiz-status-badge.inactive{background-color:#cbd5e0e6;color:#2d3748}.admin-quiz-content{padding:20px}.admin-quiz-title{font-size:1.3rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1.3}.admin-quiz-description{color:#718096;font-size:.95rem;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-quiz-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.admin-quiz-category,.admin-quiz-difficulty,.admin-quiz-questions,.admin-quiz-xp{padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600}.admin-quiz-category{background-color:#e9d8fd;color:#6b46c1}.admin-quiz-difficulty{background-color:#feebc8;color:#c05621}.admin-quiz-questions{background-color:#bee3f8;color:#2c5282}.admin-quiz-xp{background-color:#c6f6d5;color:#22543d}.admin-quiz-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.admin-quiz-tag{padding:4px 10px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#4a5568}.admin-quiz-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.admin-action-btn{padding:10px 12px;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-action-btn.edit{grid-column:1;background-color:#bee3f8;color:#2c5282}.admin-action-btn.edit:hover:not(:disabled){background-color:#90cdf4;color:#1a365d}.admin-action-btn.toggle{background-color:#e2e8f0;color:#2d3748}.admin-action-btn.toggle:hover:not(:disabled){background-color:#cbd5e0}.admin-action-btn.delete{background-color:#fed7d7;color:#c53030}.admin-action-btn.delete:hover:not(:disabled){background-color:#fc8181;color:#fff}.admin-action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-modal-overlay{padding:0}.admin-modal-container{max-height:100vh;border-radius:0;margin:0}.admin-form-row{grid-template-columns:1fr}.admin-modal-header{padding:16px 20px}.admin-modal-content{padding:20px}.admin-modal-footer{padding:14px 20px}.admin-form-section{padding:16px}.admin-modal-header h2{font-size:1.3rem}.admin-quizzes-grid{grid-template-columns:1fr}.admin-section-title{font-size:1.5rem}}:root{--quiz-primary: #8C52FF;--quiz-primary-dark: #6B46C1;--quiz-primary-glow: rgba(140, 82, 255, .4);--quiz-success: #10B981;--quiz-success-glow: rgba(16, 185, 129, .4);--quiz-error: #EF4444;--quiz-error-glow: rgba(239, 68, 68, .4);--quiz-warning: #F59E0B;--quiz-bg: #0F0F1A;--quiz-card-bg: rgba(255, 255, 255, .05);--quiz-glass: rgba(255, 255, 255, .1);--quiz-text: #FFFFFF;--quiz-text-muted: rgba(255, 255, 255, .6);--quiz-border: rgba(255, 255, 255, .1);--quiz-gold: #FFD700}.quiz-container{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);padding:0;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.quiz-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(140,82,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,157,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.08) 0%,transparent 60%);pointer-events:none;z-index:0;animation:backgroundPulse 8s ease-in-out infinite alternate}@keyframes backgroundPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.quiz-background-overlay{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0f0f1aeb;transition:all .5s ease}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:24px;padding:40px 20px;position:relative;z-index:1}.quiz-loading-spinner{width:60px;height:60px;border:4px solid rgba(140,82,255,.2);border-top-color:var(--quiz-primary);border-radius:50%;animation:spinGlow 1s linear infinite;box-shadow:0 0 30px var(--quiz-primary-glow)}@keyframes spinGlow{0%{transform:rotate(0);box-shadow:0 0 20px var(--quiz-primary-glow)}50%{box-shadow:0 0 40px var(--quiz-primary-glow)}to{transform:rotate(360deg);box-shadow:0 0 20px var(--quiz-primary-glow)}}.quiz-loading p{color:var(--quiz-text);font-size:1rem;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.quiz-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:40px 20px;position:relative;z-index:1}.quiz-error h2{color:var(--quiz-text);font-size:1.5rem;font-weight:700;text-align:center}.quiz-back-btn{padding:14px 32px;background:linear-gradient(135deg,var(--quiz-primary) 0%,var(--quiz-primary-dark) 100%);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--quiz-primary-glow)}.quiz-back-btn:active{transform:scale(.95)}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--quiz-border);position:sticky;top:0;z-index:100;animation:slideDown .5s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.quiz-exit-btn{padding:10px 18px;background:var(--quiz-glass);border:1px solid var(--quiz-border);border-radius:50px;color:var(--quiz-text);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.quiz-exit-btn:active{transform:scale(.95);background:#ffffff26}.quiz-info{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.quiz-title{font-size:1rem;font-weight:700;color:var(--quiz-text);margin:0;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-difficulty{padding:5px 12px;background:linear-gradient(135deg,var(--quiz-primary) 0%,#FF6B9D 100%);color:#fff;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quiz-progress-container{padding:20px 20px 16px;position:relative;z-index:1;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.quiz-progress-bar{width:100%;height:8px;background:var(--quiz-glass);border-radius:10px;overflow:hidden;margin-bottom:12px;position:relative}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--quiz-primary) 0%,#FF6B9D 50%,var(--quiz-gold) 100%);background-size:200% 100%;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;animation:progressShimmer 2s linear infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quiz-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 15px var(--quiz-primary),0 0 30px var(--quiz-primary-glow)}.quiz-progress-text{display:block;text-align:center;color:var(--quiz-text-muted);font-weight:600;font-size:.85rem;letter-spacing:.5px}.quiz-question-card{margin:0 16px 100px;padding:28px 20px;background:#0f0f1abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--quiz-border);position:relative;z-index:1;animation:cardAppear .6s cubic-bezier(.4,0,.2,1) .3s both;box-shadow:0 8px 32px #0006}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-timer-container{display:flex;justify-content:center;margin-bottom:24px}.quiz-timer{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--quiz-glass);border:2px solid var(--quiz-border);border-radius:50px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.quiz-timer-label{color:var(--quiz-text-muted);font-size:.85rem}.quiz-timer-value{color:var(--quiz-primary);font-size:1.4rem;font-weight:800;min-width:35px;text-align:center;font-variant-numeric:tabular-nums}.quiz-timer-warning{border-color:var(--quiz-warning);background:#f59e0b26;animation:timerUrgent .5s ease infinite}.quiz-timer-warning .quiz-timer-value{color:var(--quiz-warning)}@keyframes timerUrgent{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.quiz-timer-expired{border-color:var(--quiz-error);background:#ef444426;animation:none}.quiz-timer-expired .quiz-timer-value{color:var(--quiz-error)}.quiz-question-text{font-size:1.3rem;font-weight:700;color:var(--quiz-text);line-height:1.5;margin-bottom:28px;text-align:center;animation:questionFade .5s ease .4s both}@keyframes questionFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quiz-option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--quiz-glass);border:2px solid var(--quiz-border);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;-webkit-tap-highlight-color:transparent;animation:optionSlide .4s cubic-bezier(.4,0,.2,1) both;position:relative;overflow:hidden}.quiz-option:nth-child(1){animation-delay:.5s}.quiz-option:nth-child(2){animation-delay:.6s}.quiz-option:nth-child(3){animation-delay:.7s}.quiz-option:nth-child(4){animation-delay:.8s}@keyframes optionSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-option:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#8c52ff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.quiz-option:active:before{width:300%;height:300%}.quiz-option:active:not(:disabled){transform:scale(.98)}.quiz-option.selected{border-color:var(--quiz-primary);background:#8c52ff33;box-shadow:0 0 20px var(--quiz-primary-glow)}.quiz-option.correct{border-color:var(--quiz-success);background:#10b98133;box-shadow:0 0 25px var(--quiz-success-glow);animation:correctBounce .5s cubic-bezier(.4,0,.2,1)}@keyframes correctBounce{0%{transform:scale(1)}30%{transform:scale(1.05)}50%{transform:scale(.95)}to{transform:scale(1)}}.quiz-option.incorrect{border-color:var(--quiz-error);background:#ef444433;box-shadow:0 0 25px var(--quiz-error-glow);animation:incorrectShake .5s cubic-bezier(.4,0,.2,1)}@keyframes incorrectShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.quiz-option:disabled{cursor:not-allowed}.quiz-option-letter{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--quiz-glass);border:2px solid var(--quiz-border);border-radius:12px;font-weight:800;font-size:1rem;color:var(--quiz-text);flex-shrink:0;transition:all .3s ease}.quiz-option.selected .quiz-option-letter{background:var(--quiz-primary);border-color:var(--quiz-primary);color:#fff;box-shadow:0 4px 15px var(--quiz-primary-glow)}.quiz-option.correct .quiz-option-letter{background:var(--quiz-success);border-color:var(--quiz-success);color:#fff}.quiz-option.incorrect .quiz-option-letter{background:var(--quiz-error);border-color:var(--quiz-error);color:#fff}.quiz-option-text{flex:1;font-size:1rem;font-weight:500;color:var(--quiz-text);line-height:1.4}.quiz-option-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1rem;animation:iconPop .3s cubic-bezier(.4,0,.2,1)}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.quiz-option-icon.correct{background:var(--quiz-success);color:#fff;box-shadow:0 0 15px var(--quiz-success-glow)}.quiz-option-icon.incorrect{background:var(--quiz-error);color:#fff;box-shadow:0 0 15px var(--quiz-error-glow)}.quiz-confirm-btn{width:100%;padding:18px;background:linear-gradient(135deg,var(--quiz-primary) 0%,var(--quiz-primary-dark) 100%);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 30px var(--quiz-primary-glow);text-transform:uppercase;letter-spacing:1px}.quiz-confirm-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.quiz-confirm-btn:not(:disabled):hover:after{left:100%}.quiz-confirm-btn:active:not(:disabled){transform:scale(.98)}.quiz-confirm-btn:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.5}.quiz-feedback{padding:16px 20px;border-radius:16px;text-align:center;font-weight:600;animation:feedbackSlide .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-feedback.correct{background:#10b98133;border:1px solid var(--quiz-success);color:#6ee7b7}.quiz-feedback.incorrect{background:#ef444433;border:1px solid var(--quiz-error);color:#fca5a5}.quiz-feedback p{margin:0;font-size:.95rem;line-height:1.5}.quiz-streak{position:fixed;top:80px;right:16px;z-index:99;animation:streakBounce .5s cubic-bezier(.4,0,.2,1)}@keyframes streakBounce{0%{transform:scale(0) rotate(-20deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.quiz-streak-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--quiz-gold) 0%,#FFA500 100%);border-radius:50px;color:#1a1a2e;font-weight:800;font-size:.9rem;box-shadow:0 4px 20px #ffd70066}.quiz-streak-icon{font-size:1.2rem;animation:fireFlicker .5s ease infinite alternate}@keyframes fireFlicker{0%{transform:scale(1)}to{transform:scale(1.15)}}.quiz-results{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;min-height:100dvh;padding:80px 16px 40px;position:relative;z-index:1}.quiz-results-card{background:var(--quiz-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:36px 24px;max-width:420px;width:100%;border:1px solid var(--quiz-border);text-align:center;animation:resultsAppear .8s cubic-bezier(.4,0,.2,1)}@keyframes resultsAppear{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-results-header h1{font-size:1.8rem;font-weight:800;color:var(--quiz-text);margin-bottom:6px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-results-subtitle{color:var(--quiz-text-muted);font-size:1rem;font-weight:500;margin-bottom:32px}.quiz-results-score{margin-bottom:32px}.quiz-score-circle{position:relative;width:160px;height:160px;margin:0 auto}.quiz-score-ring{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 20px var(--quiz-primary-glow))}.quiz-score-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:10}.quiz-score-ring-progress{fill:none;stroke:url(#scoreGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1) .3s}.quiz-score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.quiz-score-percentage{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,var(--quiz-primary) 0%,#FF6B9D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:scoreCount 1s ease .5s both}@keyframes scoreCount{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quiz-score-label{font-size:.85rem;color:var(--quiz-text-muted);font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.quiz-results-stats{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;padding:20px 0;background:var(--quiz-glass);border-radius:16px;border:1px solid var(--quiz-border);animation:statsSlide .6s ease .8s both}@keyframes statsSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 16px}.quiz-stat-value{font-size:1.8rem;font-weight:800;color:var(--quiz-text)}.quiz-stat:first-child .quiz-stat-value{color:var(--quiz-success)}.quiz-stat:nth-child(3) .quiz-stat-value{color:var(--quiz-error)}.quiz-stat-label{font-size:.75rem;color:var(--quiz-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.quiz-stat-divider{width:1px;height:40px;background:var(--quiz-border)}.quiz-results-message{margin-bottom:28px;animation:messageFade .6s ease 1s both}@keyframes messageFade{0%{opacity:0}to{opacity:1}}.quiz-results-message p{font-size:1.05rem;color:var(--quiz-text-muted);font-weight:500;line-height:1.5}.quiz-results-actions{display:flex;flex-direction:column;gap:12px;animation:actionsSlide .6s ease 1.2s both}@keyframes actionsSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-action-btn{width:100%;padding:16px 24px;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.quiz-action-btn.primary{background:linear-gradient(135deg,var(--quiz-primary) 0%,var(--quiz-primary-dark) 100%);color:#fff;box-shadow:0 8px 30px var(--quiz-primary-glow)}.quiz-action-btn.primary:active{transform:scale(.98)}.quiz-action-btn.secondary{background:var(--quiz-glass);color:var(--quiz-text);border:1px solid var(--quiz-border)}.quiz-action-btn.secondary:active{transform:scale(.98);background:#ffffff26}.quiz-similar-section{margin-top:40px;padding-top:32px;border-top:1px solid var(--quiz-border);animation:similarFade .6s ease 1.4s both}@keyframes similarFade{0%{opacity:0}to{opacity:1}}.quiz-similar-title{font-size:1.3rem;font-weight:700;color:var(--quiz-text);margin-bottom:6px;text-align:center}.quiz-similar-subtitle{font-size:.9rem;color:var(--quiz-text-muted);margin-bottom:24px;text-align:center;font-weight:500}.quiz-similar-grid{display:flex;flex-direction:column;gap:16px}.quiz-similar-card{background:var(--quiz-glass);border-radius:16px;overflow:hidden;border:1px solid var(--quiz-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;animation:cardSlide .5s ease both}.quiz-similar-card:nth-child(1){animation-delay:1.5s}.quiz-similar-card:nth-child(2){animation-delay:1.6s}.quiz-similar-card:nth-child(3){animation-delay:1.7s}@keyframes cardSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-similar-card:active{transform:scale(.98);border-color:var(--quiz-primary)}.quiz-similar-image-container{position:relative;width:100px;min-width:100px;height:100px;overflow:hidden;background:#ffffff0d}.quiz-similar-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.quiz-similar-difficulty{position:absolute;bottom:6px;left:6px;padding:4px 8px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:8px;font-size:.65rem;font-weight:700;text-transform:uppercase}.quiz-similar-content{padding:14px;flex:1;display:flex;flex-direction:column;justify-content:center}.quiz-similar-card-title{font-size:.95rem;font-weight:700;color:var(--quiz-text);margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-similar-card-description{display:none}.quiz-similar-meta{margin-top:8px}.quiz-similar-questions{font-size:.75rem;color:var(--quiz-text-muted);font-weight:500}.quiz-confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;background:var(--quiz-primary);animation:confettiFall 3s ease-out forwards}.confetti-piece:nth-child(odd){background:var(--quiz-gold)}.confetti-piece:nth-child(3n){background:#ff6b9d;border-radius:50%}.confetti-piece:nth-child(4n){background:var(--quiz-success);width:8px;height:8px}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.xp-popup{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1000;animation:xpSlideUp .5s cubic-bezier(.4,0,.2,1)}@keyframes xpSlideUp{0%{opacity:0;transform:translate(-50%) translateY(50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.xp-popup-content{background:linear-gradient(135deg,var(--quiz-primary) 0%,#FF6B9D 100%);color:#fff;border-radius:20px;padding:20px 28px;box-shadow:0 12px 40px var(--quiz-primary-glow);min-width:280px;border:2px solid rgba(255,255,255,.2)}.xp-popup-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.xp-popup-icon{font-size:2rem;animation:starSpin 2s linear infinite}@keyframes starSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.xp-popup-header h3{margin:0;font-size:1.1rem;font-weight:700}.xp-popup-body{margin-bottom:12px}.xp-earned{font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.xp-progress-container{margin:16px 0}.xp-popup-body .xp-progress-bar{width:100%;height:12px;background:#fff3;border-radius:10px;overflow:hidden;position:relative}.xp-progress-fill{position:absolute;height:100%;background:#fff6;border-radius:10px}.xp-progress-fill-animated{position:absolute;height:100%;background:linear-gradient(90deg,var(--quiz-gold) 0%,#FFF 100%);border-radius:10px;transition:width 2s cubic-bezier(.4,0,.2,1) .3s;box-shadow:0 0 20px #ffd70099}.xp-details{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:.95rem;font-weight:600}.xp-old{color:#ffffffb3}.xp-arrow{color:var(--quiz-gold);font-size:1.3rem}.xp-new{color:var(--quiz-gold);font-weight:800}.xp-level{text-align:center;margin-top:8px;font-size:.85rem;font-weight:600;color:#ffffffe6}.xp-popup-footer{text-align:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.xp-popup-footer span{font-size:.8rem;color:#ffffffb3;font-weight:500}@media (min-width: 768px){.quiz-header{padding:20px 40px}.quiz-title{font-size:1.2rem;max-width:300px}.quiz-question-card{max-width:600px;margin:20px auto 120px;padding:40px 36px}.quiz-question-text{font-size:1.5rem}.quiz-option{padding:18px 22px}.quiz-results-card{padding:48px 40px;max-width:500px}.quiz-score-circle{width:180px;height:180px}.quiz-score-percentage{font-size:3.2rem}.quiz-similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quiz-similar-card{flex-direction:column}.quiz-similar-image-container{width:100%;height:140px}.quiz-similar-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;color:var(--quiz-text-muted);margin-bottom:8px;line-height:1.4}}@supports (padding: max(0px)){.quiz-header{padding-top:max(16px,env(safe-area-inset-top))}.quiz-results{padding-top:max(80px,calc(env(safe-area-inset-top) + 60px));padding-bottom:max(40px,env(safe-area-inset-bottom))}.quiz-question-card{margin-bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lpp-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:flex-end;padding:20px;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .4s ease;pointer-events:none}.lpp-overlay.visible{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all}.lpp-popup{position:relative;width:320px;max-width:calc(100vw - 40px);background:linear-gradient(145deg,#1e1432f2,#2d1950e6,#190f2df2);border-radius:24px;padding:24px;border:1px solid rgba(140,82,255,.3);box-shadow:0 25px 50px -12px #00000080,0 0 40px #8c52ff26,inset 0 1px #ffffff1a;opacity:0;transform:translate(100%) scale(.8);transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.lpp-popup.visible{opacity:1;transform:translate(0) scale(1)}.lpp-popup.level-up{animation:levelUpPulse .6s ease-out;border-color:#ffd70080;box-shadow:0 25px 50px -12px #00000080,0 0 60px #ffd7004d,inset 0 1px #ffffff1a}@keyframes levelUpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.lpp-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px}.lpp-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle 2s ease-in-out infinite;opacity:0}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.lpp-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:#fff9}.lpp-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.lpp-close svg{font-size:16px}.lpp-header{display:flex;justify-content:center;margin-bottom:20px}.lpp-xp-earned{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b98133,#0596694d);border:1px solid rgba(16,185,129,.4);border-radius:50px;animation:xpPop .6s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes xpPop{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lpp-zap-icon{font-size:20px;color:#10b981;animation:zapPulse 1.5s ease-in-out infinite}@keyframes zapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.lpp-xp-value{font-size:1.8rem;font-weight:800;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5);animation:countUp .8s ease-out .5s both}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lpp-xp-label{font-size:.9rem;font-weight:600;color:#10b981cc;text-transform:uppercase;letter-spacing:1px}.lpp-badge-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;animation:fadeInUp .5s ease-out .4s both}.lpp-badge-container{position:relative;width:80px;height:80px}.lpp-badge{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));animation:badgeFloat 3s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lpp-badge-ring{position:absolute;inset:-8px;border:2px solid var(--level-color, #8C52FF);border-radius:50%;opacity:.4;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.2}}.lpp-level-info{display:flex;flex-direction:column;align-items:center;gap:4px}.lpp-level-name{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px currentColor}.lpp-total-xp{font-size:.85rem;color:#ffffff80;font-weight:500}.lpp-levelup-celebration{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;animation:celebrationAppear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes celebrationAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.lpp-levelup-container{display:flex;align-items:center;gap:12px}.lpp-levelup-old{opacity:.5;transform:scale(.8)}.lpp-levelup-badge-old{width:50px;height:50px;object-fit:contain;filter:grayscale(50%) drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.8)}}.lpp-levelup-arrow{display:flex;align-items:center;gap:4px;color:#ffd700cc;animation:arrowMove 1s ease-in-out infinite}@keyframes arrowMove{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.lpp-arrow-line{width:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8))}.lpp-arrow-head{font-size:1.2rem;font-weight:700}.lpp-levelup-new{position:relative}.lpp-levelup-badge-new{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));animation:newBadgeAppear .8s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes newBadgeAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.lpp-levelup-glow{position:absolute;inset:-20px;background:radial-gradient(circle,var(--level-color, #FFD700) 0%,transparent 70%);opacity:.3;animation:glowPulse 1.5s ease-in-out infinite;border-radius:50%;z-index:-1}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.lpp-levelup-text{display:flex;flex-direction:column;align-items:center;gap:4px}.lpp-levelup-label{font-size:.75rem;font-weight:700;color:#ffd700e6;text-transform:uppercase;letter-spacing:3px;animation:labelGlow 1.5s ease-in-out infinite}@keyframes labelGlow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px rgba(255,215,0,.8)}}.lpp-levelup-name{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px currentColor;animation:nameAppear .6s ease-out .5s both}@keyframes nameAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lpp-progress-section{display:flex;flex-direction:column;gap:10px;animation:fadeInUp .5s ease-out .6s both}.lpp-progress-header{display:flex;justify-content:space-between;align-items:center}.lpp-progress-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.lpp-progress-next{font-size:.85rem;font-weight:600;color:#fffc}.lpp-progress-bar-wrapper{display:flex;align-items:center;gap:12px}.lpp-progress-bar{flex:1;height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.lpp-progress-fill{height:100%;background:linear-gradient(90deg,var(--level-color, #8C52FF) 0%,color-mix(in srgb,var(--level-color, #8C52FF) 70%,white) 50%,var(--level-color, #8C52FF) 100%);background-size:200% 100%;border-radius:10px;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.lpp-progress-glow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:radial-gradient(circle,white 0%,transparent 70%);opacity:.8;animation:progressGlow 1.5s ease-in-out infinite}@keyframes progressGlow{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.lpp-next-badge-mini{width:32px;height:32px;object-fit:contain;opacity:.6;filter:grayscale(30%);transition:all .3s ease}.lpp-progress-stats{text-align:center}.lpp-xp-remaining{font-size:.8rem;color:#fff9}.lpp-xp-remaining strong{color:#8c52ff;font-weight:700}.lpp-max-level{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#ffd7001a,#ffa50026);border:1px solid rgba(255,215,0,.3);border-radius:16px;animation:fadeInUp .5s ease-out .6s both}.lpp-max-icon{font-size:2rem;animation:crownBounce 2s ease-in-out infinite}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.lpp-max-text{font-size:.9rem;font-weight:600;color:#ffd700e6;text-shadow:0 0 10px rgba(255,215,0,.3)}.lpp-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;animation:fadeInUp .5s ease-out .8s both}.lpp-footer span{font-size:.75rem;color:#fff6;line-height:1.4}@media (max-width: 768px){.lpp-overlay{padding:16px;align-items:center;justify-content:center}.lpp-popup{width:280px;max-width:calc(100vw - 32px);padding:20px;transform:translateY(100%) scale(.9)}.lpp-popup.visible{transform:translateY(0) scale(1)}.lpp-xp-earned{padding:10px 20px}.lpp-xp-value{font-size:1.5rem}.lpp-badge-container{width:65px;height:65px}.lpp-level-name{font-size:1rem}.lpp-levelup-badge-old{width:40px;height:40px}.lpp-levelup-badge-new{width:55px;height:55px}.lpp-levelup-name{font-size:1.2rem}.lpp-progress-bar{height:8px}.lpp-next-badge-mini{width:28px;height:28px}}@media (max-width: 380px){.lpp-popup{width:260px;padding:16px}.lpp-xp-value{font-size:1.3rem}.lpp-badge-container{width:55px;height:55px}}.events-screen-new{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;background-color:#f0eee2;overflow-y:auto;overflow-x:hidden;position:relative}.events-header-new{display:flex;flex-direction:column;gap:16px;padding:20px 16px;flex-shrink:0;position:relative}.events-header-actions{display:flex;align-items:center;gap:12px;position:static;transform:none;margin-top:16px;flex-wrap:wrap;justify-content:center;width:100%;order:2}.events-title-new{font-size:1.75rem;font-weight:800;color:#374151;margin:0;letter-spacing:-.5px;text-align:center;order:1}.events-location-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#059669;font-size:.8rem;font-weight:600;position:static;transform:none;order:3;width:100%;justify-content:center;margin-top:8px}.events-scan-qr-button{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #8b5cf666;width:100%;max-width:320px;justify-content:center;min-height:52px;animation:qrButtonPulse 2s ease-in-out infinite}.events-scan-qr-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.events-scan-qr-button:active{transform:scale(.98)}.events-scan-qr-button svg{font-size:22px}.events-scan-qr-button span{display:inline;font-size:1rem}@keyframes qrButtonPulse{0%,to{box-shadow:0 4px 12px #8b5cf64d}50%{box-shadow:0 6px 20px #8b5cf680}}.events-location-badge svg{font-size:14px}.events-loading-new{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.events-loading-spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.events-loading-new p{color:#6b7280;font-size:1rem;font-weight:500}.events-carousel-container{display:flex;flex-direction:column;position:relative;overflow:visible;margin-bottom:20px;flex:1}.events-nav-button{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:#fffffff2;border:2px solid rgba(139,92,246,.3);color:#8b5cf6;font-size:24px;cursor:pointer;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 16px #00000026}.events-nav-button:hover{background:#fff;border-color:#8b5cf6;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 24px #8b5cf64d}.events-nav-button:active{transform:translateY(-50%) scale(.95)}.events-nav-button-prev{left:20px}.events-nav-button-next{right:20px}@media (max-width: 1023px){.events-nav-button{display:none!important}}.events-nav-indicators{display:flex;justify-content:center;gap:10px;padding:16px 0;flex-shrink:0}.events-indicator{width:10px;height:10px;border-radius:50%;border:none;background:#0003;cursor:pointer;transition:all .3s ease;padding:0}.events-indicator.active{width:32px;border-radius:5px;background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.events-indicator:hover:not(.active){background:#00000059}.events-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;padding:0;scrollbar-width:none;-ms-overflow-style:none;flex:1;width:100%;height:100%;-webkit-overflow-scrolling:touch;cursor:grab;scroll-snap-stop:always}.events-scroll-container:active{cursor:grabbing}.events-scroll-container::-webkit-scrollbar{display:none}.events-card-new{min-width:100%;scroll-snap-align:center;display:flex;flex-direction:column;padding:0 20px;box-sizing:border-box;opacity:.5;height:100%;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;position:relative;will-change:opacity,transform}.events-card-new.active{opacity:1;transform:scale(1)}.events-card-inner{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:28px;overflow:hidden}.events-card-inner:before{content:"";position:absolute;inset:0;background-image:var(--event-bg-image);background-size:cover;background-position:center;filter:blur(60px) saturate(1.8);transform:scale(1.3);z-index:-2}.events-card-inner:after{content:"";position:absolute;inset:0;background:#00000059;z-index:-1}.events-card-image-new{position:relative;width:100%;height:30vh;min-height:180px;max-height:280px;border-radius:20px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 32px #0000004d}.events-card-image-new img{width:100%;height:100%;object-fit:cover}.events-card-content-new{display:flex;flex-direction:column;padding:20px 0}.events-card-title-new{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2}.events-card-info-new{display:flex;flex-direction:column;gap:14px}.events-card-info-item{display:flex;align-items:flex-start;gap:14px}.events-card-info-icon{font-size:20px;color:#8b5cf6;flex-shrink:0;margin-top:2px}.events-card-info-text{display:flex;flex-direction:column;gap:2px}.events-card-info-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.events-card-info-value{font-size:.9rem;font-weight:500;color:#fff;text-transform:capitalize;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.events-card-description-new{font-size:.85rem;line-height:1.6;color:#ffffffb3;margin:0 0 16px}.events-card-btn-new{width:100%;padding:14px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:auto}.events-card-btn-new:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.events-counter{text-align:center;padding:12px 0;color:#9ca3af;font-size:.9rem;font-weight:600;flex-shrink:0}.events-counter span:first-child{color:#8b5cf6;font-size:1.1rem}.events-empty-new{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.events-empty-new h2{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 12px}.events-empty-new p{font-size:1rem;color:#6b7280;max-width:300px}.events-countdown-section{padding:16px 20px 24px;flex-shrink:0;margin-bottom:100px}.events-countdown-container{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:24px;padding:28px 20px;box-shadow:0 8px 32px #8b5cf64d;text-align:center}.events-countdown-title{font-size:1rem;font-weight:700;color:#ffffffe6;margin:0 0 20px;letter-spacing:.5px;text-transform:uppercase}.events-countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.events-countdown-item{background:#ffffff26;border-radius:16px;padding:14px 6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.events-countdown-number{font-size:1.75rem;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.events-countdown-label{font-size:.7rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.events-live-badge{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#ef444433;border:2px solid #ef4444;border-radius:16px;color:#fff;font-size:1rem;font-weight:700;position:relative}.events-live-pulse{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #ef4444b3}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.events-started-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#ffffff26;border-radius:16px;color:#fff;font-size:1rem;font-weight:600}.events-started-message svg{font-size:24px}.events-qr-scanner-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.events-qr-scanner-modal{background-color:#fff;border-radius:0;width:100%;max-width:100%;max-height:100vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;margin:0}.events-qr-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.events-qr-scanner-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.events-qr-scanner-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.events-qr-scanner-close:hover:not(:disabled){background-color:#e5e7eb}.events-qr-scanner-close:disabled{opacity:.5;cursor:not-allowed}.events-qr-scanner-close svg{font-size:20px;color:#6b7280}.events-qr-scanner-content{padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.events-qr-reader-container{width:100%;max-width:100%;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb}.events-qr-scanner-instructions{text-align:center;color:#6b7280;font-size:.9rem;margin:0;padding:12px;background-color:#f9fafb;border-radius:8px;width:100%}.events-qr-scanner-error{padding:12px 16px;background-color:#fee2e2;border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:.9rem;width:100%;text-align:center}.events-qr-scanner-loading{padding:12px 16px;background-color:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:.9rem;width:100%;text-align:center;font-weight:600}.events-qr-scanner-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.events-qr-scanner-success-icon{font-size:64px;color:#10b981;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.events-qr-scanner-success h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.events-qr-scanner-success p{font-size:1rem;color:#6b7280;margin:0}.event-details-container{flex:1;background-color:#f0eee2;min-height:100vh;position:relative}.event-details-back-button{position:absolute;top:20px;left:20px;z-index:100;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fffffff2;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;box-shadow:0 4px 12px #00000026;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-details-back-button:hover{background-color:#fff;transform:translate(-4px);box-shadow:0 6px 16px #0003}.event-details-back-button svg{font-size:18px}.event-details-hero{position:relative;width:100%;height:400px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.event-details-hero-image{width:100%;height:100%;object-fit:cover}.event-details-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000);padding:40px 40px 30px}.event-details-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2}.event-details-content{padding:40px;max-width:1200px;margin:0 auto}.event-details-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.event-details-info-card{display:flex;align-items:center;gap:16px;padding:20px;background-color:#ffffffb3;border-radius:12px;border:1px solid rgba(139,92,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.event-details-info-card:hover{background-color:#ffffffe6;transform:translateY(-4px);box-shadow:0 8px 16px #8b5cf626}.event-details-info-icon{font-size:28px;color:#8b5cf6;flex-shrink:0}.event-details-info-content h3{font-size:.875rem;font-weight:600;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.event-details-info-content p{font-size:1rem;font-weight:600;color:#374151;margin:0}.event-details-description{margin-bottom:40px;padding:30px;background-color:#ffffffb3;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-details-description h2{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 16px}.event-details-description p{font-size:1rem;line-height:1.7;color:#374151;margin:0}.event-details-attendees-section{margin-bottom:40px;padding:32px;background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-radius:16px;border:2px solid rgba(139,92,246,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-details-attendees-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.event-details-attendees-header h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#374151;margin:0}.event-details-attendees-header h2 svg{color:#8b5cf6;font-size:28px}.event-details-attendees-count{padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;color:#fff;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #8b5cf64d}.event-details-attendees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.event-details-attendee-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;background-color:#fffc;border-radius:12px;border:1px solid rgba(139,92,246,.1);transition:all .3s ease;cursor:default}.event-details-attendee-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #8b5cf633;border-color:#8b5cf64d;background-color:#fffffff2}.event-details-attendee-avatar-wrapper{position:relative;width:80px;height:80px}.event-details-attendee-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #00000026}.event-details-attendee-avatar-fallback{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;border:3px solid #ffffff;box-shadow:0 4px 12px #00000026}.event-details-attendee-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;font-size:.7rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #10b98166;border:2px solid #ffffff;white-space:nowrap}.event-details-attendee-name{font-size:.95rem;font-weight:600;color:#374151;text-align:center;line-height:1.3;word-break:break-word;max-width:100%}.event-details-map-section{margin-bottom:40px}.event-details-map-section h2{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 20px}.event-details-map-container{background-color:#ffffffb3;border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2)}.event-details-map-link{display:block;text-decoration:none;cursor:pointer}.event-details-map-preview{position:relative;width:100%;height:300px;overflow:hidden}.event-details-map-preview iframe{width:100%;height:100%}.event-details-map-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#8b5cf6f2,#8b5cf6cc);padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:1rem;font-weight:600;transition:all .3s ease}.event-details-map-link:hover .event-details-map-overlay{background:linear-gradient(to top,#7c3aedf2,#7c3aedcc)}.event-details-map-overlay svg{font-size:24px}.event-details-map-address{display:flex;align-items:center;gap:12px;padding:20px;background-color:#ffffff80;color:#374151;font-size:.95rem;font-weight:500}.event-details-map-address svg{font-size:20px;color:#8b5cf6;flex-shrink:0}.event-details-countdown-section{margin-bottom:40px}.event-details-countdown-container{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;padding:36px 28px;box-shadow:0 8px 32px #8b5cf64d;text-align:center}.event-details-countdown-title{font-size:1.2rem;font-weight:700;color:#ffffffe6;margin:0 0 28px;letter-spacing:.5px;text-transform:uppercase}.event-details-countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.event-details-countdown-item{background:#ffffff26;border-radius:16px;padding:18px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.event-details-countdown-number{font-size:2.25rem;font-weight:800;color:#fff;line-height:1;margin-bottom:10px}.event-details-countdown-label{font-size:.8rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.event-details-live-badge{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 28px;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:2px solid #ef4444;border-radius:16px;color:#fff;font-size:1.2rem;font-weight:700;box-shadow:0 8px 24px #ef444466}.event-details-live-pulse{width:14px;height:14px;background:#fff;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #ffffffb3}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.event-details-started-message{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 28px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;color:#fff;font-size:1.1rem;font-weight:600;box-shadow:0 8px 24px #8b5cf64d}.event-details-started-message svg{font-size:26px}.event-details-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.event-details-confirm-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;min-width:250px;justify-content:center}.event-details-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.event-details-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.event-details-confirm-btn svg{font-size:20px}.event-details-attending-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:default;min-width:250px;justify-content:center;box-shadow:0 4px 12px #10b9814d}.event-details-attending-btn svg{font-size:20px}.event-details-inactive-notice{color:#dc2626;font-size:.875rem;font-weight:500;margin:0;text-align:center}.event-details-error-message{padding:16px 20px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:20px;text-align:center}.event-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f0eee2;gap:20px}.event-details-spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.event-details-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.event-details-loading p{color:#6b7280;font-size:1rem;font-weight:500}.event-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f0eee2;padding:40px;text-align:center;gap:20px}.event-details-error h2{color:#dc2626;font-size:1.5rem;font-weight:700;margin:0}.event-details-error p{color:#6b7280;font-size:1rem;margin:0}.event-details-back-btn{padding:12px 24px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.event-details-back-btn:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}@media (max-width: 768px){.event-details-hero{height:300px}.event-details-hero-overlay{padding:30px 20px 20px}.event-details-title{font-size:1.75rem}.event-details-content{padding:20px}.event-details-info-grid{grid-template-columns:1fr;gap:16px}.event-details-description{padding:20px}.event-details-back-button{top:10px;left:10px;padding:10px 16px;font-size:13px}.event-details-confirm-btn,.event-details-attending-btn{width:100%;min-width:auto}.event-details-map-preview{height:250px}.event-details-map-address{padding:16px;font-size:.875rem}.event-details-countdown-container{padding:28px 20px}.event-details-countdown-title{font-size:1rem;margin-bottom:24px}.event-details-countdown-grid{gap:10px}.event-details-countdown-item{padding:14px 8px}.event-details-countdown-number{font-size:1.75rem;margin-bottom:8px}.event-details-countdown-label{font-size:.7rem}.event-details-live-badge,.event-details-started-message{padding:16px 20px;font-size:1rem}.event-details-attendees-section{padding:24px 20px}.event-details-attendees-header{flex-direction:column;align-items:flex-start;gap:16px}.event-details-attendees-header h2{font-size:1.3rem}.event-details-attendees-header h2 svg{font-size:24px}.event-details-attendees-count{align-self:stretch;text-align:center;padding:10px 16px;font-size:.9rem}.event-details-attendees-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px}.event-details-attendee-card{padding:16px 8px}.event-details-attendee-avatar-wrapper{width:70px;height:70px}.event-details-attendee-avatar-fallback{font-size:1.5rem}.event-details-attendee-name{font-size:.85rem}.event-details-attendee-badge{font-size:.65rem;padding:3px 10px}}.event-details-success-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-details-success-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 60px #00000080;animation:modalSlideUp .4s ease;border:1px solid rgba(139,92,246,.3)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.event-details-success-content{padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.event-details-success-icon-container{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;animation:successPulse .6s ease;box-shadow:0 8px 24px #10b98166}@keyframes successPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.event-details-success-icon{font-size:48px;color:#fff}.event-details-success-content h2{font-size:1.75rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.event-details-success-message{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.6}.event-details-success-event-info{width:100%;padding:24px;background-color:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.event-details-success-event-info h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 16px}.event-details-success-event-details{display:flex;flex-direction:column;gap:12px}.event-details-success-detail{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#fffc;text-align:left}.event-details-success-detail svg{font-size:18px;color:#8b5cf6;flex-shrink:0}.event-details-success-notification{width:100%;padding:20px;background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border:1px solid rgba(139,92,246,.4);border-radius:12px;display:flex;align-items:center;gap:12px}.event-details-notification-icon{font-size:24px;color:#8b5cf6;flex-shrink:0;animation:bellRing 2s ease infinite}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.event-details-success-notification p{font-size:.95rem;color:#ffffffe6;margin:0;font-weight:600;text-align:left}.event-details-success-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf666}.event-details-success-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680;background:linear-gradient(135deg,#7c3aed,#6d28d9)}@media (max-width: 768px){.event-details-success-modal{max-width:95%}.event-details-success-content{padding:40px 24px}.event-details-success-icon-container{width:70px;height:70px}.event-details-success-icon{font-size:40px}.event-details-success-content h2{font-size:1.5rem}.event-details-success-event-info{padding:20px}.event-details-success-event-info h3{font-size:1.1rem}.event-details-success-notification{padding:16px}}.event-details-location-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-details-location-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 60px #00000080;animation:modalSlideUp .4s ease;border:1px solid rgba(139,92,246,.3);position:relative}.event-details-location-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ffffffb3;z-index:10}.event-details-location-close:hover:not(:disabled){background-color:#fff3;color:#fff}.event-details-location-close:disabled{opacity:.5;cursor:not-allowed}.event-details-location-close svg{font-size:20px}.event-details-location-content{padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.event-details-location-icon-container{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;animation:successPulse .6s ease;box-shadow:0 8px 24px #3b82f666}.event-details-location-icon{font-size:48px;color:#fff}.event-details-location-content h2{font-size:1.75rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.event-details-location-message{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.6}.event-details-location-error{width:100%;padding:12px 16px;background-color:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-size:.9rem;text-align:left}.event-details-location-actions{width:100%;display:flex;flex-direction:column;gap:12px}.event-details-location-confirm-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.event-details-location-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.event-details-location-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.event-details-location-confirm-btn svg{font-size:20px}@media (max-width: 768px){.event-details-location-modal{max-width:95%}.event-details-location-content{padding:40px 24px}.event-details-location-icon-container{width:70px;height:70px}.event-details-location-icon{font-size:40px}.event-details-location-content h2{font-size:1.5rem}}@media (min-width: 1024px){.event-details-hero{height:500px}.event-details-hero-overlay{padding:60px 80px 40px}.event-details-title{font-size:3rem}.event-details-content{padding:60px 80px}.event-details-description{padding:40px}.event-details-description h2{font-size:1.75rem}.event-details-description p{font-size:1.1rem}.event-details-attendees-section{padding:48px 40px}.event-details-attendees-header h2{font-size:1.75rem}.event-details-attendees-header h2 svg{font-size:32px}.event-details-attendees-count{padding:10px 24px;font-size:1rem}.event-details-attendees-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}.event-details-attendee-card{padding:24px 16px}.event-details-attendee-avatar-wrapper{width:90px;height:90px}.event-details-attendee-avatar-fallback{font-size:2rem}.event-details-attendee-name{font-size:1rem}.event-details-attendee-badge{font-size:.75rem;padding:4px 14px}.event-details-map-preview{height:400px}.event-details-countdown-container{padding:48px 40px}.event-details-countdown-title{font-size:1.4rem;margin-bottom:36px}.event-details-countdown-grid{gap:20px;max-width:700px;margin:0 auto}.event-details-countdown-item{padding:24px 16px}.event-details-countdown-number{font-size:3rem;margin-bottom:12px}.event-details-countdown-label{font-size:.85rem}}.event-details-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-details-location-success-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 60px #00000080;position:relative;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.event-details-location-success-content{padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.event-details-location-success-icon-container{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b98166}.event-details-location-success-icon{font-size:48px;color:#fff}.event-details-location-success-content h2{font-size:1.75rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.event-details-location-success-message{font-size:1rem;color:#d1d5db;margin:0;line-height:1.6}.event-details-location-success-event-info{width:100%;background:#ffffff0d;border-radius:16px;padding:24px;margin-top:8px}.event-details-location-success-event-info h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 16px}.event-details-location-success-event-details{display:flex;flex-direction:column;gap:12px}.event-details-location-success-detail{display:flex;align-items:center;gap:12px;color:#d1d5db;font-size:.95rem}.event-details-location-success-detail svg{font-size:18px;color:#10b981;flex-shrink:0}.event-details-location-success-checkbox{width:100%;display:flex;justify-content:center;margin-top:8px}.event-details-location-success-checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;color:#fff;font-size:1rem;font-weight:500}.event-details-location-success-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.event-details-location-success-actions{width:100%;display:flex;gap:12px;margin-top:8px}.event-details-location-success-button{flex:1;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.event-details-location-success-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.event-details-location-success-button:active:not(:disabled){transform:translateY(0)}.event-details-location-success-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.event-details-location-success-modal{max-width:95%}.event-details-location-success-content{padding:40px 24px}.event-details-location-success-icon-container{width:70px;height:70px}.event-details-location-success-icon{font-size:40px}.event-details-location-success-content h2{font-size:1.5rem}.event-details-location-success-event-info{padding:20px}}.handle-events-screen{flex:1;background-color:#f0eee2;padding:20px;overflow-y:auto;min-height:100vh}.handle-events-header{display:flex;align-items:center;gap:16px;margin-bottom:30px;flex-wrap:wrap}.handle-events-back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#ffffffb3;border:1px solid rgba(139,92,246,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.handle-events-back-button:hover{background-color:#8b5cf61a;border-color:#8b5cf666;transform:translateY(-2px)}.handle-events-back-button svg{font-size:18px}.handle-events-title{flex:1;font-size:1.8rem;font-weight:700;color:#5c4411;margin:0}.handle-events-add-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#8b5cf6;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.handle-events-add-button:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.handle-events-add-button svg{font-size:18px}.handle-events-error-message{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background-color:#fee2e2;border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;box-shadow:0 2px 4px #dc26261a;animation:errorSlideIn .3s ease}.handle-events-error-message span{flex:1;line-height:1.5}.handle-events-error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:#dc2626;transition:all .2s ease;flex-shrink:0}.handle-events-error-close:hover{background-color:#dc26261a;transform:scale(1.1)}.handle-events-error-close svg{font-size:18px}.handle-events-error-modal{margin-bottom:0;margin-top:0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.handle-events-content{width:100%}.handle-events-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:24px}.handle-events-empty-state p{color:#6b7280;font-size:18px;font-weight:500}.handle-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;align-items:start}.handle-events-card{background-color:#ffffffe6;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:auto;min-height:auto}.handle-events-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf633}.handle-events-card-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.handle-events-card-image{width:100%;height:100%;object-fit:cover}.handle-events-status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.handle-events-status-badge.active{background-color:#22c55ee6;color:#fff}.handle-events-status-badge.inactive{background-color:#ef4444e6;color:#fff}.handle-events-card-content{padding:20px;display:flex;flex-direction:column;flex:1;height:auto}.handle-events-card-title{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0 0 12px}.handle-events-card-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.handle-events-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.handle-events-info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563}.handle-events-info-item svg{font-size:16px;color:#8b5cf6}.handle-events-attendees-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;font-weight:600;margin-bottom:16px;box-shadow:0 4px 12px #8b5cf64d}.handle-events-attendees-badge svg{font-size:20px;color:#fff}.handle-events-attendees-count{font-size:24px;font-weight:700;line-height:1}.handle-events-attendees-label{font-size:14px;font-weight:600;opacity:.95}.handle-events-card-actions{display:flex;gap:12px;margin-bottom:12px}.handle-events-edit-button,.handle-events-delete-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.handle-events-edit-button{background-color:#8b5cf6;color:#fff}.handle-events-edit-button:hover{background-color:#7c3aed;transform:translateY(-1px)}.handle-events-delete-button{background-color:#ef4444;color:#fff}.handle-events-delete-button:hover{background-color:#dc2626;transform:translateY(-1px)}.handle-events-edit-button svg,.handle-events-delete-button svg{font-size:16px}.events-qr-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin-top:12px;background-color:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.events-qr-button:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.events-qr-button:active{transform:translateY(0)}.events-qr-button span{display:flex;align-items:center;gap:8px}.handle-events-countdown-section{margin-top:0;width:100%}.handle-events-countdown-container{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;padding:18px 16px;text-align:center;box-shadow:0 4px 12px #8b5cf640}.handle-events-countdown-label-main{font-size:.7rem;font-weight:700;color:#ffffffe6;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}.handle-events-countdown-grid{display:flex;align-items:center;justify-content:center;gap:8px}.handle-events-countdown-item{background:#fff3;border-radius:10px;padding:10px 12px;min-width:55px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.handle-events-countdown-number{font-size:1.75rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.handle-events-countdown-label{font-size:.65rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;margin-top:6px;letter-spacing:.5px}.handle-events-countdown-separator{font-size:1.5rem;font-weight:800;color:#fffc;margin:0 2px}.handle-events-countdown-loading{text-align:center;padding:12px;color:#6b7280;font-size:.875rem}.handle-events-live-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:2px solid #ef4444;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;box-shadow:0 4px 16px #ef444466}.handle-events-live-pulse{width:10px;height:10px;background:#fff;border-radius:50%;animation:handleEventsPulse 2s infinite;box-shadow:0 0 #ffffffb3}@keyframes handleEventsPulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.handle-events-start-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.handle-events-start-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.handle-events-start-button svg{font-size:18px}.handle-events-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px}.handle-events-loading p{color:#6b7280;font-size:16px;font-weight:500}.handle-events-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.handle-events-modal{background-color:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.handle-events-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.handle-events-modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.handle-events-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.handle-events-modal-close:hover{background-color:#e5e7eb}.handle-events-modal-close svg{font-size:20px;color:#6b7280}.handle-events-form{padding:24px;display:flex;flex-direction:column;gap:20px}.handle-events-form-group{display:flex;flex-direction:column;gap:8px}.handle-events-form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151}.handle-events-form-group label svg{font-size:16px;color:#8b5cf6}.handle-events-form-group input,.handle-events-form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;background-color:#fff}.handle-events-form-group input:focus,.handle-events-form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.handle-events-form-group textarea{resize:vertical;min-height:100px}.handle-events-form-group .location-picker-container{border-radius:8px;overflow:hidden;border:1px solid #d1d5db}.handle-events-form-group .location-picker-info{margin-top:12px;padding:12px;background-color:#f3f4f6;border-radius:8px;font-size:13px;color:#374151}.handle-events-form-group .location-picker-info strong{color:#1f2937}.handle-events-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.handle-events-form-group.checkbox-group label{flex-direction:row;cursor:pointer;font-weight:500}.handle-events-form-group.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.handle-events-form-group.checkbox-group span{-webkit-user-select:none;user-select:none}.handle-events-duration-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:14px;margin-top:4px}.handle-events-duration-display svg{font-size:18px;color:#3b82f6;flex-shrink:0}.handle-events-duration-display strong{font-weight:600;color:#1e3a8a}.handle-events-form-actions{display:flex;gap:12px;margin-top:8px}.handle-events-cancel-button,.handle-events-save-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.handle-events-cancel-button{background-color:#f3f4f6;color:#374151}.handle-events-cancel-button:hover:not(:disabled){background-color:#e5e7eb}.handle-events-save-button{background-color:#8b5cf6;color:#fff}.handle-events-save-button:hover:not(:disabled){background-color:#7c3aed}.handle-events-cancel-button:disabled,.handle-events-save-button:disabled{opacity:.6;cursor:not-allowed}.handle-events-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.handle-events-screen{padding:16px}.handle-events-header{flex-direction:column;align-items:stretch}.handle-events-title{font-size:1.5rem;text-align:center}.handle-events-grid{grid-template-columns:1fr;gap:20px}.handle-events-card-image-container{height:180px}.handle-events-form-row{grid-template-columns:1fr}.handle-events-modal{max-width:100%;margin:0}.handle-events-form-actions{flex-direction:column}}@media (min-width: 769px) and (max-width: 1024px){.handle-events-grid{grid-template-columns:repeat(2,1fr)}}.handle-events-qr-modal{background-color:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.handle-events-qr-content{padding:24px;display:flex;flex-direction:column;align-items:center;gap:24px}.handle-events-qr-message{font-size:18px;font-weight:600;color:#1f2937;text-align:center;margin:0}.handle-events-qr-subtitle{font-size:14px;font-weight:400;color:#6b7280;text-align:center;margin:0;line-height:1.5}.handle-events-qr-image-container{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#f9fafb;border-radius:12px}.handle-events-qr-image{max-width:100%;height:auto;border-radius:8px}.handle-events-qr-placeholder{padding:40px;text-align:center;color:#6b7280}.handle-events-qr-placeholder p{margin:0;font-size:14px}.handle-events-qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px}.handle-events-qr-spinner{font-size:48px;color:#8b5cf6;animation:spin .8s linear infinite}.handle-events-qr-loading p{margin:0;font-size:16px;color:#6b7280;font-weight:500}.handle-events-image-toggle{display:flex;gap:8px;margin-bottom:12px;background-color:#f3f4f6;padding:4px;border-radius:8px}.handle-events-toggle-button{flex:1;padding:10px 16px;border:none;border-radius:6px;background-color:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.handle-events-toggle-button:hover{background-color:#8b5cf61a;color:#8b5cf6}.handle-events-toggle-button.active{background-color:#8b5cf6;color:#fff;box-shadow:0 2px 4px #8b5cf64d}.handle-events-image-upload{display:flex;flex-direction:column;gap:12px}.handle-events-file-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:#6b7280}.handle-events-file-label:hover{background-color:#e5e7eb;border-color:#8b5cf6;color:#8b5cf6}.handle-events-file-label svg{font-size:18px}.handle-events-image-preview{position:relative;width:100%;max-width:400px;margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #d1d5db}.handle-events-image-preview img{width:100%;height:auto;display:block;max-height:300px;object-fit:cover}.handle-events-remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.handle-events-remove-image:hover{background-color:#dc2626f2;transform:scale(1.1)}.handle-events-remove-image svg{font-size:16px}.notifications-container{flex:1;width:100%;max-width:100%;background-color:#f0eee2;padding:0;overflow-x:hidden;min-height:100vh}.notifications-header{display:flex;align-items:center;gap:16px;padding:20px 40px;background:linear-gradient(135deg,#fffaea,#fff3cdc3);border-bottom:2px solid rgba(255,193,7,.3);position:sticky;top:0;z-index:100}.notifications-back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fffffff2;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notifications-back-button:hover{background-color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.notifications-back-button svg{font-size:18px}.notifications-title{font-size:1.5rem;font-weight:700;color:#5c4411;margin:0;flex:1}.notifications-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;min-height:calc(100vh - 100px)}.notifications-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8c52ff1a,#8b5cf626);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#8b5cf6}.notifications-empty-icon svg{font-size:40px;stroke-width:1.5}.notifications-empty-title{color:#8b5cf6;font-size:1.5rem;font-weight:600;margin-bottom:12px}.notifications-empty-description{color:#6b7280;font-size:1rem;max-width:400px;line-height:1.6}@media (max-width: 768px){.notifications-header{padding:16px 20px;gap:12px}.notifications-back-button{padding:8px 12px;font-size:13px}.notifications-back-button span{display:none}.notifications-back-button svg{font-size:20px}.notifications-title{font-size:1.3rem}.notifications-empty-state{padding:60px 20px}.notifications-empty-icon{width:70px;height:70px}.notifications-empty-icon svg{font-size:35px}.notifications-empty-title{font-size:1.3rem}.notifications-empty-description{font-size:.95rem}}.event-ended-container{flex:1;background-color:#f0eee2;min-height:100vh;position:relative;will-change:opacity,transform}.event-ended-container.entering{animation:fadeInUp .4s ease-out forwards}.event-ended-container.exiting{animation:fadeOutDown .3s ease-in forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.event-ended-hero{position:relative;width:100%;height:400px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);animation:heroFadeIn .6s ease-out forwards}.event-ended-container.exiting .event-ended-hero{animation:heroFadeOut .3s ease-in forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.event-ended-hero-image{width:100%;height:100%;object-fit:cover}.event-ended-back-button{position:absolute;top:20px;left:20px;z-index:100;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fffffff2;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;box-shadow:0 4px 12px #00000026;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-ended-back-button:hover{background-color:#fff;transform:translate(-4px);box-shadow:0 6px 16px #0003}.event-ended-back-button svg{font-size:18px}.event-ended-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000);padding:40px 40px 30px}.event-ended-hero-close-btn{position:absolute;top:20px;right:20px;z-index:100;display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#fffffff2;border:none;border-radius:20px;cursor:pointer;color:#374151;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #00000026;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.event-ended-hero-close-btn:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.event-ended-hero-close-btn:active{transform:translateY(0)}.event-ended-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2;animation:titleSlideUp .6s ease-out .2s backwards}.event-ended-container.exiting .event-ended-title{animation:titleFadeOut .2s ease-in forwards}.event-ended-status-badge{display:inline-block;padding:8px 16px;background-color:#ef4444e6;color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:badgeScaleIn .5s ease-out .3s backwards}.event-ended-container.exiting .event-ended-status-badge{animation:badgeFadeOut .2s ease-in forwards}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFadeOut{to{opacity:0}}@keyframes badgeScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes badgeFadeOut{to{opacity:0}}.event-ended-content{padding:40px;max-width:1200px;margin:0 auto}.event-ended-event-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.event-ended-info-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#ffffffb3;border-radius:20px;border:1px solid rgba(139,92,246,.2);font-size:.9rem;font-weight:600;color:#1f2937;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tagFadeIn .5s ease-out backwards}.event-ended-info-tag:nth-child(1){animation-delay:.4s}.event-ended-info-tag:nth-child(2){animation-delay:.5s}.event-ended-container.exiting .event-ended-info-tag{animation:tagFadeOut .2s ease-in forwards}.event-ended-info-tag svg{font-size:16px;color:#8b5cf6}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes tagFadeOut{to{opacity:0;transform:translateY(-10px)}}.event-ended-attendees-section{margin-bottom:40px}.event-ended-section-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 24px;animation:sectionTitleSlideIn .5s ease-out .6s backwards}.event-ended-container.exiting .event-ended-section-title{animation:sectionTitleFadeOut .2s ease-in forwards}.event-ended-section-title svg{font-size:24px;color:#8b5cf6}@keyframes sectionTitleSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sectionTitleFadeOut{to{opacity:0;transform:translate(-20px)}}.event-ended-attendees-list{display:flex;flex-direction:column;gap:12px}.event-ended-attendee-item{display:flex;align-items:center;gap:16px;padding:16px;background-color:#ffffffb3;border-radius:12px;border:1px solid rgba(139,92,246,.2);cursor:pointer;transition:all .3s ease;animation:attendeeItemFadeIn .5s ease-out backwards}.event-ended-attendee-item:nth-child(1){animation-delay:.7s}.event-ended-attendee-item:nth-child(2){animation-delay:.8s}.event-ended-container.exiting .event-ended-attendee-item{animation:attendeeItemFadeOut .2s ease-in forwards}.event-ended-attendee-item:hover{background-color:#ffffffe6;transform:translate(4px);box-shadow:0 4px 12px #8b5cf633}@keyframes attendeeItemFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes attendeeItemFadeOut{to{opacity:0;transform:translate(-15px)}}.event-ended-attendee-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid #8b5cf6}.event-ended-attendee-avatar img{width:100%;height:100%;object-fit:cover}.event-ended-attendee-info{flex:1}.event-ended-attendee-name-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:4px}.event-ended-attendee-info h3{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0}.event-ended-attendee-info p{font-size:.9rem;color:#6b7280;margin:0}.event-ended-me-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.75rem;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #8b5cf64d;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf680}}.event-ended-attendees-preview{position:relative;display:flex;align-items:center;gap:16px;padding:16px 16px 16px 25px;background-color:#ffffffb3;border-radius:12px;border:1px solid rgba(139,92,246,.2);min-height:88px;overflow:hidden;animation:previewScaleIn .5s ease-out .9s backwards}.event-ended-container.exiting .event-ended-attendees-preview{animation:previewFadeOut .2s ease-in forwards}@keyframes previewScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes previewFadeOut{to{opacity:0;transform:scale(.98)}}.event-ended-attendees-stack{position:relative;width:56px;height:56px;flex-shrink:0;filter:blur(2px);opacity:.5}.event-ended-stack-avatar{position:absolute;width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #8b5cf6;box-shadow:0 2px 8px #0003}.event-ended-stack-avatar img{width:100%;height:100%;object-fit:cover}.event-ended-attendees-preview-overlay{flex:1;display:flex;flex-direction:column;justify-content:center;z-index:10}.event-ended-attendees-preview-text{font-size:1.5rem;font-weight:700;color:#8b5cf6;margin:0 0 4px}.event-ended-attendees-preview-subtext{font-size:.9rem;font-weight:600;color:#6b7280;margin:0}.event-ended-actions{display:flex;justify-content:center;padding:40px 0}.event-ended-rate-btn{display:flex;align-items:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf666;animation:rateBtnBounceIn .6s ease-out 1s backwards}.event-ended-container.exiting .event-ended-rate-btn{animation:rateBtnFadeOut .2s ease-in forwards}@keyframes rateBtnBounceIn{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rateBtnFadeOut{to{opacity:0;transform:translateY(10px)}}.event-ended-rate-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf680}.event-ended-rate-btn:active{transform:translateY(-2px)}.event-ended-rate-btn svg{font-size:24px}.event-ended-accept-btn{display:flex;align-items:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #10b98166;animation:acceptBtnBounceIn .6s ease-out .5s backwards}@keyframes acceptBtnBounceIn{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.event-ended-accept-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10b98180}.event-ended-accept-btn:active{transform:translateY(-2px)}.event-ended-accept-btn svg{font-size:24px}.event-ended-rating-container{position:fixed;inset:0;background:#f0eee2;z-index:1000;display:flex;flex-direction:column;overflow:hidden;will-change:opacity,transform}.event-ended-rating-container.entering{animation:slideInUp .4s cubic-bezier(.4,0,.2,1) forwards}.event-ended-rating-container.exiting{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.event-ended-rating-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:#f0eee2;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:100;animation:ratingHeaderSlideDown .4s ease-out .1s backwards}.event-ended-rating-container.exiting .event-ended-rating-header{animation:ratingHeaderSlideUp .3s ease-in forwards}@keyframes ratingHeaderSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes ratingHeaderSlideUp{to{opacity:0;transform:translateY(-30px)}}.event-ended-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;border-radius:50%;color:#1f2937;cursor:pointer;transition:all .2s ease;flex-shrink:0;animation:backBtnFadeIn .4s ease-out .15s backwards}.event-ended-rating-container.exiting .event-ended-back-btn{animation:backBtnFadeOut .2s ease-in forwards}@keyframes backBtnFadeIn{0%{opacity:0;transform:translate(-20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes backBtnFadeOut{to{opacity:0;transform:translate(-15px)}}.event-ended-back-btn:hover{background-color:#f3f4f6}.event-ended-back-btn:active{transform:scale(.95)}.event-ended-back-btn svg{font-size:22px}.event-ended-progress-bar-wrapper{flex:1;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;position:relative;animation:progressBarScaleIn .4s ease-out .2s backwards}.event-ended-rating-container.exiting .event-ended-progress-bar-wrapper{animation:progressBarFadeOut .2s ease-in forwards}.event-ended-progress-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:progressFillScaleIn .5s ease-out .3s backwards}@keyframes progressBarScaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes progressBarFadeOut{to{opacity:0}}@keyframes progressFillScaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.event-ended-progress-text{font-size:.875rem;font-weight:600;color:#6b7280;min-width:45px;text-align:right;flex-shrink:0;animation:progressTextFadeIn .4s ease-out .25s backwards}.event-ended-rating-container.exiting .event-ended-progress-text{animation:progressTextFadeOut .2s ease-in forwards}@keyframes progressTextFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes progressTextFadeOut{to{opacity:0}}.event-ended-cards-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f0eee2;position:relative;overflow:visible;z-index:1000;min-height:0;animation:cardsContainerFadeIn .5s ease-out .3s backwards}.event-ended-rating-container.exiting .event-ended-cards-container{animation:cardsContainerFadeOut .3s ease-in forwards}@keyframes cardsContainerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cardsContainerFadeOut{to{opacity:0;transform:scale(.95)}}.event-ended-user-card{position:absolute;width:calc(100% - 40px);max-width:420px;height:calc(100vh - 200px);max-height:680px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;touch-action:none;will-change:transform;z-index:1;animation:cardScaleIn .5s cubic-bezier(.34,1.56,.64,1) .5s backwards}.event-ended-rating-container.exiting .event-ended-user-card{animation:cardScaleOut .3s ease-in forwards}@keyframes cardScaleIn{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardScaleOut{to{opacity:0;transform:scale(.9) translateY(30px)}}.event-ended-user-card:active{cursor:grabbing}.event-ended-user-card.dragging{transition:none}.event-ended-user-card-next{z-index:0;opacity:.85;transform:scale(.96) translateY(8px);cursor:default;pointer-events:none}.event-ended-user-card-image-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#f3f4f6}.event-ended-user-card-image{width:100%;height:100%;object-fit:cover;display:block}.event-ended-user-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);padding:32px 24px 24px;z-index:2}.event-ended-user-card-info{text-align:left}.event-ended-user-card-name{font-size:2rem;font-weight:700;color:#fff;margin:0 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.2}.event-ended-user-card-username{font-size:1rem;color:#ffffffe6;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3);font-weight:500}.event-ended-swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:16px 32px;border-radius:12px;font-size:1.25rem;font-weight:700;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;border:4px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0003}.event-ended-swipe-indicator svg{font-size:48px;stroke-width:3}.event-ended-swipe-indicator span{font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.event-ended-swipe-left{left:24px;background-color:#ef4444f2;animation:swipeLeftPulse .4s ease}.event-ended-swipe-right{right:24px;background-color:#22c55ef2;animation:swipeRightPulse .4s ease}@keyframes swipeLeftPulse{0%{transform:translateY(-50%) scale(.8);opacity:0}50%{transform:translateY(-50%) scale(1.05)}to{transform:translateY(-50%) scale(1);opacity:1}}@keyframes swipeRightPulse{0%{transform:translateY(-50%) scale(.8);opacity:0}50%{transform:translateY(-50%) scale(1.05)}to{transform:translateY(-50%) scale(1);opacity:1}}.event-ended-action-buttons{display:flex;justify-content:center;align-items:flex-start;gap:48px;padding:24px 20px 32px;background-color:#f0eee2;border-top:1px solid rgba(0,0,0,.05);animation:actionButtonsSlideUp .5s ease-out .6s backwards}.event-ended-rating-container.exiting .event-ended-action-buttons{animation:actionButtonsSlideDown .3s ease-in forwards}.event-ended-action-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}@keyframes actionButtonsSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes actionButtonsSlideDown{to{opacity:0;transform:translateY(40px)}}.event-ended-action-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;position:relative;animation:actionBtnScaleIn .4s cubic-bezier(.34,1.56,.64,1) backwards}.event-ended-action-btn-wrapper:nth-child(1) .event-ended-action-btn{animation-delay:.7s}.event-ended-action-btn-wrapper:nth-child(2) .event-ended-action-btn{animation-delay:.75s}.event-ended-action-btn-label{font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;white-space:nowrap;animation:labelFadeIn .4s ease-out backwards}.event-ended-action-btn-wrapper:nth-child(1) .event-ended-action-btn-label{animation-delay:.85s}.event-ended-action-btn-wrapper:nth-child(2) .event-ended-action-btn-label{animation-delay:.9s}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes actionBtnScaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.event-ended-action-btn:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .2s ease}.event-ended-action-btn:hover:before{opacity:1}.event-ended-action-btn svg{font-size:28px;stroke-width:3;z-index:1}.event-ended-action-btn-left{background:linear-gradient(135deg,#ef4444,#dc2626)}.event-ended-action-btn-left:hover{transform:scale(1.1);box-shadow:0 6px 20px #ef444466}.event-ended-action-btn-left:active{transform:scale(.95)}.event-ended-action-btn-right{background:linear-gradient(135deg,#22c55e,#16a34a)}.event-ended-action-btn-right:hover{transform:scale(1.1);box-shadow:0 6px 20px #22c55e66}.event-ended-action-btn-right:active{transform:scale(.95)}@media (max-width: 768px){.event-ended-hero{height:300px}.event-ended-title{font-size:1.8rem}.event-ended-content{padding:24px 20px}.event-ended-event-info{grid-template-columns:1fr;gap:16px}.event-ended-rating-header{padding:12px 16px}.event-ended-back-btn{width:36px;height:36px}.event-ended-back-btn svg{font-size:20px}.event-ended-progress-text{font-size:.8125rem;min-width:40px}.event-ended-cards-container{padding:16px}.event-ended-user-card{width:calc(100% - 32px);height:calc(100vh - 180px);max-height:600px}.event-ended-user-card-overlay{padding:24px 20px 20px}.event-ended-user-card-name{font-size:1.75rem}.event-ended-user-card-username{font-size:.9375rem}.event-ended-swipe-indicator{padding:12px 24px}.event-ended-swipe-indicator svg{font-size:40px}.event-ended-swipe-indicator span{font-size:.75rem}.event-ended-action-buttons{gap:36px;padding:20px 16px 28px}.event-ended-action-btn-wrapper{gap:10px}.event-ended-action-btn{width:56px;height:56px}.event-ended-action-btn svg{font-size:24px}.event-ended-action-btn-label{font-size:.7rem}.event-ended-star-rating-header{padding:10px 16px}.event-ended-star-rating-user-avatar{width:40px;height:40px}.event-ended-star-rating-user-details h2{font-size:1rem}.event-ended-star-rating-user-details p{font-size:.8125rem}.event-ended-star-rating-content{padding:16px}.event-ended-star-rating-category{padding:14px;margin-bottom:12px}.event-ended-star-rating-category-header{margin-bottom:10px}.event-ended-star-rating-category-header h3{font-size:.9375rem}.event-ended-star-rating-category-header p{font-size:.75rem}.event-ended-star-btn{width:36px;height:36px;font-size:24px;padding:2px}.event-ended-star-rating-stars{gap:6px}.event-ended-star-rating-submit{padding:12px 24px;font-size:.9375rem;margin-top:16px}.event-ended-star-rating-close-btn{top:12px;left:12px;width:36px;height:36px}.event-ended-star-rating-close-btn svg{font-size:18px}}.event-ended-star-rating-container{position:fixed;inset:0;background:#f0eee2;z-index:1001;display:flex;flex-direction:column;overflow-y:auto;will-change:opacity,transform}.event-ended-star-rating-close-btn{position:fixed;top:16px;left:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1002;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.event-ended-star-rating-close-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.event-ended-star-rating-close-btn:active{transform:scale(.95)}.event-ended-star-rating-close-btn svg{font-size:20px;stroke-width:2.5}.event-ended-star-rating-container.entering{animation:starRatingSlideIn .4s cubic-bezier(.4,0,.2,1) forwards}.event-ended-star-rating-container.exiting{animation:starRatingSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes starRatingSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes starRatingSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.event-ended-star-rating-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background-color:#f0eee2;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f0eee2f2}.event-ended-star-rating-user-info{flex:1;display:flex;align-items:center;gap:12px}.event-ended-star-rating-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;flex-shrink:0}.event-ended-star-rating-user-details{flex:1;min-width:0}.event-ended-star-rating-user-details h2{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-ended-star-rating-user-details p{font-size:.875rem;color:#6b7280;margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-ended-star-rating-content{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%}.event-ended-star-rating-category{background-color:#ffffffb3;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(139,92,246,.1);animation:categoryFadeIn .4s ease-out backwards}.event-ended-star-rating-category:nth-child(1){animation-delay:.1s}.event-ended-star-rating-category:nth-child(2){animation-delay:.2s}.event-ended-star-rating-category:nth-child(3){animation-delay:.3s}@keyframes categoryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-ended-star-rating-category-header{margin-bottom:12px}.event-ended-star-rating-category-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 4px}.event-ended-star-rating-category-header p{font-size:.8rem;color:#6b7280;margin:0;line-height:1.4}.event-ended-star-rating-stars{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.event-ended-star-btn{background:none;border:none;cursor:pointer;padding:4px;color:#d1d5db;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:28px;border-radius:50%;position:relative;animation:starPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,color}.event-ended-star-btn:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.event-ended-star-btn:hover{transform:scale(1.25) rotate(15deg);color:#fbbf24;filter:drop-shadow(0 4px 12px rgba(251,191,36,.5))}.event-ended-star-btn:hover:before{opacity:1}.event-ended-star-btn:active{transform:scale(.95)}.event-ended-star-btn.active{color:#fbbf24;filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}.event-ended-star-btn.just-selected{animation:starActivate .4s cubic-bezier(.34,1.56,.64,1)}.event-ended-star-btn.active:before{opacity:.6;transform:scale(1)}.event-ended-star-btn svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:1;transition:all .3s ease}.event-ended-star-btn.active svg{fill:currentColor}@keyframes starPopIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes starActivate{0%{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}30%{transform:scale(1.4) rotate(20deg);filter:drop-shadow(0 4px 16px rgba(251,191,36,.8))}60%{transform:scale(1.1) rotate(-10deg)}to{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}}.event-ended-star-btn.active:hover{transform:scale(1.3) rotate(20deg);filter:drop-shadow(0 6px 20px rgba(251,191,36,.7));animation:starBounce .3s ease}@keyframes starBounce{0%,to{transform:scale(1.3) rotate(20deg)}50%{transform:scale(1.4) rotate(25deg)}}.event-ended-star-rating-submit{width:100%;padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf666;margin-top:20px;animation:submitFadeIn .4s ease-out .4s backwards}.event-ended-star-rating-submit:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.event-ended-star-rating-submit:active:not(.disabled){transform:translateY(0)}.event-ended-star-rating-submit.disabled{opacity:.5;cursor:not-allowed;box-shadow:0 4px 12px #8b5cf633}@keyframes submitFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-ended-ratings-section{margin-bottom:40px;animation:ratingsSectionFadeIn .6s ease-out 1.1s backwards}@keyframes ratingsSectionFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.event-ended-ratings-blurred-container{display:flex;flex-direction:column;gap:16px;position:relative}.event-ended-rating-card{background-color:#ffffffb3;border-radius:16px;padding:20px;border:1px solid rgba(139,92,246,.2);transition:all .3s ease;animation:ratingCardFadeIn .5s ease-out backwards}.event-ended-rating-card-blurred{filter:blur(4px);opacity:.6;pointer-events:none;position:relative}.event-ended-rating-card-blurred:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf61a,#ffc9581a);border-radius:16px;z-index:1}.event-ended-rating-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.event-ended-rating-card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;flex-shrink:0}.event-ended-rating-card-user-info{flex:1}.event-ended-rating-card-user-info h4{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 4px}.event-ended-rating-card-user-info p{font-size:.875rem;color:#6b7280;margin:0}.event-ended-rating-card-stars{display:flex;flex-direction:column;gap:12px}.event-ended-rating-category-blurred{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.event-ended-rating-category-blurred span{font-size:.875rem;font-weight:600;color:#6b7280}.event-ended-stars-blurred{display:flex;gap:4px;color:#d1d5db}.event-ended-stars-blurred svg{font-size:16px}.event-ended-ratings-unlock-message{text-align:center;padding:24px;background:linear-gradient(135deg,#8b5cf61a,#ffc9581a);border-radius:16px;border:2px dashed rgba(139,92,246,.3);margin-top:8px;animation:unlockMessagePulse 2s ease-in-out infinite}@keyframes unlockMessagePulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}.event-ended-unlock-icon{font-size:32px;color:#8b5cf6;margin-bottom:8px;animation:unlockIconRotate 3s ease-in-out infinite}@keyframes unlockIconRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.event-ended-ratings-unlock-message p{font-size:.9rem;font-weight:600;color:#8b5cf6;margin:0}.event-ended-ratings-visible-container{display:flex;flex-direction:column;gap:16px}.event-ended-no-reviews-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:20px;border:2px dashed rgba(139,92,246,.3);text-align:center;animation:noReviewsFadeIn .6s ease-out}@keyframes noReviewsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-ended-no-reviews-icon{font-size:64px;color:#8b5cf6;margin-bottom:20px;opacity:.7}.event-ended-no-reviews-message h3{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 12px}.event-ended-no-reviews-message p{font-size:1rem;color:#6b7280;margin:0;line-height:1.6;max-width:500px}.event-ended-rating-card-visible{filter:none;opacity:1;animation:ratingCardSlideIn .6s cubic-bezier(.34,1.56,.64,1) backwards;transform-origin:left center}.event-ended-rating-card-visible:hover{transform:translate(4px);box-shadow:0 8px 24px #8b5cf633}@keyframes ratingCardSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.event-ended-rating-card-average{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.event-ended-average-number{font-size:1.5rem;font-weight:700;color:#8b5cf6;line-height:1}.event-ended-average-stars{display:flex;gap:2px}.event-ended-average-stars svg{font-size:14px;color:#d1d5db;transition:all .3s ease;fill:none;stroke:currentColor;stroke-width:2}.event-ended-average-stars svg.active{color:#fbbf24;fill:#fbbf24;stroke:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.event-ended-rating-category-visible{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(139,92,246,.1)}.event-ended-rating-category-visible:last-child{border-bottom:none}.event-ended-rating-category-visible span:first-child{font-size:.875rem;font-weight:600;color:#374151}.event-ended-stars-visible{display:flex;align-items:center;gap:6px}.event-ended-stars-visible svg{font-size:18px;color:#d1d5db;transition:all .3s cubic-bezier(.34,1.56,.64,1);fill:none;stroke:currentColor;stroke-width:2}.event-ended-stars-visible svg.active{color:#fbbf24;fill:#fbbf24;stroke:#fbbf24;filter:drop-shadow(0 2px 6px rgba(251,191,36,.5));animation:starGlow .5s ease-out backwards}@keyframes starGlow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.event-ended-rating-value{font-size:.875rem;font-weight:700;color:#8b5cf6;min-width:30px;text-align:right}.event-ended-final-result{margin:40px 0;animation:finalResultBounceIn .8s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.3s}@keyframes finalResultBounceIn{0%{opacity:0;transform:scale(.8) translateY(50px)}60%{transform:scale(1.05) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.event-ended-final-result-content{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#ffc958);border-radius:24px;padding:40px;box-shadow:0 20px 60px #8b5cf666;position:relative;overflow:hidden}.event-ended-final-result-content:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:finalResultShine 3s ease-in-out infinite}@keyframes finalResultShine{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.event-ended-final-result-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:center}.event-ended-final-star-icon{font-size:32px;color:#ffc958;filter:drop-shadow(0 4px 8px rgba(255,201,88,.5));animation:finalStarPulse 2s ease-in-out infinite}@keyframes finalStarPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-10deg)}75%{transform:scale(1.1) rotate(10deg)}}.event-ended-final-result-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2)}.event-ended-final-result-score{text-align:center;margin-bottom:32px}.event-ended-final-score-number{font-size:5rem;font-weight:700;color:#fff;line-height:1;margin-bottom:16px;text-shadow:0 4px 16px rgba(0,0,0,.3);animation:scoreNumberPop .8s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.5s}@keyframes scoreNumberPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.event-ended-final-score-stars{display:flex;justify-content:center;gap:8px}.event-ended-final-score-stars svg{font-size:32px;color:#ffffff4d;transition:all .3s ease;animation:finalStarAppear .5s ease-out backwards;fill:none;stroke:currentColor;stroke-width:2}.event-ended-final-score-stars svg.active{color:#ffc958;fill:#ffc958;stroke:#ffc958;filter:drop-shadow(0 4px 12px rgba(255,201,88,.8));transform:scale(1.1)}@keyframes finalStarAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.event-ended-final-result-breakdown{display:flex;flex-direction:column;gap:16px}.event-ended-final-breakdown-item{display:flex;flex-direction:column;gap:8px}.event-ended-final-breakdown-item span:first-child{font-size:.9rem;font-weight:600;color:#ffffffe6}.event-ended-final-breakdown-bar{display:flex;align-items:center;gap:12px;background-color:#fff3;border-radius:12px;padding:8px 12px;height:36px;position:relative;overflow:hidden}.event-ended-final-breakdown-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#fff6,#fff9);border-radius:12px;transition:width 1s cubic-bezier(.4,0,.2,1);animation:breakdownFillSlide 1s ease-out backwards}@keyframes breakdownFillSlide{0%{width:0}}.event-ended-final-breakdown-bar span:last-child{font-size:1rem;font-weight:700;color:#fff;margin-left:auto;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.event-ended-rating-card{padding:16px}.event-ended-final-result-content{padding:24px}.event-ended-final-result-header h2{font-size:1.5rem}.event-ended-final-score-number{font-size:3.5rem}.event-ended-final-score-stars svg{font-size:24px}}