:root{--transition-speed:0.3s;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--light-bg-gradient:linear-gradient(135deg,#f9f9fb,#eee);--light-text:#1f1f1f;--light-text-secondary:#5c5f66;--light-text-tertiary:#a0a3ab;--light-border:#ddd;--light-input-bg:#fff;--light-card-bg:#fff;--light-primary:#773ce4;--light-primary-gradient:linear-gradient(135deg,#a855f7,#7e3ff2);--light-primary-hover:linear-gradient(135deg,#9333ea,#6b21a8);--light-shadow:0 10px 25px #32325d14;--light-sidebar-text:#7339de;--light-sidebar-bg:linear-gradient(180deg,#f3e8ff,#e9d5ff);--light-table-header-gradient:linear-gradient(180deg,#f9f9fb 0%,#eee);--light-table-header-border:#d4d4d8;--light-code-bg:#f4f2f8;--light-logo-gradient:linear-gradient(135deg,#7e3ff2,#a855f7);--dark-bg-gradient:linear-gradient(135deg,#1a1a1f,#2a2a30);--dark-text:#f1f1f1;--dark-text-secondary:#c1c1c6;--dark-text-tertiary:#8a8d91;--dark-border:#3a3a3f;--dark-input-bg:#2b2b31;--dark-card-bg:#222226;--dark-primary:#c084fc;--dark-primary-gradient:linear-gradient(135deg,#9333ea,#6b21a8);--dark-primary-hover:linear-gradient(135deg,#7e22ce,#581c87);--dark-shadow:0 10px 30px #00000080;--dark-sidebar-text:#d5d5d5;--dark-sidebar-bg:linear-gradient(180deg,#5b21b6,#3b0764);--dark-table-header-gradient:linear-gradient(180deg,#2e2e33 0%,#242429);--dark-table-header-border:#3d3d42;--dark-code-bg:#1f1b24;--dark-logo-gradient:linear-gradient(135deg,#7910cf,#bf7dfc)}body,html{transition:background .3s ease,color .3s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease}body:not([data-theme]),body[data-theme=light],html:not([data-theme]),html[data-theme=light]{background:linear-gradient(135deg,#f9f9fb,#eee);background:var(--light-bg-gradient);color:#1f1f1f;color:var(--light-text)}body[data-theme=dark],html[data-theme=dark]{background:linear-gradient(135deg,#1a1a1f,#2a2a30);background:var(--dark-bg-gradient);color:#f1f1f1;color:var(--dark-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSuccess{0%{box-shadow:0 0 0 #1a73e800;transform:scale(1)}50%{box-shadow:0 0 20px #1a73e866;transform:scale(1.02)}to{box-shadow:0 0 0 #1a73e800;transform:scale(1)}}.comment-input,.form-input,.username-input{border-radius:8px;border-radius:var(--border-radius-sm);box-sizing:border-box;font-size:1rem;padding:1rem;padding:var(--spacing-md) var(--spacing-md);transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}body[data-theme=light] .comment-input,body[data-theme=light] .form-input,body[data-theme=light] .username-input{background-color:#fff;background-color:var(--light-input-bg);border:2px solid #ddd;border:2px solid var(--light-border);color:#1f1f1f;color:var(--light-text)}body[data-theme=dark] .comment-input,body[data-theme=dark] .form-input,body[data-theme=dark] .username-input{background-color:#2b2b31;background-color:var(--dark-input-bg);border:2px solid #3a3a3f;border:2px solid var(--dark-border);color:#f1f1f1;color:var(--dark-text)}body[data-theme=light] .comment-input:focus,body[data-theme=light] .form-input:focus,body[data-theme=light] .username-input:focus{background-color:#fff;background-color:var(--light-card-bg);border-color:#773ce4;border-color:var(--light-primary);box-shadow:0 0 0 4px #0056b31a}body[data-theme=dark] .comment-input:focus,body[data-theme=dark] .form-input:focus,body[data-theme=dark] .username-input:focus{background-color:#2b3035;border-color:#c084fc;border-color:var(--dark-primary);box-shadow:0 0 0 4px #8bb9fe26}.button-primary{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;transition:all var(--transition-speed) ease}body[data-theme=light] .button-primary{background:linear-gradient(135deg,#a855f7,#7e3ff2);background:var(--light-primary-gradient);box-shadow:0 4px 6px #3b82f64d}body[data-theme=dark] .button-primary{background:linear-gradient(135deg,#9333ea,#6b21a8);background:var(--dark-primary-gradient);box-shadow:0 4px 6px #00388033}body[data-theme=light] .button-primary:hover{background:linear-gradient(135deg,#9333ea,#6b21a8);background:var(--light-primary-hover);box-shadow:0 6px 8px #3b82f659;transform:translateY(-2px)}body[data-theme=dark] .button-primary:hover{background:linear-gradient(135deg,#7e22ce,#581c87);background:var(--dark-primary-hover);box-shadow:0 6px 8px #00388040;transform:translateY(-2px)}.button-primary:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.card{border-radius:12px;border-radius:var(--border-radius-md);padding:1.5rem;padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}body[data-theme=light] .card{background:#fff;background:var(--light-card-bg);box-shadow:0 10px 25px #32325d14;box-shadow:var(--light-shadow)}body[data-theme=dark] .card{background:#222226;background:var(--dark-card-bg);box-shadow:0 10px 30px #00000080;box-shadow:var(--dark-shadow)}.roles-table{animation:fadeIn .5s ease;border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000014;margin:1rem 0;margin:var(--spacing-md) 0;overflow:hidden;width:100%}body:not([data-theme]) .roles-table,body[data-theme=light] .roles-table{background-color:#fff;background-color:var(--light-card-bg);border:1px solid #ddd;border:1px solid var(--light-border)}body:not([data-theme]) .roles-table th,body[data-theme=light] .roles-table th{background:linear-gradient(180deg,#f9f9fb 0,#eee);background:var(--light-table-header-gradient);border-bottom:2px solid #d4d4d8;border-bottom:2px solid var(--light-table-header-border);color:#1f1f1f;color:var(--light-text)}body:not([data-theme]) .roles-table td,body[data-theme=light] .roles-table td{border-bottom:1px solid #ddd;border-bottom:1px solid var(--light-border);color:var (--light-text)}body:not([data-theme]) .roles-table tr:hover,body[data-theme=light] .roles-table tr:hover{background-color:#0056b30a}body[data-theme=dark] .roles-table{background-color:#222226;background-color:var(--dark-card-bg);border:1px solid #3a3a3f;border:1px solid var(--dark-border)}body[data-theme=dark] .roles-table th{background:linear-gradient(180deg,#2e2e33 0,#242429);background:var(--dark-table-header-gradient);border-bottom:2px solid #3d3d42;border-bottom:2px solid var(--dark-table-header-border);color:#f1f1f1;color:var(--dark-text)}body[data-theme=dark] .roles-table td{border-bottom:1px solid #3a3a3f;border-bottom:1px solid var(--dark-border);color:#f1f1f1;color:var(--dark-text)}body[data-theme=dark] .roles-table tr:hover{background-color:#8bb9fe14}.roles-table td,.roles-table th{padding:1rem;padding:var(--spacing-md);text-align:left}.roles-table th{font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.roles-table td{font-size:.95rem;vertical-align:top}.roles-table tr:last-child td{border-bottom:none}.roles-table td:last-child{color:#5c5f66;color:var(--light-text-secondary);font-style:italic}body[data-theme=dark] .roles-table td:last-child{color:#c1c1c6;color:var(--dark-text-secondary)}h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:2rem;transition:color .3s ease;transition:color var(--transition-speed) ease}body:not([data-theme]) h4,body[data-theme=light] h4{border-bottom:1px solid #ddd;border-bottom:1px solid var(--light-border);color:#1f1f1f;color:var(--light-text);padding-bottom:.5rem}body[data-theme=dark] h4{border-bottom:1px solid #3a3a3f;border-bottom:1px solid var(--dark-border);color:#f1f1f1;color:var(--dark-text);padding-bottom:.5rem}pre{border-radius:8px;border-radius:var(--border-radius-sm);font-family:monospace;margin:1rem 0;margin:var(--spacing-md) 0;padding:1rem;padding:var(--spacing-md);transition:background-color .3s ease,color .3s ease,border .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border var(--transition-speed) ease}body:not([data-theme]) pre,body[data-theme=light] pre{background-color:#f4f2f8;background-color:var(--light-code-bg);border:1px solid #ddd;border:1px solid var(--light-border);color:#1f1f1f;color:var(--light-text)}body[data-theme=dark] pre{background-color:#1f1b24;background-color:var(--dark-code-bg);border:1px solid #3a3a3f;border:1px solid var(--dark-border);color:#f1f1f1;color:var(--dark-text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.submission-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}body[data-theme=light] .content-with-sidebar,body[data-theme=light] .submission-page{background:var(--light-bg-gradient)}body[data-theme=dark] .content-with-sidebar,body[data-theme=dark] .submission-page{background:var(--dark-bg-gradient)}.submission-card{animation:fadeInUp .5s ease-out;border-radius:12px;max-width:800px;padding:2.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}body[data-theme=light] .submission-card{background:#fff;box-shadow:0 10px 25px #0000381a}.submission-title{align-items:center;display:flex;font-weight:700;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}body[data-theme=light] .submission-title{border-bottom:2px solid #f0f0f0;color:var(--light-primary)}body[data-theme=light] .form-icon,body[data-theme=light] .title-icon{color:var(--light-primary)}.submission-form{gap:1.5rem;margin-top:1.5rem}.form-group,.submission-form{display:flex;flex-direction:column}.form-group{gap:.5rem;width:100%}.form-row{display:flex;gap:1.5rem;width:100%}@media (max-width:768px){.form-row{flex-direction:column;gap:1.5rem}.submission-card{padding:1.5rem}}.form-label{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem}body[data-theme=light] .form-label{color:#495057}.form-icon,.form-input{font-size:1rem}.form-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;padding:.8rem 1rem;transition:all .2s ease;width:100%}body[data-theme=light] .form-input{background-color:var(--light-input-bg)}.form-input:focus{background-color:#fff;border-color:var(--light-primary);box-shadow:0 0 0 4px #0056b31a;outline:none}.form-input::placeholder{color:#adb5bd}.form-hint{font-size:.85rem}body[data-theme=light] .form-hint{color:var(--light-text-secondary)}.submit-button{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 6px #00388033;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.7rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease}body[data-theme=light] .submit-button{background:var(--light-primary-gradient);box-shadow:0 4px 6px color-mix(in srgb,var(--light-primary) 15%,#0000)}body[data-theme=dark] .submit-button{background:var(--dark-primary-gradient);box-shadow:0 4px 6px color-mix(in srgb,var(--light-primary) 15%,#0000)}body[data-theme=light] .submit-button:hover{background:var(--light-primary-hover);box-shadow:0 6px 8px color-mix(in srgb,var(--light-primary) 25%,#0000);transform:translateY(-2px)}body[data-theme=dark] .submit-button:hover{background:var(--dark-primary-hover);box-shadow:0 6px 8px color-mix(in srgb,var(--dark-primary) 20%,#0000);transform:translateY(-2px)}.submit-button:active{box-shadow:0 2px 4px #00388033;transform:translateY(0)}.comments-section{border-top:2px solid #e9ecef;margin-top:2.5rem;padding-top:1.5rem}body[data-theme=dark] .comments-section{border-top-color:var(--dark-border)}.comments-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.6rem;margin-bottom:1.25rem}body[data-theme=light] .comments-title{color:var(--light-primary)}body[data-theme=dark] .comments-title{color:var(--dark-primary)}.comment-form{margin-bottom:1.5rem}.comment-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;min-height:80px;padding:.8rem 1rem;resize:vertical;transition:all .2s ease;width:100%}body[data-theme=light] .comment-input{background-color:var(--light-input-bg)}body[data-theme=dark] .comment-input{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:#e9ecef}.comment-input:focus{border-color:var(--light-primary);box-shadow:0 0 0 4px #0056b31a;outline:none}body[data-theme=light] .comment-input:focus{background-color:#fff}body[data-theme=dark] .comment-input:focus{background-color:#2b3035;border-color:var(--dark-primary)}.comment-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 1.2rem;transition:all .2s ease}body[data-theme=light] .comment-button{background:var(--light-primary-gradient);box-shadow:0 2px 4px #3b82f64d}body[data-theme=dark] .comment-button{background:var(--dark-primary-gradient);box-shadow:0 2px 4px #00388033}.comment-button:hover{transform:translateY(-1px)}body[data-theme=light] .comment-button:hover{background:var(--light-primary-hover);box-shadow:0 3px 5px #3b82f659}body[data-theme=dark] .comment-button:hover{background:var(--dark-primary-hover);box-shadow:0 3px 5px #00388040}.comments-list{display:flex;flex-direction:column;gap:1.25rem}.comment-item{animation:fadeIn .3s ease-out;border-radius:8px;padding:1rem}body[data-theme=light] .comment-item{background-color:var(--light-input-bg);border-left:3px solid #dee2e6}body[data-theme=dark] .comment-item{background-color:var(--dark-input-bg);border-left:3px solid var(--dark-border)}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-author{font-size:.95rem;font-weight:600}body[data-theme=light] .comment-author{color:#495057}body[data-theme=dark] .comment-author{color:#e9ecef}.comment-date{color:var(--light-text-secondary);font-size:.85rem}.comment-content{font-size:.95rem;line-height:1.5}body[data-theme=light] .comment-content{color:var(--light-text)}body[data-theme=dark] .comment-content{color:var(--dark-text-secondary)}.comment-actions{display:flex;gap:1rem;margin-top:.75rem}.comment-action{align-items:center;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;transition:color .2s ease}body[data-theme=light] .comment-action:hover{color:var(--light-primary)}body[data-theme=dark] .comment-action:hover{color:var(--dark-primary)}.comment-action.liked{color:var(--light-primary)}body[data-theme=dark] .comment-action.liked{color:var(--dark-primary)}.no-comments-message{border-radius:8px;font-style:italic;padding:1.5rem;text-align:center}body[data-theme=light] .no-comments-message{background-color:var(--light-input-bg);color:var(--light-text-secondary)}body[data-theme=dark] .no-comments-message{background-color:var(--dark-input-bg);color:var(--dark-text-secondary)}.username-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:all .2s ease;width:100%}body[data-theme=light] .username-input{background-color:var(--light-input-bg)}body[data-theme=dark] .username-input{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:#e9ecef}.username-input:focus{border-color:var(--light-primary);box-shadow:0 0 0 4px #0056b31a;outline:none}body[data-theme=light] .username-input:focus{background-color:#fff}body[data-theme=dark] .username-input:focus{background-color:#2b3035;border-color:var(--dark-primary)}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.2rem;width:1.2rem}.notification{align-items:center;animation:slideInDown .3s ease-out;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.notification.success{background-color:#1987541a;border-left:4px solid #198754;color:#198754}.notification.error{background-color:#dc35451a;border-left:4px solid #dc3545;color:#dc3545}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.notification,.submission-card,.submit-button{animation:none;transition:none}.spinner{animation-duration:1.5s}}body[data-theme=dark] .submission-card{background-color:#2b3035;box-shadow:0 10px 25px #0000004d}body[data-theme=dark] .submission-title{border-bottom-color:var(--dark-border);color:var(--dark-primary)}body[data-theme=dark] .form-icon,body[data-theme=dark] .title-icon{color:var(--dark-primary)}body[data-theme=dark] .form-label{color:#e9ecef}body[data-theme=dark] .form-input{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:#e9ecef}body[data-theme=dark] .form-input:focus{background-color:#2b3035;border-color:var(--dark-primary)}body[data-theme=dark] .form-input::placeholder{color:var(--dark-text-tertiary)}body[data-theme=dark] .form-hint{color:var(--dark-text-secondary)}.form-label-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.char-count{border-radius:12px;font-size:.8rem;font-weight:500;padding:.1rem .5rem;transition:all .2s ease}.char-count.near-limit{background-color:#f59e0b1a;color:#f59e0b}.char-count.exceeded{background-color:#ef44441a;color:#ef4444}.input-error{background-color:#ef44440d;border-color:#ef4444!important}.field-warning{align-items:center;color:#ef4444;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.character-limits-info{align-items:center;background-color:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;color:#3b82f6;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}body[data-theme=dark] .char-count.near-limit{background-color:#fbbf2426;color:#fbbf24}body[data-theme=dark] .char-count.exceeded{background-color:#f8717126;color:#f87171}body[data-theme=dark] .input-error{background-color:#f8717114;border-color:#f87171!important}body[data-theme=dark] .field-warning{color:#f87171}body[data-theme=dark] .character-limits-info{background-color:#3b82f626;border-left:3px solid #60a5fa;color:#60a5fa}.autocomplete-wrapper,.input-dropdown-container{position:relative;width:100%}.dropdown-toggle,.input-dropdown-container{align-items:center;display:flex}.dropdown-toggle{background:#0000;border:none;border-radius:50%;color:var(--light-text-secondary);cursor:pointer;height:2rem;justify-content:center;padding:0;position:absolute;right:.5rem;transition:all .2s ease;width:2rem}.dropdown-toggle:hover{background-color:#0000000d;color:#495057}body[data-theme=dark] .dropdown-toggle{color:var(--dark-text-secondary)}body[data-theme=dark] .dropdown-toggle:hover{background-color:#ffffff1a;color:#e9ecef}.autocomplete-wrapper .form-input{padding-right:2.5rem}.suggestions-dropdown{animation:fadeInDown .2s ease-out;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 5px 15px #0000001a;left:0;list-style:none;margin-top:.25rem;max-height:200px;overflow-y:auto;padding:.5rem 0;position:absolute;top:100%;width:100%;z-index:10}body[data-theme=light] .suggestions-dropdown{background-color:#fff}body[data-theme=dark] .suggestions-dropdown{background-color:var(--dark-input-bg);border-color:var(--dark-border);box-shadow:0 5px 15px #0000004d}.suggestion-item{cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .15s ease}body[data-theme=light] .suggestion-item{color:var(--light-text)}body[data-theme=dark] .suggestion-item{color:#e9ecef}.suggestion-item:hover{background-color:#0056b31a}body[data-theme=light] .suggestion-item:hover{color:var(--light-primary)}body[data-theme=dark] .suggestion-item:hover{background-color:#8bb9fe26;color:var(--dark-primary)}.dropdown-loading,.no-suggestions{font-size:.9rem;font-style:italic;padding:.75rem 1rem;text-align:center}body[data-theme=light] .dropdown-loading,body[data-theme=light] .no-suggestions{color:var(--light-text-secondary)}body[data-theme=dark] .dropdown-loading,body[data-theme=dark] .no-suggestions{color:var(--dark-text-secondary)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.suggestions-dropdown::-webkit-scrollbar{height:6px;width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#0000}body[data-theme=light] .suggestions-dropdown::-webkit-scrollbar-thumb{background-color:#dee2e6;border-radius:3px}body[data-theme=dark] .suggestions-dropdown::-webkit-scrollbar-thumb{background-color:#495057;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background-color:#adb5bd}.dropdown-toggle:focus{outline:2px solid #0056b366;outline-offset:2px}body[data-theme=dark] .dropdown-toggle:focus{outline-color:#8bb9fe66}.form-hints{justify-content:space-between;margin-top:5px}.form-hints,.learn-more-link{align-items:center;display:flex}.learn-more-link{color:var(--primary-color);font-size:14px;gap:6px;text-decoration:none;transition:color .2s ease,transform .2s ease}.learn-more-link:hover{color:var(--primary-dark);text-decoration:underline;transform:translateY(-1px)}.view-prompts-page{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:calc(100vh - 40px);padding:var(--spacing-xl) var(--spacing-md);width:100%}body[data-theme=light] .view-prompts-page{background:var(--light-bg-gradient)}.library-header{animation:fadeIn var(--transition-speed) ease-out;margin-bottom:var(--spacing-xl);text-align:center}body[data-theme=light] .filter-label-icon,body[data-theme=light] .filters-icon,body[data-theme=light] .library-header .page-title,body[data-theme=light] .meta-icon,body[data-theme=light] .title-icon{color:var(--light-primary)}.page-title{align-items:center;display:flex;font-size:2.2rem;font-weight:700;gap:.8rem;justify-content:center;margin-bottom:.5rem}.title-icon{font-size:1.8rem}body[data-theme=light] .page-subtitle{color:var(--light-text-secondary)}.page-subtitle{font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:700px}body[data-theme=light] .contact-link{color:var(--light-primary)}body[data-theme=light] .contact-link:hover{color:#003d7a;text-decoration:underline}.filters-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000380f;margin-bottom:1.25rem;overflow:hidden;transition:all .3s ease}.filters-header{background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:1px solid var(--dark-text);padding:.75rem 1.25rem}.filters-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.filters-title{color:#343a40;font-size:1rem;font-weight:600;margin:0}.filters-title,.filters-toggle{align-items:center;display:flex;gap:.5rem}.filters-toggle{background:#0000;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:.85rem;padding:.375rem .75rem;transition:all .2s ease}.filters-toggle:hover{background-color:var(--light-input-bg);border-color:#adb5bd}.filters{display:flex;flex-direction:column;gap:1rem;max-height:0;opacity:0;overflow:hidden;padding:0;transition:all .3s ease,padding .3s;visibility:hidden}.filters-container.expanded .filters{max-height:500px;opacity:1;padding:1rem 1.25rem;visibility:visible}.search-bar-container{position:relative;width:100%}.search-icon{color:#6c757d;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid var(--dark-text);border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--light-primary);box-shadow:0 0 0 4px #0056b31a;outline:none}.filters-group{display:flex;flex-wrap:wrap;gap:1rem}.filter-item{flex:1 1;min-width:200px;position:relative}.filter-label-icon{color:#6c757d;font-size:.9rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--light-input-bg);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem auto;border:2px solid var(--dark-text);border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;transition:all .2s ease;width:100%}.filter-dropdown:focus{background-color:#fff;border-color:var(--light-primary);box-shadow:0 0 0 4px #0056b31a;outline:none}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}body[data-theme=light] .active-filters-label{color:var(--light-text-secondary);font-size:.9rem;font-weight:600}body[data-theme=dark] .active-filters-label{color:var(--dark-text-secondary);font-size:.9rem;font-weight:600}.active-filter{align-items:center;animation:fadeIn .3s ease-out;background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);border-radius:20px;color:var(--light-primary);display:flex;font-size:.83rem;font-weight:500;gap:.5rem;padding:.4rem .8rem}.clear-filter{background:none;border:none;color:var(--light-primary);cursor:pointer;font-size:1.2rem;line-height:.7;padding:0 .2rem;transition:transform .2s ease}.clear-filter:hover{transform:scale(1.2)}.prompts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.empty-state,.loading-state{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00003812;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;padding:3rem;text-align:center}body[data-theme=light] .empty-icon,body[data-theme=light] .loading-icon{color:var(--light-primary);font-size:2.5rem;margin-bottom:1rem}body[data-theme=light] .empty-title{color:var(--light-primary);font-size:1.5rem;margin:.5rem 0}body[data-theme=light] .empty-message{color:var(--light-text);font-size:1rem;line-height:1.5;max-width:400px}body[data-theme=dark] .empty-icon,body[data-theme=dark] .loading-icon{color:var(--dark-primary);font-size:2.5rem;margin-bottom:1rem}body[data-theme=dark] .empty-title{color:var(--dark-primary);font-size:1.5rem;margin:.5rem 0}body[data-theme=dark] .empty-message{color:var(--dark-text);font-size:1rem;line-height:1.5;max-width:400px}.prompt-card{animation:fadeIn .5s ease-out;background-color:#fff;border:1px solid #0000000a;border-radius:15px;box-shadow:0 6px 16px #0000380f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .35s cubic-bezier(.25,.46,.45,.94)}.prompt-card:hover{border-color:#0056b31a;box-shadow:0 12px 24px #0000381f;transform:translateY(-6px)}.prompt-card:after{background:var(--light-primary-hover);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .35s ease-out;width:100%}.prompt-card:hover:after{transform:scaleX(1)}.prompt-header{border-bottom:1px solid #0000000f;padding:1.4rem 1.6rem .9rem}.prompt-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#343a40;display:-webkit-box;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0;overflow:hidden;position:relative}.prompt-preview{color:#495057;flex-grow:1;font-size:.95rem;line-height:1.5;padding:1.2rem 1.5rem}.prompt-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;padding:1rem 1.6rem}.prompt-category,.prompt-model{align-items:center;background-color:var(--light-input-bg);border-radius:20px;box-shadow:0 1px 3px #0000000d;color:#6c757d;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.4rem .8rem;transition:all .2s ease}.prompt-card:hover .prompt-category,.prompt-card:hover .prompt-model{background-color:color-mix(in srgb,var(--light-primary) 6%,#0000);color:var(--light-primary)}body[data-theme=dark] .prompt-card:hover .prompt-category,body[data-theme=dark] .prompt-card:hover .prompt-model{background-color:color-mix(in srgb,var(--dark-primary) 6%,#0000);color:var(--dark-primary)}.prompt-footer{align-items:center;background-color:var(--light-input-bg);border-top:1px solid #0000000f;display:flex;justify-content:space-between;overflow:hidden;padding:1.2rem 1.6rem;position:relative}.prompt-footer:before{background:linear-gradient(90deg,#3b82f633,#0000,#3b82f633);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.prompt-card:hover .prompt-footer:before{opacity:1}.likes-container{align-items:center;display:flex;flex-shrink:1;gap:.1rem;min-width:0;white-space:nowrap}.prompt-likes{color:#6c757d;font-size:.83rem;font-weight:500}.like-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#adb5bd;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.4rem;transition:transform .3s ease,background-color .2s ease,color .2s ease}.like-button:hover{background-color:#ff4d4d26;color:#ff4d4d}.like-button.liked{color:#ff4d4d}.like-button.liked:hover{transform:scale(1.1) rotate(-5deg)}.comment-toggle{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:.83rem;font-weight:500;gap:.5rem;padding:.4rem;transition:all .2s ease;white-space:nowrap}body[data-theme=light] .comment-toggle{color:var(--light-text-secondary)}body[data-theme=light] .comment-toggle:hover{color:var(--light-primary);transform:translateY(-1px)}body[data-theme=dark] .comment-toggle{color:var(--dark-text-secondary)}body[data-theme=dark] .comment-toggle:hover{color:var(--dark-primary);transform:translateY(-1px)}.comment-toggle svg{font-size:1.1rem;transition:all .2s ease}.copy-button{align-items:center;background-color:var(--dark-text);border:none;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#6c757d;cursor:pointer;display:flex;flex-shrink:1;font-size:.85rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .25s ease;z-index:1}body[data-theme=dark] .copy-button{background-color:color-mix(in srgb,var(--dark-text) 5%,#0000);color:var(--dark-text-secondary)}.copy-button:before{background-color:#4e00b31a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out;z-index:-1}body[data-theme=dark] .copy-button:before{background-color:#9360fa26}.copy-button:hover{background-color:color-mix(in srgb,var(--light-primary) 6%,#0000);box-shadow:0 3px 6px #0000001a;color:var(--light-primary);transform:translateY(-2px)}body[data-theme=dark] .copy-button:hover{background-color:color-mix(in srgb,var(--dark-primary) 6%,#0000);color:var(--dark-primary)}.copy-button:hover:before{transform:scaleX(1)}.copy-icon{flex-shrink:0;font-size:.9rem;transition:transform .2s ease}.copy-button:hover .copy-icon{transform:translateX(-2px)}.copy-icon.copied{color:#28a745}.library-stats{color:#6c757d;font-size:.9rem;margin-top:1rem;text-align:center}.expand-button{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-weight:600;margin-left:.5rem;padding:.3rem .5rem;transition:all .2s ease}.expand-button:hover{background-color:#3b82f614;text-decoration:underline;transform:translateY(-1px)}body[data-theme=dark] .prompt-card{background-color:#2b3035;border-color:#ffffff08}body[data-theme=dark] .prompt-card:hover{border-color:#8bb9fe26}body[data-theme=dark] .prompt-card:after{background:var(--dark-primary-hover)}body[data-theme=dark] .prompt-header{border-bottom-color:#ffffff0f}body[data-theme=dark] .prompt-footer{border-top-color:#ffffff0f}:focus-visible{outline:3px solid #0056b380;outline-offset:2px}@media (max-width:992px){.filters-group{flex-direction:column;gap:1rem}.filter-item{width:100%}}@media (max-width:780px){.prompt-card .copy-text{display:none}.copy-button{padding:.4rem}}@media (max-width:768px){.view-prompts-page{padding:1.5rem 1rem}.page-title{font-size:1.8rem}.prompts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.prompt-actions{gap:.5rem}}@media (max-width:576px){.prompts-grid{grid-template-columns:1fr}.filters-header{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){.active-filter,.like-animation,.prompt-card{animation:none}.prompt-card:hover{transform:none}}body[data-theme=dark] .view-prompts-page{background:var(--dark-bg-gradient)}body[data-theme=dark] .filter-label-icon,body[data-theme=dark] .filters-icon,body[data-theme=dark] .library-header .page-title,body[data-theme=dark] .meta-icon,body[data-theme=dark] .title-icon{color:var(--dark-primary)}body[data-theme=dark] .page-subtitle{color:var(--dark-text)}body[data-theme=dark] .contact-link{color:var(--dark-primary)}body[data-theme=dark] .contact-link:hover{color:#afd1ff}body[data-theme=dark] .empty-state,body[data-theme=dark] .filters-container,body[data-theme=dark] .loading-state,body[data-theme=dark] .prompt-card{background-color:#2b3035;box-shadow:0 4px 15px #0003}body[data-theme=dark] .filters-header{background:linear-gradient(90deg,#2b3035,#343a40);border-bottom-color:var(--dark-border)}body[data-theme=dark] .filters-title{color:var(--dark-text)}body[data-theme=dark] .filters-toggle{border:.5px solid var(--dark-text);color:var(--dark-text)}body[data-theme=dark] .filters-toggle:hover{background-color:var(--dark-input-bg)}body[data-theme=dark] .filter-dropdown,body[data-theme=dark] .search-input{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:var(--dark-text)}body[data-theme=dark] .filter-dropdown:focus,body[data-theme=dark] .search-input:focus{background-color:#2b3035;border-color:var(--dark-primary)}body[data-theme=dark] .active-filter{background-color:color-mix(in srgb,var(--dark-primary) 15%,#0000);color:var(--dark-primary)}body[data-theme=dark] .prompt-header{border-bottom-color:var(--dark-border)}body[data-theme=dark] .prompt-title{color:var(--dark-text)}body[data-theme=dark] .prompt-preview{color:#ced4da}body[data-theme=dark] .prompt-category,body[data-theme=dark] .prompt-model{background-color:var(--dark-input-bg);color:var(--dark-text-secondary)}body[data-theme=dark] .prompt-footer{background-color:var(--dark-input-bg);border-top-color:var(--dark-border)}body[data-theme=dark] .library-stats,body[data-theme=dark] .prompt-likes{color:var(--dark-text-secondary)}body[data-theme=dark] .filter-label{color:var(--dark-text)}body[data-theme=dark] .expand-button{color:#60a5fa}.prompt-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:space-between;overflow:hidden;width:100%}.comments-container{align-items:center;display:flex;flex-shrink:1;min-width:0;white-space:nowrap}.like-animation{animation:pulse .4s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cookie-notice{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;bottom:1rem;box-shadow:0 4px 12px #00000026;max-width:320px;padding:1rem;position:fixed;right:1rem;z-index:100}body[data-theme=dark] .cookie-notice{background-color:var(--dark-input-bg);color:var(--dark-text)}.cookie-notice p{font-size:.9rem;margin-bottom:.8rem}.cookie-notice-buttons{display:flex;gap:.5rem;justify-content:flex-end}.cookie-notice button{border:none;border-radius:4px;cursor:pointer;font-size:.83rem;font-weight:500;padding:.5rem 1rem}body[data-theme=light] .cookie-notice .accept{background:var(--light-primary-gradient);color:#fff}body[data-theme=dark] .cookie-notice .accept{background:var(--dark-primary-gradient);color:#fff}body[data-theme=light] .cookie-notice .accept:hover{background:var(--light-primary-hover)}body[data-theme=dark] .cookie-notice .accept:hover{background:var(--dark-primary-hover)}body[data-theme=light] .cookie-notice .decline{background-color:initial;color:var(--light-text-secondary)}body[data-theme=dark] .cookie-notice .decline{background-color:initial;color:var(--dark-text-secondary)}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.skeleton{overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}body[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#1e1e1e00,#3c3c3c80 50%,#1e1e1e00)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-container{width:100%}.skeleton-title{height:28px;width:80%}.skeleton-line,.skeleton-title{border-radius:4px;margin-bottom:10px}.skeleton-line{height:16px;width:100%}.skeleton-tag{border-radius:20px;height:24px;width:100px}.skeleton-action{border-radius:4px;height:24px;width:70px}.skeleton-button{border-radius:6px;height:36px;width:80px}body[data-theme=light] .skeleton-action,body[data-theme=light] .skeleton-button,body[data-theme=light] .skeleton-line,body[data-theme=light] .skeleton-tag,body[data-theme=light] .skeleton-title{background-color:#e9ecef}body[data-theme=dark] .skeleton-action,body[data-theme=dark] .skeleton-button,body[data-theme=dark] .skeleton-line,body[data-theme=dark] .skeleton-tag,body[data-theme=dark] .skeleton-title{background-color:#3b3b3b}.prompt-card.skeleton{background-color:#fff;opacity:.8;pointer-events:none}body[data-theme=dark] .prompt-card.skeleton{background-color:#2b3035}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.keywords-filter{animation:fadeIn .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00003812;margin-bottom:1.5rem;padding:1rem 1.5rem}body[data-theme=dark] .keywords-filter{background-color:#2b3035;box-shadow:0 4px 15px #0003}.keywords-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .8rem}body[data-theme=light] .keywords-title{color:var(--light-text)}body[data-theme=dark] .keywords-title{color:var(--dark-text)}.keywords-icon{color:var(--light-primary);font-size:.9rem}body[data-theme=dark] .keywords-icon{color:var(--dark-primary)}.keywords-badges{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-badge{animation:fadeIn .4s ease-out;animation-fill-mode:both;background-color:var(--light-bg-gradient);border:none;border-radius:20px;box-shadow:0 1px 3px #0003;color:var(--light-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:all .2s ease}.keyword-badge:nth-child(n){animation-delay:calc(.05s*var(--n))}.keyword-badge:hover{background-color:#0056b31a;box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}body[data-theme=dark] .keyword-badge{background-color:var(--dark-input-bg);color:var(--dark-primary)}body[data-theme=dark] .keyword-badge:hover{background-color:#8bb9fe26}.clear-search-button{align-items:center;background:none;border:none;border-radius:50%;color:#adb5bd;cursor:pointer;display:flex;justify-content:center;padding:.4rem;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-button:hover{background-color:#0000000d;color:var(--light-text-secondary)}body[data-theme=dark] .clear-search-button{color:var(--dark-text-tertiary)}body[data-theme=dark] .clear-search-button:hover{background-color:#ffffff1a;color:var(--dark-text-secondary)}.clear-all-filters,.filters-header-actions{align-items:center;display:flex;gap:.5rem}.clear-all-filters{background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);border:none;border-radius:6px;color:var(--light-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.clear-all-filters:hover{background-color:color-mix(in srgb,var(--light-primary) 15%,#0000);transform:translateY(-2px)}body[data-theme=dark] .clear-all-filters{background-color:color-mix(in srgb,var(--dark-primary) 15%,#0000);color:var(--dark-primary)}body[data-theme=dark] .clear-all-filters:hover{background-color:color-mix(in srgb,var(--dark-primary) 20%,#0000)}@media (prefers-reduced-motion:no-preference){.keyword-badge:first-child{--n:1}.keyword-badge:nth-child(2){--n:2}.keyword-badge:nth-child(3){--n:3}.keyword-badge:nth-child(4){--n:4}.keyword-badge:nth-child(5){--n:5}.keyword-badge:nth-child(6){--n:6}.keyword-badge:nth-child(7){--n:7}.keyword-badge:nth-child(8){--n:8}.keyword-badge:nth-child(9){--n:9}.keyword-badge:nth-child(10){--n:10}}@media (max-width:768px){.keywords-filter{padding:.8rem 1rem}.keyword-badge{font-size:.8rem;padding:.35rem .7rem}.keywords-badges{gap:.4rem}.filters-header-actions{align-items:flex-end;flex-direction:column;gap:.5rem}.clear-all-filters{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:576px){.filters-header-actions{justify-content:space-between;margin-top:.5rem;width:100%}}.analytics-dashboard{margin:0 auto;max-width:1200px;padding:20px}.analytics-header{margin-bottom:2rem;text-align:center}.analytics-header h1{color:var(--text-color);font-size:2rem;margin-bottom:.5rem}.analytics-header .header-icon{margin-right:10px}.header-subtitle{color:var(--secondary-text);font-size:1rem;margin:0}body[data-theme=light] .analytics-header .header-icon,body[data-theme=light] .analytics-header .page-title{color:var(--light-primary)}body[data-theme=dark] .analytics-header .header-icon,body[data-theme=dark] .analytics-header .page-title{color:var(--dark-primary)}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;background-color:var(--primary-color-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.2rem;height:50px;justify-content:center;margin-right:15px;width:50px}body[data-theme=light] .analytics-dashboard .stat-icon{background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);color:var(--light-primary)}body[data-theme=dark] .analytics-dashboard .stat-icon{background-color:color-mix(in srgb,var(--dark-primary) 10%,#0000);color:var(--dark-primary)}.stat-content{flex:1 1}.stat-content h3{color:var(--secondary-text);font-size:.9rem;margin:0 0 5px}.stat-value{color:var(--text-color);font-size:1.8rem;font-weight:700}.chart-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:2rem}@media (max-width:960px){.chart-container{grid-template-columns:1fr}}.chart-card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.chart-card h2{color:var(--text-color);font-size:1.2rem;margin-bottom:20px;margin-top:0;text-align:center}.chart-wrapper{height:350px;position:relative}.pie-chart-container{align-items:center;display:flex;justify-content:center}.analytics-details{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.analytics-details h2{color:var(--text-color);font-size:1.2rem;margin-bottom:20px;margin-top:0}.table-container{overflow-x:auto}.analytics-table{border-collapse:collapse;border-radius:8px;border-spacing:0;font-size:.9rem;overflow:hidden;table-layout:fixed;width:100%}.analytics-table td,.analytics-table th{overflow:hidden;padding:12px 15px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.analytics-table th{background-color:var(--background-alt);color:var(--text-color);font-weight:700;position:-webkit-sticky;position:sticky;top:0}body[data-theme=light] .analytics-table th{background:var(--light-table-header-gradient);border-bottom:1px solid var(--light-table-header-border);color:var(--light-text)}body[data-theme=dark] .analytics-table th{background:var(--dark-table-header-gradient);border-bottom:1px solid var(--dark-table-header-border);color:var(--dark-text)}.analytics-table tr{border-bottom:1px solid var(--border-color)}.analytics-table tr:hover{background-color:var(--hover-bg)}.no-data-cell{color:var(--secondary-text);padding:30px;text-align:center}.analytics-loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:5px solid var(--background-alt);border:5px solid var(--background-alt);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analytics-no-data,.error-state{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:50px 20px;text-align:center}.error-icon,.warning-icon{color:#e53935;font-size:3rem;margin-bottom:20px}.warning-icon{color:#ff9800}.retry-button{background:var(--light-primary-gradient);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background 1s ease}.retry-button:hover{background:var(--light-primary-hover)}body[data-theme=dark] .retry-button{background:var(--dark-primary-gradient)}body[data-theme=dark] .retry-button:hover{background:var(--dark-primary-hover)}.analytics-dashboard.dark-theme .stat-icon{background-color:#ffffff1a;color:var(--primary-color-light)}.analytics-dashboard.dark-theme .analytics-table th{background-color:#2c2c2c}.rank-cell{font-weight:700;position:relative;text-align:center!important}.rank-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;margin:0 auto;width:30px}.rank-cell:not(:has(.rank-badge)){text-align:center}.rank-1{background:linear-gradient(45deg,#fcf19c,gold);box-shadow:0 2px 8px #ffd70080}.rank-2{background:linear-gradient(45deg,#e3e3e3,silver);box-shadow:0 2px 8px #c0c0c080}.rank-3{background:linear-gradient(45deg,#ffcba0,#cd7f32);box-shadow:0 2px 8px #cd7f3280}.leaderboard-row{cursor:pointer;transition:all .2s ease}body[data-theme=light] .leaderboard-row:hover{background-color:color-mix(in srgb,var(--light-primary) 4%,#0000)}body[data-theme=dark] .leaderboard-row:hover{background-color:color-mix(in srgb,var(--dark-primary) 4%,#0000)}body[data-theme=light] .leaderboard-row.expanded{background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);border-bottom:none;position:relative}body[data-theme=dark] .leaderboard-row.expanded{background-color:color-mix(in srgb,var(--dark-primary) 10%,#0000);border-bottom:none;position:relative}body[data-theme=light] .leaderboard-row.expanded td:first-child{border-left:3px solid var(--light-primary)}body[data-theme=dark] .leaderboard-row.expanded td:first-child{border-left:3px solid var(--dark-primary)}body[data-theme=dark] .expanded-content-row,body[data-theme=light] .expanded-content-row{background-color:color-mix(in srgb,var(--light-primary) 6%,#0000)}.category-chip,.model-chip{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px;white-space:nowrap}body[data-theme=light] .category-chip{background-color:color-mix(in srgb,var(--light-primary) 15%,#0000);color:var(--light-primary)}body[data-theme=dark] .category-chip{background-color:color-mix(in srgb,var(--dark-primary) 15%,#0000);color:var(--dark-primary)}body[data-theme=light] .model-chip{background-color:#0096881a;color:#00796b}body[data-theme=dark] .model-chip{background-color:#00968826;color:#4db6ac}.copy-count-cell{font-weight:700;text-align:center}.expanded-content-row{animation:fadeIn .3s ease;background-color:var(--background-alt)}.expanded-content{border-top:1px dashed var(--border-color);padding:20px}.expanded-content h4{color:var(--text-color);font-size:1.1rem;margin-bottom:10px;margin-top:0}.prompt-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-family:monospace;font-size:.9rem;line-height:1.5;margin-bottom:15px;max-height:200px;overflow-y:auto;padding:15px;white-space:pre-wrap}.expanded-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.metrics-container{display:flex;flex-wrap:wrap;gap:20px}.detail-item{font-size:.9rem}.action-hint{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-top:10px;text-align:center}.expanded-content .copy-button{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .2s ease}body[data-theme=light] .expanded-content .copy-button{background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);color:var(--light-primary)}body[data-theme=light] .expanded-content .copy-button:hover{background-color:color-mix(in srgb,var(--light-primary) 12%,#0000)}body[data-theme=dark] .expanded-content .copy-button{background-color:color-mix(in srgb,var(--dark-primary) 10%,#0000);color:var(--dark-primary)}body[data-theme=dark] .expanded-content .copy-button:hover{background-color:color-mix(in srgb,var(--dark-primary) 12%,#0000)}.expanded-content .copy-button svg{margin-right:8px}@media (max-width:768px){.leaderboard-filters{align-items:flex-start;flex-direction:column;gap:10px}.filter-group{width:100%}.leaderboard-filter-select{flex-grow:1}.clear-filters-btn{width:100%}.rank-badge{font-size:.8rem;height:25px;width:25px}.analytics-table td,.analytics-table th{font-size:.85rem;padding:10px 8px}.category-chip,.model-chip{font-size:.75rem;padding:3px 8px}}:root{--card-transition:transform var(--transition-speed,0.3s) ease,box-shadow var(--transition-speed,0.3s) ease;--section-margin:3rem;--card-radius:16px;--card-padding:2rem;--card-shadow-light:0 8px 20px #0000000d;--card-shadow-dark:0 8px 20px #0003;--card-shadow-hover-light:0 12px 30px #00000014;--card-shadow-hover-dark:0 12px 30px #00000040;--card-border-light:1px solid #00000014;--card-border-dark:1px solid var(--dark-border,#495057);--card-icon-color:var(--light-primary);--primary-shadow-light:0 4px 12px var(--dark-primary,0.1);--primary-shadow-hover-light:0 6px 15px var(--dark-primary,0.3);--primary-shadow-dark:0 4px 12px var(--light-primary,0.1);--primary-shadow-hover-dark:0 6px 15px var(--light-primary,0.3)}.prompt-academy-page{font-family:Inter,system-ui,sans-serif;font-family:var(--font-family,"Inter",system-ui,sans-serif);margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg)}.prompt-academy-header{margin-bottom:2.5rem;position:relative}.prompt-academy-header h1{align-items:center;color:#2c3e50;color:var(--light-text,#2c3e50);display:flex;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);position:relative}.prompt-academy-header h1:after{background:var(--light-primary-gradient);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:80px}body[data-theme=dark] .prompt-academy-header h1{color:#e9ecef;color:var(--dark-text,#e9ecef)}.title-icon{color:var(--light-primary);color:var(--light-primary,var(--card-icon-color));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem;margin-right:var(--spacing-md)}body[data-theme=dark] .title-icon{color:#8bb9fe;color:var(--dark-primary,#8bb9fe);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-subtitle{color:#5d6778;color:var(--light-text-secondary,#5d6778);font-size:1.15rem;font-weight:400;margin-bottom:0;margin-top:.4rem}body[data-theme=dark] .header-subtitle{color:#adb5bd;color:var(--dark-text-secondary,#adb5bd)}.overview-description,.tutorial-intro{color:#5d6778;color:var(--light-text-secondary,#5d6778);font-size:1.15rem;line-height:1.6;margin-bottom:2.5rem;max-width:85%}body[data-theme=dark] .overview-description,body[data-theme=dark] .tutorial-intro{color:#adb5bd;color:var(--dark-text-secondary,#adb5bd)}.prompt-academy-tabs{-ms-overflow-style:none;background:#fff;background:var(--light-card-bg,#fff);border:none;border-radius:12px;border-radius:var(--border-radius-md,12px);box-shadow:0 4px 12px #0000000d;box-shadow:var(--light-shadow,0 4px 12px #0000000d);display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-xl);padding:.5rem;padding:var(--spacing-xs,.5rem);position:-webkit-sticky;position:sticky;scrollbar-width:none;top:1rem;top:var(--spacing-md,1rem);z-index:10}.prompt-academy-tabs::-webkit-scrollbar{display:none}body[data-theme=dark] .prompt-academy-tabs{background:#252525;background:var(--dark-card-bg,#252525);box-shadow:0 4px 12px #0003;box-shadow:var(--dark-shadow,0 4px 12px #0003)}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-sm,8px);color:#5d6778;color:var(--light-text-secondary,#5d6778);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs,.5rem);margin:.2rem;padding:.8rem 1.2rem;position:relative;transition:all .3s ease;transition:all var(--transition-speed,.3s) ease}.tab-button:hover{background:color-mix(in srgb,var(--light-primary) 5%,#0000)}.tab-button.active,.tab-button:hover{color:#0056b3;color:var(--light-primary,#0056b3)}.tab-button.active{background:color-mix(in srgb,var(--light-primary) 10%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--light-primary) 15%,#0000)}body[data-theme=dark] .tab-button{color:#adb5bd;color:var(--dark-text-secondary,#adb5bd)}body[data-theme=dark] .tab-button:hover{background:#8bb9fe14;color:#8bb9fe;color:var(--dark-primary,#8bb9fe)}body[data-theme=dark] .tab-button.active{background:#8bb9fe1a;box-shadow:0 2px 8px #00388040;color:#8bb9fe;color:var(--dark-primary,#8bb9fe)}.tab-button .tab-icon{font-size:1rem}.prompt-academy-overview h2,.tutorial-content h2{color:#2c3e50;color:var(--light-text,#2c3e50);display:inline-block;font-size:2rem;font-weight:700;margin-bottom:1.2rem;position:relative}.prompt-academy-overview h2:after{background:var(--light-primary-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:100%}.tutorial-content h2{border-bottom:2px solid color-mix(in srgb,var(--light-primary) 20%,#0000);font-size:1.7rem;margin:1.2rem 0 1.8rem;padding-bottom:.6rem}body[data-theme=dark] .prompt-academy-overview h2,body[data-theme=dark] .tutorial-content h2{color:#e9ecef;color:var(--dark-text,#e9ecef)}body[data-theme=dark] .tutorial-content h2{border-bottom:2px solid #8bb9fe33}.features-section{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem;margin-bottom:var(--section-margin)}.feature-card{background:#fff;background:var(--light-card-bg,#fff);border:1px solid #00000014;border:var(--card-border-light);border-radius:12px;border-radius:var(--border-radius-md,12px);box-shadow:0 8px 20px #0000000d;box-shadow:var(--card-shadow-light);display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:var(--card-transition)}.feature-card:hover{box-shadow:0 12px 30px #00000014;box-shadow:var(--card-shadow-hover-light);transform:translateY(-5px)}body[data-theme=dark] .feature-card{background:#252525;background:var(--dark-card-bg,#252525);border-color:#333;border-color:var(--dark-border,#333);box-shadow:0 8px 20px #0003;box-shadow:var(--card-shadow-dark)}body[data-theme=dark] .feature-card:hover{box-shadow:0 12px 30px #00000040;box-shadow:var(--card-shadow-hover-dark)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--light-primary) 0,#6e8efb 100%);background:var(--light-primary-gradient,linear-gradient(135deg,var(--card-icon-color) 0,#6e8efb 100%));border-radius:50%;color:#fff;display:flex;font-size:1.4rem;height:48px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);width:48px}.feature-title{color:#2c3e50;color:var(--light-text,#2c3e50);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-text{color:#5d6778;color:var(--light-text-secondary,#5d6778);font-size:1rem;line-height:1.5;margin-bottom:0}body[data-theme=dark] .feature-title{color:#e9ecef;color:var(--dark-text,#e9ecef)}body[data-theme=dark] .feature-text{color:#adb5bd;color:var(--dark-text-secondary,#adb5bd)}.learning-paths{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem;margin-top:var(--spacing-xl,2rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.learning-paths.animate .learning-path-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.learning-paths.animate .learning-path-card:nth-child(n){animation-delay:.1s;animation-delay:calc(.1s*var(--n, 1))}.learning-paths.animate .learning-path-card:first-child{--n:1}.learning-paths.animate .learning-path-card:nth-child(2){--n:2}.learning-paths.animate .learning-path-card:nth-child(3){--n:3}.learning-paths.animate .learning-path-card:nth-child(4){--n:4}.tutorial-content{animation:fadeIn .5s ease}.learning-path-card,.pattern-card,.tutorial-card{background-color:#fff;background-color:var(--light-card-bg,#fff);border:1px solid #00000014;border:var(--card-border-light);border-radius:16px;border-radius:var(--card-radius);box-shadow:0 8px 20px #0000000d;box-shadow:var(--card-shadow-light);display:flex;flex-direction:column;margin-bottom:2rem;padding:2rem;padding:var(--card-padding);transition:all .3s ease}.learning-path-card{box-shadow:0 8px 30px #0000000f;cursor:pointer;overflow:hidden;padding:1.8rem}body[data-theme=dark] .learning-path-card,body[data-theme=dark] .pattern-card,body[data-theme=dark] .tutorial-card{background-color:#252525;background-color:var(--dark-card-bg,#252525);border:1px solid #495057;border:1px solid var(--card-border-dark);box-shadow:0 8px 20px #0003;box-shadow:var(--card-shadow-dark)}.learning-path-card:hover,.pattern-card:hover,.tutorial-card:hover{box-shadow:0 12px 30px #00000014;box-shadow:var(--card-shadow-hover-light);transform:translateY(-5px)}.learning-path-card:hover{border-color:color-mix(in srgb,var(--light-border) 20%,#0000);box-shadow:0 12px 40px color-mix(in srgb,var(--light-primary) 10%,#0000);transform:translateY(-5px) scale(1.02)}body[data-theme=dark] .learning-path-card:hover,body[data-theme=dark] .pattern-card:hover,body[data-theme=dark] .tutorial-card:hover{border-color:color-mix(in srgb,var(--dark-primary) 90%,#0000);box-shadow:0 12px 30px #00000040;box-shadow:var(--card-shadow-hover-dark)}body[data-theme=dark] .learning-path-card:hover{border-color:color-mix(in srgb,var(--dark-border) 10%,#0000);box-shadow:0 12px 40px color-mix(in srgb,var(--dark-primary) 5%,#0000);transform:translateY(-5px) scale(1.02)}.learning-path-card:after{background:linear-gradient(225deg,#fff6,#ffffff1a);content:"";left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.learning-path-card:hover:after{opacity:.8}.card-icon{align-items:center;border-radius:16px;box-shadow:0 4px 12px #3498db1a;display:flex;height:64px;justify-content:center;position:relative;width:64px}.beginner-icon{background:linear-gradient(135deg,#3498db1a,#3498db33);color:#3498dbe6}.intermediate-icon{background:linear-gradient(135deg,#9b59b61a,#9b59b633);color:#9b59b6}.advanced-icon{background:linear-gradient(135deg,#e74c3c1a,#e74c3c33);color:#e74c3c}.patterns-icon{background:linear-gradient(135deg,#2ecc711a,#2ecc7133);color:#2ecc71}.learning-path-card h3,.tutorial-card h3{color:#2c3e50;color:var(--text-primary,#2c3e50);font-weight:600;position:relative}.learning-path-card h3{font-size:1.4rem;margin-bottom:.8rem}.tutorial-card h3{align-items:center;display:flex;font-size:1.5rem;gap:.8rem;margin-bottom:1.2rem;margin-top:0}.learning-path-card p,.tutorial-card ol,.tutorial-card p,.tutorial-card ul{color:#5d6778;color:var(--text-secondary,#5d6778);line-height:1.7}.learning-path-card p{font-size:1rem;margin-bottom:1.5rem}.tutorial-card p{font-size:1.05rem}.tutorial-card ol,.tutorial-card ul{padding-left:1.5rem}.tutorial-card li{margin-bottom:.5rem}body[data-theme=dark] .learning-path-card h3,body[data-theme=dark] .tutorial-card h3{color:#e9ecef;color:var(--dark-text,#e9ecef)}body[data-theme=dark] .learning-path-card p,body[data-theme=dark] .tutorial-card ol,body[data-theme=dark] .tutorial-card p,body[data-theme=dark] .tutorial-card ul{color:#adb5bd;color:var(--dark-text-secondary,#adb5bd)}.path-link{align-items:center;align-self:flex-start;background:var(--light-primary-gradient);border:none;border-radius:8px;box-shadow:0 4px 12px .1;box-shadow:var(--primary-shadow-light);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-top:auto;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s ease}body[data-theme=dark] .path-link{box-shadow:0 4px 12px .1;box-shadow:var(--primary-shadow-dark);filter:brightness(.75)}.path-link:hover{box-shadow:0 6px 15px .3;box-shadow:var(--primary-shadow-hover-light);filter:brightness(1.15);transform:translateY(-2px)}body[data-theme=dark] .path-link:hover{box-shadow:0 6px 15px .3;box-shadow:var(--primary-shadow-hover-dark);filter:brightness(.95)}.path-link svg{margin-left:.5rem;transition:transform .3s ease}.path-link:hover svg{transform:translateX(3px)}.example-container{background:color-mix(in srgb,var(--light-primary) 3%,#0000);border:1px solid #00000014;border-radius:12px;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative}.example-container:before{background:linear-gradient(180deg,var(--light-primary) 0,#6e8efb 100%);background:linear-gradient(180deg,var(--card-icon-color) 0,#6e8efb 100%);border-bottom-left-radius:12px;border-top-left-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.example-title{align-items:center;color:#2c3e50;color:var(--light-text,#2c3e50);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.example-title:before{content:"✏️";font-size:1.1rem}body[data-theme=dark] .example-container{background:#8bb9fe0d;border:1px solid #495057;border:1px solid var(--dark-border,#495057)}body[data-theme=dark] .example-title{color:#e9ecef;color:var(--dark-text,#e9ecef)}pre{word-wrap:break-word;background-color:var(--light-input-bg);border:1px solid #0000001a;border-radius:12px;color:#2c3e50;font-size:.95rem;line-height:1.5;margin:1.2rem 0;max-width:100%;overflow-x:auto;padding:1.2rem 1.5rem}code,pre{font-family:JetBrains Mono,Courier New,monospace;white-space:pre-wrap}code{background-color:#f1f2f6;border-radius:4px;color:#5d6778;font-size:.95em;padding:.2rem .4rem;word-break:break-word}body[data-theme=dark] pre{background-color:#2d2d2d;border:1px solid #495057;border:1px solid var(--dark-border,#495057)}body[data-theme=dark] code{background-color:#ffffff14;color:#ff8bcb}.tutorial-navigation{border-top:1px solid #0000001a;display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem}.next-tutorial,.prev-tutorial{align-items:center;border-radius:10px;display:flex;font-weight:600;overflow:hidden;padding:.8rem 1.2rem;position:relative;text-decoration:none;transition:all .3s ease}.prev-tutorial{background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);color:var(--light-primary);color:var(--card-icon-color);margin-right:auto;padding-left:1rem}.next-tutorial{background:var(--light-primary-gradient);box-shadow:0 4px 12px .1;box-shadow:var(--primary-shadow-light);color:#fff;margin-left:auto;padding-right:1rem}body[data-theme=dark] .next-tutorial{box-shadow:0 4px 12px .1;box-shadow:var(--primary-shadow-dark);filter:brightness(.75)}.next-tutorial:hover,.prev-tutorial:hover{transform:translateY(-3px)}.prev-tutorial:hover{background-color:color-mix(in srgb,var(--light-primary) 15%,#0000)}.next-tutorial:hover{box-shadow:0 6px 15px .3;box-shadow:var(--primary-shadow-hover-light);filter:brightness(1.15)}body[data-theme=dark] .next-tutorial:hover{box-shadow:0 6px 15px .3;box-shadow:var(--primary-shadow-hover-dark);filter:brightness(1)}.prev-tutorial svg{margin-right:.5rem;transition:transform .3s ease}.next-tutorial svg{margin-left:.5rem;transition:transform .3s ease}.prev-tutorial:hover svg{transform:translateX(-3px)}.next-tutorial:hover svg{transform:translateX(3px)}.tutorial-topics{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:1.5rem 0}.tutorial-topic-link{color:inherit;display:block;height:100%;text-decoration:none}.tutorial-topic{align-items:flex-start;background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;gap:.8rem;padding:1.2rem;transition:all .3s ease}.tutorial-topic:hover{border-color:color-mix(in srgb,var(--light-primary) 10%,#0000);box-shadow:0 8px 20px color-mix(in srgb,var(--light-primary) 10%,#0000);transform:translateY(-3px)}body[data-theme=dark] .tutorial-topic{background-color:#ffffff05;border-color:#ffffff0d;box-shadow:0 8px 30px #00000026}body[data-theme=dark] .tutorial-topic:hover{border-color:color-mix(in srgb,var(--dark-primary) 10%,#0000);box-shadow:0 8px 20px color-mix(in srgb,var(--dark-primary) 5%,#0000)}.topic-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--light-primary) 10%,#0000) 0,color-mix(in srgb,var(--light-primary) 20%,#0000) 100%);border-radius:10px;box-shadow:0 2px 8px color-mix(in srgb,var(--light-primary) 10%,#0000);color:var(--light-primary);color:var(--card-icon-color);display:flex;flex-shrink:0;font-size:1.2rem;justify-content:center;padding:.8rem}.topic-content{flex:1 1}.topic-content h4{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:1.1rem;font-weight:600;margin:0 0 .4rem}.topic-content p{color:#5d6778;color:var(--text-secondary,#5d6778);font-size:.95rem;line-height:1.4;margin:0}.tutorials-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tutorials-header h2{color:#2c3e50;color:var(--light-text,#2c3e50);font-size:1.8rem;font-weight:700;margin:0}.tutorials-filter{align-items:center;display:flex;gap:.75rem}body[data-theme=dark] .tutorials-header h2{color:#e9ecef;color:var(--dark-text,#e9ecef)}.tutorials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.sidebar{box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all var(--transition-speed) ease;width:250px;z-index:100}body[data-theme=light] .sidebar{background:var(--light-sidebar-bg);color:var(--light-sidebar-text)}body[data-theme=dark] .sidebar{background:var(--dark-sidebar-bg);color:var(--dark-sidebar-text)}.sidebar-collapsed{width:70px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;min-height:70px;padding:15px;transition:all var(--transition-speed) ease}body[data-theme=light] .sidebar-header{background:#ffffff4d;border-bottom:1px solid #1e3a8a1a}body[data-theme=dark] .sidebar-header{background:#0000001a;border-bottom:1px solid #ffffff1a}.logo-container{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.sidebar:not(.sidebar-collapsed) .logo-container{justify-content:flex-start}.logo-icon{align-items:center;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}body[data-theme=light] .logo-icon{background:var(--light-logo-gradient)}body[data-theme=dark] .logo-icon{background:var(--dark-logo-gradient)}.brand-text{display:flex;flex-direction:column}.sidebar-header h3{font-size:1.2rem;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0}.brand-subtitle{font-size:.8rem;font-weight:500;opacity:.8}.sidebar-toggle{align-items:center;border:none;border-radius:0 4px 4px 0;box-shadow:2px 0 5px #0000001a;cursor:pointer;display:flex;height:50px;justify-content:center;left:250px;opacity:.8;position:fixed;top:50%;transform:translateY(-50%);transition:left var(--transition-speed) ease,background-color .2s ease,width .2s ease;width:18px;z-index:101}body[data-theme=light] .sidebar-toggle{background-color:color-mix(in srgb,var(--dark-primary) 30%,var(--light-code-bg));color:var(--light-sidebar-text)}body[data-theme=dark] .sidebar-toggle{background-color:color-mix(in srgb,var(--light-primary) 60%,var(--dark-code-bg));color:var(--dark-sidebar-text)}.sidebar-toggle.collapsed{left:70px}.sidebar-toggle:hover{opacity:1;width:22px}.sidebar-collapsed .logo-container{justify-content:center;width:100%}.sidebar-collapsed .brand-subtitle,.sidebar-collapsed .menu-text,.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .sidebar-header h3,.sidebar-collapsed .theme-toggle-wrapper .menu-text{display:none}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:15px 0}.sidebar-nav ul{list-style-type:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:5px}.sidebar-nav a{align-items:center;border-left:3px solid #0000;display:flex;padding:12px 20px;text-decoration:none;transition:all .2s ease}body[data-theme=light] .sidebar-nav a,body[data-theme=light] .theme-toggle-button{color:var(--light-sidebar-text)}body[data-theme=light] .sidebar-nav a:hover,body[data-theme=light] .theme-toggle-button:hover{background-color:color-mix(in srgb,var(--light-primary) 10%,#0000);border-left-color:color-mix(in srgb,var(--light-primary) 50%,#0000)}body[data-theme=light] .sidebar-nav a.active,body[data-theme=light] .theme-toggle-button.active{background-color:color-mix(in srgb,var(--light-primary) 20%,#0000);border-left-color:var(--light-primary);font-weight:500}body[data-theme=dark] .sidebar-nav a,body[data-theme=dark] .theme-toggle-button{color:var(--dark-sidebar-text)}body[data-theme=dark] .sidebar-nav a:hover,body[data-theme=dark] .theme-toggle-button:hover{background-color:#ffffff1a;border-left-color:#ffffff80;color:#fff}body[data-theme=dark] .sidebar-nav a.active,body[data-theme=dark] .theme-toggle-button.active{background-color:#ffffff26;border-left-color:#fff;color:#fff;font-weight:500}.menu-icon{font-size:1.1rem;margin-right:15px;text-align:center;width:20px}.sidebar-collapsed .menu-icon{margin-right:0}.sidebar-footer{font-size:.8rem;padding:15px;text-align:center}body[data-theme=light] .sidebar-footer{border-top:1px solid #1e3a8a1a;color:var(--light-sidebar-text)}body[data-theme=dark] .sidebar-footer{border-top:1px solid #ffffff1a;color:var(--dark-sidebar-text)}.sidebar-footer-link{color:inherit;font-size:.95em;text-align:inherit;text-decoration:none;transition:color .2s}body[data-theme=light] .sidebar-footer-link:hover{color:var(--light-primary);text-decoration:underline}body[data-theme=dark] .sidebar-footer-link:hover{color:var(--dark-primary);text-decoration:underline}.content-with-sidebar{box-sizing:border-box;margin-left:250px;transition:margin-left var(--transition-speed) ease}.content-with-sidebar-collapsed{margin-left:70px}@media (max-width:750px){.sidebar{transform:translateX(-100%)}.sidebar:not(.sidebar-collapsed){transform:translateX(0);width:250px}.sidebar-collapsed{transform:translateX(-100%)}.sidebar-toggle{left:0}.sidebar:not(.sidebar-collapsed)+.sidebar-toggle{left:250px}.sidebar-toggle.collapsed{left:0}.content-with-sidebar-collapsed{margin-left:0}}.menu-icon,.menu-text{animation:fadeIn var(--transition-speed) ease}.logo-animate{animation:logoSpin 1s ease-in-out;transform-origin:center}.logo-easter-egg{animation:wink 1s ease-in-out}@keyframes logoSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(1turn) scale(1.3)}to{transform:rotate(0deg) scale(1)}}@keyframes wink{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.theme-toggle-wrapper{margin-top:auto;padding:10px 0}body[data-theme=light] .theme-toggle-wrapper{border-top:1px solid #1e3a8a1a}body[data-theme=dark] .theme-toggle-wrapper{border-top:1px solid #ffffff1a}.theme-toggle-button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;padding:12px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.theme-toggle-container{margin-top:15px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.92df7914.css.map*/