@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-background: #F5F1E8;--color-surface: #faf9f2;--color-surface-hover: #FAF8F3;--color-text: #1A1A1A;--color-text-secondary: #666666;--color-border: #E5E5E5;--color-primary: #2F5F45;--color-primary-hover: #3D7858;--color-accent: #D9A574;--color-warning: #D14600}[data-theme=dark]{--color-background: #191716;--color-surface: #2A2624;--color-surface-hover: #332F2C;--color-text: #E8E6E3;--color-text-secondary: #A8A5A0;--color-border: #3D3935;--color-primary: #4A8F6A;--color-primary-hover: #5AA57D;--color-accent: #E8B888;--color-warning: #FF6B35}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .3s ease;border:none;display:inline-block;text-decoration:none}input,textarea,select{font-family:var(--font-family);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background-color:#faf8f3!important;color:var(--color-text);transition:border-color .3s ease}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:#211f1d!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}label{font-family:var(--font-family);font-weight:500;color:var(--color-text);display:block;margin-bottom:.5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:500;color:var(--color-text);line-height:1.2}h1{font-size:2rem;font-weight:400}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary-hover)}.loading{text-align:center;padding:2rem;color:var(--color-text-secondary)}.error-message{color:var(--color-warning);font-size:.9rem;margin-top:.5rem}.success-message{color:var(--color-primary);font-size:.9rem;margin-top:.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.profile-side-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:var(--color-surface-hover);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:9999;box-shadow:-4px 0 12px #0000001a;overflow-y:auto;transform:translate(0);transition:transform .3s ease}.profile-side-panel.closing{transform:translate(400px)}.panel-close-button{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background-color:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.panel-close-button:hover{background-color:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.panel-close-button svg{stroke:currentColor}.profile-panel-header{padding:2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-panel-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);margin:0 auto 1rem;display:block}.profile-panel-avatar-placeholder{width:80px;height:80px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;margin:0 auto 1rem;border:2px solid var(--color-border)}.profile-panel-name{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.profile-panel-username{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 1rem}.profile-panel-account-type{font-size:.8rem;color:var(--color-accent);font-weight:500;text-transform:lowercase;margin:.5rem 0 0;padding:.25rem .75rem;background-color:#d4a5741a;border-radius:12px;display:inline-block}.profile-panel-bio{font-size:.9rem;color:var(--color-text);line-height:1.5;margin:0;max-width:300px}.profile-panel-nav{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-surface);flex:1}.nav-section-title{font-size:1rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;margin:0 0 .75rem;padding:0 1rem}.panel-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:none;border:none;border-radius:8px;color:var(--color-text);font-size:.95rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none}.panel-nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.panel-hint{font-size:.85rem;color:var(--color-text-secondary);padding:0 1rem;margin:.5rem 0 0;font-style:italic;line-height:1.4}@media(max-width:768px){.profile-side-panel{width:100vw}.profile-panel-header{padding:1.5rem}.profile-panel-avatar,.profile-panel-avatar-placeholder{width:64px;height:64px;font-size:1.5rem}.profile-panel-name{font-size:1.25rem}}.header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:100;width:100%}.header-content{padding:1rem 2rem 1rem 0;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.logo{display:flex;align-items:center;gap:.25rem;text-decoration:none;font-size:1.5rem;font-weight:400;transition:opacity .3s ease;padding-left:28px!important;margin:0!important}.logo:hover{opacity:.8}.logo-paren{color:var(--color-primary);font-weight:300}.logo-text{color:var(--color-primary);font-weight:400}.beta-badge{background-color:var(--color-accent);color:#fff!important;font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;margin-left:.5rem;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:1rem;transition:margin-right .2s ease}.post-page-layout .header-right,.panel-open-layout .header-right{margin-right:400px}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .3s ease;color:var(--color-text)}.theme-toggle svg{width:20px;height:20px;stroke:currentColor}.theme-toggle:hover{background-color:var(--color-background)}.cart-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--color-text);text-decoration:none;transition:all .2s ease;background:none;border:none;cursor:pointer;padding:.5rem}.cart-button:hover{background-color:var(--color-background);color:var(--color-primary)}.cart-button svg{stroke:currentColor}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:10px;padding:0 5px;border:2px solid var(--color-background)}.user-greeting{color:var(--color-text-secondary);font-size:.95rem}.profile-photo-button{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:none;padding:0;cursor:pointer;overflow:hidden;transition:all .2s ease}.profile-photo-button:hover{border-color:var(--color-primary);transform:scale(1.05)}.profile-photo-button img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;font-size:.9rem;font-weight:600}@media(max-width:768px){.header-content{padding:1rem 1rem 1rem 0}.logo{font-size:1.25rem;padding-left:16px!important}.cart-button{width:36px;height:36px}.cart-badge{min-width:18px;height:18px;font-size:.65rem}.user-greeting{display:none}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background-color:var(--color-background);border-right:1px solid var(--color-border);overflow-y:auto;z-index:50;padding-top:73px}.sidebar-nav{padding:1.5rem 0;display:flex;flex-direction:column;gap:2rem}.nav-section{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);padding:.5rem .75rem;margin-bottom:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--color-text);transition:background-color .2s ease,color .2s ease;cursor:pointer}.nav-item:hover{background-color:var(--color-background)}.nav-item.active{background-color:#2f5f451a;color:var(--color-primary);font-weight:500}.nav-item.active .nav-icon svg{stroke:var(--color-primary)}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-item.disabled:hover{background-color:transparent}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.nav-icon svg{width:20px;height:20px;stroke:currentColor}.nav-label{font-size:.95rem}.coming-soon{padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}@media(max-width:768px){.sidebar{display:none}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.nav-item.has-pending .nav-icon{color:var(--color-warning)}.nav-item.has-pending .nav-icon svg{stroke:var(--color-warning)}.nav-item.has-pending.active .nav-icon{color:var(--color-warning)}.nav-item.has-pending.active .nav-icon svg{stroke:var(--color-warning)}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);padding-top:73px}.main-content{flex:1;transition:margin-left .3s ease,margin-right .3s ease;min-height:calc(100vh - 73px)}.main-content.with-sidebar{margin-left:240px}.main-content.with-panel{margin-right:400px}@media(max-width:768px){.main-content.with-sidebar{margin-left:0}.main-content.with-panel{margin-right:0}}.product-selector{display:flex;flex-direction:column;gap:1rem}.product-search{position:relative;display:flex;align-items:center}.product-search svg{position:absolute;left:.75rem;color:var(--color-text-secondary);pointer-events:none;z-index:1}.product-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem!important;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.product-search input:focus{outline:none;border-color:var(--color-primary)}.product-search input:disabled{opacity:.6;cursor:not-allowed}.product-search input::placeholder{color:var(--color-text-secondary)}.search-indicator{position:absolute;right:1rem;font-size:.85rem;color:var(--color-text-secondary);font-style:italic;pointer-events:none}.product-selected-count{padding:.5rem .75rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);font-size:.9rem;font-weight:500;text-align:center}.product-selector-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.25rem}.product-selector-item-wrapper{display:flex;flex-direction:column;gap:0}.product-selector-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.product-selector-item.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.product-selector-item:hover:not(.disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary)}.product-selector-item.selected{background-color:#2f5f451a;border-color:var(--color-primary)}.product-selector-item.disabled{opacity:.6;cursor:not-allowed}.product-selector-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.product-selector-item.disabled input[type=checkbox]{cursor:not-allowed}.product-selector-image{width:60px;height:60px;border-radius:6px;overflow:hidden;background-color:var(--color-background);flex-shrink:0}.product-selector-image img{width:100%;height:100%;object-fit:cover}.product-selector-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.product-selector-title{font-size:.95rem;font-weight:500;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-selector-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.product-selector-price{font-size:.9rem;font-weight:600;color:var(--color-text)}.product-selector-stock-badge,.product-selector-variants-badge{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.product-selector-stock-badge.out{background-color:#d146001a;color:var(--color-warning)}.product-selector-variants-badge{background-color:#2f5f451a;color:var(--color-primary)}.product-selector-loading,.product-selector-error,.product-selector-empty,.product-selector-no-results{padding:2rem;text-align:center}.product-selector-loading p,.product-selector-error p,.product-selector-empty p,.product-selector-no-results p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.product-selector-empty{display:flex;flex-direction:column;align-items:center;gap:1rem}.product-selector-empty svg{color:var(--color-text-secondary);opacity:.5}.product-selector-hint{font-size:.85rem!important;opacity:.8;margin-top:.5rem!important}.product-selector-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.product-selector-no-results{padding:1.5rem;background-color:var(--color-surface-hover);border-radius:8px}.product-selector-list::-webkit-scrollbar{width:6px}.product-selector-list::-webkit-scrollbar-track{background:transparent}.product-selector-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.product-selector-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:768px){.product-selector-image{width:50px;height:50px}.product-selector-title{font-size:.9rem}.product-selector-price{font-size:.85rem}.product-selector-item{padding:.5rem;gap:.75rem}.variant-options-grid{gap:1rem}.variant-value-btn{padding:.5rem .875rem;font-size:.85rem}}.variant-selector-container{padding:1.25rem;background-color:var(--color-background);border:2px solid var(--color-border);border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:1.25rem;padding-bottom:1.25rem}}.variant-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.variant-selector-header p{margin:0;font-size:.95rem;font-weight:500;color:var(--color-text)}.variant-selector-close{background:none;border:none;font-size:1.75rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.variant-selector-close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.variant-options-grid{display:flex;flex-direction:column;gap:1.25rem}.variant-option-group{display:flex;flex-direction:column;gap:.5rem}.variant-option-label{font-size:.9rem;font-weight:500;color:var(--color-text);text-transform:capitalize}.variant-option-values{display:flex;flex-wrap:wrap;gap:.5rem}.variant-value-btn{padding:.625rem 1.125rem;border:2px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;min-width:50px;text-align:center}.variant-value-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-background)}.variant-value-btn.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.variant-value-btn.unavailable{opacity:.4;cursor:not-allowed;position:relative}.variant-value-btn.unavailable:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background-color:var(--color-text-secondary);transform:translateY(-50%) rotate(-15deg)}.variant-confirm-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.edit-post-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-post-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem}.edit-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.edit-post-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.edit-post-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-section label{font-weight:500;color:var(--color-text);font-size:.95rem}.form-section textarea,.form-section input{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;background-color:var(--color-surface-hover);color:var(--color-text);transition:border-color .2s ease}.form-section textarea{resize:vertical;min-height:150px}.form-section textarea:focus,.form-section input:focus{outline:none;border-color:var(--color-primary)}.form-section textarea:disabled,.form-section input:disabled{opacity:.6;cursor:not-allowed}.char-count.warning{color:var(--color-warning)}.ring-option{display:flex;align-items:center;gap:1rem;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-surface-hover);cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.ring-option:hover{border-color:var(--color-primary);background-color:var(--color-background)}.ring-option.selected{border-color:var(--color-primary);background-color:var(--color-background);box-shadow:0 0 0 2px #2f5f451a}.ring-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.selected-ring-info{padding:.75rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.9rem;margin-top:.5rem}.edit-note{margin-top:1.5rem;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.edit-note p{color:var(--color-text-secondary);font-size:.85rem;margin:0;line-height:1.5}.edit-note strong{color:var(--color-text)}@media(max-width:768px){.edit-post-content{padding:1.5rem;max-height:95vh}.edit-post-header h2{font-size:1.25rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.fading-selector{display:flex;flex-direction:column;gap:.75rem}.fading-toggle{display:flex;align-items:center;gap:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:48px;height:24px;background-color:var(--color-border);border-radius:12px;transition:background-color .2s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.toggle-checkbox:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(24px)}.toggle-checkbox:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-text{font-size:.9rem;font-weight:500;color:var(--color-text)}.fading-hint{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.fading-options{display:flex;flex-direction:column;gap:.75rem;padding-left:.5rem;border-left:2px solid var(--color-border)}.fading-presets{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.preset-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary)}.preset-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.custom-fade{display:flex;gap:.5rem;align-items:center}.custom-amount{width:80px;padding:.5rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;font-family:var(--font-family);transition:border-color .2s ease}.custom-amount:focus{outline:none;border-color:var(--color-primary)}.custom-amount:disabled{opacity:.5;cursor:not-allowed}.custom-unit{padding:.5rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:border-color .2s ease}.custom-unit:focus{outline:none;border-color:var(--color-primary)}.custom-unit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.fading-toggle{flex-direction:column;align-items:flex-start;gap:.5rem}.fading-presets{width:100%}.preset-btn{flex:1;min-width:70px}.custom-fade{width:100%}.custom-amount,.custom-unit{flex:1}}.fade-time-warning{margin-top:.75rem;padding:.75rem;background-color:#ffab001a;border:1px solid rgba(255,171,0,.3);border-radius:6px;font-size:.85rem;color:#d97706;line-height:1.5}[data-theme=dark] .fade-time-warning{background-color:#ffab0026;color:#fbbf24}.edit-repost-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-repost-modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem}.edit-repost-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.edit-repost-form{display:flex;flex-direction:column;gap:2rem}.form-section label{font-weight:500;font-size:.95rem;color:var(--color-text)}.section-description{font-size:.85rem;color:var(--color-text-secondary);margin:-.5rem 0 0}.ring-option{display:flex;align-items:center;gap:1rem;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-background);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.ring-option:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-surface-hover)}.ring-option.selected{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.ring-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.ring-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.ring-name{font-weight:500;color:var(--color-text);font-size:.95rem}.selected-ring-summary{padding:.75rem;background-color:var(--color-surface-hover);border-radius:8px;font-size:.9rem;color:var(--color-text-secondary);margin-top:.5rem}.selected-ring-summary strong{color:var(--color-text)}.fade-warning{padding:.75rem;background-color:#ffab001a;border:1px solid rgba(255,171,0,.3);border-radius:8px;font-size:.85rem;color:var(--color-warning);margin-top:.5rem}.repost-preview{padding:1rem;background-color:var(--color-surface-hover);border-radius:8px;margin:1rem 0}.preview-content{color:var(--color-text);font-size:.95rem;line-height:1.6;padding:.75rem;background-color:var(--color-background);border-radius:6px;border-left:3px solid var(--color-primary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.modal-actions .btn{padding:.75rem 1.5rem;font-size:.95rem}.modal-error{padding:.75rem 1rem;background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:var(--color-error);font-size:.9rem;margin-bottom:1rem}.ground-selection{display:flex;flex-direction:column;gap:.75rem}.ground-checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.ground-checkbox-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.ground-checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.ground-checkbox-label{font-weight:500;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.loading-grounds,.no-grounds-message{padding:1rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.image-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;animation:lightboxFadeIn .2s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-overlay{position:absolute;inset:0;background-color:#000000f2;z-index:-1}.lightbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;border:none;background-color:#ffffff1a;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.lightbox-close:hover{background-color:#fff3}.lightbox-counter{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);background-color:#00000080;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;z-index:10}.lightbox-image-container{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;animation:imageZoomIn .2s ease}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:none;background-color:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.lightbox-nav:hover{background-color:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-nav svg{stroke:currentColor}@media(max-width:768px){.lightbox-close{top:.5rem;right:.5rem;width:40px;height:40px;font-size:2rem}.lightbox-counter{top:.75rem;font-size:.85rem;padding:.4rem .8rem}.lightbox-image-container{max-width:95vw;max-height:85vh}.lightbox-image{max-height:85vh}.lightbox-nav{width:48px;height:48px}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-nav svg{width:24px;height:24px}}@media(max-width:480px){.lightbox-nav{width:40px;height:40px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}.share-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.share-modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem}.share-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.share-modal .modal-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.close-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:transparent;color:var(--color-text-secondary);font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background-color:var(--color-background);color:var(--color-text)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.repost-preview{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.repost-from{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:.75rem}.repost-from strong{color:var(--color-primary);font-weight:500}.preview-content{color:var(--color-text);font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.share-form{display:flex;flex-direction:column;gap:1.5rem}.share-form .form-section{display:flex;flex-direction:column;gap:.75rem}.share-form .form-section label{font-weight:500;color:var(--color-text);font-size:1rem}.share-form .section-description{font-size:.9rem;color:var(--color-text-secondary);margin-top:-.5rem}.share-form .ring-selector{display:flex;flex-direction:column;gap:.5rem}.share-form .ring-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.share-form .ring-option:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.share-form .ring-option.selected{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #4a8f6a1a}.share-form .ring-option:disabled{opacity:.6;cursor:not-allowed}.share-form .ring-visual{flex-shrink:0}.share-form .ring-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.share-form .ring-info{flex:1}.share-form .ring-name{font-weight:500;font-size:.95rem;color:var(--color-text);margin-bottom:.15rem}.share-form .ring-description{font-size:.8rem;color:var(--color-text-secondary)}.share-form .selected-indicator{color:var(--color-primary);font-size:1.25rem;font-weight:700;flex-shrink:0}.share-form .selected-ring-summary{padding:.75rem;background-color:var(--color-background);border-radius:6px;font-size:.85rem;color:var(--color-text)}.share-form .selected-ring-summary strong{color:var(--color-primary)}.fade-warning{font-size:.85rem;color:var(--color-warning);padding:.5rem .75rem;background-color:#d146000d;border:1px solid var(--color-warning);border-radius:6px;margin-top:.5rem}.share-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.share-form .form-actions .btn{min-width:120px}.share-form .error-message{padding:.75rem;background-color:#d146001a;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.9rem}@media(max-width:768px){.share-modal{max-width:100%;width:100%;margin:0;border-radius:0;max-height:100vh}.share-form .ring-circle{width:32px;height:32px;font-size:.9rem}.share-form .ring-name{font-size:.9rem}.share-form .ring-description{font-size:.75rem}.share-form .form-actions{flex-direction:column-reverse}.share-form .form-actions .btn{width:100%}}.comment-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:.95rem;line-height:1.5;resize:vertical;min-height:80px;transition:border-color .2s ease}.comment-textarea:focus{outline:none;border-color:var(--color-primary)}.comment-textarea:disabled{opacity:.6;cursor:not-allowed}.comment-textarea::placeholder{color:var(--color-text-secondary)}.character-count{font-size:.8rem;color:var(--color-text-secondary);text-align:right;margin-top:.25rem}.post-card{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.repost-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 0 .5rem;font-size:.85rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:1rem}.repost-header svg{color:var(--color-primary);flex-shrink:0}.repost-header .reposter-link,.repost-header .original-author-link{color:var(--color-text);font-weight:500;text-decoration:none;transition:color .2s ease}.repost-header .reposter-link:hover,.repost-header .original-author-link:hover{color:var(--color-primary)}.repost-header .repost-text{color:var(--color-text-secondary)}.repost-header .repost-time{color:var(--color-text-secondary);font-size:.8rem}.post-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.post-votes-header{display:flex;align-items:center;gap:.25rem}.post-votes-header .vote-btn{width:32px;height:32px;border-radius:6px;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.post-votes-header .vote-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.post-votes-header .vote-btn.active{background-color:var(--color-primary);color:#fff}.post-votes-header .vote-btn:disabled{opacity:.5;cursor:not-allowed}.post-votes-header .vote-score{font-weight:600;font-size:1rem;color:var(--color-text);min-width:28px;text-align:center}.post-votes-header .vote-score.positive{color:var(--color-primary)}.post-votes-header .vote-score.negative{color:var(--color-warning)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-author{display:flex;gap:.75rem;text-decoration:none;flex-shrink:0}.post-author:hover .post-author-name{color:var(--color-primary)}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.post-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.post-author-info{flex:1;min-width:0}.post-author-name{font-weight:500;color:var(--color-text);margin-bottom:.25rem}.post-meta{font-size:.85rem;color:var(--color-text-secondary);display:flex;gap:.5rem;align-items:center}.post-username,.post-separator,.post-time{color:var(--color-text-secondary)}.post-edited{color:var(--color-text-secondary);font-style:italic;font-size:.85rem;cursor:help}.post-fading{color:var(--color-text-secondary);font-size:.85rem;cursor:help;display:inline-flex;align-items:center;gap:.25rem}.post-fading svg{color:var(--color-primary)}.ground-stat-wrapper{display:inline-flex;align-items:center;gap:.35rem}.ground-name.aggregate{font-style:italic;opacity:.9}.fading-indicator{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.85rem;white-space:nowrap}.post-actions{flex-shrink:0;display:flex;gap:.25rem}.post-edit-btn,.post-delete-btn{width:28px;height:28px;border-radius:50%;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.post-edit-btn{font-size:0}.post-edit-btn svg{stroke:currentColor}.post-delete-btn{font-size:1.5rem}.post-edit-btn:hover{background-color:var(--color-background);color:var(--color-primary)}.post-delete-btn:hover{background-color:var(--color-background);color:var(--color-warning)}.post-edit-btn:disabled,.post-delete-btn:disabled{opacity:.5;cursor:not-allowed}.post-ring-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem}.ring-badge-small{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.ring-label{color:var(--color-text-secondary);font-weight:500}.post-location{color:var(--color-text-secondary)}.post-content{color:var(--color-text);line-height:1.6;margin-bottom:1rem;white-space:pre-wrap;word-wrap:break-word}.post-title{font-size:2rem;font-weight:600;color:var(--color-text);margin:0 0 1.5rem;line-height:1.3}.post-images{margin-bottom:1rem;border-radius:12px;overflow:hidden;display:grid;gap:4px}.post-images-1{grid-template-columns:1fr}.post-images-1 .post-image{max-height:600px;width:100%;object-fit:contain;background-color:var(--color-background)}.post-images-2{grid-template-columns:repeat(2,1fr)}.post-images-2 .post-image{width:100%;height:100%;min-height:200px;max-height:400px;object-fit:cover}.post-images-3{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.post-images-3 .post-image:first-child{grid-column:1;grid-row:1 / 3;min-height:300px;max-height:500px;object-fit:cover}.post-images-3 .post-image:not(:first-child){min-height:150px;max-height:250px;object-fit:cover}.post-images-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.post-images-4 .post-image{width:100%;height:100%;min-height:200px;max-height:300px;object-fit:cover}.post-image{width:100%;display:block;background-color:var(--color-background)}.post-engagement{display:flex;gap:1.5rem;align-items:center;padding-top:.75rem;border-top:1px solid var(--color-border)}.post-votes{display:flex;align-items:center;gap:.25rem}.vote-btn{width:28px;height:28px;border-radius:6px;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vote-btn:hover{background-color:var(--color-background);color:var(--color-primary)}.vote-btn.active{background-color:var(--color-primary);color:#fff}.vote-score{font-weight:600;font-size:.95rem;color:var(--color-text);min-width:24px;text-align:center}.vote-score.negative{color:var(--color-warning)}.post-share-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;border:none;background-color:transparent;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.post-share-btn:hover{background-color:var(--color-background);color:var(--color-primary)}.post-share-btn svg{stroke:currentColor}.post-share-btn:disabled{opacity:.5;cursor:not-allowed}.post-share-btn:disabled:hover{background-color:transparent;color:var(--color-text-secondary)}.delete-confirm-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;max-width:400px;width:90%;text-align:center}.delete-confirm-content p{font-size:1.1rem;color:var(--color-text);margin-bottom:1.5rem}.delete-confirm-actions{display:flex;gap:1rem;justify-content:center}.btn-cancel,.btn-delete{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:var(--font-family)}.btn-cancel{background-color:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border)}.btn-cancel:hover{background-color:var(--color-background)}.btn-delete{background-color:var(--color-warning);color:#fff;border:2px solid var(--color-warning)}.btn-delete:hover{opacity:.9}.btn-delete:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.post-card{padding:1rem}.post-engagement{flex-wrap:wrap;gap:1rem}.post-share-btn span{display:none}.delete-confirm-content{padding:1.5rem}.delete-confirm-actions{flex-direction:column}.btn-cancel,.btn-delete{width:100%}.post-images-1 .post-image{max-height:400px}.post-images-2 .post-image{max-height:250px}.post-images-3 .post-image:first-child{max-height:350px}.post-images-3 .post-image:not(:first-child){max-height:175px}.post-images-4 .post-image{max-height:200px}}.repost-comment-section{padding:1rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.repost-comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.comment-author{display:flex;align-items:center;gap:.75rem;text-decoration:none;width:fit-content}.comment-author-info{display:flex;align-items:center;gap:.5rem}.comment-author-username{font-size:.85rem;color:var(--color-text-secondary)}.repost-comment-text{color:var(--color-text);font-size:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;padding-left:2.5rem}.post-share-btn.shared{color:var(--color-primary);font-weight:500}.post-share-btn.shared:hover{background-color:transparent;color:var(--color-primary);cursor:default}.repost-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.repost-header-content{display:flex;align-items:center;gap:.5rem;flex:1}.repost-actions{display:flex;gap:.5rem;align-items:center}.repost-actions .post-action-btn{padding:.5rem;width:36px;height:36px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.repost-actions .post-action-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.repost-actions .post-delete-btn:hover{color:var(--color-error);background-color:#dc26261a}.post-condensed{transition:background-color .2s ease,box-shadow .2s ease}.post-condensed:hover{background-color:var(--color-surface-hover);box-shadow:0 2px 8px #00000014}.post-card .post-votes{display:flex;align-items:center;gap:.25rem!important}.post-card .vote-btn{padding:.25rem .35rem!important}.post-card .vote-score{min-width:2rem;text-align:center;font-weight:500;font-size:.95rem;margin:0!important;padding:0!important}.post-comment-count{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.95rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease}.post-comment-count:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.post-comment-count svg{color:var(--color-text-secondary)}.post-comment-count span{font-weight:500}.post-actions .post-fading{display:flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.85rem;padding:.5rem .75rem;border-radius:6px;background-color:transparent}.post-actions .post-fading svg{color:var(--color-primary)}.post-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);gap:1rem;cursor:pointer;transition:background-color .15s ease;margin:0 -1.5rem;padding:.75rem 1.5rem .5rem;border-radius:0 0 12px 12px}.post-actions:hover{background-color:var(--color-surface-hover)}.post-actions-left{display:flex;align-items:center;gap:1rem;flex-shrink:0}.post-actions-menu{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.post-actions-menu .post-action-btn{padding:.5rem;width:36px;height:36px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.post-actions-menu .post-action-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.post-actions-menu .post-delete-btn:hover{color:var(--color-error);background-color:#dc26261a}.post-ring-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0}.post-link-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;border-radius:6px;transition:all .2s ease;text-decoration:none}.post-link-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.post-link-btn svg{flex-shrink:0}.post-link-btn span{font-family:var(--font-family)}.post-link-preview{margin-top:.75rem}.link-preview-title{font-weight:600;font-size:1.1rem;color:var(--color-text);margin-bottom:.5rem}.post-link-card{display:block;padding:1rem;border:2px solid var(--color-border);border-radius:12px;background-color:var(--color-surface-hover);text-decoration:none;transition:all .2s ease}.post-link-card:hover{border-color:var(--color-primary);background-color:var(--color-background);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.link-card-image{width:100%;height:200px;overflow:hidden;border-radius:8px 8px 0 0;background-color:var(--color-background)}.link-card-image img{width:100%;height:100%;object-fit:cover}.link-card-content{display:flex;gap:1rem;align-items:center}.link-card-icon{font-size:2rem;flex-shrink:0}.link-card-text{flex:1;min-width:0}.link-card-url{font-size:.9rem;color:var(--color-text-secondary);word-break:break-all}@media(prefers-color-scheme:dark){.post-link-card:hover{box-shadow:0 4px 12px #ffffff0d}}.post-video{position:relative;width:100%;border-radius:8px;overflow:hidden;background-color:#000;margin-top:1rem}.post-video-player{width:100%;max-height:600px;display:block}.video-duration-badge{position:absolute;bottom:12px;right:12px;background-color:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500;pointer-events:none}.post-video-player::-webkit-media-controls-panel{background-color:#000c}@media(max-width:768px){.post-video-player{max-height:400px}}.feed-container{max-width:700px;margin:0 auto;padding:2rem}.feed-header{margin-bottom:2rem}.feed-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.feed-subtitle{font-size:1rem;color:var(--color-text-secondary)}.ring-filter-buttons{display:flex;gap:.75rem;margin-bottom:.75rem}.ring-filter-btn{width:40px;height:40px;border-radius:50%;border:2px solid;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-family)}.ring-filter-btn:hover{transform:scale(1.1)}.ring-filter-description{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.feed-posts{display:flex;flex-direction:column;gap:0}@media(max-width:768px){.feed-container{padding:1.5rem 1rem}.feed-header h1{font-size:1.75rem}.ring-filter{padding:1rem}.ring-filter-buttons{gap:.5rem}.ring-filter-btn{width:36px;height:36px;font-size:.9rem}.feed-empty{padding:3rem 1.5rem}.empty-icon{width:60px;height:60px}.empty-icon svg{width:48px;height:48px}.feed-empty h3{font-size:1.25rem}.feed-empty p{font-size:.95rem}}.home-page{min-height:calc(100vh - 73px);background-color:var(--color-background)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--color-background)}.auth-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:3rem;width:100%;max-width:450px;box-shadow:0 4px 6px #0000000d}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:400;color:var(--color-text);margin:0 0 .5rem}.auth-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;background-color:#faf8f3!important;color:var(--color-text);transition:border-color .3s ease,box-shadow .3s ease}html[data-theme=dark] .form-group input{background-color:#242424!important}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f5f451a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.field-hint{font-size:.85rem;color:var(--color-text-secondary)}.error-message{padding:.75rem 1rem;background-color:#d146001a;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.9rem}.terms-agreement{font-size:.85rem;color:var(--color-text-secondary);text-align:center;line-height:1.5}.terms-agreement p{margin:0}.btn-full{width:100%;padding:.875rem;font-size:1rem}.auth-footer{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.auth-footer p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}}.ground-post-card{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .75rem .75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;cursor:pointer;transition:all .15s ease;height:116px;position:relative}.ground-post-card:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.ground-post-card:last-child{border-bottom:1px solid var(--color-border);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ground-post-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.ground-post-card:hover+.ground-post-card{border-top-color:var(--color-primary)}.card-vote-section{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:40px;flex-shrink:0;margin-top:.5rem}.vote-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.vote-btn:hover{color:var(--color-primary);transform:scale(1.2)}.vote-btn.upvote.active{color:var(--color-primary)}.vote-btn.downvote.active{color:var(--color-warning)}.vote-count{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:30px;text-align:center}.card-thumbnail{width:100px;height:100px;flex-shrink:0;border-radius:6px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);align-self:flex-start}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.card-thumbnail-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.card-thumbnail-icon svg{opacity:.5}.card-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:0;position:relative;margin-top:.25rem}.card-ring-badge{position:absolute;top:0;right:.625rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0}.card-title{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-title{color:var(--color-primary);text-decoration:none;transition:color .15s ease}.link-title:hover{text-decoration:underline}.link-domain{font-size:.85rem;color:var(--color-text-secondary);font-weight:400;margin-left:.5rem}.card-meta{font-size:.85rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:-.5rem}.card-meta a{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .15s ease}.card-meta a:hover{color:var(--color-primary);text-decoration:underline}.meta-separator{color:var(--color-text-secondary);margin:0 .25rem}.time-ago{color:var(--color-text-secondary)}.repost-badge{display:flex;align-items:center;gap:.35rem;color:var(--color-primary);font-weight:500}.repost-badge svg{flex-shrink:0}.card-preview{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repost-comment{font-size:.9rem;color:var(--color-text-secondary);line-height:1.2;margin:.5rem 0 0;padding:.25rem .5rem;background-color:var(--color-background);border-left:2px solid var(--color-primary);border-radius:4px}.repost-comment.has-actions{padding-right:4.5rem}.ground-stat-wrapper{display:inline-flex;align-items:center;gap:.5rem}.ground-stat-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease}.ground-stat-btn:hover{color:var(--color-primary)}.ground-stat-btn:hover .ground-name{text-decoration:underline}.ground-stat-btn.aggregate .ground-name{font-style:italic;opacity:.9}.ground-name{font-weight:500;color:var(--color-text)}.ground-votes{color:var(--color-primary);font-weight:500;margin-right:.4rem}.ground-comments{display:inline-flex;align-items:center;gap:.15rem;color:var(--color-text-secondary)}.ground-comments svg{vertical-align:middle}.share-btn-inline{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;font-size:.85rem;transition:color .15s ease}.share-btn-inline:hover:not(:disabled){color:var(--color-primary);text-decoration:underline}.share-btn-inline.shared{color:var(--color-primary)}.share-btn-inline:disabled{opacity:.5;cursor:not-allowed}.fading-indicator{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-secondary);font-size:.85rem}.fading-indicator svg{color:var(--color-primary);flex-shrink:0}.card-actions{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.action-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text)}.action-btn svg{flex-shrink:0}.reposted-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-primary);font-weight:500}@media(max-width:768px){.ground-post-card{padding:.5rem;gap:.5rem}.card-vote-section{min-width:32px}.vote-btn{font-size:1rem}.vote-count{font-size:.8rem}.card-thumbnail{width:80px;height:80px}.card-title{font-size:1rem}.card-meta{font-size:.8rem}.card-preview{font-size:.9rem;-webkit-line-clamp:1}.card-actions{gap:.5rem}.action-btn{padding:.25rem .5rem;font-size:.8rem}}.comment-btn-inline{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:0;font-size:.85rem;transition:color .15s ease}.comment-btn-inline:hover{color:var(--color-primary)}.comment-btn-inline svg{width:14px;height:14px}.card-owner-actions{position:absolute;bottom:.12rem;right:.75rem;display:flex;gap:.5rem}.owner-action-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.owner-action-btn:hover{background-color:var(--color-background)}.owner-action-btn.edit-btn:hover{color:var(--color-primary)}.owner-action-btn.delete-btn:hover{color:var(--color-error)}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.delete-modal-content{background-color:var(--color-background);padding:2rem;border-radius:12px;box-shadow:0 4px 24px #0003;max-width:400px;width:90%}.delete-modal-content h3{margin:0 0 1rem;color:var(--color-text)}.delete-modal-content p{margin:0 0 1.5rem;color:var(--color-text-secondary)}.delete-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-delete{padding:.5rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .15s ease}.user-posts-container{width:100%;margin:0;padding:0}.ring-filter{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.ring-filter label{font-size:.9rem;font-weight:500;color:var(--color-text);margin-bottom:.75rem;display:block}.ring-filter-buttons{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.ring-filter-btn{min-width:40px;height:40px;border-radius:20px;border:2px solid;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);padding:0 .75rem}.ring-filter-btn:hover{transform:scale(1.05)}.ring-filter-description{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:0}.viewing-info{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem}.viewing-info p{font-size:.9rem;color:var(--color-text-secondary);font-style:italic;margin:0}.user-posts-loading{text-align:center;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.user-posts-loading p{color:var(--color-text-secondary);margin:0}.user-posts-error{text-align:center;padding:3rem 2rem;background-color:#d146000d;border:1px solid var(--color-warning);border-radius:12px}.user-posts-error p{color:var(--color-warning);margin-bottom:1rem}.user-posts-empty{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:4rem 2rem;text-align:center}.user-posts-empty h3{font-size:1.5rem;font-weight:500;color:var(--color-text);margin-bottom:.75rem}.user-posts-empty p{font-size:1rem;color:var(--color-text-secondary);max-width:400px;margin:0 auto;line-height:1.6}.user-posts-list{display:flex;flex-direction:column;gap:0}.user-posts-list.profile-cards-list{gap:1rem}.user-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;margin-top:1rem;padding:0}.grid-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;background-color:var(--color-surface-hover);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.grid-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026;z-index:1}.grid-image{width:100%;height:100%;object-fit:cover}.grid-caption{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:.85rem;line-height:1.3;opacity:0;transition:opacity .2s ease}.grid-item:hover .grid-caption{opacity:1}@media(max-width:1024px){.user-posts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.user-posts-container{padding:0}.user-posts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.25rem}.grid-caption{font-size:.75rem;padding:.5rem}.ring-filter{padding:1rem}.ring-filter-buttons{gap:.5rem}.ring-filter-btn{min-width:36px;height:36px;font-size:.8rem;padding:0 .5rem}.viewing-info{padding:.75rem 1rem}.user-posts-empty{padding:3rem 1.5rem}.empty-icon{width:60px;height:60px}.empty-icon svg{width:48px;height:48px}.user-posts-empty h3{font-size:1.25rem}.user-posts-empty p{font-size:.95rem}}@media(max-width:480px){.user-posts-grid{grid-template-columns:repeat(3,1fr)}}.user-comments-container{width:100%}.comments-filters{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.search-input,.filter-select{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-size:.95rem;font-family:inherit;transition:all .2s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-surface)}.filter-select{cursor:pointer}.filter-results{display:flex;align-items:center;font-size:.9rem;color:var(--color-text-secondary);white-space:nowrap;padding-top:1.6rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease}.comment-item:hover{background-color:var(--color-surface-hover);box-shadow:0 2px 8px #0000001a}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comment-date{font-size:.85rem;color:var(--color-text-secondary)}.comment-grounds{display:flex;gap:.5rem;flex-wrap:wrap}.ground-tag{padding:.25rem .75rem;background-color:var(--color-primary);color:#fff;border-radius:12px;font-size:.8rem;font-weight:500}.comment-content{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:.75rem}.comment-post-context{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.9rem}.context-label{color:var(--color-text-secondary);flex-shrink:0}.context-preview{color:var(--color-text-secondary);font-style:italic}.user-comments-loading,.user-comments-error,.user-comments-empty{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.user-comments-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.user-comments-loading p{color:var(--color-text-secondary)}.user-comments-error{background-color:#d146000d;border-color:var(--color-warning)}.user-comments-error p{color:var(--color-warning)}.user-comments-empty p{color:var(--color-text-secondary);font-size:1.1rem}@media(max-width:768px){.comments-filters{grid-template-columns:1fr;gap:1rem}.filter-results{padding-top:0}}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;align-items:flex-start;gap:1.5rem;position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:48px;font-weight:500;color:var(--color-background)}.profile-info{flex:1}.profile-name{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.profile-username{font-size:1.1rem;color:var(--color-text-secondary);margin:0}.profile-header .btn-small{position:absolute;top:0;right:0}.profile-bio{margin-top:1rem}.profile-bio p{color:var(--color-text);line-height:1.6;margin:0;white-space:pre-wrap}.profile-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);justify-content:space-between;width:100%}.tab{padding:1rem 1.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;font-family:var(--font-family);display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.tab svg{width:20px;height:20px;stroke:currentColor}.tab:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-primary)}.about-content{width:100%;margin:0}.about-content .card{background-color:var(--color-surface-hover)}.about-content h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.profile-meta{display:flex;flex-direction:column;gap:1rem}.meta-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.meta-item:last-child{border-bottom:none;padding-bottom:0}.meta-label{font-weight:500;color:var(--color-text-secondary);font-size:.95rem}.meta-text{color:var(--color-text);font-size:.95rem;text-align:right}.meta-link{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.meta-link:hover{color:var(--color-primary-hover);text-decoration:underline}.private-notice{text-align:center;padding:2rem;margin-top:1.5rem;border-top:1px solid var(--color-border)}.private-notice p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.error-card{text-align:center;padding:3rem}.error-card h2{color:var(--color-text);margin:0 0 1.5rem}.profile-container .card{background-color:var(--color-background)}.edit-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.edit-profile-header .card-title{margin:0}.edit-profile-form{display:flex;flex-direction:column;gap:2rem}.edit-profile-form textarea{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;background-color:#faf8f3!important;color:var(--color-text);transition:border-color .3s ease,box-shadow .3s ease;resize:vertical;min-height:100px}html[data-theme=dark] .edit-profile-form textarea{background-color:#242424!important}.edit-profile-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f5f451a}.char-count{float:right;font-size:.85rem;color:var(--color-text-secondary);font-weight:400}.form-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.form-section h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.section-description{color:var(--color-text-secondary);font-size:.9rem;margin:-.5rem 0 0}.form-group-with-privacy{display:flex;gap:1rem;align-items:flex-start}.form-group-with-privacy .form-group{flex:1;margin:0}.privacy-control{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.privacy-control label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.ring-select-compact{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;font-family:var(--font-family);font-variant-numeric:tabular-nums;background-color:#faf8f3!important;color:var(--color-text);transition:border-color .3s ease;cursor:pointer}html[data-theme=dark] .ring-select-compact{background-color:#242424!important}.ring-select-compact:focus{outline:none;border-color:var(--color-primary)}.privacy-info{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.info-text{color:var(--color-text-secondary);font-size:.9rem;margin:0}.info-text strong{color:var(--color-text)}.ring-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:var(--font-family);font-variant-numeric:tabular-nums;background-color:#faf8f3!important;color:var(--color-text);transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}html[data-theme=dark] .ring-select{background-color:#242424!important}.ring-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f5f451a}.ring-select:disabled,.ring-select-compact:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:1rem;padding-top:1rem}.success-message{padding:.75rem 1rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.9rem}@media(max-width:768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px}.avatar-placeholder{font-size:40px}.profile-name{font-size:1.5rem}.profile-header .btn-small{position:static;width:100%;margin-top:1rem}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:.75rem 1.5rem;white-space:nowrap}.meta-item{flex-direction:column;align-items:flex-start;gap:.5rem}.meta-text{text-align:left}.edit-profile-header{flex-direction:column;gap:1rem;align-items:stretch}.form-group-with-privacy{flex-direction:column}.privacy-control{width:100%;min-width:auto}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.ring-dropdown-custom{position:relative;width:100%}.ring-dropdown-custom.disabled{opacity:.6;pointer-events:none}.ring-dropdown-trigger{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.ring-dropdown-trigger:hover{border-color:var(--color-primary)}.ring-dropdown-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a8f6a1a}.ring-dropdown-value{display:flex;align-items:center;gap:.5rem}.ring-dropdown-arrow{color:var(--color-text-secondary);font-size:.8rem;transition:transform .2s ease}.ring-dropdown-custom:has(.ring-dropdown-menu) .ring-dropdown-arrow{transform:rotate(180deg)}.ring-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ring-dropdown-option{padding:.625rem .75rem;display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:background-color .15s ease}.ring-dropdown-option:hover,.ring-dropdown-option.selected{background-color:var(--color-surface-hover)}.ring-dropdown-option.selected:after{content:"✓";margin-left:auto;color:var(--color-primary);font-weight:600;font-size:.85rem}.ring-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ring-option-text{display:flex;flex-direction:column;gap:.125rem}.ring-option-label{font-size:.9rem;color:var(--color-text);font-weight:500}.ring-option-desc{font-size:.8rem;color:var(--color-text-secondary)}.ring-dropdown-full .ring-dropdown-trigger{padding:.75rem 1rem;font-size:1rem}.ring-dropdown-full .ring-dot{width:14px;height:14px}.ring-dropdown-full .ring-option-label{font-size:1rem}.ring-dropdown-full .ring-option-desc{font-size:.85rem}@media(max-width:768px){.ring-dropdown-menu{max-height:280px;overflow-y:auto}.ring-dropdown-option{padding:.75rem}}.rings-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;transition:margin-right .3s ease}.rings-container.with-panel{margin-right:400px}.rings-content{width:100%}.rings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.rings-header h1{font-size:2rem;font-weight:400;color:var(--color-text);margin:0 0 .5rem}.subtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.pending-section{margin-bottom:3rem}.pending-section h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.pending-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 1.5rem}.section-divider{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:3rem 0 1.5rem}.message-cell{color:var(--color-text-secondary);font-style:italic;max-width:200px}.no-message{opacity:.5}.request-actions{display:flex;gap:.5rem;align-items:center}.ring-badge.static{cursor:default}.add-to-ring-select{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.9rem;cursor:pointer;min-width:160px}.add-to-ring-select:focus{outline:none;border-color:var(--color-primary)}.deny-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:var(--color-text-secondary);transition:all .3s ease;flex-shrink:0}.deny-btn:hover{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-background)}.approve-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;font-weight:700;color:var(--color-text-secondary);transition:all .3s ease;flex-shrink:0}.approve-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.approve-ring-select{padding:.5rem;border:1px solid var(--color-primary);border-radius:6px;background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer;min-width:160px}.approve-ring-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a8f6a33}.connect-card{background-color:#f5f1e8;border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.connect-card h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}html[data-theme=dark] .connect-card{background-color:var(--color-surface)}.search-section{display:flex;flex-direction:column;gap:1rem}.search-loading{text-align:center;padding:1rem;color:var(--color-text-secondary);font-style:italic}.search-results{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface)}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border);background-color:#f5f1e8}html[data-theme=dark] .search-result-item{background-color:var(--color-background)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--color-surface-hover)}.result-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;flex-shrink:0}.result-avatar img{width:100%;height:100%;object-fit:cover}.result-info{flex:1;min-width:0}.result-name{font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-username{color:var(--color-text-secondary);font-size:.9rem}.no-results{text-align:center;padding:2rem;color:var(--color-text-secondary);font-style:italic}.action-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back-btn{background:none;border:none;color:var(--color-primary);font-size:1rem;cursor:pointer;padding:.5rem;transition:color .2s ease;font-family:var(--font-family)}.back-btn:hover{color:var(--color-primary-hover)}.action-header h2{margin:0;font-size:1.25rem}.action-type-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.action-type-btn{flex:1;padding:.75rem 1rem;border:2px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-family);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.action-type-btn.active{background-color:#faf8f3;border-color:var(--color-primary);color:var(--color-text)}html[data-theme=dark] .action-type-btn.active{background-color:var(--color-surface)}.action-content{display:flex;flex-direction:column;gap:1.5rem}.action-description{color:var(--color-text-secondary);font-size:.95rem;margin:0;line-height:1.5}.existing-ring-notice{color:var(--color-primary);font-weight:500;background-color:#2f5f451a;padding:1rem;border-radius:8px;border:1px solid var(--color-primary)}.btn-full{width:100%}.form-group label{font-weight:500;color:var(--color-text)}.form-group input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;background-color:var(--color-background);color:var(--color-text);transition:border-color .3s ease}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.form-actions .btn{flex:1}.ring-selector{display:flex;flex-direction:column;gap:.5rem}.ring-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.ring-number{font-size:1rem;font-weight:600;color:var(--color-text);min-width:20px;text-align:center}.ring-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.ring-option:hover{border-color:var(--color-primary);transform:translateY(-1px)}.ring-option.selected{background-color:#2f5f451a;border-color:var(--color-primary)}.ring-option-text{display:flex;flex-direction:column;gap:.25rem}.ring-option-text strong{color:var(--color-text);font-size:.95rem}.success-message{padding:.75rem 1rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.95rem}.error-message{padding:.75rem 1rem;background-color:#d146001a;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.95rem}.contacts-table{width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden}.contacts-table thead{background-color:var(--color-background)}.contacts-table th{padding:1rem;text-align:left;font-weight:500;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:.9rem}.contacts-table th:first-child{text-align:center}.contacts-table tbody tr{background-color:var(--color-background);transition:background-color .2s ease}.contacts-table tbody tr.clickable-row{cursor:pointer;-webkit-user-select:none;user-select:none}.contacts-table tbody tr.clickable-row:hover{background-color:var(--color-surface-hover)}.pending-request-row{background-color:var(--color-surface)!important}.pending-request-row:hover{background-color:var(--color-surface-hover)!important}.pending-triangle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-warning);cursor:default;margin:0 auto}.contacts-table td{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.contacts-table tbody tr:last-child td{border-bottom:none}.ring-cell{width:80px;text-align:center}.ring-badge{width:32px;height:32px;border-radius:50%;border:none;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.ring-badge:hover{transform:scale(1.1);opacity:.9}.ring-icon-button{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center}.ring-icon-button:hover{transform:scale(1.1);opacity:.8}.ring-dropdown-inline{width:50px;padding:.5rem;border:2px solid var(--color-primary);border-radius:6px;font-size:1rem;font-weight:600;background-color:var(--color-background);color:var(--color-text);cursor:pointer;text-align:center}.ring-dropdown-inline:focus{outline:none}.name-cell{font-weight:500}.username-cell{color:var(--color-text-secondary)}.actions-cell{width:80px;text-align:center}.remove-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:var(--color-text-secondary);transition:all .3s ease}.remove-btn:hover{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-background)}.profile-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:var(--color-surface-hover);border-left:1px solid var(--color-border);overflow-y:auto;z-index:1000;transition:right .3s ease;box-shadow:-4px 0 12px #0000001a;pointer-events:auto}.profile-panel.open{right:0}.profile-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:999;opacity:0;animation:fadeIn .3s forwards;pointer-events:auto}.profile-panel-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.request-message-section{background-color:var(--color-background);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:8px;padding:1rem}.request-message-label{font-size:.85rem;font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.request-message-text{color:var(--color-text);font-size:1rem;line-height:1.6;font-style:italic}.profile-panel-loading{padding:2rem;text-align:center;color:var(--color-text-secondary)}.profile-panel-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;background-color:var(--color-background);border:3px solid var(--color-border);margin:0 auto;flex-shrink:0}.profile-panel-avatar img{width:100%;height:100%;object-fit:cover}.profile-panel-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-background);font-size:60px;font-weight:500}.profile-panel-name{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0;text-align:center}.profile-panel-username{color:var(--color-text-secondary);font-size:1.1rem;margin:-.5rem 0 0;text-align:center}.profile-panel-section{padding-top:1rem;border-top:1px solid var(--color-border)}.profile-panel-bio{color:var(--color-text);line-height:1.6;margin:0;white-space:pre-wrap}.profile-panel-details{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.profile-panel-detail{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.detail-value{color:var(--color-text);font-size:1rem}.detail-link{color:var(--color-primary);text-decoration:none;font-size:1rem;transition:color .2s ease}.detail-link:hover{color:var(--color-primary-hover);text-decoration:underline}.empty-state{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.empty-state p{color:var(--color-text-secondary);margin:0;font-size:1.1rem}.loading{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:1.1rem}@media(max-width:1024px){.rings-container.with-panel{margin-right:0}.profile-panel{width:100%;right:-100%}.profile-panel.open{right:0}}@media(max-width:768px){.rings-container{padding:1rem}.rings-header{flex-direction:column;gap:1rem}.rings-header .btn{width:100%}.add-user-card,.connect-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.contacts-table{font-size:.9rem}.contacts-table th,.contacts-table td{padding:.75rem .5rem}.ring-badge{width:36px;height:36px;font-size:1rem}.username-cell{font-size:.85rem}.profile-panel{width:100%}.rings-page .profile-panel-avatar{width:120px;height:120px}.rings-page .profile-panel-avatar-placeholder{font-size:48px}.profile-panel-name{font-size:1.5rem}}.approval-form{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.request-back-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text);cursor:pointer;padding:.25rem;-webkit-user-select:none;user-select:none}.request-back-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.request-back-checkbox span{flex:1}.pending-badge.inbound{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto;color:var(--color-warning);transition:color .2s ease;background:none;border:none;padding:0}.pending-badge.inbound svg{width:26px;height:26px;stroke-width:2;fill:none;pointer-events:none}.pending-badge.inbound:hover{color:var(--color-error)}.pending-badge.outbound{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:2px dashed var(--color-text-secondary);color:var(--color-text-secondary);margin:0 auto;transition:all .2s ease}.pending-badge.outbound svg{width:18px;height:18px}.ring-badge.approved{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:600;margin:0 auto}.no-ring{color:var(--color-text-secondary);font-size:1rem;display:block;text-align:center}.contacts-table th:first-child,.contacts-table th:nth-child(2),.contacts-table td:first-child,.contacts-table td:nth-child(2){width:80px;text-align:center}.ring-badge.approved.clickable,.pending-badge.outbound{cursor:pointer}.ring-badge.approved.clickable:hover,.pending-badge.outbound:hover{opacity:.8;transform:scale(1.05)}.clickable-dash{cursor:pointer;transition:all .2s ease}.clickable-dash:hover{color:var(--color-primary);transform:scale(1.2)}.relationship-status-section{margin:1.5rem 0;padding:1rem;background-color:var(--color-surface);border-radius:8px}.inbound-request-banner{background-color:var(--color-warning);color:#fff;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center}.banner-text{font-weight:600;font-size:.9rem}.banner-message{margin-top:.5rem;font-size:.85rem;font-style:italic;opacity:.9}.ring-status-row{display:flex;gap:1rem;justify-content:space-around;align-items:center;margin-bottom:1rem}.ring-status-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ring-status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:600}.ring-status-value{display:flex;align-items:center;justify-content:center;min-height:40px}.no-ring-dash{font-size:1.5rem;color:var(--color-text-secondary)}.request-ring-access-btn{width:100%;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.request-ring-access-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.request-ring-access-btn:active{transform:translateY(0)}.ring-approval-menu-container{position:relative;z-index:1002}.ring-approval-menu{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1002;min-width:160px;pointer-events:auto}.ring-approval-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.ring-approval-option:hover{background-color:var(--color-surface-hover)}.ring-approval-option:first-child{border-radius:8px 8px 0 0}.ring-approval-option:last-child{border-radius:0 0 8px 8px}.ring-option-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0}.ring-option-name{font-size:.9rem;color:var(--color-text)}.ring-approval-option.deny{color:var(--color-error);font-weight:600;border-top:1px solid var(--color-border);justify-content:center}.ring-approval-option.deny:hover{background-color:rgba(var(--color-error-rgb, 220, 38, 38),.1)}.ring-approval-option.remove{color:var(--color-warning);font-weight:600;border-top:1px solid var(--color-border);justify-content:center}.ring-approval-option.remove:hover{background-color:rgba(var(--color-warning-rgb, 198, 123, 92),.1)}.ring-approval-option.selected{background-color:var(--color-surface-hover)}.ring-approval-option.selected:after{content:"✓";margin-left:auto;color:var(--color-primary);font-weight:600}.ring-approval-option.disabled{cursor:default;opacity:.7}.ring-approval-option.disabled:hover{background-color:transparent}.rings-container.with-panel .rings-content{pointer-events:none;-webkit-user-select:none;user-select:none}.rings-container.with-panel .contacts-table{pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:2000;animation:modalFadeIn .2s ease}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2001;animation:modalSlideIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.75rem;min-width:320px;max-width:420px;box-shadow:0 8px 32px #0003}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.modal-message{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal-btn-cancel{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.modal-btn-cancel:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.modal-btn-confirm{color:#fff}.modal-btn-primary{background-color:var(--color-primary)}.modal-btn-primary:hover{background-color:var(--color-primary-hover, #3d7a5a);transform:translateY(-1px)}.modal-btn-warning{background-color:var(--color-warning)}.modal-btn-warning:hover{background-color:var(--color-warning-hover, #b56a4d);transform:translateY(-1px)}.modal-btn-danger{background-color:var(--color-error, #dc2626)}.modal-btn-danger:hover{background-color:var(--color-error-hover, #b91c1c);transform:translateY(-1px)}@media(max-width:480px){.modal-content{min-width:280px;max-width:calc(100vw - 2rem);padding:1.25rem}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%;justify-content:center}}.create-container{max-width:1200px;margin:0 auto;padding:2rem}.create-header{margin-bottom:3rem}.create-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.create-header .subtitle{font-size:1rem;color:var(--color-text-secondary)}.content-types-section{margin-bottom:3rem}.category-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:1rem}.content-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.content-type-card{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:2rem;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;cursor:pointer}.content-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary);background-color:var(--color-surface)}.content-type-card.disabled{opacity:.6;cursor:not-allowed}.content-type-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--color-border)}.content-type-icon{width:64px;height:64px;margin-bottom:1.5rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.content-type-icon svg{width:48px;height:48px;stroke:currentColor}.content-type-title{font-size:1.25rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.content-type-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.coming-soon-badge{position:absolute;top:1rem;right:1rem;background-color:var(--color-accent);color:var(--color-background);font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.create-container{padding:1.5rem 1rem}.create-header h1{font-size:1.75rem}.content-types-grid{grid-template-columns:1fr;gap:1rem}.content-type-card{padding:1.5rem}}.create-post-container{max-width:700px;margin:0 auto;padding:2rem}.create-post-header{margin-bottom:2rem}.create-post-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin-top:1rem}.back-btn{background:none;border:none;color:var(--color-primary);font-size:1rem;cursor:pointer;padding:.5rem 0;transition:opacity .2s ease}.back-btn:hover{opacity:.7}.create-post-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section label{font-weight:500;color:var(--color-text);font-size:1rem}.section-description{font-size:.9rem;color:var(--color-text-secondary);margin-top:-.5rem}.form-section textarea{min-height:200px;resize:vertical;font-family:var(--font-family)}.char-count{font-size:.85rem;color:var(--color-text-secondary);text-align:right}.char-count.warning{color:var(--color-warning);font-weight:500}.ring-selector{display:flex;flex-direction:column;gap:.75rem}.ring-option{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.ring-option:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.ring-option.selected{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #4a8f6a1a}.ring-option:disabled{opacity:.6;cursor:not-allowed}.ring-visual{flex-shrink:0}.ring-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem}.ring-info{flex:1}.ring-name{font-weight:500;font-size:1rem;color:var(--color-text);margin-bottom:.25rem}.ring-description{font-size:.85rem;color:var(--color-text-secondary)}.selected-indicator{color:var(--color-primary);font-size:1.5rem;font-weight:700;flex-shrink:0}.selected-ring-summary{padding:.75rem 1rem;background-color:var(--color-background);border-radius:6px;font-size:.9rem;color:var(--color-text);margin-top:.5rem}.selected-ring-summary strong{color:var(--color-primary)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-description{font-size:.85rem;color:var(--color-text-secondary);margin-top:-.25rem;margin-left:2rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-actions .btn{min-width:120px}.error-message{padding:1rem;background-color:#d146001a;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.95rem}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border)}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;border:none;background-color:#0009;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image-btn:hover{background-color:var(--color-warning);transform:scale(1.1)}.remove-image-btn:disabled{opacity:.5;cursor:not-allowed}.image-picker-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s ease}.image-picker-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.image-picker-btn svg{stroke:var(--color-primary)}.video-preview-container{display:flex;flex-direction:column;gap:1rem}.video-preview{position:relative;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border)}.video-preview-player{width:100%;max-height:400px;display:block}.remove-video-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background-color:#000000b3;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.remove-video-btn:hover{background-color:var(--color-warning);transform:scale(1.1)}.remove-video-btn:disabled{opacity:.5;cursor:not-allowed}.video-info{display:flex;gap:1.5rem;padding:.75rem;background-color:var(--color-surface-hover);border-radius:6px;font-size:.9rem;color:var(--color-text-secondary)}.video-duration,.video-size{display:flex;align-items:center;gap:.5rem}.video-picker-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s ease}.video-picker-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.video-picker-btn svg{stroke:var(--color-primary)}.upload-progress{padding:1rem;background-color:var(--color-surface-hover);border-radius:8px;border:1px solid var(--color-border)}.progress-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease;border-radius:4px}.progress-text{text-align:center;font-size:.9rem;color:var(--color-text-secondary);margin:0}@media(max-width:768px){.create-post-container{padding:1.5rem 1rem}.create-post-header h1{font-size:1.75rem}.ring-circle{width:40px;height:40px;font-size:1.1rem}.ring-name{font-size:.95rem}.ring-description{font-size:.8rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.video-preview-player{max-height:300px}}.attachment-type-selector{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.attachment-type-btn{padding:.5rem 1rem;border:2px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-text);font-family:var(--font-family);font-size:.95rem;cursor:pointer;transition:all .2s ease}.attachment-type-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.attachment-type-btn.active{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.attachment-type-btn:disabled{opacity:.6;cursor:not-allowed}.attachment-content{margin-top:1rem}.attachment-description{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.75rem}.link-input-section{display:flex;flex-direction:column;gap:.75rem}.link-url-input,.link-title-input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;font-family:var(--font-family);font-size:1rem;background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.link-url-input:focus,.link-title-input:focus{outline:none;border-color:var(--color-primary)}.link-url-input::placeholder,.link-title-input::placeholder{color:var(--color-text-secondary);opacity:.7}.link-preview-card{padding:1rem;border:2px solid var(--color-border);border-radius:12px;background-color:var(--color-surface-hover)}.link-preview-loading{text-align:center;padding:1rem;color:var(--color-text-secondary);font-size:.9rem}.link-preview-image{margin-bottom:1rem;border-radius:8px;overflow:hidden;max-height:300px}.link-preview-image img{width:100%;height:auto;display:block;object-fit:cover}.link-preview-content{display:flex;gap:1rem;align-items:flex-start}.link-preview-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.link-preview-icon svg{width:24px;height:24px;stroke:var(--color-text-secondary)}.link-preview-text{flex:1;min-width:0}.link-preview-title{font-weight:500;font-size:1rem;color:var(--color-text);margin-bottom:.25rem}.link-preview-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-url{font-size:.85rem;color:var(--color-primary);word-break:break-all}.title-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:1.1rem;font-weight:500;transition:border-color .2s ease}.title-input:focus{outline:none;border-color:var(--color-primary)}.title-input:disabled{opacity:.6;cursor:not-allowed}.required-indicator{color:var(--color-warning);margin-left:.25rem}.link-help-text{font-size:.9rem;color:var(--color-text-secondary);margin:.5rem 0;padding:.5rem .75rem;background-color:#4a8f6a1a;border-left:2px solid var(--color-primary);border-radius:4px;display:flex;align-items:center;gap:.5rem}.link-help-text svg{width:16px;height:16px;stroke:var(--color-primary);flex-shrink:0}.comment{display:flex;flex-direction:column;padding:1rem;border-bottom:1px solid var(--color-border);position:relative}.comment:last-child{border-bottom:none}.comment-nested{margin-left:calc(var(--depth) * 2rem);border-left:2px solid var(--color-border);padding-left:1rem}.comment-content{display:flex;flex-direction:column;gap:.75rem;position:relative}.comment-author{display:flex;align-items:center;gap:.75rem;text-decoration:none}.comment-avatar,.comment-avatar-placeholder{width:32px;height:32px;border-radius:50%;flex-shrink:0}.comment-avatar{object-fit:cover}.comment-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.comment-author-info{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.9rem}.comment-author-name{font-weight:500;color:var(--color-text)}.comment-username,.comment-separator,.comment-time{color:var(--color-text-secondary)}.comment-edited{color:var(--color-text-secondary);font-style:italic;font-size:.85rem}.comment-author:hover .comment-author-name{color:var(--color-primary)}.comment-collapse-btn{position:absolute;top:0;right:0;width:24px;height:24px;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text-secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;transition:all .2s ease}.comment-collapse-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.comment-text{color:var(--color-text);font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.comment-collapsed{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;padding:.5rem 0}.comment-actions{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.comment-votes{display:flex;align-items:center;gap:.5rem}.vote-btn{padding:.25rem .5rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vote-btn:hover:not(:disabled){background-color:var(--color-surface-hover)}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.vote-btn.upvote.active{color:var(--color-primary);background-color:#4a8f6a1a}.vote-btn.downvote.active{color:var(--color-error);background-color:#dc26261a}.vote-score{font-size:.9rem;font-weight:500;color:var(--color-text);min-width:2rem;text-align:center}.vote-score.positive{color:var(--color-primary)}.vote-score.negative{color:var(--color-error)}.comment-reply-btn,.comment-delete-btn{padding:.25rem .75rem;background:none;border:none;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.comment-reply-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.comment-delete-btn:hover{background-color:#dc26261a;color:var(--color-error)}.comment-replies{display:flex;flex-direction:column}.comment-delete-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.comment-delete-content{background-color:var(--color-background);padding:2rem;border-radius:12px;box-shadow:0 4px 24px #00000026;max-width:400px;width:90%}.comment-delete-content p{margin:0 0 1.5rem;color:var(--color-text);font-size:1rem;text-align:center}.comment-delete-actions{display:flex;gap:1rem;justify-content:center}.btn-cancel,.btn-delete{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background-color:var(--color-surface);color:var(--color-text)}.btn-cancel:hover{background-color:var(--color-surface-hover)}.btn-delete{background-color:var(--color-error);color:#fff}.btn-delete:hover:not(:disabled){background-color:#b91c1c}.btn-delete:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.comment-nested{margin-left:calc(var(--depth) * 1rem)}.comment-author-info,.comment-actions{flex-wrap:wrap}}.comment-deleted{font-style:italic;color:var(--color-text-secondary);opacity:.7}.comments-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.comments-header{padding:0 1rem 1rem}.comments-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.ground-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.comment-form{padding:1rem;background-color:var(--color-surface);border-radius:12px;margin-bottom:1.5rem}.comment-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:.95rem;line-height:1.5;resize:vertical;min-height:80px;transition:border-color .2s ease}.comment-form textarea:focus{outline:none;border-color:var(--color-primary)}.comment-form textarea:disabled{opacity:.6;cursor:not-allowed}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.character-count{font-size:.85rem;color:var(--color-text-secondary)}.btn-submit{padding:.5rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){background-color:#3d7a57}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.comment-reply-form{margin:.75rem 0;padding:1rem;background-color:var(--color-surface-hover);border-radius:8px;border-left:3px solid var(--color-primary)}.comment-reply-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:.9rem;line-height:1.5;resize:vertical;min-height:60px;transition:border-color .2s ease}.comment-reply-form textarea:focus{outline:none;border-color:var(--color-primary)}.reply-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.btn-cancel{padding:.5rem 1rem;background-color:var(--color-surface);color:var(--color-text);border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background-color:var(--color-surface-hover)}.comments-loading,.comments-error,.comments-empty,.comment-login-prompt{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.95rem}.comments-error{color:var(--color-error)}.comment-login-prompt{background-color:var(--color-surface);border-radius:8px;margin-bottom:1.5rem;color:var(--color-text)}.comments-list{display:flex;flex-direction:column;background-color:var(--color-surface);border-radius:12px;overflow:hidden}@media(max-width:768px){.comment-reply-form{margin-left:0!important}.comment-form,.comments-section{padding-left:.5rem;padding-right:.5rem}}.shopping-panel{padding:1.5rem;background-color:var(--color-surface)}.shopping-panel-products{display:flex;flex-direction:column;gap:1rem}.shopping-product-card{display:flex;gap:1rem;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.shopping-product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.shopping-product-image{position:relative;width:100px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--color-surface-hover)}.shopping-product-image img{width:100%;height:100%;object-fit:cover}.shopping-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.shopping-discount-badge{position:absolute;top:.25rem;right:.25rem;background-color:var(--color-warning);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .4rem;border-radius:4px;text-transform:uppercase}.shopping-product-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.shopping-product-title{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-subtitle{font-weight:400;color:var(--color-text-secondary)}.shopping-variant-options{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.variant-option-tag{padding:.2rem .5rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:4px;font-size:.75rem;color:var(--color-primary);font-weight:500}.shopping-shop-name{font-size:.8rem;color:var(--color-text-secondary)}.shopping-product-pricing{display:flex;align-items:center;gap:.5rem;margin-top:auto}.shopping-product-price{font-size:1.1rem;font-weight:600;color:var(--color-text)}.shopping-compare-price{font-size:.9rem;color:var(--color-text-secondary);text-decoration:line-through}.shopping-quick-add-btn{width:100%;padding:.5rem .75rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.shopping-quick-add-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.shopping-quick-add-btn:disabled{opacity:.7;cursor:default}.shopping-out-of-stock{width:100%;padding:.5rem .75rem;background-color:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;font-weight:500;text-align:center}.shopping-panel-loading,.shopping-panel-error,.shopping-panel-empty{padding:3rem 1.5rem;text-align:center}.shopping-panel-loading p,.shopping-panel-error p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.shopping-panel-empty{display:flex;flex-direction:column;align-items:center;gap:1rem}.shopping-panel-empty svg{color:var(--color-text-secondary);opacity:.5}.shopping-panel-empty p{color:var(--color-text-secondary);margin:0;font-size:.95rem}@media(max-width:768px){.shopping-panel{padding:1rem}.shopping-product-card{padding:.75rem}.shopping-product-image{width:80px;height:80px}.shopping-product-title{font-size:.9rem}.shopping-product-price{font-size:1rem}}.post-page{max-width:1800px;margin:0 auto;padding:2rem;min-height:100vh}.post-page-header{margin-bottom:0rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.post-page-content{position:relative}.post-main-area{margin-right:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.post-page .post-detail-panel{position:fixed!important;top:0!important;right:0!important;width:400px;height:100vh;background-color:var(--color-surface-hover);border-left:1px solid var(--color-border);overflow-y:auto;z-index:9999;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column}.post-panel-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.panel-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background-color:var(--color-surface);border-radius:8px}.panel-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--color-font-family)}.panel-mode-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.panel-mode-btn.active{background-color:var(--color-primary);color:#fff}.panel-mode-btn svg{flex-shrink:0}.panel-count{font-size:.85rem;opacity:.8}.post-page-loading,.post-page-error{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.post-page-loading p,.post-page-error p{color:var(--color-text-secondary);margin:.5rem 0}.post-page-error h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin-bottom:1rem}.post-page-error .btn-primary{margin-top:1.5rem}@media(max-width:768px){.post-page{padding:1rem .5rem}.post-page-header{margin-bottom:1rem}.back-btn{padding:.5rem .75rem}.post-main-area{margin-right:0}.post-detail-panel{width:100vw}}.grounds-container{max-width:1200px;margin:0 auto;padding:2rem}.grounds-header{margin-bottom:3rem}.grounds-header h1{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.grounds-subtitle{font-size:1.1rem;color:var(--color-text-secondary);margin:0}.grounds-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.grounds-loading p{color:var(--color-text-secondary)}.grounds-section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem;text-transform:lowercase}.grounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.ground-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.ground-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.ground-card.discover{cursor:default}.ground-card.discover:hover{transform:none}.ground-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ground-card-title{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.admin-badge{display:inline-block;padding:.25rem .5rem;background-color:var(--color-primary);color:var(--color-background);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0}.ground-card-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;margin:0;flex:1}.ground-card-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--color-text-secondary);padding-top:.5rem;border-top:1px solid var(--color-border)}.ground-card .btn{margin-top:.5rem}@media(max-width:768px){.grounds-container{padding:1.5rem 1rem}.grounds-header{margin-bottom:2rem}.grounds-header h1{font-size:2rem}.grounds-subtitle{font-size:1rem}.grounds-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:1.25rem}.ground-card{padding:1.25rem}.ground-card-title{font-size:1.1rem}}.ground-feed-container{max-width:1400px;margin:0 auto;padding:2rem;transition:margin-right .3s ease}.ground-feed-container.with-panel{margin-right:520px}.ground-header{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.ground-info{flex:1}.ground-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.ground-title{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.admin-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--color-primary);color:var(--color-background);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.default-badge{display:inline-block;padding:.5rem 1rem;background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;border-radius:8px;border:1px solid var(--color-border)}.ground-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1rem}.ground-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--color-text-secondary)}.ground-members{display:flex;align-items:center;gap:.5rem}.ground-actions{flex-shrink:0}.ground-feed-content{min-height:400px}.feed-loading,.feed-error,.feed-empty{text-align:center;padding:3rem 2rem}.feed-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.feed-loading p{color:var(--color-text-secondary)}.feed-error{background-color:#d146000d;border:1px solid var(--color-warning);border-radius:12px}.feed-error p{color:var(--color-warning);margin-bottom:1rem}.feed-empty{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:4rem 2rem}.ground-posts-list{display:flex;flex-direction:column;gap:0}.ground-post-full{max-width:1200px;margin:0 auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.back-to-feed-btn{display:block;width:100%;padding:1rem;background-color:var(--color-background);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.95rem;text-align:left;cursor:pointer;transition:all .15s ease}.back-to-feed-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.post-detail-panel{position:fixed;top:0;right:-500px;width:500px;height:100vh;background-color:var(--color-surface-hover);border-left:1px solid var(--color-border);overflow-y:auto;z-index:1000;transition:right .3s ease;box-shadow:-4px 0 12px #0000001a;pointer-events:auto;display:flex;flex-direction:column}.post-detail-panel.open{right:0}.post-panel-header{padding:4rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.post-panel-header h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:500;color:var(--color-text)}.post-author-info{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.post-panel-content{flex:1;overflow-y:auto;background-color:var(--color-surface)}.post-panel-content .comments-section{margin-top:0;padding-top:0;border-top:none}.post-panel-content .comments-header{display:none}.post-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:999;opacity:0;animation:fadeIn .3s forwards;pointer-events:auto}@keyframes fadeIn{to{opacity:1}}.close-panel-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background-color:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.close-panel-btn:hover{background-color:var(--color-border)}.ground-posts{display:flex;flex-direction:column;gap:0}@media(max-width:768px){.ground-feed-container{padding:1rem}.ground-header{flex-direction:column;padding:1.5rem;gap:1.5rem}.ground-title{font-size:1.5rem}.ground-description{font-size:1rem}.ground-actions,.ground-actions .btn{width:100%}.feed-empty{padding:3rem 1.5rem}.empty-icon{width:60px;height:60px}.empty-icon svg{width:48px;height:48px}.feed-empty h3{font-size:1.25rem}.feed-empty p{font-size:.95rem}.post-detail-panel{width:100vw;right:-100vw}.post-detail-panel.open{right:0}}.ground-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.ground-filter-btn{padding:.5rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.25rem}.ground-filter-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.ground-filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ground-filter-btn.all-btn{font-weight:500}.ground-filter-count{opacity:.7;font-size:.85rem}.goods-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.goods-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.goods-hero{text-align:center;padding:3rem 2rem;position:relative}.hero-icon{width:80px;height:80px;margin:0 auto 2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px;margin:0 auto}.goods-hero h1{font-size:3rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.hero-tagline{font-size:1.3rem;color:var(--color-text-secondary);margin:0}.my-goods-button{position:absolute;top:.5rem;right:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease}.my-goods-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2f5f454d}.my-goods-button svg{stroke:currentColor}.dashboard-quick-access{padding:2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.dashboard-quick-access h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-card{padding:2rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary)}.dashboard-card .card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.dashboard-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.dashboard-card p{font-size:.95rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.create-shop-cta{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.create-shop-cta .cta-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.create-shop-cta h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.create-shop-cta p{font-size:1.1rem;color:var(--color-text-secondary);margin:0;max-width:500px}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.goods-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.goods-loading p{color:var(--color-text-secondary);margin:0}.browse-section h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 2rem;text-align:center}.browse-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.browse-card{padding:2.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.browse-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary)}.browse-card.disabled{opacity:.5;cursor:not-allowed}.browse-card .card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.browse-card h3{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.browse-card p{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.how-it-works{text-align:center}.how-it-works h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 3rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem}.step{display:flex;flex-direction:column;align-items:center;gap:1rem}.step-number{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;background-color:var(--color-primary);border-radius:50%}.step h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.step p{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6;max-width:300px}.cta-section{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.cta-section h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.cta-section p{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem}@media(max-width:768px){.goods-page{padding:1rem}.goods-container{gap:3rem}.goods-hero{padding:4rem 1rem 2rem}.my-goods-button{top:1rem;right:1rem;padding:.5rem 1rem;font-size:.85rem}.goods-hero h1{font-size:2rem}.hero-tagline{font-size:1.1rem}.dashboard-quick-access{padding:1.5rem}.dashboard-cards{grid-template-columns:1fr}.browse-cards{grid-template-columns:1fr;gap:1.5rem}.steps{grid-template-columns:1fr;gap:2rem}.cta-section{padding:2rem 1.5rem}}.product-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .2s ease;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary)}.product-image{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-background);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.discount-badge{position:absolute;top:.75rem;right:.75rem;background-color:var(--color-warning);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.product-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.product-title{font-size:1rem;font-weight:500;color:var(--color-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-shop{font-size:.85rem;color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:.25rem}.product-pricing{display:flex;align-items:center;gap:.5rem;margin-top:auto}.product-price{font-size:1.25rem;font-weight:600;color:var(--color-text)}.compare-price{font-size:1rem;color:var(--color-text-secondary);text-decoration:line-through}@media(max-width:768px){.product-info{padding:.75rem}.product-title{font-size:.95rem}.product-price{font-size:1.1rem}}.shop-page{max-width:1400px;margin:0 auto;padding:2rem}.shop-header{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.shop-header-content{display:flex;gap:2rem;align-items:flex-start}.shop-avatar{width:120px;height:120px;border-radius:12px;overflow:hidden;background-color:var(--color-background);flex-shrink:0;border:1px solid var(--color-border)}.shop-avatar img{width:100%;height:100%;object-fit:cover}.shop-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.shop-info{flex:1}.shop-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.shop-title{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.verified-badge{stroke:var(--color-primary);flex-shrink:0}.shop-username{font-size:1rem;color:var(--color-text-secondary);margin:0 0 1rem}.shop-username a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.shop-username a:hover{color:var(--color-primary)}.shop-description{font-size:1.1rem;color:var(--color-text);line-height:1.6;margin:0 0 .5rem}.shop-company{font-size:.95rem;color:var(--color-text-secondary);margin:0}.category-filter{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.category-btn{padding:.5rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.category-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.category-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.shop-empty{text-align:center;padding:4rem 2rem;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;margin-bottom:3rem}.shop-empty h3{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.shop-empty p{font-size:1rem;color:var(--color-text-secondary);margin:0}.shop-policies{display:flex;flex-direction:column;gap:1rem;max-width:800px}.policy-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.policy-section summary{padding:1rem 1.5rem;font-weight:500;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.policy-section summary:hover{background-color:var(--color-surface-hover)}.policy-section p{padding:0 1.5rem 1rem;margin:0;color:var(--color-text);line-height:1.6}.shop-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.shop-loading p{color:var(--color-text-secondary);margin:0}.shop-error{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:600px;margin:4rem auto}.shop-error h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.shop-error p{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem}@media(max-width:768px){.shop-page{padding:1rem}.shop-header{padding:1.5rem}.shop-header-content{flex-direction:column;align-items:center;text-align:center}.shop-avatar{width:100px;height:100px}.shop-title{font-size:1.5rem}.shop-title-row{justify-content:center}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.category-filter{gap:.5rem}.category-btn{font-size:.85rem;padding:.4rem .8rem}}.shop-directory-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.directory-container{max-width:1400px;margin:0 auto}.directory-header{text-align:center;margin-bottom:3rem}.directory-header h1{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.directory-header p{font-size:1.1rem;color:var(--color-text-secondary);margin:0}.shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.shop-card{display:flex;gap:1.5rem;padding:2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all .2s ease}.shop-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary)}.shop-card-avatar{width:80px;height:80px;border-radius:12px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);flex-shrink:0}.shop-card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--color-primary);background-color:var(--color-surface-hover)}.shop-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.shop-card-header{display:flex;align-items:center;gap:.5rem}.shop-card-header h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card-username{font-size:.9rem;color:var(--color-text-secondary);margin:0}.shop-card-description{font-size:.95rem;color:var(--color-text);line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-card-company{font-size:.85rem;color:var(--color-text-secondary);margin:0;font-style:italic}.shop-card-meta{margin-top:auto;padding-top:.5rem}.product-count{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.directory-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.directory-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.shop-directory-page{padding:1rem}.directory-header{margin-bottom:2rem}.directory-header h1{font-size:2rem}.shops-grid{grid-template-columns:1fr;gap:1.5rem}.shop-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.shop-card-header{justify-content:center}}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border)}.confirm-dialog-header h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.confirm-dialog-close{width:32px;height:32px;border-radius:6px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.confirm-dialog-close:hover{background-color:var(--color-background);color:var(--color-text)}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-body p{font-size:1rem;line-height:1.6;color:var(--color-text);margin:0}.confirm-dialog-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.confirm-dialog-actions .btn{min-width:100px}.confirm-dialog-actions .btn-danger{background-color:transparent;color:var(--color-warning);border:2px solid var(--color-warning)}.confirm-dialog-actions .btn-danger:hover{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}@media(max-width:768px){.confirm-dialog{margin:1rem}.confirm-dialog-header{padding:1.25rem 1.25rem .75rem}.confirm-dialog-header h3{font-size:1.1rem}.confirm-dialog-body{padding:1.25rem}.confirm-dialog-actions{flex-direction:column-reverse;padding:.75rem 1.25rem 1.25rem}.confirm-dialog-actions .btn{width:100%}}.variant-selector{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.variant-option{display:flex;flex-direction:column;gap:.75rem}.option-label{font-size:.95rem;font-weight:500;color:var(--color-text);text-transform:capitalize}.option-values{display:flex;flex-wrap:wrap;gap:.5rem}.option-value{padding:.625rem 1.25rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.95rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center}.option-value:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-background)}.option-value.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.option-value.unavailable{opacity:.4;cursor:not-allowed;position:relative}.option-value.unavailable:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background-color:var(--color-text-secondary);transform:translateY(-50%) rotate(-15deg)}.selected-variant-info{padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.variant-title{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0}.variant-stock{font-size:.85rem;color:var(--color-text-secondary);margin:0}.variant-stock.out-of-stock{color:var(--color-warning);font-weight:500}@media(max-width:768px){.option-value{padding:.5rem 1rem;font-size:.9rem;min-width:50px}.variant-selector{gap:1.25rem}}.linked-posts-section{margin-top:2rem}.linked-posts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.linked-posts-title-link{text-decoration:none;transition:color .2s ease}.linked-posts-title-link:hover .linked-posts-title{color:var(--color-primary)}.linked-posts-title{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase;transition:color .2s ease}.sort-toggle{display:flex;gap:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2px;overflow:hidden}.sort-btn:hover:not(.active){background-color:var(--color-surface-hover);color:var(--color-text)}.linked-posts-list{display:flex;flex-direction:column;gap:0;background-color:var(--color-surface);border-radius:12px;overflow:hidden}.linked-posts-loading,.linked-posts-error,.linked-posts-empty{padding:2rem;text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.linked-posts-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.linked-posts-loading p,.linked-posts-empty p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.linked-posts-error p{color:var(--color-warning);margin:0;font-size:.95rem}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.linked-posts-more{margin-top:1rem;padding:1rem;text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.view-all-link{color:var(--color-primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;display:inline-flex;align-items:center;gap:.25rem}.view-all-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media(max-width:768px){.linked-posts-section{margin-top:1.5rem}.linked-posts-header{flex-direction:column;align-items:flex-start}.linked-posts-title{font-size:1rem}.sort-toggle{width:100%}.sort-btn{flex:1;text-align:center}.linked-posts-loading,.linked-posts-error,.linked-posts-empty{padding:1.5rem}}.product-page{min-height:100vh;background-color:var(--color-background)}.product-container{max-width:1200px;margin:0 auto;padding:2rem}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.product-left{display:flex;flex-direction:column;gap:1rem;position:sticky;top:2rem;height:fit-content}.product-right{display:flex;flex-direction:column;gap:1rem}.product-page .back-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.95rem;cursor:pointer;padding:.5rem 0;transition:color .2s ease;font-family:var(--font-family);align-self:flex-start;min-height:38px}.product-page .back-btn:hover{color:var(--color-primary)}.product-owner-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.product-owner-actions .btn,.product-owner-actions a.btn{padding:.5rem 1rem!important;font-size:.9rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-sizing:border-box!important;height:auto!important;line-height:normal!important}.product-owner-actions .btn-danger{background-color:transparent;color:var(--color-warning);border:2px solid var(--color-warning)}.product-owner-actions .btn-danger:hover{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning);transform:translateY(-1px)}.product-ring-indicators-compact{display:flex;gap:1rem;align-items:center;margin-right:.5rem}.ring-indicator-compact{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;position:relative}.ring-indicator-compact:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.25rem .5rem;background-color:#000000e6;color:#fff;font-size:.75rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:.5rem}.ring-indicator-compact:hover:after{opacity:1}.ring-indicator-circle-compact{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.ring-indicator-compact:hover .ring-indicator-circle-compact{transform:scale(1.1)}.main-image{width:100%;aspect-ratio:1;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;position:relative}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:flex;gap:.75rem;overflow-x:auto}.thumbnail{width:80px;height:80px;border:2px solid var(--color-border);border-radius:8px;overflow:hidden;background:none;padding:0;cursor:pointer;transition:all .2s ease;flex-shrink:0}.thumbnail:hover{border-color:var(--color-primary)}.thumbnail.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.product-breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.product-breadcrumb a:hover{color:var(--color-primary)}.product-page .product-title{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0;line-height:1.2}.product-page .product-pricing{display:flex;align-items:center;gap:1rem}.product-page .product-price{font-size:2rem;font-weight:600;color:var(--color-text)}.compare-price{font-size:1.5rem;color:var(--color-text-secondary);text-decoration:line-through}.stock-status{font-size:.95rem;font-weight:500}.stock-in{color:var(--color-primary)}.stock-low{color:var(--color-warning)}.stock-out{color:var(--color-danger)}.product-description-full{padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.product-description-full p{font-size:1.05rem;line-height:1.6;color:var(--color-text);margin:0;white-space:pre-wrap;word-wrap:break-word}.product-page .product-tags{display:flex;flex-wrap:wrap;gap:.5rem}.product-page .tag{padding:.4rem .8rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;color:var(--color-text-secondary)}.add-to-cart-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-size:.95rem;color:var(--color-text);font-weight:500}.quantity-controls button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1.2rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.quantity-controls input{width:60px;height:36px;text-align:center;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text)}.add-to-cart-btn{width:100%}.add-to-cart-btn:disabled{opacity:.6;cursor:not-allowed}.shop-info-card{padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem}.shop-info-card h3{font-size:.95rem;font-weight:500;color:var(--color-text-secondary);margin:0;text-transform:lowercase}.shop-link{display:flex;align-items:center;gap:1rem;text-decoration:none;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.shop-link:hover{background-color:var(--color-surface-hover)}.shop-avatar-small{width:48px;height:48px;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);flex-shrink:0}.shop-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--color-primary);background-color:var(--color-surface-hover)}.shop-details{flex:1}.shop-name{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.product-page .product-policies{display:flex;flex-direction:column;gap:.75rem}.product-page .product-policies details{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.product-page .product-policies summary{padding:1rem;font-weight:500;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.product-page .product-policies summary:hover{background-color:var(--color-surface-hover)}.product-page .product-policies p{padding:0 1rem 1rem;margin:0;color:var(--color-text);line-height:1.6;font-size:.95rem}.product-loading,.product-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.product-loading p,.product-error p{color:var(--color-text-secondary);margin:0}.product-error h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}@media(max-width:1024px){.product-content{grid-template-columns:1fr;gap:2rem}.product-left{position:static}.product-owner-actions{justify-content:flex-start}}@media(max-width:768px){.product-container{padding:1rem}.product-page .product-title{font-size:1.75rem}.product-page .product-price{font-size:1.5rem}.compare-price{font-size:1.2rem}.add-to-cart-section,.shop-info-card{padding:1rem}}.product-details-section{margin-top:2rem}.product-details-section details{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.product-details-section summary{padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:lowercase;list-style:none;display:flex;align-items:center;justify-content:space-between}.product-details-section summary::-webkit-details-marker{display:none}.product-details-section summary:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--color-text-secondary);transition:transform .2s ease}.product-details-section details[open] summary:after{content:"−"}.product-details-section summary:hover{background-color:var(--color-background)}.details-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.detail-group{display:flex;flex-direction:column;gap:.75rem}.detail-group h4{font-size:.95rem;font-weight:600;color:var(--color-primary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(var(--color-border-rgb),.3)}.detail-value{font-size:.95rem;color:var(--color-text);text-align:right;font-weight:500}.detail-source,.detail-status-active{padding:.25rem .75rem;background-color:#2f5f451a;color:var(--color-primary);border-radius:4px;font-size:.85rem;text-transform:lowercase}.detail-status-draft{padding:.25rem .75rem;background-color:#d9a5741a;color:var(--color-accent);border-radius:4px;font-size:.85rem;text-transform:lowercase}.detail-status-archived{padding:.25rem .75rem;background-color:#0000001a;color:var(--color-text-secondary);border-radius:4px;font-size:.85rem;text-transform:lowercase}@media(max-width:768px){.product-details-section summary{padding:1rem}.details-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}}.product-linked-posts-page{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.product-posts-header{margin-bottom:2rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.95rem;cursor:pointer;padding:.5rem 0;transition:color .2s ease;font-family:var(--font-family);margin-bottom:1.5rem}.back-btn:hover{color:var(--color-primary)}.back-btn svg{flex-shrink:0}.product-header-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.product-header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.product-header-image{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.product-header-info{flex:1}.product-posts-title{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;line-height:1.2}.product-posts-meta{font-size:.95rem;color:var(--color-text-secondary);margin:0}.product-posts-meta a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.product-posts-meta a:hover{text-decoration:underline}.sort-toggle{display:flex;gap:0;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:2px;overflow:hidden;flex-shrink:0}.sort-btn{padding:.4rem .75rem;background:none;border:none;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:6px;font-family:var(--font-family);white-space:nowrap}.sort-btn:hover:not(.active){background-color:var(--color-surface);color:var(--color-text)}.sort-btn.active{background-color:var(--color-primary);color:#fff}.product-posts-content{min-height:400px}.posts-count{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1rem;font-weight:500}.product-posts-list{display:flex;flex-direction:column;gap:0;background-color:var(--color-surface);border-radius:12px;overflow:hidden}.page-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.page-loading p{color:var(--color-text-secondary);margin:0}.error-state{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:600px;margin:4rem auto}.error-state h2{font-size:2rem;font-weight:500;color:var(--color-text);margin-bottom:1rem}.error-state p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem}.feed-empty{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.empty-icon svg{width:64px;height:64px;stroke:currentColor}.feed-empty h3{font-size:1.5rem;font-weight:500;color:var(--color-text);margin-bottom:.75rem}.feed-empty p{font-size:1rem;color:var(--color-text-secondary);max-width:400px;margin:0 auto;line-height:1.6}@media(max-width:1024px){.product-header-content{flex-direction:column;align-items:stretch}.sort-toggle{width:100%}.sort-btn{flex:1}}@media(max-width:768px){.product-linked-posts-page{padding:1rem}.product-posts-header{margin-bottom:1.5rem}.product-header-content{padding:1.5rem}.product-header-left{gap:1rem}.product-header-image{width:60px;height:60px}.product-posts-title{font-size:1.35rem}.product-posts-meta{font-size:.9rem}.feed-empty{padding:3rem 1.5rem}.empty-icon{width:60px;height:60px}.empty-icon svg{width:48px;height:48px}.feed-empty h3{font-size:1.25rem}.feed-empty p{font-size:.95rem}}.cart-page{min-height:100vh;background-color:var(--color-background)}.cart-container{max-width:1200px;margin:0 auto;padding:2rem}.cart-title{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 2rem}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1.5rem;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.cart-item-image{width:120px;height:120px;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);flex-shrink:0;text-decoration:none}.cart-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-item-image:hover img{transform:scale(1.05)}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:1rem}.cart-item-header{display:flex;justify-content:space-between;gap:1rem}.cart-item-title{font-size:1.1rem;font-weight:500;color:var(--color-text);text-decoration:none;display:block;margin-bottom:.25rem;transition:color .2s ease}.cart-item-title:hover{color:var(--color-primary)}.cart-item-variant{font-size:.9rem;color:var(--color-text-secondary);margin:.25rem 0 0;font-weight:400}.cart-item-shop{font-size:.9rem;color:var(--color-text-secondary);margin:0}.cart-item-shop a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.cart-item-shop a:hover{color:var(--color-primary)}.verified-icon{stroke:var(--color-primary);flex-shrink:0}.remove-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background-color:var(--color-surface-hover);color:var(--color-danger)}.cart-item-footer{display:flex;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1.1rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.quantity-controls button:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary)}.quantity-controls button:disabled{opacity:.4;cursor:not-allowed}.quantity-controls .quantity{min-width:40px;text-align:center;font-size:1rem;font-weight:500;color:var(--color-text)}.cart-item-price{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.low-stock-warning{font-size:.85rem;color:var(--color-warning);font-weight:500;margin:0}.order-summary{position:sticky;top:2rem;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem}.order-summary h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.checkout-btn{width:100%;margin-top:.5rem}.continue-shopping{text-align:center;font-size:.95rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.continue-shopping:hover{color:var(--color-primary)}.cart-empty{text-align:center;padding:4rem 2rem;max-width:500px;margin:4rem auto}.empty-icon{width:100px;height:100px;margin:0 auto 2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.empty-icon svg{stroke:currentColor}.cart-empty h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.cart-empty p{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem}.cart-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.cart-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:1024px){.cart-content{grid-template-columns:1fr}.order-summary{position:static}}@media(max-width:768px){.cart-container{padding:1rem}.cart-title{font-size:1.5rem}.cart-item{flex-direction:column;gap:1rem;padding:1rem}.cart-item-image{width:100%;height:200px}.cart-item-header{flex-direction:column;gap:.5rem}.remove-btn{align-self:flex-start}.order-summary{padding:1rem}}.toast{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:10000;animation:toast-slide-in .3s ease-out;min-width:300px;max-width:500px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.toast-success .toast-icon{background-color:#4caf501a;color:var(--color-primary)}.toast-error .toast-icon{background-color:#ef44441a;color:#ef4444}.toast-info .toast-icon{background-color:#3b82f61a;color:#3b82f6}.toast-message{font-size:1rem;font-weight:500;color:var(--color-text);margin:0}.toast-success{border-color:#4caf504d;background:linear-gradient(to right,rgba(76,175,80,.05),var(--color-surface))}.toast-error{border-color:#ef44444d;background:linear-gradient(to right,rgba(239,68,68,.05),var(--color-surface))}.toast-info{border-color:#3b82f64d;background:linear-gradient(to right,rgba(59,130,246,.05),var(--color-surface))}@media(max-width:768px){.toast{top:1rem;min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}}.checkout-page{min-height:100vh;background-color:var(--color-background)}.checkout-container{max-width:1400px;margin:0 auto;padding:2rem}.checkout-title{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 2rem}.checkout-form{display:grid;grid-template-columns:1fr 450px;gap:3rem;align-items:start}.checkout-main{display:flex;flex-direction:column;gap:2rem}.checkout-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.checkout-section h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.checkout-section h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:1.5rem 0 1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.payment-placeholder{padding:3rem 2rem;text-align:center;background-color:var(--color-background);border:1px dashed var(--color-border);border-radius:8px}.payment-placeholder p{color:var(--color-text-secondary);margin:0}.payment-element-container{display:flex;flex-direction:column;gap:.5rem}.payment-element-container label{font-size:.9rem;font-weight:500;color:var(--color-text)}.card-element{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);transition:border-color .2s ease}.card-element:focus-within{border-color:var(--color-primary)}.checkbox-group{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{font-size:.95rem;color:var(--color-text);cursor:pointer;margin:0}.billing-address-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.error-message{padding:1rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-danger);border-left:4px solid var(--color-danger);border-radius:8px;color:var(--color-text)}.checkout-sidebar{position:sticky;top:2rem}.order-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.order-summary h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.summary-items{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.summary-item{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;align-items:start;padding:.5rem 0}.item-image{width:70px;height:70px;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);flex-shrink:0}.item-info{min-width:0;display:flex;flex-direction:column;gap:.25rem}.item-title{font-size:.9rem;color:var(--color-text);margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.item-quantity{font-size:.85rem;color:var(--color-text-secondary);margin:0}.item-price{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0;white-space:nowrap;align-self:start;padding-top:.125rem}.summary-totals{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.summary-total{font-size:1.25rem;font-weight:600}.checkout-button{width:100%;padding:1rem;font-size:1.1rem}.checkout-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.checkout-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:1024px){.checkout-form{grid-template-columns:1fr}.checkout-sidebar{position:static}}@media(max-width:768px){.checkout-container{padding:1rem}.checkout-title{font-size:1.5rem}.checkout-section,.order-summary{padding:1.5rem}.form-row{grid-template-columns:1fr}}.confirmation-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.confirmation-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.confirmation-header{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;margin:0 auto 2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.confirmation-header h1{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.confirmation-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.confirmation-content{display:flex;flex-direction:column;gap:1.5rem}.confirmation-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.confirmation-card h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.card-header h2{margin:0}.order-number{font-size:.9rem;font-weight:600;color:var(--color-primary);font-family:monospace}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.95rem;color:var(--color-text-secondary)}.detail-value{font-size:.95rem;color:var(--color-text);font-weight:500}.total-amount{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.order-item{display:grid;grid-template-columns:80px 1fr auto;gap:1.5rem;align-items:center}.item-title{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.item-quantity{font-size:.9rem;color:var(--color-text-secondary);margin:0}.confirmation-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem}.confirmation-actions .btn{padding:.875rem 2rem}.confirmation-loading,.confirmation-error{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;text-align:center}.confirmation-loading p{color:var(--color-text-secondary);margin:0}.confirmation-error h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}@media(max-width:768px){.confirmation-page{padding:1rem}.confirmation-header{padding:2rem 1rem}.confirmation-header h1{font-size:2rem}.confirmation-card{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.order-item{grid-template-columns:60px 1fr;gap:1rem}.item-price{grid-column:2;text-align:right;margin-top:.5rem}.confirmation-actions{flex-direction:column}.confirmation-actions .btn{width:100%}}.orders-page{max-width:1800px;margin:0 auto;padding:2rem;min-height:100vh}.orders-page-header{margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;font-family:var(--font-family)}.back-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.back-button svg{flex-shrink:0}.orders-content{position:relative}.orders-container{max-width:1400px}.orders-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.orders-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.orders-header p{font-size:1.05rem;color:var(--color-text-secondary);margin:0}.filter-btn{padding:.5rem 1rem;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:8px;font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:var(--color-background);border-color:var(--color-primary)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.order-number{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem;font-family:monospace}.order-shop{font-size:.9rem;color:var(--color-text-secondary);margin:0}.order-card-body{display:flex;flex-direction:column;gap:1rem}.order-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:lowercase}.info-value{font-size:.95rem;color:var(--color-text);font-weight:500}.total-amount{color:var(--color-primary);font-size:1.1rem;font-weight:600}.tracking-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-background);border-radius:8px;font-size:.9rem;color:var(--color-text)}.tracking-info svg{color:var(--color-primary);flex-shrink:0}.order-card-footer{padding-top:1rem;border-top:1px solid var(--color-border)}.view-details{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-primary);font-weight:500}.view-details svg{transition:transform .2s ease}.order-card:hover .view-details svg{transform:translate(4px)}.my-goods-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:var(--color-surface-hover);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:9999;box-shadow:-4px 0 12px #0000001a;overflow-y:auto}.panel-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.panel-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.panel-nav{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-surface)}.panel-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:none;border:none;border-radius:8px;color:var(--color-text);font-size:.95rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;text-align:left}.panel-nav-item:not(.disabled):hover{background-color:var(--color-background)}.panel-nav-item.active{background-color:#2f5f451a;color:var(--color-primary);font-weight:500}.panel-nav-item svg{flex-shrink:0;stroke:currentColor}.panel-nav-item.disabled{opacity:.5;cursor:not-allowed}.coming-soon-badge{margin-left:auto;padding:.25rem .5rem;background-color:var(--color-accent);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:lowercase}.empty-state{text-align:center;padding:4rem 2rem;max-width:500px;margin:4rem auto}.orders-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.orders-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.orders-page{padding:1rem .5rem}.orders-page-header{margin-bottom:1rem}.back-button{padding:.5rem .75rem}.orders-main{margin-right:0}.orders-header{flex-direction:column;align-items:stretch;gap:1rem}.orders-header h1{font-size:1.5rem}.filter-buttons{justify-content:flex-start}.order-card{padding:1rem}.order-card-header{flex-direction:column}.order-info{grid-template-columns:1fr;gap:1rem}.info-item{flex-direction:row;justify-content:space-between;align-items:center}.my-goods-panel{top:0;width:100vw;height:100vh;z-index:999}}.order-detail-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.detail-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.back-button:hover{color:var(--color-primary)}.detail-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;font-family:monospace}.order-date{font-size:1rem;color:var(--color-text-secondary);margin:0}.detail-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.detail-main{display:flex;flex-direction:column;gap:1.5rem}.detail-sidebar{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}.detail-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.detail-card h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.items-list{display:flex;flex-direction:column;gap:1.5rem}.order-item{display:grid;grid-template-columns:80px 1fr auto;gap:1.5rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.order-item:last-child{border-bottom:none;padding-bottom:0}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.item-details{min-width:0}.item-title{font-size:1rem;font-weight:500;color:var(--color-text);text-decoration:none;display:block;margin-bottom:.5rem;transition:color .2s ease}.item-title:hover{color:var(--color-primary)}.item-variant,.item-quantity{font-size:.9rem;color:var(--color-text-secondary);margin:.25rem 0 0}.item-price{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0;white-space:nowrap}.address-content{display:flex;flex-direction:column;gap:.25rem}.address-content p{margin:0;font-size:.95rem;color:var(--color-text);line-height:1.6}.tracking-card{background-color:#2f5f450d;border-color:var(--color-primary)}.tracking-content{display:flex;flex-direction:column;gap:1rem}.tracking-number{display:flex;flex-direction:column;gap:.5rem}.tracking-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:lowercase}.tracking-value{font-size:1.1rem;font-weight:600;color:var(--color-primary);font-family:monospace}.shipped-date{font-size:.9rem;color:var(--color-text-secondary);margin:1rem 0 0}.summary-lines{display:flex;flex-direction:column;gap:.75rem}.summary-line{display:flex;justify-content:space-between;font-size:.95rem;color:var(--color-text)}.summary-line span:first-child{color:var(--color-text-secondary)}.summary-divider{height:1px;background-color:var(--color-border);margin:.5rem 0}.summary-total{font-size:1.25rem;font-weight:600;padding-top:.5rem}.shop-link{text-decoration:none;display:block;transition:opacity .2s ease}.shop-link:hover{opacity:.8}.shop-name{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.shop-username{font-size:.9rem;color:var(--color-text-secondary);margin:0}.payment-info{display:flex;flex-direction:column;gap:.75rem}.payment-status{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--color-text)}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-indicator.success{background-color:var(--color-primary)}.payment-date{font-size:.85rem;color:var(--color-text-secondary);margin:0}.status-badge{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;text-transform:lowercase;white-space:nowrap}.detail-loading,.detail-error{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;text-align:center}.detail-loading p{color:var(--color-text-secondary);margin:0}.detail-error h2{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{position:static}}@media(max-width:768px){.order-detail-page{padding:1rem}.detail-header{flex-direction:column}.detail-header h1{font-size:1.5rem}.detail-card{padding:1.5rem}.order-item{grid-template-columns:60px 1fr;gap:1rem}.item-price{grid-column:2;text-align:right;margin-top:.5rem}}.status-timeline-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-top:2rem;margin-bottom:2rem}.status-timeline-card h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 4rem;text-transform:lowercase;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.timeline-horizontal{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.timeline-icon{width:56px;height:56px;border-radius:50%;background-color:var(--color-background);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;z-index:2;transition:all .3s ease;color:var(--color-text-secondary)}.timeline-step.completed .timeline-icon{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.timeline-content{display:flex;flex-direction:column;gap:.25rem}.timeline-label{font-size:.95rem;font-weight:500;color:var(--color-text)}.timeline-step:not(.completed) .timeline-label{color:var(--color-text-secondary)}.timeline-date{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3}.timeline-connector{position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background-color:var(--color-border);z-index:1;transition:background-color .3s ease}.timeline-connector.completed{background-color:var(--color-primary)}.tracking-card{background:linear-gradient(135deg,#2f5f450d,#2f5f451a);border:2px solid var(--color-primary);border-radius:12px;padding:2rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem}.tracking-icon{width:64px;height:64px;background-color:var(--color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tracking-info{flex:1}.tracking-info h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.tracking-details{display:flex;flex-direction:column;gap:.25rem}.tracking-number{font-size:1.25rem;font-weight:600;color:var(--color-primary);font-family:Courier New,monospace;margin:0}.tracking-carrier{font-size:.9rem;color:var(--color-text-secondary);margin:0}.tracking-card .btn{flex-shrink:0;white-space:nowrap}@media(max-width:768px){.timeline-horizontal{flex-direction:column;gap:2rem}.timeline-step{flex-direction:row;align-items:flex-start;text-align:left;width:100%}.timeline-icon{margin-bottom:0;margin-right:1rem;flex-shrink:0;width:48px;height:48px}.timeline-connector{display:none}.tracking-card{flex-direction:column;text-align:center}.tracking-icon{width:56px;height:56px}.tracking-card .btn{width:100%}}.create-shop-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.create-shop-container{max-width:700px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem}.header-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.page-header h1{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.shop-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.form-group input,.form-group textarea{padding:.875rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.info-box{display:flex;gap:1rem;padding:1rem 1.25rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;align-items:flex-start}.info-box svg{stroke:var(--color-primary);flex-shrink:0;margin-top:.125rem}.info-box p{margin:0;font-size:.9rem;color:var(--color-text);line-height:1.5}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.form-actions .btn{padding:.875rem 2rem;font-size:1rem}@media(max-width:768px){.create-shop-page{padding:1rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem}.shop-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.success-banner{padding:1rem 1.5rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-weight:500;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.success-banner svg{flex-shrink:0}.shop-dashboard{min-height:100vh;background-color:var(--color-background);padding:2rem}.dashboard-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:center;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:48px;height:48px;background-color:#2f5f451a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.stat-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:lowercase;margin:0 0 .25rem}.orders-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.orders-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:1rem;border-bottom:2px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:lowercase}.orders-table td{padding:1rem;border-bottom:1px solid var(--color-border);font-size:.95rem;color:var(--color-text)}.orders-table tbody tr:hover{background-color:var(--color-background)}.order-number-link{font-family:monospace;font-weight:600;color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}.order-number-link:hover{opacity:.8}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:500}.customer-email{font-size:.85rem;color:var(--color-text-secondary)}.order-total{font-weight:600;color:var(--color-primary)}.status-badge{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:lowercase;white-space:nowrap}.status-processing{background-color:#fbbf241a;color:#f59e0b}.status-shipped{background-color:#a855f71a;color:#a855f7}.status-delivered{background-color:#4caf501a;color:var(--color-primary)}.tracking-badge{font-size:.85rem;font-family:monospace;color:var(--color-text-secondary)}.tracking-form-row{background-color:var(--color-background)!important}.tracking-form{padding:1.5rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface)}.tracking-form h4{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text)}.form-actions{display:flex;gap:.75rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{font-size:1.05rem;color:var(--color-text-secondary);margin:0}.dashboard-loading,.orders-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.dashboard-loading p,.orders-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.shop-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.orders-section{padding:1rem}.orders-header{flex-direction:column;align-items:flex-start}.orders-table{font-size:.85rem}.orders-table th,.orders-table td{padding:.75rem .5rem}.form-row{grid-template-columns:1fr}}.shop-order-detail-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.detail-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-left{display:flex;flex-direction:column;gap:.75rem}.back-link{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.back-link:hover{color:var(--color-primary)}.detail-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-paid{background-color:#3b82f61a;color:#3b82f6}.status-shipped{background-color:#8b5cf61a;color:#8b5cf6}.status-delivered{background-color:#22c55e1a;color:#22c55e}.status-cancelled{background-color:#ef44441a;color:#ef4444}.shipping-form-card{background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:12px;padding:2rem}.shipping-form-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group input{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.detail-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.detail-card h2{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);text-transform:lowercase}.info-group{margin-bottom:1rem}.info-group:last-child{margin-bottom:0}.info-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.info-group p{font-size:1rem;color:var(--color-text);margin:0}.address p{margin:0 0 .25rem;color:var(--color-text)}.timeline{display:flex;flex-direction:column;gap:1.25rem}.timeline-item{display:flex;gap:1rem;align-items:flex-start}.timeline-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-primary);margin-top:.25rem;flex-shrink:0}.timeline-content{flex:1}.timeline-label{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.timeline-date{font-size:.85rem;color:var(--color-text-secondary);margin:0}.tracking-number{font-family:Courier New,monospace;font-size:1.1rem;color:var(--color-primary);font-weight:600}.items-card{grid-column:1 / -1}.items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.item-row{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-background);border-radius:8px}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.item-info{flex:1}.item-info h3{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.item-info p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.item-price{font-size:1.1rem;font-weight:600;color:var(--color-text)}.order-summary{border-top:2px solid var(--color-border);padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin-left:auto}.summary-row{display:flex;justify-content:space-between;font-size:.95rem;color:var(--color-text)}.summary-total{font-size:1.25rem;font-weight:600;padding-top:.75rem;border-top:1px solid var(--color-border);color:var(--color-text)}.detail-loading,.detail-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.detail-loading p,.detail-error p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.shop-order-detail-page{padding:1rem}.detail-header{flex-direction:column;align-items:flex-start}.detail-header h1{font-size:1.5rem}.detail-grid,.form-row{grid-template-columns:1fr}.item-row{flex-direction:column;align-items:flex-start}.order-summary{max-width:100%}}.item-variant{font-size:.9rem;color:var(--color-text-secondary);margin:.25rem 0;font-style:italic}.item-sku{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0;font-family:Courier New,monospace}.shop-analytics{min-height:100vh;background-color:var(--color-background);padding:2rem}.analytics-container{max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.analytics-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.date-range-filter{display:flex;gap:.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.25rem}.range-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;text-transform:lowercase}.range-btn:hover{background-color:var(--color-background);color:var(--color-text)}.range-btn.active{background-color:var(--color-primary);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.revenue{background-color:#2f5f451a;color:var(--color-primary)}.stat-icon.orders{background-color:#d99e421a;color:var(--color-accent)}.stat-icon.average{background-color:#b4584a1a;color:var(--color-warning)}.stat-content{flex:1}.stat-label{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .25rem;text-transform:lowercase}.stat-value{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0}.analytics-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.analytics-card h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem;text-transform:lowercase}.card-description{font-size:.9rem;color:var(--color-text-secondary);margin:-.5rem 0 1.5rem}.chart-container{width:100%;overflow-x:auto}.revenue-chart-wrapper{display:flex;gap:1rem;min-width:650px;align-items:stretch}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:320px;min-width:80px;flex-shrink:0;padding:10px 0}.y-axis-label{font-size:.75rem;color:var(--color-text-secondary);text-align:right;line-height:1}.revenue-chart{display:flex;align-items:flex-end;gap:.75rem;height:320px;flex:1;padding:10px 0;box-sizing:border-box}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:40px;height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,var(--color-primary) 0%,rgba(47,95,69,.7) 100%);border-radius:6px 6px 0 0;position:relative;min-height:2px;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;box-sizing:border-box}.chart-bar:hover{opacity:.8;transform:translateY(-2px)}.bar-value{font-size:.75rem;font-weight:600;color:#fff;opacity:0;transition:opacity .2s;white-space:nowrap}.chart-bar:hover .bar-value{opacity:1}.bar-label{margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.analytics-two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.products-list{display:flex;flex-direction:column;gap:1rem}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;transition:all .2s}.product-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.product-rank{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.product-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.product-details{flex:1;min-width:0}.product-details h3{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-stats{font-size:.85rem;color:var(--color-text-secondary);margin:0}.product-revenue{font-size:1.1rem;font-weight:600;color:var(--color-primary);flex-shrink:0}.ring-breakdown-card{background:linear-gradient(135deg,#2f5f4508,#2f5f4514)}.ring-breakdown{display:flex;flex-direction:column;gap:1.5rem}.ring-bars{display:flex;flex-direction:column;gap:1.25rem}.ring-bar-item{display:flex;flex-direction:column;gap:.5rem}.ring-bar-header{display:flex;justify-content:space-between;align-items:center}.ring-label{font-size:.95rem;font-weight:500;color:var(--color-text)}.ring-percentage{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.ring-bar-track{height:12px;background-color:var(--color-background);border-radius:6px;overflow:hidden;border:1px solid var(--color-border)}.ring-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.ring-stats{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary)}.ring-insight{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;margin-top:.5rem}.ring-insight svg{color:var(--color-primary);flex-shrink:0;margin-top:.125rem}.ring-insight p{font-size:.9rem;color:var(--color-text);margin:0;line-height:1.5}.ring-insight strong{color:var(--color-primary);font-weight:600}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.empty-state p{margin:0;font-size:.95rem}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.analytics-two-column{grid-template-columns:1fr}}@media(max-width:768px){.shop-analytics{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.date-range-filter{width:100%;overflow-x:auto}.stats-grid{grid-template-columns:1fr}.analytics-card{padding:1.5rem}.product-item{flex-wrap:wrap}.product-revenue{width:100%;text-align:right}}.variant-builder{display:flex;flex-direction:column;gap:2rem}.variant-builder-header h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.helper-text{font-size:.9rem;color:var(--color-text-secondary);margin:0}.helper-text-small{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 0}.variant-options-section{display:flex;flex-direction:column;gap:1.5rem}.variant-option-config{padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.option-header h4{font-size:1rem;font-weight:500;color:var(--color-text);margin:0}.value-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.checkbox-label:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label input[type=checkbox]:checked+.color-swatch,.checkbox-label input[type=checkbox]:checked~span{font-weight:500}.color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--color-border);flex-shrink:0}.custom-value-input{margin-top:1rem}.custom-value-input input{width:100%}.selected-values{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.value-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--color-primary);color:#fff;border-radius:6px;font-size:.9rem}.value-tag button{background:none;border:none;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;opacity:.8;transition:opacity .2s ease}.value-tag button:hover{opacity:1}.generated-variants-section{padding-top:1.5rem;border-top:1px solid var(--color-border)}.generated-variants-section h4{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.variants-table{overflow-x:auto}.variants-table table{width:100%;border-collapse:collapse}.variants-table th{text-align:left;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.variants-table th:last-child{text-align:center}.variants-table td{padding:.75rem;border:1px solid var(--color-border);background-color:var(--color-surface)}.variants-table td:last-child{text-align:center}.variants-table .variant-title{font-weight:500;color:var(--color-text)}.variants-table input[type=text],.variants-table input[type=number],.variants-table input[type=url]{width:100%;min-width:80px}.variants-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-control-sm{padding:.375rem .5rem;font-size:.9rem}.variant-image-cell{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.variant-image-preview{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border)}.btn-text{background:none;border:none;padding:.5rem;font-size:.9rem;cursor:pointer;color:var(--color-text-secondary);transition:color .2s ease}.btn-text:hover{color:var(--color-text)}.btn-text.btn-danger:hover{color:var(--color-danger)}@media(max-width:768px){.variant-option-config{padding:1rem}.value-checkboxes{gap:.5rem}.checkbox-label{font-size:.85rem;padding:.375rem .625rem}.variants-table{font-size:.85rem}.variants-table th,.variants-table td{padding:.5rem}}.product-ring-selector{display:flex;flex-direction:column;gap:1rem}.product-ring-label{font-size:1rem;font-weight:500;color:var(--color-text);display:flex;flex-direction:column;gap:.25rem}.product-ring-hint{font-size:.85rem;font-weight:400;color:var(--color-text-secondary)}.product-ring-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.product-ring-option{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;font-family:var(--font-family)}.product-ring-option:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-primary);transform:translateY(-2px)}.product-ring-option.selected{background-color:var(--color-background);border-color:var(--color-primary);box-shadow:0 0 0 3px #4a8f6a26}.product-ring-option:disabled{opacity:.6;cursor:not-allowed}.product-ring-visual{flex-shrink:0}.product-ring-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.product-ring-info{flex:1;min-width:0}.product-ring-name{font-weight:500;font-size:.95rem;color:var(--color-text);margin-bottom:.25rem;text-transform:lowercase}.product-ring-description{font-size:.85rem;color:var(--color-text-secondary)}.product-selected-indicator{color:var(--color-primary);font-size:1.5rem;font-weight:700;flex-shrink:0}.product-ring-explainer{display:flex;gap:.75rem;padding:1rem;background-color:#4a8f6a1a;border-left:3px solid var(--color-primary);border-radius:6px}.product-ring-explainer svg{flex-shrink:0;stroke:var(--color-primary);margin-top:.125rem}.product-ring-explainer p{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-text)}@media(max-width:768px){.product-ring-options{grid-template-columns:1fr}.product-ring-circle{width:40px;height:40px;font-size:1rem}.product-ring-name{font-size:.9rem}.product-ring-description{font-size:.8rem}}.create-product-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.create-product-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.page-header p{font-size:1.05rem;color:var(--color-text-secondary);margin:0}.product-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group small{font-size:.85rem;color:var(--color-text-secondary)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.form-actions .btn{padding:.75rem 2rem}.form-section-prominent{padding:2rem;background-color:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem}.form-section-prominent h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.variant-choice{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.choice-option{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.choice-option:hover{border-color:var(--color-primary);background-color:var(--color-background)}.choice-option input[type=radio]{margin-top:.25rem;width:20px;height:20px;cursor:pointer;flex-shrink:0}.choice-option input[type=radio]:checked+.choice-content{color:var(--color-text)}.choice-option:has(input[type=radio]:checked){border-color:var(--color-primary);background-color:var(--color-background);box-shadow:0 0 0 1px var(--color-primary)}.choice-content{flex:1}.choice-content strong{display:block;font-size:1.05rem;color:var(--color-text);margin-bottom:.5rem}.choice-content p{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media(max-width:768px){.create-product-page{padding:1rem}.product-form,.form-section-prominent{padding:1.5rem}.variant-choice,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.product-list-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.products-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.products-header{display:flex;justify-content:space-between;align-items:center}.products-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.products-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);border-radius:8px;font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;align-items:stretch}.products-grid .product-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all .2s ease}.products-grid .product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.products-grid .product-card.inactive{opacity:.6}.products-grid .product-info-link{display:block;text-decoration:none;color:inherit;flex:1}.products-grid .product-image-link{display:block;text-decoration:none;flex-shrink:0}.products-grid .product-image{position:relative;width:100%;height:200px;background-color:var(--color-background);overflow:hidden;flex-shrink:0}.products-grid .product-image img{width:100%;height:100%;object-fit:cover}.products-grid .product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.products-grid .inactive-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;background-color:var(--color-warning);color:#fff;font-size:.75rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.products-grid .product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.products-grid .product-name{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;height:3.25rem}.products-grid .product-description{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.52rem}.products-grid .product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border);min-height:3rem}.products-grid .product-price{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.products-grid .product-inventory{font-size:.85rem;color:var(--color-text-secondary)}.out-of-stock{color:var(--color-warning);font-weight:500}.products-grid .product-actions{padding:1rem 1.25rem;background-color:var(--color-background);border-top:1px solid var(--color-border);display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0;min-height:68px}.products-grid .product-actions .btn{flex:1;min-width:fit-content;text-align:center}.products-grid .product-actions .btn-danger{background-color:transparent;color:var(--color-warning);border:2px solid var(--color-warning)}.products-grid .product-actions .btn-danger:hover{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.empty-state{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.empty-icon{width:80px;height:80px;margin:0 auto 2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.empty-state h3{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.empty-state p{font-size:1.05rem;color:var(--color-text-secondary);margin:0 0 2rem}.products-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.products-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.product-list-page{padding:1rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.products-header h1{font-size:1.5rem}.products-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-actions .btn{width:100%}}.product-edit-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.edit-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.edit-header{display:flex;justify-content:space-between;align-items:center}.edit-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.edit-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.form-section h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.95rem;font-weight:500;color:var(--color-text)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-with-prefix{display:flex;align-items:center;position:relative}.input-prefix{position:absolute;left:.75rem;color:var(--color-text-secondary);font-size:1rem;pointer-events:none}.input-with-prefix input{padding-left:2rem;width:100%}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{font-size:.95rem;color:var(--color-text)}.image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--color-border);background-color:var(--color-background);cursor:pointer;transition:all .2s ease}.image-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.image-item.primary{border-color:var(--color-primary);cursor:default}.image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background-color:#000000b3;color:#fff;border:none;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-image-btn:hover{background-color:var(--color-warning)}.primary-badge{position:absolute;bottom:.5rem;left:.5rem;padding:.25rem .5rem;background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.error-banner{padding:1rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-danger);border-left:4px solid var(--color-danger);border-radius:8px;color:var(--color-text);margin-bottom:1.5rem}.success-banner{position:fixed;top:2rem;left:50%;transform:translate(-50%);max-width:600px;width:calc(100% - 4rem);padding:1rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-primary);border-left:4px solid var(--color-primary);border-radius:8px;color:var(--color-text);display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease-out;z-index:1000;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-banner svg{color:var(--color-primary);flex-shrink:0}.edit-loading,.edit-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.edit-loading p,.edit-error p{color:var(--color-text-secondary);margin:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.product-edit-page{padding:1rem}.edit-header{flex-direction:column;align-items:flex-start;gap:1rem}.edit-header h1{font-size:1.5rem}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.image-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-actions{flex-direction:column}.form-actions button{width:100%}}.product-type-display{padding:1.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.type-info{display:flex;align-items:flex-start;gap:1rem}.type-icon{width:32px;height:32px;flex-shrink:0;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.type-icon svg{width:100%;height:100%}.type-info strong{display:block;font-size:1.1rem;color:var(--color-text);margin-bottom:.25rem}.type-description{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.shopify-integration-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.shopify-container{max-width:1000px;margin:0 auto}.page-header{margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.page-header p{font-size:1.1rem;color:var(--color-text-secondary);margin:0}.error-banner{padding:1rem 1.5rem;background-color:#d146001a;border:1px solid var(--color-warning);border-radius:8px;margin-bottom:2rem}.error-banner p{color:var(--color-warning);margin:0;font-weight:500}.success-banner{padding:1rem 1.5rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;margin-bottom:2rem}.success-banner p{color:var(--color-primary);margin:0;font-weight:500}.integration-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.section-header p{font-size:.95rem;color:var(--color-text-secondary);margin:0}.connection-success{margin-top:1.5rem;padding:1.5rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px}.connection-success h3{color:var(--color-primary);font-size:1.25rem;font-weight:500;margin:0 0 1rem}.shop-details p{margin:.5rem 0;color:var(--color-text);font-size:.95rem}.shop-details strong{color:var(--color-text);font-weight:500}.count-result{margin-top:1.5rem;padding:1rem 1.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.count-result h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.product-previews{margin-top:1.5rem}.product-previews h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.preview-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .2s ease}.preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.preview-image{width:100%;aspect-ratio:1;background-color:var(--color-surface);overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-info{padding:1rem}.preview-info h4{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preview-price{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin:0 0 .5rem}.preview-meta{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .5rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#2f5f451a;color:var(--color-primary)}.status-badge.draft{background-color:#ffc1071a;color:#d97706}.import-result{margin-top:1.5rem;padding:1.5rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px}.import-result h3{color:var(--color-primary);font-size:1.25rem;font-weight:500;margin:0 0 1rem}.import-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:var(--color-text-secondary)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--color-text)}.stat-value.success{color:var(--color-primary)}.stat-value.error{color:var(--color-warning)}.import-errors{margin-top:1rem;padding:1rem;background-color:#d146001a;border:1px solid var(--color-warning);border-radius:8px}.import-errors h4{font-size:1rem;font-weight:500;color:var(--color-warning);margin:0 0 .5rem}.import-errors p{font-size:.85rem;color:var(--color-text);margin:.25rem 0}.help-section{background-color:var(--color-background)}.help-section h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.help-section p{font-size:.95rem;color:var(--color-text);margin:.5rem 0;line-height:1.6}.btn-large{padding:1rem 2rem;font-size:1.1rem}@media(max-width:768px){.shopify-integration-page{padding:1rem}.page-header h1{font-size:2rem}.integration-section{padding:1.5rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.import-stats{grid-template-columns:1fr}}.connect-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:500;color:var(--color-text);margin-bottom:0}.form-group input{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-help{font-size:.85rem;color:var(--color-text-secondary);margin:0}.help-box{margin-top:2rem;padding:1.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.help-box h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.help-box ol{margin:0;padding-left:1.5rem;color:var(--color-text)}.help-box li{margin:.5rem 0;line-height:1.6}.help-box strong{color:var(--color-primary)}.connection-status{background-color:#2f5f450d;border-color:var(--color-primary)}.connection-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-background);border-radius:8px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.detail-value{font-size:.95rem;color:var(--color-text)}.sync-status{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;text-transform:lowercase}.sync-status.success{background-color:#2f5f451a;color:var(--color-primary)}.sync-status.error{background-color:#d146001a;color:var(--color-warning)}.sync-status.in_progress{background-color:#d9a5741a;color:var(--color-accent)}@media(max-width:768px){.connect-form{max-width:100%}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.help-box{padding:1rem}}.app{min-height:100vh;background-color:var(--color-background);transition:background-color .3s ease}.main{padding:2rem}.content-wrapper{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:background-color .3s ease,border-color .3s ease}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.card-title{font-size:1.5rem;font-weight:400;color:var(--color-text);margin:0 0 1rem}.card-text{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.notification-dot{width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.status-label{color:var(--color-text-secondary);font-size:.9rem}.status-value{font-weight:500;font-size:.9rem}.status-checking{color:var(--color-text-secondary)}.status-connected{color:var(--color-primary)}.status-error{color:var(--color-warning)}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-background);border:2px solid var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-background);transform:translateY(-1px)}.btn-small{padding:.5rem 1rem;font-size:.9rem}.banner{padding:1rem 1.5rem;border-radius:8px;border-left:4px solid}.banner-warning{background-color:var(--color-surface);border-left-color:var(--color-warning);color:var(--color-text)}.banner strong{color:var(--color-warning)}.info-banner{margin-top:1.5rem;padding:1rem;background-color:var(--color-accent);color:var(--color-background);border-radius:8px;text-align:center}.info-banner p{margin:0;font-size:.9rem}@media(max-width:768px){.main{padding:1rem}.card{padding:1.5rem}.button-group{flex-direction:column}.btn{width:100%}}