:root{--bg-primary: #020617;--bg-secondary: #161B22;--text-primary: #e6edf3;--text-secondary: #7d8590;--border-primary: #30363d;--border-secondary: 2px solid #21262d;--accent-primary: #00FF99;--accent-primary-hover: #05ce7a;--accent-glow: 0 0 15px rgba(0, 255, 153, 0.3)}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.is-hidden{display:none !important}html{background-color:#020617}body{font-family:"Inter",sans-serif;scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden;position:relative;background-color:#020617;color:#e6edf3;-webkit-font-smoothing:antialiased}body .text-gray-600{color:#cbd5e1 !important}body .text-gray-500{color:#94a3b8 !important}body .text-gray-700,body .text-gray-800,body .text-gray-900{color:#f1f5f9 !important}body .bg-gray-50,body .bg-white{background-color:rgba(30,41,59,.6) !important;border:1px solid hsla(0,0%,100%,.1)}button,[role=button]{cursor:pointer;border:none;background:none}.global-glow{position:fixed;top:0;left:0;width:800px;height:800px;background:radial-gradient(circle, color-mix(in srgb, var(--accent-primary), transparent 94%) 0%, transparent 70%);transform:translate(-50%, -50%);pointer-events:none;z-index:9999;mix-blend-mode:screen;transition:width .3s,height .3s;will-change:transform}.game-modal{position:fixed;inset:0;z-index:10000;background-color:#020617;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .5s ease}.game-modal.is-active{opacity:1;pointer-events:auto}.game-modal__close-btn{position:absolute;top:2rem;right:2rem;z-index:10001;color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:.5rem 1.5rem;border-radius:9999px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);transition:all .3s}.game-modal__close-btn:hover{background:var(--accent-primary);color:#000;border-color:rgba(0,0,0,0)}.game-modal__content{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.game-modal__ui{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;background:rgba(0,0,0,.6);padding:1rem 2rem;border-radius:1rem;backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1)}.mascot-invite{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(10px);background:#fff;padding:1rem;border-radius:1rem;box-shadow:0 10px 30px -5px rgba(0,0,0,.3);width:200px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:50;text-align:center;color:#1f2937}.mascot-invite p,.mascot-invite span,.mascot-invite div{color:#1f2937 !important}.mascot-invite.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-15px)}.mascot-invite .absolute{top:auto;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);border:none;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff}.global-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5;pointer-events:none;opacity:.8;mix-blend-mode:screen}.font-serif{font-family:"Lora",serif}.article-content__heading-2,.article-content__heading-3,.article-content__heading-4{font-family:"Lora",serif;font-weight:700;color:var(--text-primary)}.article-content__heading-2{font-size:1.875rem;margin-top:2.5rem;margin-bottom:1.5rem}.article-content__heading-3{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem}.article-content__heading-4{font-size:1.25rem;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-primary)}.article-content__paragraph,.article-content__list-item{margin-bottom:1rem;line-height:1.75;color:var(--text-primary)}.article-content__list{padding-left:1.5rem;margin-bottom:1rem}.article-content__list--unordered{list-style-type:disc}.article-content__list--ordered{list-style-type:decimal}.policy-content{font-family:"Lora",serif;color:var(--text-secondary)}.util-article-image{max-width:720px;width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);margin-top:1rem;margin-bottom:2rem;border:1px solid var(--border-primary)}.article-content__link{text-decoration:underline;font-weight:600;transition:color .2s ease-in-out;color:var(--accent-primary)}.article-content__link:hover{color:var(--accent-primary-hover)}.article-content__table{width:100%;margin-bottom:1.5rem;border-collapse:collapse}.article-content__table th,.article-content__table td{padding:.75rem 1rem;text-align:left;vertical-align:top;border:1px solid var(--border-primary);color:var(--text-primary)}.article-content__table thead th{background-color:var(--bg-secondary);font-weight:700}.article-content__table tbody tr:nth-child(odd){background-color:rgba(22,27,34,.5)}@keyframes heartbeat-strong{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,153,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(0,255,153,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,153,0)}}@keyframes slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.anim-fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.anim-fade-in-up.is-visible{opacity:1;transform:translateY(0)}.btn--primary,.btn--info{color:var(--bg-primary);background-color:var(--accent-primary);font-weight:700;padding:8px 20px;border-radius:8px;transition:all .2s ease-in-out;border:1px solid rgba(0,0,0,0)}.btn--primary:hover,.btn--info:hover{background-color:var(--accent-primary-hover);box-shadow:var(--accent-glow)}.btn--ghost{background-color:rgba(0,0,0,0);border:1px solid var(--border-primary);color:var(--text-secondary);font-weight:600;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-in-out}.btn--ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary)}body.feedback-bar-active .fab{transition:bottom .3s ease-out;bottom:110px}.fab{position:fixed;z-index:40;background-color:var(--bg-primary);border:2px solid var(--accent-primary);color:var(--accent-primary);border-radius:9999px;padding:12px;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;overflow:hidden;width:56px;height:56px;cursor:pointer;white-space:nowrap;text-decoration:none;font-size:.875rem;font-weight:600}.fab__icon{flex-shrink:0}.fab__text{width:0;opacity:0;transition:width .3s ease-in-out,opacity .3s ease-in-out,margin-left .3s ease-in-out;margin-left:0;overflow:hidden}.fab:hover{justify-content:flex-start;padding-left:16px;box-shadow:var(--accent-glow)}.fab:hover .fab__text{width:auto;opacity:1;margin-left:.75rem}.fab--subscribe{bottom:20px;left:20px;animation:heartbeat-strong 2s ease-in-out infinite}.fab--subscribe:hover{width:auto;animation-play-state:paused}.fab--chatbot{bottom:20px;right:20px}.fab--chatbot:hover{width:auto}.fab--feedback{bottom:92px;right:1.5rem}.fab--feedback:hover{width:auto}.blog-filter-btn{padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid var(--border-secondary);background-color:var(--bg-secondary);color:var(--text-secondary);transition:all .2s ease-in-out}.blog-filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.blog-filter-btn.is-active{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.btn--danger{color:#ef4444;font-size:.875rem;font-weight:500;transition:color .2s ease}.btn--danger:hover{color:#dc2626}.btn--info{background-color:#0369a1;border-color:#0369a1;color:#fff}.btn--info:hover{background-color:#075985}.btn--secondary{padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:.375rem;transition:background-color .2s}.btn--secondary:hover{background-color:hsla(0,0%,100%,.05);color:var(--text-primary)}.prompt-card{position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.prompt-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--accent-glow)}.prompt-card__category{color:var(--accent-primary);font-size:.875rem;font-weight:600}.prompt-card__title{color:var(--text-primary)}.prompt-card__description{color:var(--text-secondary)}.prompt-card__tag{display:inline-block;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem;background-color:var(--border-primary);color:var(--text-secondary)}.prompt-card__tag--tool{background-color:color-mix(in srgb, var(--accent-primary), transparent 80%);color:var(--accent-primary)}.article-card{position:relative;background-color:var(--bg-secondary);border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);transition:all .3s ease-in-out;border:1px solid rgba(0,0,0,0)}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);border-color:var(--border-primary)}.article-card__category{font-size:.875rem;font-weight:600;color:var(--accent-primary);text-decoration:none}.article-card__category:hover{text-decoration:underline}.article-card__title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.article-card__title a{text-decoration:none;color:inherit}.article-card__title a:hover{color:var(--accent-primary-hover)}.article-card__description{font-size:.875rem;color:var(--text-secondary)}.article-card__tags{margin-top:1rem}.related-article-card{text-decoration:none}.related-article-card__category{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:var(--accent-primary)}.related-article-card__title{font-weight:700;line-height:1.4;transition:color .2s ease-in-out;color:var(--text-primary)}.related-article-card__description{font-size:.875rem;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.related-article-card:hover .related-article-card__title{color:var(--accent-primary)}.prompt-card__description ul,.info-box__content ul{list-style-type:disc;padding-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.prompt-card__description a,.info-box__content a{color:var(--accent-primary);text-decoration:underline}.prompt-card__description a:hover,.info-box__content a:hover{color:var(--accent-primary-hover)}.dropdown{position:relative}.dropdown__button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-width:220px;padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease-in-out}.dropdown__button:hover{border-color:var(--accent-primary);color:var(--text-primary)}@media(min-width: 640px){.dropdown__button{width:auto}}.dropdown__chevron{width:1.25rem;height:1.25rem;margin-left:.5rem;color:var(--text-secondary);transition:transform .2s ease-in-out}.dropdown__button.is-open .dropdown__chevron{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:250px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);z-index:20}.dropdown__search-container{padding:.5rem;border-bottom:1px solid var(--border-primary)}.dropdown__options-list{padding:.5rem;overflow-y:auto;max-height:250px}.dropdown__item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.dropdown__item:hover{background-color:hsl(215,21.4285714286%,15.9803921569%);color:var(--text-primary)}.dropdown__item.is-active{background-color:var(--accent-primary);color:var(--bg-primary);font-weight:600}.form-input,.form-textarea,.form-select{width:100%;padding:.5rem .75rem;border-radius:.375rem;font-size:1rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);outline:none}.form-input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prompt-form-label{font-weight:600;font-size:.95rem;margin-bottom:.25rem;color:var(--text-primary)}.prompt-form-label__key{color:var(--text-secondary);background-color:#22272e;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:500;margin-left:.5rem;vertical-align:middle;border:1px solid var(--border-primary)}.prompt-form-label__required{color:var(--accent-primary);font-weight:700;margin-left:.25rem}.prompt-form-label__description{color:var(--text-secondary);font-size:.875rem;margin-top:0;margin-bottom:.5rem}.form-radio,.form-checkbox{-webkit-appearance:none;appearance:none;display:inline-block;vertical-align:middle;flex-shrink:0;height:1.25rem;width:1.25rem;color:var(--accent-primary);background-color:var(--bg-primary);border:2px solid var(--border-primary);transition:all .2s ease}.form-radio:focus,.form-checkbox:focus{outline:2px solid rgba(0,0,0,0);outline-offset:2px;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}.form-radio{border-radius:100%}.form-radio:checked{border-color:var(--accent-primary);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2300FF99' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4'/%3e%3c/svg%3e")}.form-checkbox{border-radius:.375rem}.form-checkbox:checked{border-color:var(--accent-primary);background-color:var(--accent-primary);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%230D1117' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.modal{position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:rgba(2,6,23,.85);backdrop-filter:blur(4px)}.modal__content{background-color:var(--bg-secondary);margin:auto;padding:24px 32px;border:1px solid var(--border-primary);width:90%;max-width:500px;border-radius:16px;position:relative;box-shadow:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.3)}.modal__close-btn{color:var(--text-secondary);position:absolute;top:10px;right:15px;font-size:28px;font-weight:bold}.modal__close-btn:hover,.modal__close-btn:focus{color:var(--text-primary)}.glass-panel{position:relative;z-index:10;border-radius:.75rem;padding:1.5rem;transition:all .3s ease;background-color:rgba(22,27,34,.6);backdrop-filter:blur(12px);border:1px solid var(--border-primary);box-shadow:0 8px 16px rgba(0,0,0,.3)}.glass-panel__item{background-color:hsla(215,21.4285714286%,15.9803921569%,.4);border:1px solid var(--border-primary);border-radius:.5rem;transition:border-color .3s ease,background-color .3s ease}.glass-panel__item:hover{border-color:var(--accent-primary);background-color:hsla(215,21.4285714286%,18.9803921569%,.6)}.info-box{padding:.75rem 1rem;border-left-width:4px;border-radius:.25rem;background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.info-box p{color:var(--text-secondary)}.info-box strong{color:var(--accent-primary);font-weight:600}.article-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease-in-out;text-decoration:none;margin-bottom:.25rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.article-tag:hover{background-color:rgba(0,255,153,.1);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.language-switcher{position:relative;z-index:50;display:flex;align-items:center}.language-switcher.is-open #js-lang-menu{opacity:1;transform:scale(100%) translateY(0);pointer-events:auto}.language-switcher.is-open #js-lang-arrow{transform:rotate(180deg)}#js-lang-trigger{background-color:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,0)}#js-lang-trigger:hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2)}#js-lang-trigger #js-current-code{color:var(--text-primary)}#js-lang-trigger #js-lang-arrow{color:var(--text-secondary)}#js-lang-menu{transform-origin:top right;margin-top:.5rem;background-color:#161b22;border-color:var(--border-primary)}#js-lang-menu .js-check-icon.is-active{opacity:1}#js-lang-menu .js-lang-option:hover{background-color:rgba(5,150,105,.15)}#js-lang-menu .js-lang-option span{color:var(--text-primary)}.featured-badge{position:absolute;top:-0.75rem;right:1.5rem;transform:rotate(15deg);background-color:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -2px rgba(0,0,0,.2)}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{border:1px solid var(--border-primary);padding:.75rem 1rem;text-align:left;vertical-align:top;color:var(--text-primary)}.comparison-table th{background-color:var(--bg-secondary);font-weight:700}.comparison-table .highlight-bamboo{background-color:rgba(0,255,153,.1);color:var(--accent-primary);font-weight:600}.feedback-container{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.feedback-container.is-sticky{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:40;padding:1rem 0;margin-top:0;box-shadow:0 -4px 10px rgba(0,0,0,.3);transform:translateY(100%);opacity:0;animation:slide-up .3s ease-out forwards;background-color:rgba(2,6,23,.85);backdrop-filter:blur(12px);border-top:1px solid var(--border-primary)}.is-sticky .feedback-container__initial-state{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%}.feedback-buttons{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}.feedback-container.is-sticky .feedback-buttons{margin-top:0}.feedback-buttons__button{padding:.25rem;border-radius:9999px;transition:all .2s ease-in-out;border:2px solid rgba(0,0,0,0)}.feedback-buttons__button span{font-size:1.25rem}.feedback-buttons__button:hover{background-color:hsl(215,21.4285714286%,15.9803921569%)}.feedback-buttons__button.is-selected{border-color:var(--accent-primary);background-color:rgba(0,255,153,.2)}.collapsible-group{border-radius:.5rem;transition:border-color .2s ease-in-out;margin-bottom:1rem;background-color:var(--bg-secondary);border:2px solid var(--border-primary)}.collapsible-group:hover,.collapsible-group[open]{border-color:var(--accent-primary)}.collapsible-group__summary{color:var(--text-primary);font-weight:600;padding:1rem;cursor:pointer;outline:none;list-style:none}.collapsible-group__summary::-webkit-details-marker{display:none}.collapsible-group__summary{display:flex;align-items:center;justify-content:space-between}.collapsible-group__icon{color:var(--text-secondary);transition:transform .2s ease-in-out}.collapsible-group[open] .collapsible-group__icon{transform:rotate(180deg)}.collapsible-group__content{border-top:2px solid var(--border-primary);padding:1rem}.prompt-presets{display:flex;flex-wrap:wrap;gap:.5rem}.prompt-presets__item{position:relative;flex:none;cursor:pointer;padding:.75rem;border-radius:.375rem;transition:all .2s ease-in-out;border:2px solid var(--border-primary);background-color:rgba(0,0,0,0)}.prompt-presets__item:hover{border-color:var(--accent-primary);background-color:rgba(0,255,153,.1)}.prompt-presets__item.is-active{border-color:var(--accent-primary) !important;background-color:rgba(0,255,153,.1) !important}.prompt-presets__name{color:var(--text-secondary);font-weight:500;font-size:.875rem}.is-active .prompt-presets__name{color:var(--accent-primary);font-weight:600}.prompt-presets__button{color:var(--text-secondary)}.prompt-presets__button--default:hover{color:#f59e0b}.prompt-presets__button--default.is-default{color:#f59e0b !important}.prompt-presets__button--delete:hover{color:#ef4444}.btn--execute-prompt{white-space:nowrap;display:flex}.presets-list{display:flex;flex-wrap:wrap;gap:.5rem}.presets-list__item{position:relative;flex:0 1 auto;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:space-between;min-width:180px;border:1px solid var(--border-secondary);background-color:var(--bg-secondary)}.presets-list__item:hover{border-color:var(--accent-primary);background-color:rgba(0,255,153,.05)}.presets-list__item.is-active{border-color:var(--accent-primary) !important;background-color:rgba(0,255,153,.1) !important;box-shadow:0 0 0 1px var(--accent-primary)}.presets-list__name{color:var(--text-primary);font-weight:600;font-size:.875rem}.presets-list__details{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:2px}.is-active .presets-list__name{color:var(--accent-primary-hover)}.presets-list__delete-btn{color:#9ca3af;padding:.25rem;border-radius:9999px;flex-shrink:0;margin-left:.75rem}.presets-list__delete-btn:hover{color:#ef4444;background-color:rgba(239,68,68,.2)}.prompt-actions{transition:all .4s cubic-bezier(0.45, 0.05, 0.55, 0.95)}.prompt-actions__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%}.prompt-actions__inner .copy-btn+.open-with-tools{margin-left:auto}.prompt-actions__buttons{display:flex;align-items:center;gap:.75rem}.prompt-actions.is-sticky{position:fixed;top:auto;left:auto;width:auto;bottom:11rem;right:1.5rem;z-index:40;background-color:rgba(22,27,34,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:1rem;padding:.75rem;box-shadow:0 8px 16px rgba(0,0,0,.4);animation:slide-up .3s ease-out forwards}.prompt-actions.is-sticky .prompt-actions__inner{flex-direction:column;align-items:flex-end;gap:.75rem;background-color:rgba(0,0,0,0);backdrop-filter:none;border:none;padding:0;box-shadow:none}.prompt-actions.is-sticky .prompt-actions__buttons{flex-direction:column;align-items:flex-end;gap:.5rem}.prompt-actions.is-sticky .open-with-tools__label{display:none !important}.prompt-actions.is-sticky .open-with-tools__buttons{flex-direction:column;align-items:flex-end;gap:.5rem}.open-with-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.open-with-tools__label{font-size:.875rem;font-weight:500;display:none;color:var(--text-secondary)}@media(min-width: 640px){.open-with-tools__label{display:inline}}.open-with-tools__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.open-with-tools__Button,.open-with-tools__button{display:flex;align-items:center;gap:.5rem;font-weight:600;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s ease-in-out;font-size:.875rem;background-color:hsl(215,21.4285714286%,15.9803921569%);color:var(--text-primary)}.open-with-tools__Button:hover,.open-with-tools__button:hover{background-color:hsl(215,21.4285714286%,20.9803921569%);color:var(--accent-primary);transform:scale(1.05)}.prompt-card__gem-badge,.prompt-detail__gem-badge{display:inline-block;padding:.125rem .5rem;margin-left:.5rem;font-size:.75rem;font-weight:700;line-height:1.2;color:#0c1a1e;background-image:linear-gradient(to right, #14f1d9, #4d82f5);border-radius:9999px;vertical-align:middle;text-transform:uppercase}.prompt-detail__gem-badge{font-size:.8rem;padding:.25rem .75rem}.gemini-result-container{border:1px solid #30363d;border-radius:.5rem;overflow:hidden}.gemini-result-container.is-hidden{display:none}.gemini-result__header{display:flex;justify-content:space-between;align-items:center;background-color:#161b22;border-bottom:1px solid #30363d;padding:.75rem 1rem}.gemini-result__title{font-weight:600;font-size:.9rem;color:#e6edf3}.gemini-result__close-btn{font-size:1.5rem;line-height:1;color:#7d8590}.gemini-result__close-btn:hover{color:#e6edf3}.gemini-result__content-wrapper{position:relative;padding:1rem;background-color:#020617;min-height:100px}.gemini-result__content p{margin-bottom:1rem}.gemini-result__content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.gemini-result__content ol{list-style:decimal;padding-left:1.5rem;margin-bottom:1rem}.gemini-result__content strong{font-weight:bold}.gemini-result__loading,.gemini-result__error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#020617;text-align:center;padding:1rem}.gemini-result__loading.is-hidden,.gemini-result__error.is-hidden{display:none}.gemini-result__error{color:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:4px solid rgba(0,255,153,.3);border-top-color:#0f9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.site-header{background-color:rgba(2,6,23,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);transition:all .3s ease}.site-header.is-scrolled{box-shadow:0 4px 20px rgba(0,0,0,.2);padding-top:.5rem !important;padding-bottom:.5rem !important}.site-header__logo-img{height:3.5rem;width:auto;transition:height .3s ease;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px var(--accent-primary))}.site-header.is-scrolled .site-header__logo-img{height:2.8rem}.site-header .nav-social-link{color:var(--text-secondary);font-size:1.1rem;transition:color .2s,transform .2s}.site-header .nav-social-link:hover{color:var(--accent-primary);transform:translateY(-2px)}.scroll-progress-container{position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(0,0,0,0);z-index:100}.scroll-progress-bar{height:100%;background:linear-gradient(90deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary), white 40%));width:0%;transition:width .1s linear;box-shadow:0 0 10px var(--accent-primary)}.site-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-primary)}.sidebar-tabs{display:flex;gap:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-primary)}.sidebar-tabs__tab{padding-bottom:.5rem;font-weight:600;font-size:.875rem;border-bottom:2px solid rgba(0,0,0,0);transition:all .2s ease-in-out;cursor:pointer;color:var(--text-secondary)}.sidebar-tabs__tab:hover{color:var(--text-primary)}.sidebar-tabs__tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.related-prompts-container{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.sidebar-widget{position:sticky;top:6rem}.sidebar-widget__title{font-family:"Lora",serif;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.hero-section{position:relative;perspective:800px;perspective-origin:50% 50%;background:rgba(0,0,0,0);padding-bottom:6rem;overflow:hidden;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--accent-primary), transparent 92%) 0%, transparent 50%),radial-gradient(circle at 50% 50%, #0f172a 0%, #020617 100%)}.hero-section::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to bottom, transparent, var(--bg-primary));z-index:5;pointer-events:none}.hero-section .tunnel-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;perspective:600px;transform-style:preserve-3d;overflow:hidden;pointer-events:none;z-index:1}.hero-section .tunnel-wrapper .tunnel-wall{position:absolute;background-image:linear-gradient(to right, color-mix(in srgb, var(--accent-primary), transparent 60%) 2px, transparent 2px),linear-gradient(to bottom, color-mix(in srgb, var(--accent-primary), transparent 60%) 2px, transparent 2px);mix-blend-mode:screen;opacity:1;background-size:80px 80px;will-change:transform,background-position;backface-visibility:visible !important;animation-play-state:running;animation-timing-function:linear}.hero-section .wall-top{animation:tunnel-scroll-y 10s infinite linear}.hero-section .wall-bottom{animation:tunnel-scroll-y 10s infinite linear reverse}.hero-section .wall-left{animation:tunnel-scroll-x 10s infinite linear}.hero-section .wall-right{animation:tunnel-scroll-x 10s infinite linear reverse}.hero-section .wall-top{width:100vw;height:300vh;left:0;top:0;transform-origin:top center;transform:rotateX(90deg) translateY(-50vh);mask-image:linear-gradient(to bottom, transparent 0%, black 30%, black 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 30%, black 100%)}.hero-section .wall-bottom{width:77vw;height:300vh;left:0;bottom:0;transform-origin:bottom center;transform:rotateX(-90deg) translateY(50vh) translateX(205px);mask-image:linear-gradient(to top, transparent 0%, black 30%, black 100%);-webkit-mask-image:linear-gradient(to top, transparent 0%, black 30%, black 100%)}.hero-section .wall-left{width:300vh;height:75vh;left:0;top:0;transform-origin:center left;transform:rotateY(-90deg) translateX(-50vw);mask-image:linear-gradient(to right, transparent 0%, black 40%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 40%)}.hero-section .wall-right{width:300vh;height:75vh;right:0;top:0;transform-origin:center right;transform:rotateY(90deg) translateX(50vw);mask-image:linear-gradient(to left, transparent 0%, black 40%);-webkit-mask-image:linear-gradient(to left, transparent 0%, black 40%)}.hero-section__grid{display:grid;gap:3rem;align-items:center;pointer-events:none}.hero-section__grid .hero-section__mascot-wrapper,.hero-section__grid .speech-bubble,.hero-section__grid a,.hero-section__grid button{pointer-events:auto}@media(min-width: 768px){.hero-section__grid{grid-template-columns:40% 60%}}.hero-section__grid{transition:opacity .5s ease,filter .5s ease}.hero-section__grid.is-game-active{opacity:.1;filter:blur(5px);pointer-events:none !important}.hero-section__grid .hero-section__mascot-wrapper{transition:opacity .3s ease,filter .3s ease,transform .3s ease;will-change:opacity,filter,transform}.hero-section__grid .hero-section__mascot-wrapper:hover{opacity:.7;filter:blur(1px);transform:scale(0.98)}.hero-section__mascot-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:10;order:1}@media(min-width: 768px){.hero-section__mascot-wrapper{align-items:center;padding-right:0}}.hero-section__mascot-wrapper img.mascot-img{max-width:80%;height:auto;filter:drop-shadow(0 0 30px color-mix(in srgb, var(--accent-primary), transparent 75%));animation:float 6s ease-in-out infinite;transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.hero-section__mascot-wrapper img.mascot-img:hover{transform:scale(1.05) rotate(-2deg)}.hero-section__content-wrapper{position:relative;z-index:10;order:2}.hero-section__content-wrapper:hover .speech-bubble,.hero-section__content-wrapper.is-teasing .speech-bubble{background:rgba(22,27,34,.3);backdrop-filter:blur(0);box-shadow:none;border-color:hsla(0,0%,100%,.05)}.hero-section__content-wrapper:hover h1,.hero-section__content-wrapper:hover p,.hero-section__content-wrapper:hover .h-16,.hero-section__content-wrapper.is-teasing h1,.hero-section__content-wrapper.is-teasing p,.hero-section__content-wrapper.is-teasing .h-16{opacity:.7;filter:blur(4px)}.hero-section__content-wrapper .speech-bubble{transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease,box-shadow .4s ease}.hero-section__content-wrapper h1,.hero-section__content-wrapper p,.hero-section__content-wrapper .h-16{transition:opacity .4s ease,filter .4s ease}.hero-section__content-wrapper .mt-8{position:relative;z-index:20;opacity:1;filter:none}#about .container,#products .container,#articles .container,#contact .container,.tech-marquee{position:relative;z-index:10}.hero-section__grid{position:relative;z-index:10}.speech-bubble{position:relative;background:rgba(22,27,34,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:3rem;box-shadow:0 25px 60px -12px rgba(0,0,0,.4)}.speech-bubble::before{content:"";position:absolute;top:1.5rem;left:1.5rem;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27c93f}@media(min-width: 768px){.speech-bubble::after{content:"";position:absolute;top:50%;left:-12px;transform:translateY(-50%);border-width:12px 12px 12px 0;border-style:solid;border-color:rgba(0,0,0,0) rgba(22,27,34,.85) rgba(0,0,0,0) rgba(0,0,0,0)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-15px)}100%{transform:translateY(0px)}}#js-product-grid{width:100%;margin:0 auto;overflow:visible}.cyber-reel{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:3rem 1rem;position:relative;justify-content:flex-start}@media(min-width: 768px){.cyber-reel{justify-content:center}}.cyber-reel{scrollbar-width:none}.cyber-reel::-webkit-scrollbar{display:none}.cyber-reel{background:linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--accent-primary), transparent 80%) 10%, color-mix(in srgb, var(--accent-primary), transparent 80%) 90%, transparent 100%) no-repeat bottom 1.5rem left 0/100% 1px}.cyber-archive-box{overflow-y:auto;padding-right:1rem;display:flex;flex-direction:column;gap:2.5rem;position:relative;padding-bottom:2rem;padding-top:2rem;align-items:center}.cyber-archive-box::-webkit-scrollbar{width:6px}.cyber-archive-box::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:4px}.cyber-archive-box::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-primary), transparent 60%);border-radius:4px}.cyber-archive-box::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.cyber-card{position:relative;width:100%}@media(min-width: 768px){.cyber-card{width:70%}}.cyber-card{cursor:pointer;perspective:1000px;--hud-border: color-mix(in srgb, var(--accent-primary), transparent 85%);--hud-active: var(--accent-primary)}.cyber-card__scanner{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;border-radius:16px;opacity:0;transition:opacity .3s}.cyber-card__scanner::after{content:"";position:absolute;top:-50%;left:0;width:100%;height:10px;background:linear-gradient(to bottom, transparent, var(--accent-primary), transparent);opacity:.5;box-shadow:0 0 15px var(--accent-primary)}.cyber-card:hover .cyber-card__scanner{opacity:1}.cyber-card:hover .cyber-card__scanner::after{animation:hud-scan 2s linear infinite}.cyber-card{transition:transform .3s ease}.cyber-card:hover{transform:translateY(-5px)}.cyber-card__content{position:relative;z-index:2;background:rgba(13,17,23,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hud-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease}.cyber-card:hover .cyber-card__content{border-color:color-mix(in srgb, var(--accent-primary), transparent 50%);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.cyber-card__visual{position:relative;width:100%;padding:12px 0;background:rgba(0,0,0,0);border-bottom:none;display:flex;justify-content:center;align-items:center}.cyber-card__visual img{width:70%;aspect-ratio:16/9;object-fit:contain;border-radius:8px;border:1px solid hsla(0,0%,100%,.05);transition:all .5s ease;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,.3)}.cyber-card__visual .cyber-card__tech-overlay{position:absolute;top:12px;width:70%;left:50%;transform:translateX(-50%) scale(0.95);height:calc(100% - 24px);border-radius:8px;background:rgba(2,6,23,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.cyber-card__visual .cyber-card__tech-overlay .tech-stack-grid{display:flex;gap:1.5rem;font-size:2rem;color:var(--accent-primary);margin-bottom:.5rem;flex-wrap:wrap;justify-content:center;text-shadow:0 0 15px var(--accent-primary)}.cyber-card__visual .cyber-card__tech-overlay .tech-stack-grid i{transform:translateY(10px);opacity:0;transition:.3s}.cyber-card__visual .cyber-card__tech-overlay .tech-label{font-family:monospace;font-size:.8rem;letter-spacing:3px;color:var(--accent-primary);margin-top:15px}.cyber-card__visual:hover img{filter:brightness(0.4);transform:scale(1.02)}.cyber-card__visual:hover .cyber-card__tech-overlay{opacity:1;transform:translateX(-50%) scale(1)}.cyber-card__visual:hover .cyber-card__tech-overlay i{transform:translateY(0);opacity:1}.cyber-card__visual:hover .cyber-card__tech-overlay i:nth-child(1){transition-delay:.05s}.cyber-card__visual:hover .cyber-card__tech-overlay i:nth-child(2){transition-delay:.1s}.cyber-card__visual:hover .cyber-card__tech-overlay i:nth-child(3){transition-delay:.15s}.cyber-card__visual:hover .cyber-card__tech-overlay i:nth-child(4){transition-delay:.2s}.cyber-card__info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.cyber-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.cyber-card__title{font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.cyber-card__desc{font-size:1rem;color:#94a3b8;margin-bottom:1.5rem;line-height:1.6}.cyber-card__metrics{display:flex;gap:2rem;padding-top:1.25rem;border-top:1px dashed var(--hud-border)}.cyber-card__corner{position:absolute;width:10px;height:10px;border:1px solid var(--accent-primary);opacity:0;transition:.3s;pointer-events:none}.cyber-card__corner.top-left{top:-1px;left:-1px;border-right:0;border-bottom:0;border-radius:16px 0 0 0}.cyber-card__corner.top-right{top:-1px;right:-1px;border-left:0;border-bottom:0;border-radius:0 16px 0 0}.cyber-card__corner.bottom-left{bottom:-1px;left:-1px;border-right:0;border-top:0;border-radius:0 0 0 16px}.cyber-card__corner.bottom-right{bottom:-1px;right:-1px;border-left:0;border-top:0;border-radius:0 0 16px 0}.cyber-card:hover .cyber-card__corner{opacity:1;width:30px;height:30px}.metric-badge{display:flex;align-items:center;gap:.75rem}.metric-badge__icon{color:var(--accent-primary);font-size:1rem}.metric-badge__content{display:flex;flex-direction:column}.metric-badge__value{font-family:monospace;font-weight:700;color:#fff;font-size:.95rem;line-height:1}.metric-badge__label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.metric-badge{display:flex;align-items:center;gap:.6rem}.metric-badge__icon{color:var(--accent-primary);font-size:.9rem}.metric-badge__content{display:flex;flex-direction:column}.metric-badge__value{font-family:monospace;font-weight:700;color:#fff;font-size:.9rem;line-height:1}.metric-badge__label{font-size:.6rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}@keyframes hud-scan{0%{top:-50%}100%{top:150%}}@keyframes pulse-text{0%,100%{opacity:1}50%{opacity:.5}}.metric-badge{display:flex;align-items:center;gap:.6rem}.metric-badge__icon{color:var(--accent-primary);font-size:.9rem;filter:drop-shadow(0 0 5px var(--accent-primary))}.metric-badge__content{display:flex;flex-direction:column}.metric-badge__value{font-family:monospace;font-weight:700;color:#fff;font-size:.9rem;line-height:1}.metric-badge__label{font-size:.55rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.metric-badge{display:flex;align-items:center;gap:.5rem}.metric-badge__icon{color:var(--accent-primary);font-size:.8rem}.metric-badge__content{display:flex;flex-direction:column}.metric-badge__value{font-weight:700;color:var(--text-primary);font-size:.85rem;line-height:1}.metric-badge__label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;transform:scale(0.9);transform-origin:left}#shape-complete-message{position:absolute;bottom:.1rem;left:50%;transform:translateX(-50%);z-index:20;padding:.75rem 1.5rem;background-color:rgba(0,0,0,.6);color:#fff;border-radius:9999px;font-size:.875rem;text-align:center;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}#shape-complete-message.is-visible{opacity:1}.status-badge{margin-top:-20px;margin-right:-20px;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:999px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid var(--border-primary);display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);animation:float-delayed 6s ease-in-out infinite;position:relative;z-index:20}.status-badge__dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary), transparent 80%);animation:pulse-dot 2s infinite;flex-shrink:0}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-primary), transparent 60%)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-primary), transparent 100%)}100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-primary), transparent 100%)}}@keyframes float-delayed{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes tunnel-scroll-y{0%{background-position:0 0}100%{background-position:0 400px}}@keyframes tunnel-scroll-x{0%{background-position:0 0}100%{background-position:400px 0}}.tech-marquee{position:relative;padding:3rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);overflow:hidden}.tech-marquee__track{display:flex;gap:4rem;width:max-content;animation:marquee-scroll 40s linear infinite}.tech-marquee__track:hover{animation-play-state:paused}.tech-marquee__item{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--text-secondary);font-weight:600;white-space:nowrap;transition:color .3s}.tech-marquee__item:hover{color:var(--accent-primary)}.tech-marquee__item i{font-size:2rem}.tech-marquee::before,.tech-marquee::after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.tech-marquee::before{left:0;background:linear-gradient(to right, var(--bg-secondary), transparent)}.tech-marquee::after{right:0;background:linear-gradient(to left, var(--bg-secondary), transparent)}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}#about{position:relative;background:var(--bg-primary)}.about-grid{display:grid;gap:4rem}@media(min-width: 768px){.about-grid{grid-template-columns:1fr 1fr}}.about-content h3{font-size:1.75rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700}.about-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.about-content .quote-box{border-left:4px solid var(--accent-primary);padding-left:1.5rem;margin-top:2rem;font-style:italic;color:color-mix(in srgb, var(--text-primary), transparent 20%)}.career-timeline{position:relative;padding-left:2rem;border-left:2px solid color-mix(in srgb, var(--accent-primary), transparent 80%)}.career-timeline__item{position:relative;margin-bottom:3rem}.career-timeline__item:last-child{margin-bottom:0}.career-timeline__item::before{content:"";position:absolute;left:-2.6rem;top:.25rem;width:1rem;height:1rem;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:50%;z-index:1;transition:all .3s ease;box-shadow:0 0 10px color-mix(in srgb, var(--accent-primary), transparent 80%)}.career-timeline__item:hover::before{background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary);transform:scale(1.2)}.career-timeline__year{display:inline-block;padding:.25rem .75rem;background:color-mix(in srgb, var(--accent-primary), transparent 90%);color:var(--accent-primary);font-size:.8rem;font-weight:700;border-radius:99px;margin-bottom:.5rem;border:1px solid color-mix(in srgb, var(--accent-primary), transparent 80%)}.career-timeline__role{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.career-timeline__company{font-size:.95rem;color:var(--text-secondary);margin-bottom:.75rem;display:block;font-family:monospace;opacity:.8}.career-timeline__desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.compressor-page__main{background-color:var(--bg-secondary);border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -4px rgba(0,0,0,.3)}.compressor-page__header{background-color:hsl(215,21.4285714286%,15.9803921569%);padding:1.5rem;color:var(--text-primary);text-align:center;border-bottom:4px solid var(--accent-primary);border-top-left-radius:1rem;border-top-right-radius:1rem}.compressor-page__content{padding:1.5rem .5rem}.drop-zone{border:2px dashed var(--border-secondary);border-radius:.5rem;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:rgba(0,0,0,0)}.drop-zone:hover,.drop-zone.is-active{border-color:var(--accent-primary);background-color:rgba(0,153,91.8,.1)}.drop-zone__icon{width:3rem;height:3rem;color:var(--text-secondary);margin:0 auto 1rem}.drop-zone__text{color:var(--text-secondary);margin:0}.drop-zone__text--highlight{font-weight:600;color:var(--accent-primary)}.drop-zone__hint{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;opacity:.8}.file-list{max-height:18rem;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:.75rem}.file-list__item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--bg-primary);border-radius:.5rem;transition:all .2s ease-in-out;border:1px solid var(--border-primary)}.file-list__details{display:flex;align-items:center;gap:.75rem;overflow:hidden}.file-list__thumbnail{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:.375rem;flex-shrink:0}.file-list__info{overflow:hidden}.file-list__info p{margin:0}.file-list__name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list__size{font-size:.75rem;color:var(--text-secondary)}.file-list__results{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.file-list__new-size{font-size:.875rem;font-weight:600;color:var(--accent-primary)}.file-list__remove-btn{color:var(--text-secondary);padding:.25rem;border-radius:9999px;transition:color .2s}.file-list__remove-btn:hover{color:#ef4444}.settings-section.is-disabled,.action-section.is-disabled{opacity:.5;pointer-events:none}.progress-bar{width:100%;background-color:var(--border-primary);border-radius:9999px;height:.625rem;margin-top:1rem}.progress-bar__inner{background-color:var(--accent-primary);height:100%;border-radius:9999px;transition:width .3s ease;box-shadow:0 0 8px var(--accent-primary)}.article-sidebar{border-top:1px solid var(--border-primary);padding-top:2rem;margin-top:3rem}@media(min-width: 1024px){.article-sidebar{border-top:none;padding-top:0;margin-top:0;border-left:1px solid var(--border-primary);padding-left:2rem}}.article-header{display:block}.article-meta{font-size:.875rem;color:var(--text-secondary)}.article-meta__category{font-weight:600;color:var(--accent-primary);text-decoration:none}.article-meta__category:hover{text-decoration:underline}.article-title{font-family:"Lora",serif;font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--text-primary)}.article-footer{border-top:1px solid var(--border-primary)}.article-footer__tags-label{font-size:.875rem;color:var(--text-secondary)}/*# sourceMappingURL=style.min.css.map */