@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}.contents{display:contents}.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}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.blur{--tw-blur:blur(8px);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,)}.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 fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@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}}.pending-ratings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pending-ratings-popup{background:#fff;border-radius:24px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pending-ratings-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.pending-ratings-close:hover{background:#0000001a;color:#374151}.pending-ratings-close svg{font-size:18px}.pending-ratings-header{padding:32px 24px 24px;text-align:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pending-ratings-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:pulse 2s infinite}.pending-ratings-icon svg{font-size:32px;color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}.pending-ratings-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 8px}.pending-ratings-subtitle{font-size:.9rem;color:#ffffffd9;margin:0;line-height:1.4}.pending-ratings-list{padding:16px;display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto}.pending-ratings-event{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:16px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.pending-ratings-event:hover{background:#f3f4f6;border-color:#8b5cf6;transform:translate(4px)}.pending-ratings-event-image{width:56px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0}.pending-ratings-event-image img{width:100%;height:100%;object-fit:cover}.pending-ratings-event-info{flex:1;min-width:0}.pending-ratings-event-title{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-ratings-event-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.pending-ratings-event-date svg{font-size:14px}.pending-ratings-event-action{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pending-ratings-event-action svg{font-size:18px;color:#fff}.pending-ratings-footer{padding:16px 24px 24px;display:flex;justify-content:center}.pending-ratings-later-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pending-ratings-later-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.pending-ratings-later-btn svg{font-size:16px}@media (max-width: 400px){.pending-ratings-popup{max-width:100%;border-radius:20px}.pending-ratings-header{padding:28px 20px 20px}.pending-ratings-list{padding:12px}.pending-ratings-event{padding:10px}.pending-ratings-event-image{width:48px;height:48px}}.vibes-notif-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:vibesNotifFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes vibesNotifFadeIn{0%{opacity:0}to{opacity:1}}.vibes-notif-popup{background:#fff;border-radius:24px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:vibesNotifSlideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes vibesNotifSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vibes-notif-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.vibes-notif-close:hover{background:#ffffff4d}.vibes-notif-close svg{font-size:18px}.vibes-notif-header{padding:32px 24px 24px;text-align:center;background:linear-gradient(135deg,#ec4899,#8b5cf6)}.vibes-notif-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px}.vibes-notif-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 8px}.vibes-notif-subtitle{font-size:.9rem;color:#ffffffd9;margin:0;line-height:1.4}.vibes-notif-list{padding:16px;display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.vibes-notif-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:16px;border:2px solid transparent}.vibes-notif-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.vibes-notif-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#9ca3af}.vibes-notif-info{flex:1;min-width:0}.vibes-notif-name{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 2px}.vibes-notif-event{font-size:.8rem;color:#6b7280;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vibes-notif-reconnection{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#8b5cf6;font-weight:500}.vibes-notif-reconnection svg{font-size:14px}.vibes-notif-no-reconnection{font-size:.75rem;color:#9ca3af;font-style:italic}.vibes-notif-footer{padding:16px 24px 24px;display:flex;justify-content:center}.vibes-notif-accept-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.vibes-notif-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}@media (max-width: 400px){.vibes-notif-popup{max-width:100%;border-radius:20px}.vibes-notif-header{padding:28px 20px 20px}.vibes-notif-list{padding:12px}.vibes-notif-item{padding:10px}}.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}.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;position:relative;z-index:1}.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}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.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:9999;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-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;margin-bottom:24px;background-color:#f9fafb;border-radius:12px}.share-image-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.share-image-loading p{margin:0;color:#6b7280;font-size:14px}.share-image-preview{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background-color:#f0e6d2}.share-image-preview img{width:100%;height:auto;display:block;max-width:100%}.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%}}.filter-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:20px;margin-bottom:16px;animation:slideDown .3s ease;font-size:13px}.filter-text{color:#8b5cf6;font-weight:600}.clear-filter-btn{background:none;border:none;color:#8b5cf6;padding:0;margin:0;cursor:pointer;font-size:16px;font-weight:600;line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.7}.clear-filter-btn:hover{opacity:1;background-color:#8b5cf61a;transform:scale(1.1)}.clear-filter-btn-empty{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.clear-filter-btn-empty:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.trending-hashtag-item.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf666;transform:translate(8px)}.trending-hashtag-item.selected .trending-hashtag{color:#fff}.trending-hashtag-item.selected .hashtag-count{background-color:#ffffff4d;color:#fff;border:1px solid rgba(255,255,255,.3)}.trending-hashtag-item.selected:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}@media (max-width: 768px){.filter-indicator{padding:6px 10px;margin-bottom:12px;font-size:12px}.filter-text{font-size:12px}.clear-filter-btn{width:16px;height:16px;font-size:14px}}.share-options-modal{background-color:#fff;border-radius:16px;padding:20px;min-width:280px;max-width:320px;box-shadow:0 10px 40px #0003;animation:slideUp .25s ease;z-index:10000}.share-options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.share-options-header span{font-size:16px;font-weight:600;color:#1f2937}.close-share-btn{width:32px;height:32px;border:none;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.close-share-btn:hover{background-color:#e5e7eb;color:#374151}.share-options-buttons{display:flex;gap:12px;justify-content:center}.share-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;min-width:75px;flex:1}.share-option-btn:disabled{opacity:.7;cursor:not-allowed}.share-option-btn svg{font-size:28px}.share-option-btn span{font-size:12px;font-weight:600}.share-option-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.share-option-btn:active:not(:disabled){transform:translateY(-1px)}.share-option-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.share-option-btn.whatsapp:hover:not(:disabled){box-shadow:0 6px 16px #25d36666}.share-option-btn.instagram{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4);color:#fff}.share-option-btn.instagram:hover:not(:disabled){box-shadow:0 6px 16px #e1306c66}.share-option-btn.instagram-dm{background:linear-gradient(135deg,#5851db,#405de6);color:#fff}.share-option-btn.instagram-dm:hover:not(:disabled){box-shadow:0 6px 16px #5851db66}.share-option-btn.facebook{background:linear-gradient(135deg,#1877f2,#0c63d4);color:#fff}.share-option-btn.facebook:hover:not(:disabled){box-shadow:0 6px 16px #1877f266}.share-option-btn.native-share{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.share-option-btn.native-share:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666}.share-options-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;min-width:75px;flex:1}.share-options-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.share-options-buttons button:active{transform:translateY(-1px)}.share-options-buttons button svg{font-size:28px}.share-options-buttons button span{font-size:12px;font-weight:600}.share-hint{margin:16px 0 0;text-align:center;font-size:11px;color:#9ca3af}@media (max-width: 768px){.share-modal-overlay{z-index:99999!important}.share-options-modal{z-index:100000!important;position:relative}}@media (max-width: 480px){.share-options-modal{min-width:auto;width:calc(100vw - 48px);max-width:none}.share-option-btn{padding:14px 10px;min-width:65px}.share-option-btn svg{font-size:24px}.share-option-btn span{font-size:11px}}.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:flex-end;align-items:center;gap:8px;margin-bottom:16px}.profile-header-icon-btn{color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.profile-header-icon-btn:hover{background-color:#e5e7eb;color:#8b5cf6}.profile-config-btn{animation:configPulseRotate 3s ease-in-out 1s 2}@keyframes configPulseRotate{0%{transform:rotate(0) scale(1);color:#6b7280}15%{transform:rotate(90deg) scale(1.2);color:#8b5cf6}30%{transform:rotate(0) scale(1);color:#6b7280}to{transform:rotate(0) scale(1);color:#6b7280}}.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-v2{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px}.profile-picture-v2{position:relative;width:130px;height:130px;margin-bottom:12px}.profile-image-v2{width:130px;height:130px;border-radius:50%;object-fit:cover;border:3px solid #8b5cf6;box-shadow:0 4px 12px #8b5cf633}.edit-icon-overlay-v2{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.user-name-v2{font-size:22px;font-weight:700;color:#374151;margin:0 0 4px}.user-role-badge-v2{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:12px;margin-bottom:8px}.user-genres-v2{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:8px}.user-genre-chip-v2{font-size:12px;font-weight:600;color:#374151;background:#ffcd50;padding:4px 12px;border-radius:12px}.user-description-v2{font-size:14px;color:#6b7280;margin:0 0 16px;max-width:400px;line-height:1.4}.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}.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;pointer-events:none}@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);contain:paint}.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;flex-wrap:wrap;gap:15px;max-width:600px;max-height:95px;overflow:hidden}.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:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#00000080;padding:20px;animation:fadeInOverlay .2s ease-out}.config-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;min-width:280px;max-width:360px;width:100%;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(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-color:#8b5cf6;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;font-size:14px}.profile-save-button:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px)}.profile-save-button:active:not(:disabled){transform:translateY(0)}.profile-save-button:disabled{background-color:#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;max-height:95px;overflow:hidden}.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-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-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf659}.profile-save-button:hover:not(:disabled){background-color:#7c3aed;box-shadow:0 6px 20px #8b5cf666}.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}.profile-photo-prompt-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-photo-prompt-content{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.profile-photo-prompt-icon{color:#8b5cf6;margin-bottom:8px;animation:photoPromptIconPulse 2s ease-in-out infinite}@keyframes photoPromptIconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.profile-photo-prompt-content h4{font-size:24px;font-weight:700;color:#1f2937;margin:0;padding:0 20px}.profile-photo-prompt-text{font-size:16px;font-weight:500;color:#374151;line-height:1.6;margin:0;padding:0 20px}.profile-photo-prompt-subtext{font-size:14px;font-weight:400;color:#6b7280;line-height:1.5;margin:0;padding:0 20px;font-style:italic}@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}}.profile-counters-inline{display:flex;align-items:center;gap:0;width:100%;max-width:420px}.profile-counter-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:8px 4px;transition:opacity .2s ease}.profile-counter-item:hover{opacity:.7}.profile-counter-icon{color:#8b5cf6;margin-bottom:2px}.profile-counter-number{font-size:20px;font-weight:800;color:#374151;line-height:1}.profile-counter-label{font-size:12px;font-weight:500;color:#6b7280}.profile-counter-divider{width:1px;height:36px;background:#d1d5db;flex-shrink:0}.follows-followers-section{margin-top:40px;margin-bottom:40px}.follows-followers-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;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}.bailoteo-avatar,.bailoteo-image{border-radius:10px}.bailoteo-count-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:14px;font-weight:700;min-width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #8b5cf64d}.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-rating-badge{font-size:10px;padding:5px 10px;top:6px;right:6px}.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:linear-gradient(135deg,#f59e0b,#eab308,#fbbf24);padding:28px 24px;border-radius:24px;box-shadow:0 12px 40px #f59e0b59;position:relative;overflow:hidden}.profile-vibes-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);animation:vibesGlow 4s ease-in-out infinite;pointer-events:none}@keyframes vibesGlow{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.profile-vibes-section .follows-empty-container{position:relative;z-index:1}.profile-vibes-section .follows-empty-icon{color:#78350f66}.profile-vibes-section .follows-empty-text{color:#78350f}.profile-vibes-section .follows-empty-subtext{color:#78350fb3}.profile-vibes-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.profile-vibes-title{font-size:24px;font-weight:800;color:#78350f;margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.profile-vibes-title-icon{color:#7c3aed;font-size:22px}.profile-vibes-deco-icon{color:#7c3aed4d;font-size:48px;animation:vibeIconPulse 2s ease-in-out infinite}@keyframes vibeIconPulse{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(10deg);opacity:.5}}.vibes-search-container{display:flex;align-items:center;gap:10px;background:#fff6;border:1.5px solid rgba(120,53,15,.15);border-radius:12px;padding:10px 14px;margin-bottom:12px;transition:all .2s ease;position:relative;z-index:1}.vibes-search-container:focus-within{background:#fff9;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.vibes-search-icon{color:#78350f;flex-shrink:0}.vibes-search-input{border:none;outline:none;background:transparent;font-size:14px;color:#78350f;flex:1;min-width:0}.vibes-search-input::placeholder{color:#78350f73}.vibes-search-clear{background:#78350f26;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#78350f;cursor:pointer;flex-shrink:0;line-height:1;transition:all .2s ease}.vibes-search-clear:hover{background:#78350f40}.vibes-no-results{text-align:center;padding:20px 0;position:relative;z-index:1}.vibes-no-results p{font-size:14px;color:#78350f99;margin:0}.profile-vibes-bubbles{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;z-index:1}.profile-vibes-bubbles::-webkit-scrollbar{display:none}.profile-vibes-bubble{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;text-align:center;scroll-snap-align:start;transition:transform .2s ease}.profile-vibes-bubble:active{transform:scale(.95)}.profile-vibes-bubble.selected{transform:scale(1.05)}.profile-vibes-bubble.selected .profile-vibes-bubble-avatar{border-color:#7c3aed;box-shadow:0 2px 14px #7c3aed80}.profile-vibes-bubble.selected .profile-vibes-bubble-name{color:#7c3aed;font-weight:700}.profile-vibes-bubble-avatar-wrapper{position:relative;width:64px;height:64px}.profile-vibes-bubble-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 3px 10px #78350f33}.profile-vibes-bubble-badge{position:absolute;bottom:-4px;right:-4px;background:#7c3aed;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:12px;border:2px solid white;line-height:1.3;min-width:20px;text-align:center;box-shadow:0 2px 6px #7c3aed59}.profile-vibes-bubble-name{font-size:12px;font-weight:600;color:#78350f;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media (max-width: 768px){.profile-vibes-section{padding:20px}.profile-vibes-title{font-size:20px}.profile-vibes-bubbles{gap:12px;padding:8px 0 12px}.profile-vibes-bubble{width:68px}.profile-vibes-bubble-avatar-wrapper,.profile-vibes-bubble-avatar{width:56px;height:56px}.profile-vibes-bubble-name{font-size:11px;max-width:68px}}.vibes-sort-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;position:relative;z-index:1}.vibes-sort-btn{padding:6px 14px;border:1.5px solid rgba(120,53,15,.2);border-radius:20px;background:#ffffff4d;color:#78350f;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.vibes-sort-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed59}.vibes-expandable-list{display:flex;flex-direction:column;gap:4px}.vibes-expandable-item{border-radius:14px;overflow:hidden;transition:all .2s ease}.vibes-expandable-row{display:flex;align-items:center;gap:14px;padding:14px;cursor:pointer;transition:background .2s ease;border-radius:14px}.vibes-expandable-row:hover{background:#8b5cf60f}.vibes-expandable-row.expanded{background:#8b5cf614;border-radius:14px 14px 0 0}.vibes-expanded-content{background:#fff;border:2px solid rgba(124,58,237,.15);border-radius:16px;padding:18px;margin-top:8px;display:flex;flex-direction:column;gap:16px;animation:vibeExpandIn .2s ease-out;box-shadow:0 4px 16px #78350f1a;position:relative;z-index:1}@keyframes vibeExpandIn{0%{opacity:0;max-height:0;padding:0 16px}to{opacity:1;max-height:500px;padding:16px}}.vibes-expanded-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(124,58,237,.15)}.vibes-expanded-name{font-size:16px;font-weight:700;color:#374151}.vibes-expanded-close{background:none;border:none;font-size:22px;color:#9ca3af;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s ease}.vibes-expanded-close:hover{color:#374151}.vibes-reconnection-section{margin-bottom:4px}.vibes-reconnection-card{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:8px}.vibes-reconnection-header{display:flex;align-items:center;gap:8px;color:#8b5cf6;font-size:13px;font-weight:600}.vibes-reconnection-label{color:#374151}.vibes-reconnection-value{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f0ff;border-radius:10px;padding:10px 14px;font-size:14px;color:#374151;font-weight:500}.vibes-reconnection-copy{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .2s ease}.vibes-reconnection-copy:active{transform:scale(.95)}.vibes-no-reconnection{font-size:13px;color:#9ca3af;text-align:center;padding:8px 0;margin:0}.vibes-events-section{display:flex;flex-direction:column;gap:8px}.vibes-events-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0}.vibes-event-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #0000000a}.vibes-event-item:hover{background:#f9fafb;transform:translate(2px)}.vibes-event-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vibes-event-name{font-size:13px;font-weight:600;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vibes-event-date{font-size:12px;color:#9ca3af}.vibes-event-rating{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#f59e0b;flex-shrink:0}.vibes-view-profile-btn{width:100%;padding:10px;background:transparent;border:1.5px solid #8b5cf6;border-radius:10px;color:#8b5cf6;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.vibes-view-profile-btn:hover{background:#8b5cf6;color:#fff}@media (max-width: 768px){.vibes-sort-filters{gap:6px}.vibes-sort-btn{padding:5px 12px;font-size:12px}.vibes-expandable-row{padding:12px;gap:12px}.vibes-expanded-content{padding:14px;gap:14px}.vibes-reconnection-value{font-size:13px;padding:8px 12px}.vibes-event-item{padding:8px 10px}}.vibes-icon{background:linear-gradient(135deg,#8c52ff26,#8c52ff0d);color:#8c52ff}.profile-vibe-count-badge{background:#8c52ff;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;flex-shrink:0}.profile-pending-ratings-section{padding:0 24px 16px}.profile-pending-ratings-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 12px}.profile-pending-ratings-badge{background:#8c52ff;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.profile-pending-ratings-list{display:flex;flex-direction:column;gap:10px}.profile-pending-rating-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#8c52ff14,#8c52ff05);border:1px solid rgba(140,82,255,.2);border-radius:14px;padding:12px 16px;cursor:pointer;transition:background .2s}.profile-pending-rating-card:active{background:#8c52ff1f}.profile-pending-rating-image{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative}.profile-pending-rating-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.profile-pending-rating-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.profile-pending-rating-info{flex:1;min-width:0}.profile-pending-rating-name{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-pending-rating-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.profile-pending-rating-timer{display:flex;align-items:center;gap:4px;font-size:11px;color:#8c52ff;font-weight:600;flex-shrink:0}.profile-pending-rating-action{color:#8c52ff;flex-shrink:0}.profile-events-filter{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.profile-events-filter-btn{padding:6px 14px;border-radius:20px;border:1.5px solid rgba(0,0,0,.1);background:transparent;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.profile-events-filter-btn.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.profile-vibes-bubble-avatar-wrapper.blurred img{filter:blur(6px)}.profile-vibes-bubble-name.blurred{filter:blur(4px)}.vibes-reveal-cta{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;text-align:center;background:linear-gradient(135deg,#8b5cf60f,#7c3aed1a);border:1px solid rgba(139,92,246,.2);border-radius:10px}.vibes-reveal-cta svg{color:#7c3aed}.vibes-reveal-cta p{margin:0;font-size:.82rem;color:#6b7280;line-height:1.3}.vibes-reveal-btn{padding:8px 20px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.vibes-reveal-btn:disabled{opacity:.6;cursor:not-allowed}.vibes-reveal-btn:active:not(:disabled){opacity:.85}.vibes-reveal-btn-secondary{padding:8px 20px;background:transparent;color:#7c3aed;border:1.5px solid #7c3aed;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s}.vibes-reveal-btn-secondary:active{opacity:.85}.vibes-reveal-hint{font-size:.72rem;color:#9ca3af}.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-user-name-wrapper{flex-direction:row;align-items:center;justify-content:center}}.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;position:relative}.profile-attended-event-image img{width:100%;height:100%;object-fit:cover}.profile-attended-event-rating-badge{position:absolute;top:8px;right:8px;background-color:#f59e0b;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003;z-index:10;white-space:nowrap}.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-rating-badge{font-size:10px;padding:5px 10px;top:6px;right:6px}.profile-attended-event-title{font-size:1rem}.profile-attended-event-date{font-size:.875rem}}.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-filters{display:flex;justify-content:center;gap:8px;padding:0 16px 16px;flex-shrink:0}.events-filter-button{padding:8px 16px;background:transparent;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.events-filter-button:hover{border-color:#8b5cf6;color:#8b5cf6}.events-filter-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:transparent;color:#fff;font-weight:600}.events-header-compact{padding:20px 16px 8px;flex-shrink:0}.events-map-toggle-button{position:fixed;top:16px;right:16px;z-index:100;width:44px;height:44px;border-radius:50%;border:none;background:#fffffff2;color:#6b7280;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.events-map-toggle-button:hover{background:#fff;color:#8b5cf6;box-shadow:0 4px 12px #0003}.events-map-toggle-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf666}.events-radius-row{display:flex;justify-content:center;padding:0 16px 8px}.events-radius-badge{display:flex;align-items:center;gap:6px;padding:6px 16px;background:#ffffffe6;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.events-radius-badge:hover{border-color:#8b5cf6;color:#8b5cf6}.events-radius-badge.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:transparent;color:#fff;font-weight:600}.events-radius-badge svg{font-size:14px}.events-radius-dropdown{padding:0 16px 12px}.events-radius-slider-container{background:#ffffffe6;border-radius:16px;padding:16px 20px 8px;border:1px solid #e5e7eb}.events-radius-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer}.events-radius-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:3px solid #ffffff;box-shadow:0 2px 6px #8b5cf666;cursor:pointer;transition:transform .15s ease}.events-radius-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.events-radius-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:3px solid #ffffff;box-shadow:0 2px 6px #8b5cf666;cursor:pointer}.events-radius-marks{display:flex;justify-content:space-between;padding:6px 2px 0;font-size:.75rem;color:#9ca3af;font-weight:500}.events-radius-marks span.active{color:#8b5cf6;font-weight:700}.events-filters-compact{padding:0 16px 8px;flex-shrink:0}.events-date-filters{display:flex;justify-content:center;gap:8px}.events-scanner-row{display:flex;justify-content:center;padding:0 16px 16px}.events-scan-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:24px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.events-scan-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.events-scan-button:active{transform:scale(.98)}.events-scan-button svg{font-size:18px}.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:.75;height:100%;transform:scale(.97);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(20px) saturate(1.8);transform:scale(1.3);will-change:transform,filter;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-location-request{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:60vh}.events-location-request-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;gap:20px}.events-location-request-icon{font-size:64px;color:#8b5cf6;margin-bottom:8px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.events-location-request-content h2{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0;letter-spacing:-.5px}.events-location-request-content p{font-size:1rem;color:#6b7280;line-height:1.6;margin:0}.events-location-request-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:24px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf666;margin-top:12px;min-width:250px}.events-location-request-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.events-location-request-button:active{transform:translateY(0) scale(.98)}.events-location-request-button svg{font-size:22px}.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);contain:paint}.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);contain:paint}.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:12px;padding:30px 20px;text-align:center}.events-qr-scanner-success-icon{font-size:64px;color:#10b981;animation:successPulse .35s cubic-bezier(.34,1.56,.64,1)}@keyframes successPulse{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity: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}.events-filters-row{display:flex;justify-content:space-between;align-items:center;padding:0 16px 16px;gap:12px;flex-wrap:wrap}.events-filters-row .events-filters{padding:0;flex:1;justify-content:flex-start}.events-view-toggle{display:flex;gap:4px;background:#e5e7eb;border-radius:12px;padding:4px}.events-view-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.events-view-toggle-button:hover{color:#8b5cf6}.events-view-toggle-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.events-view-toggle-button svg{font-size:18px}.events-map-container{flex:1;min-height:400px;margin:0 16px 20px;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.events-map{width:100%;height:100%;min-height:400px}.events-map-loading{display:flex;align-items:center;justify-content:center;height:400px;background:#f3f4f6;border-radius:20px}.events-map-loading p{color:#6b7280;font-size:1rem;text-align:center;padding:20px}.events-map-infowindow{cursor:pointer;max-width:250px}.events-map-infowindow-image{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:10px}.events-map-infowindow-content{padding:4px}.events-map-infowindow-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.3}.events-map-infowindow-date,.events-map-infowindow-attendees{font-size:.85rem;color:#6b7280;margin:0 0 4px;display:flex;align-items:center}.events-map-infowindow-date svg,.events-map-infowindow-attendees svg{color:#8b5cf6}@media (max-width: 480px){.events-filters-row{flex-direction:column;gap:12px}.events-filters-row .events-filters,.events-view-toggle{width:100%;justify-content:center}.events-view-toggle-button{flex:1;max-width:80px}.events-map-container{margin:0 10px 20px;min-height:350px}.events-map{min-height:350px}}@media (min-width: 768px){.events-map-container{margin:0 40px 20px;min-height:500px}.events-map{min-height:500px}}.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);contain:paint}.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);contain:paint;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);contain:paint}.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);contain:paint}.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);contain:paint;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);contain:paint;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-preconfirmed-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 12px #f59e0b4d!important}.event-details-pending-location-btn{background:linear-gradient(135deg,#f97316,#ea580c)!important;box-shadow:0 4px 12px #f973164d!important}.event-details-confirmed-btn{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important}.event-details-location-reminder-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;margin-bottom:16px}.event-details-location-reminder-banner .event-details-reminder-icon{font-size:20px;color:#d97706;flex-shrink:0}.event-details-location-reminder-banner p{margin:0;font-size:.85rem;color:#92400e;font-weight:500;line-height:1.4}.event-details-location-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.event-details-location-cta-btn{display:flex;align-items:center;gap:10px;padding:16px 28px;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 16px #8b5cf666;width:100%;max-width:340px;justify-content:center;animation:pulse-location 2s ease-in-out infinite}@keyframes pulse-location{0%,to{box-shadow:0 4px 16px #8b5cf666}50%{box-shadow:0 4px 24px #8b5cf699}}.event-details-location-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf680}.event-details-location-cta-btn:active{transform:translateY(0)}.event-details-location-cta-btn svg{font-size:20px}.event-details-location-cta-hint{margin:0;font-size:.8rem;color:#6b7280;text-align:center}.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);contain:paint;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}}.event-details-location-hint{font-size:13px;color:#00000080;margin-top:4px;font-style:italic}.event-details-claim-link{background:none;border:none;color:#8b5cf6;font-size:14px;cursor:pointer;text-decoration:underline;margin-top:12px;padding:0}.event-details-claim-section{margin:16px 0;text-align:center}.event-details-claim-label{font-size:14px;color:#374151;margin-bottom:8px}.event-details-claim-instagram-link{display:inline-block;color:#8b5cf6;font-weight:600;font-size:16px;text-decoration:none;padding:8px 16px;border:1px solid #8b5cf6;border-radius:8px;transition:all .2s ease}.event-details-claim-instagram-link:hover{background:#8b5cf6;color:#fff}.event-details-claim-input{width:100%;max-width:200px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:20px;text-align:center;letter-spacing:6px;font-weight:700;color:#374151;transition:border-color .2s ease}.event-details-claim-input:focus{outline:none;border-color:#8b5cf6}.event-details-claim-success{background:#ecfdf5;color:#065f46;padding:12px 16px;border-radius:8px;font-size:14px;margin:12px 0}.event-details-attendees-more{text-align:center;padding:12px;margin-top:8px;font-size:.82rem;color:#7c3aed;font-weight:500;background:linear-gradient(135deg,#8b5cf60f,#7c3aed1a);border:1px solid rgba(139,92,246,.15);border-radius:8px}.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:background-color .2s ease,transform .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.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,.handle-events-form-group select{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,.handle-events-form-group select: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:background-color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.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-image-loading,.handle-events-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;background-color:#f9fafb;color:#6b7280;font-size:14px}.handle-events-image-loading svg{font-size:24px;animation:spin 1s linear infinite}.handle-events-image-error{background-color:#fef2f2;color:#dc2626}.handle-events-image-error svg{font-size:24px}.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}