@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: #EEEADD;--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-side-panel .profile-panel-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);margin:0 auto 1rem;display:block}.profile-side-panel .profile-panel-avatar-placeholder{width:120px;height:120px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;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-nav-item.has-unread{color:var(--color-warning)}.panel-nav-item.has-unread svg{stroke:var(--color-warning)}.panel-nav-section+.panel-nav-section{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.panel-nav-section-primary .nav-section-title{color:var(--color-primary)}.nav-unread-badge{margin-left:auto;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-warning);color:#fff;font-size:.7rem;font-weight:600;border-radius:10px;padding:0 6px}.panel-hint{font-size:.85rem;color:var(--color-text-secondary);padding:0 1rem;margin:.5rem 0 0;font-style:italic;line-height:1.4}.active-company-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-top:.75rem;background:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;font-size:.85rem;color:var(--color-primary);font-weight:500}.active-company-indicator svg{flex-shrink:0;stroke:var(--color-primary)}.back-button{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:opacity .2s}.back-button:hover{opacity:.7}.create-company-form-inline{display:flex;flex-direction:column;gap:1rem;padding:0}.form-error{padding:.75rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.85rem}.create-company-form-inline .creator-link-checkbox{padding:1rem 1rem .75rem;background:#2f5f450d;border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.profile-side-panel .create-company-form-inline .creator-link-checkbox .checkbox-label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;-webkit-user-select:none;user-select:none;margin:0!important;padding:0!important;width:auto!important}.profile-side-panel .create-company-form-inline .creator-link-checkbox .checkbox-label span{flex:0 1 auto;display:inline-block}.profile-side-panel .create-company-form-inline .creator-link-checkbox .checkbox-label input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;cursor:pointer!important;accent-color:var(--color-primary)!important;flex-shrink:0!important;margin:0 0 0 .5rem!important;padding:0!important;display:inline-block!important}.create-company-form-inline .checkbox-description{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:.75rem 0;padding:0;text-align:center}.create-company-form-inline .checkbox-warning{font-size:.85rem;color:var(--color-text-secondary);padding:.5rem .75rem;margin:.5rem 0 0;background:#d99e421a;border-left:3px solid var(--color-accent);border-radius:4px}.create-company-form-inline .checkbox-warning strong{color:var(--color-accent);font-weight:600}.form-group label{font-size:.85rem;font-weight:500;color:var(--color-text)}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;color:var(--color-text-secondary);font-size:.9rem;pointer-events:none}.input-with-prefix input{padding-left:28px!important}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .2s}.create-company-form-inline .form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232F5F45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.field-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:-.25rem}.btn-submit{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s;margin-top:.5rem}.btn-submit:hover:not(:disabled){opacity:.9}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.company-switcher-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);width:100%}.company-switcher-title{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.company-switch-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:.5rem}.company-switch-button:hover{background:var(--color-background);border-color:var(--color-primary)}.company-switch-info{display:flex;flex-direction:column;gap:.25rem;text-align:left}.company-switch-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.company-switch-meta{font-size:.75rem;color:var(--color-text-secondary)}.switch-back-button,.create-company-button{width:100%;padding:.75rem;margin-top:.75rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.switch-back-button:hover,.create-company-button:hover{background:var(--color-background);border-color:var(--color-primary)}.invites-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-top:.75rem;background:#d4a5741a;border:1px solid var(--color-accent);border-radius:8px;font-size:.85rem;color:var(--color-accent);font-weight:500;text-decoration:none;transition:all .2s}.invites-link:hover{background:#d4a57433}@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}}.upload-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;max-width:400px;width:100%}.upload-toast{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.upload-toast-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.upload-toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-background)}.upload-toast-icon svg{stroke:var(--color-primary)}.upload-toast-title{flex:1;font-weight:500;color:var(--color-text);font-size:.95rem}.upload-toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upload-toast-close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.upload-progress-bar{width:100%;height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease;border-radius:3px}.upload-processing{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--color-background);border-radius:6px}.processing-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.upload-processing span{font-size:.85rem;color:var(--color-text-secondary)}.upload-complete{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:#4a8f6a1a;border-radius:6px;color:var(--color-primary)}.upload-complete svg{stroke:var(--color-primary);flex-shrink:0}.upload-complete span{font-size:.85rem;font-weight:500}.upload-error{padding:.5rem;background-color:#d146001a;border-radius:6px;color:var(--color-warning);font-size:.85rem}.upload-toast.upload-error{border-color:var(--color-warning)}.clear-completed-btn{padding:.5rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.clear-completed-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}@media(max-width:768px){.upload-toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}.upload-toast{padding:.875rem}.upload-toast-title{font-size:.9rem}.upload-processing span,.upload-complete span,.upload-error{font-size:.8rem}}.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;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;gap:0}.header-left{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;flex-shrink:0}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:none;background:none;cursor:pointer;border-radius:8px;color:var(--color-text);transition:background-color .2s ease,color .2s ease;flex-shrink:0;margin-left:12px}.sidebar-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.logo{display:flex;align-items:center;gap:.25rem;text-decoration:none;font-size:1.5rem;font-weight:400;transition:opacity .3s ease;padding:0!important;margin:0!important;white-space:nowrap}.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-search{flex:1;display:flex;align-items:center;margin-left:2.5rem;margin-right:1rem;padding:0 .75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;height:38px;max-height:38px;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.header-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a8f6a26}.header-search-icon{flex-shrink:0;color:var(--color-text-secondary)}.header-search-input{flex:1;border:none;background:none;outline:none;font-size:.875rem;color:var(--color-text);min-width:0;height:100%;padding:0 0 0 .25rem;margin:0}.header-search-input::placeholder{color:var(--color-text-secondary)}.search-shortcut{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text-secondary);font-size:.7rem;font-family:inherit;line-height:1}.header-search:focus-within .search-shortcut{display:none}.header-right{display:flex;align-items:center;gap:1rem;transition:margin-right .2s ease;flex-shrink:0}.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-surface-hover)}.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-surface-hover);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.has-unread{border-color:var(--color-warning);box-shadow:0 0 0 2px #c67b5c4d}.profile-photo-button.has-unread:hover{border-color:var(--color-warning)}.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}.sidebar-toggle{margin-left:8px}.logo{font-size:1.25rem;padding-left:4px!important}.header-search{margin-left:.5rem;margin-right:.5rem}.search-shortcut{display:none}.cart-button{width:36px;height:36px}.cart-badge{min-width:18px;height:18px;font-size:.65rem}.user-greeting{display:none}}.nsfw-overlay-wrap{position:relative}.nsfw-overlay-blur{position:absolute;inset:0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:#0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border-radius:inherit}.nsfw-overlay-label{background-color:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.nsfw-blur-img{filter:blur(20px);-webkit-filter:blur(20px)}.nsfw-thumbnail-blurred{cursor:pointer}.nsfw-thumbnail-blurred img{filter:blur(20px);-webkit-filter:blur(20px)}.search-dropdown{position:fixed;top:58px;left:50%;transform:translate(-50%);width:560px;max-height:480px;overflow-y:auto;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:200;padding:.5rem 0;animation:searchDropdownIn .15s ease-out}@keyframes searchDropdownIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.search-dropdown-section{padding:.25rem 0}.search-dropdown-section+.search-dropdown-section{border-top:1px solid var(--color-border)}.search-dropdown-section-header{padding:.4rem 1rem .25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.search-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;transition:background-color .1s ease}.search-dropdown-item:hover,.search-dropdown-item.active{background-color:var(--color-surface-hover)}.search-item-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.search-item-avatar img{width:100%;height:100%;object-fit:cover}.search-item-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;font-size:.8rem;font-weight:600}.search-item-icon{width:32px;height:32px;border-radius:8px;overflow:hidden;flex-shrink:0}.search-item-icon img{width:100%;height:100%;object-fit:cover}.search-item-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-primary);font-size:.7rem;font-weight:600}.search-item-thumbnail{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background-color:var(--color-surface)}.search-item-thumbnail img{width:100%;height:100%;object-fit:cover}.search-item-info{flex:1;min-width:0}.search-item-title{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-subtitle{font-size:.775rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-footer{padding:.6rem 1rem;text-align:center;font-size:.85rem;color:var(--color-primary);cursor:pointer;border-top:1px solid var(--color-border);transition:background-color .1s ease}.search-dropdown-footer:hover{background-color:var(--color-surface-hover)}.search-dropdown-loading,.search-dropdown-empty{padding:1.5rem 1rem;text-align:center;color:var(--color-text-secondary);font-size:.85rem}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:transparent}.search-dropdown::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}@media(max-width:768px){.search-dropdown{width:calc(100% - 1rem);left:.5rem;transform:none;max-height:60vh}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width, 240px);background-color:var(--color-background);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;z-index:99;padding-top:73px;transition:width .25s ease}.sidebar.sidebar--collapsed{overflow-x:visible;overflow-y:visible}.sidebar.sidebar--collapsed{width:var(--sidebar-width-collapsed, 64px)}.sidebar.sidebar--collapsed .nav-label,.sidebar.sidebar--collapsed .section-title-text{display:none!important}.sidebar.sidebar--collapsed .section-title{justify-content:center;padding:.5rem 0}.sidebar.sidebar--collapsed .nav-section{padding:0 .5rem}.sidebar.sidebar--collapsed .nav-item{justify-content:center!important;padding:.75rem 0!important;position:relative!important;gap:0!important}.sidebar.sidebar--collapsed .nav-icon{width:20px;height:20px}.nav-tooltip{display:none!important}.sidebar.sidebar--collapsed .nav-item:hover>.nav-tooltip{display:block!important;position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:var(--color-primary);color:var(--color-background);padding:.4rem .75rem;border-radius:6px;font-size:.825rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #0003}.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;transition:padding .25s ease}.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;display:flex;align-items:center}.section-title-text{transition:opacity .2s ease}.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,padding .25s ease;cursor:pointer;position:relative}.nav-item:hover{background-color:var(--color-surface-hover)}.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;transition:opacity .2s ease,width .25s ease;white-space:nowrap}.coming-soon{padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.nav-badge{margin-left:auto;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-warning);color:#fff;font-size:.7rem;font-weight:600;border-radius:10px;padding:0 6px}.sidebar.sidebar--collapsed .nav-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;font-size:.6rem;padding:0 4px}.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)}@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)}:root{--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 64px;--sidebar-width: var(--sidebar-width-expanded)}.app-layout.sidebar-collapsed,html.sidebar-collapsed{--sidebar-width: var(--sidebar-width-collapsed)}.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 .25s ease,margin-right .3s ease;min-height:calc(100vh - 73px)}.main-content.with-sidebar{margin-left:var(--sidebar-width)}.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}}.home-dashboard{max-width:1600px;margin:0 auto;padding:2rem 1.5rem 4rem}.home-dashboard .dashboard-loading{text-align:center;padding:4rem 1rem;color:var(--color-text-secondary)}.home-dashboard .dashboard-header{margin-bottom:2rem}.dashboard-greeting h1{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.dashboard-greeting p{font-size:1rem;color:var(--color-text-secondary);margin:0}.home-dashboard .dashboard-empty{text-align:center;padding:4rem 2rem;max-width:500px;margin:2rem auto}.empty-purse-icon{color:var(--color-primary);margin-bottom:1.5rem}.home-dashboard .dashboard-empty h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.home-dashboard .dashboard-empty p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.purse-hero{text-align:center;padding:2.5rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:1.5rem}.purse-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.purse-icon{color:var(--color-text-secondary);flex-shrink:0}.purse-amount{font-size:3rem;font-weight:600;color:var(--color-primary);line-height:1.1}.purse-amount.purse-negative{color:var(--color-warning)}.purse-as-of{font-size:.85rem;color:var(--color-text-secondary);margin-top:.5rem}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1rem;text-align:center}.metric-value{font-size:1.35rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.metric-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:lowercase}.home-dashboard .chart-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.home-dashboard .chart-title{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.home-dashboard .chart-legend{display:flex;gap:1.25rem;margin-bottom:1rem}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-revenue{background-color:var(--color-primary)}.legend-expenses{background-color:var(--color-warning)}.legend-net{background-color:var(--color-text-secondary)}.legend-users{background-color:var(--color-primary)}.legend-new{background-color:var(--color-accent)}.home-dashboard .chart-with-axis{display:flex;gap:0;align-items:stretch}.home-dashboard .y-axis{position:relative;min-width:55px;height:200px;margin-bottom:44px}.home-dashboard .y-axis-label{position:absolute;right:8px;transform:translateY(50%);font-size:.65rem;color:var(--color-text-secondary);line-height:1;white-space:nowrap}.home-dashboard .chart-area{flex:1;position:relative;min-width:0;height:200px;margin-bottom:44px}.home-dashboard .chart-bars{display:flex;gap:.5rem;position:absolute;inset:0;z-index:1}.home-dashboard .chart-grid{position:absolute;inset:0;pointer-events:none}.home-dashboard .chart-grid-line{position:absolute;left:0;right:0;height:1px;background-color:var(--color-border);opacity:.5}.home-dashboard .chart-grid-line.zero-line{background-color:var(--color-text-secondary);opacity:.8}.home-dashboard .chart-bar-group{flex:1;position:relative;min-width:0}.home-dashboard .bar-column{position:absolute;inset:0}.home-dashboard .bar-pair{position:absolute;inset:0;display:flex;gap:3px;align-items:flex-end;justify-content:center}.home-dashboard .bar-pair-single .bar{max-width:36px}.home-dashboard .bar{flex:0 1 28px;min-height:1px;border-radius:4px 4px 0 0;position:relative;transition:height .6s ease}.home-dashboard .bar-revenue{background-color:var(--color-primary)}.home-dashboard .bar-expenses{background-color:var(--color-warning)}.home-dashboard .bar-users{background-color:var(--color-primary)}.home-dashboard .bar-value{position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--color-text-secondary);white-space:nowrap;display:none}.home-dashboard .chart-bar-group:hover .bar-value{display:block}.home-dashboard .bar-net{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:.65rem;font-weight:500;white-space:nowrap;height:14px}.home-dashboard .bar-net.positive{color:var(--color-primary)}.home-dashboard .bar-net.negative{color:var(--color-warning)}.home-dashboard .bar-label{position:absolute;bottom:-34px;left:0;right:0;text-align:center;font-size:.65rem;color:var(--color-text-secondary);white-space:nowrap}.purse-bar-wrapper{position:absolute;inset:0}.purse-bar{transition:height .6s ease;position:relative}.purse-bar-pos{background:linear-gradient(to top,var(--color-primary),rgba(74,143,106,.65))}.purse-bar-neg{background:linear-gradient(to bottom,var(--color-warning),rgba(217,119,6,.65))}.purse-bar .bar-value{top:auto;bottom:calc(100% + 4px)}.purse-bar-neg .bar-value{top:calc(100% + 4px);bottom:auto}.breakdown-bars{display:flex;flex-direction:column;gap:.6rem}.breakdown-row{display:flex;align-items:center;gap:.75rem}.breakdown-label{width:110px;font-size:.8rem;color:var(--color-text);text-align:right;flex-shrink:0}.breakdown-bar-track{flex:1;height:20px;background-color:var(--color-background);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.revenue-fill{background-color:var(--color-primary)}.expenses-fill{background-color:var(--color-warning)}.breakdown-value{width:70px;font-size:.8rem;font-weight:500;color:var(--color-text);flex-shrink:0}@media(max-width:768px){.home-dashboard{padding:1.5rem 1rem 3rem}.dashboard-greeting h1{font-size:1.4rem}.purse-amount{font-size:2.25rem}.metrics-row{grid-template-columns:repeat(2,1fr)}.home-dashboard .chart-bar-group{min-width:50px}.home-dashboard .y-axis{min-width:40px}.breakdown-label{width:80px;font-size:.75rem}}.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}}.custom-dropdown{position:relative;display:inline-block}.dropdown-trigger{width:100%;padding:.75rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;color:var(--color-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;text-transform:lowercase}.dropdown-trigger:hover:not(.disabled){border-color:var(--color-primary)}.dropdown-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f5f451a}.dropdown-trigger.open{border-color:var(--color-primary)}.dropdown-trigger.disabled{opacity:.5;cursor:not-allowed}.dropdown-value{display:flex;align-items:center;gap:.5rem;flex:1}.dropdown-placeholder{color:var(--color-text-secondary)}.dropdown-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-arrow{color:var(--color-text-secondary);transition:transform .2s;flex-shrink:0}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-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;overflow:hidden;animation:dropdownFadeIn .15s ease;text-transform:lowercase}.dropdown-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-option:hover{background-color:var(--color-surface-hover)}.option-icon{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}.option-label{font-size:.9rem;color:var(--color-text);flex:1;text-transform:lowercase}.check-icon{color:var(--color-primary);margin-left:auto;flex-shrink:0}.dropdown-option.selected{background-color:var(--color-surface-hover)}@media(max-width:768px){.dropdown-trigger{padding:.65rem .875rem;font-size:.9rem}.dropdown-option{padding:.75rem 1rem}}.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}.column-editor{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background-color:var(--color-background)}.editor-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.toolbar-group{display:flex;gap:.25rem}.toolbar-divider{width:1px;height:24px;background-color:var(--color-border)}.editor-toolbar button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;transition:all .2s ease;font-family:var(--font-family);font-size:.9rem;font-weight:600}.editor-toolbar button:hover:not(:disabled){background-color:var(--color-surface)}.editor-toolbar button.active{background-color:var(--color-primary);color:#fff}.editor-toolbar button:disabled{opacity:.3;cursor:not-allowed}.editor-toolbar button svg{stroke:currentColor}.column-editor-content{min-height:400px;padding:2rem;font-family:var(--font-family);font-size:1.125rem;line-height:1.75;color:var(--color-text);outline:none}.column-editor-content:focus{outline:none}.column-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-secondary);pointer-events:none;height:0}.column-editor-content h1{font-size:2.5rem;font-weight:600;line-height:1.2;margin-top:2rem;margin-bottom:1rem;color:var(--color-text)}.column-editor-content h2{font-size:2rem;font-weight:600;line-height:1.3;margin-top:2rem;margin-bottom:.75rem;color:var(--color-text)}.column-editor-content h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-top:1.5rem;margin-bottom:.5rem;color:var(--color-text)}.column-editor-content h1:first-child,.column-editor-content h2:first-child,.column-editor-content h3:first-child{margin-top:0}.column-editor-content p{margin-bottom:1.25rem}.column-editor-content p:last-child{margin-bottom:0}.column-editor-content a{color:var(--color-primary);text-decoration:underline;cursor:pointer}.column-editor-content a:hover{color:var(--color-primary-hover)}.column-editor-content strong{font-weight:600;color:var(--color-text)}.column-editor-content em{font-style:italic}.column-editor-content s{text-decoration:line-through}.column-editor-content code{font-family:Monaco,Courier New,monospace;font-size:.9em;padding:.2em .4em;background-color:var(--color-surface-hover);border-radius:4px;color:var(--color-text)}.column-editor-content pre{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin:1.5rem 0;overflow-x:auto}.column-editor-content pre code{background:none;padding:0;font-size:.9rem;line-height:1.5;display:block}.column-editor-content ul,.column-editor-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.column-editor-content ul{list-style-type:disc}.column-editor-content ol{list-style-type:decimal}.column-editor-content li,.column-editor-content li p{margin-bottom:.5rem}.column-editor-content blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--color-text-secondary)}.column-editor-content hr{border:none;border-top:2px solid var(--color-border);margin:2rem 0}.column-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block}@media(max-width:768px){.column-editor-content{padding:1.5rem;font-size:1rem}.editor-toolbar{padding:.5rem}.editor-toolbar button{width:28px;height:28px;font-size:.85rem}}.column-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block;cursor:pointer;transition:all .2s ease}.column-editor-content img:hover{box-shadow:0 4px 12px #00000026}.column-editor-content img.ProseMirror-selectednode{outline:3px solid var(--color-primary);outline-offset:3px}.column-editor-content.drag-over{background-color:#4a8f6a0d;border:2px dashed var(--color-primary)}.column-editor-content img[src=""]{min-height:200px;background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-surface) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.image-alignment-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--color-primary);border-bottom:1px solid var(--color-border);color:#fff}.alignment-label{font-size:.9rem;font-weight:500}.alignment-buttons{display:flex;gap:.5rem}.alignment-buttons button{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.alignment-buttons button:hover{background-color:#fff3}.alignment-buttons button.active{background-color:#ffffff4d;border-color:#ffffff80;font-weight:500}.alignment-buttons button svg{flex-shrink:0}.column-editor-content img[data-align=left]{float:left;margin:.5rem 1.5rem 1rem 0;max-width:50%}.column-editor-content img[data-align=right]{float:right;margin:.5rem 0 1rem 1.5rem;max-width:50%}.column-editor-content img[data-align=center],.column-editor-content img:not([data-align]){display:block;margin:1.5rem auto;max-width:100%}.column-editor-content p:after{content:"";display:table;clear:both}.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}.ep-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ep-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;padding:0}.ep-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:var(--color-surface);z-index:1}.ep-header>div{display:flex;align-items:center;gap:.75rem}.ep-header h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.ep-type-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background-color:#4a8f6a1a;padding:.2rem .6rem;border-radius:4px}.ep-close{width:32px;height:32px;border-radius:50%;border:none;background-color:transparent;color:var(--color-text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ep-close:hover{background-color:var(--color-background);color:var(--color-text)}.ep-form{padding:1.5rem;display:flex;flex-direction:column;gap:0}.ep-section{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.ep-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.ep-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:1.25rem}.ep-field{margin-bottom:1.25rem}.ep-field:last-child{margin-bottom:0}.ep-field>label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--color-text);margin-bottom:.4rem}.ep-required{color:var(--color-warning)}.ep-hint{font-size:.8rem;color:var(--color-text-secondary);margin:.2rem 0 .5rem;line-height:1.4}.ep-settings-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--color-text)}.ep-settings-label svg{opacity:.6}.ep-input{width:100%;padding:.65rem .85rem;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;box-sizing:border-box}.ep-input:focus{outline:none;border-color:var(--color-primary)}.ep-input:disabled{opacity:.6;cursor:not-allowed}.ep-input-large{font-size:1.2rem;font-weight:500;padding:.75rem .85rem}.ep-input-small{font-size:.85rem;padding:.5rem .75rem}.ep-textarea{width:100%;padding:.65rem .85rem;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;resize:vertical;min-height:80px;box-sizing:border-box}.ep-textarea:focus{outline:none;border-color:var(--color-primary)}.ep-textarea:disabled{opacity:.6;cursor:not-allowed}.ep-char-count{font-size:.8rem;color:var(--color-text-secondary);text-align:right;margin-top:.3rem}.ep-char-count.warning{color:var(--color-warning)}.ep-ring-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.ep-ring-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:2px solid var(--color-border);border-radius:20px;background:var(--color-background);cursor:pointer;transition:all .15s ease;font-family:var(--font-family);font-size:.85rem}.ep-ring-pill:hover{border-color:var(--color-primary)}.ep-ring-pill.selected{border-color:var(--color-primary);background-color:#4a8f6a14}.ep-ring-pill:disabled{opacity:.5;cursor:not-allowed}.ep-ring-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.ep-ring-name{font-weight:500;color:var(--color-text)}.ep-destination-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.ep-destination-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:var(--font-family);font-size:.9rem;background:var(--color-background)}.ep-destination-item:hover{border-color:var(--color-primary)}.ep-destination-item.selected{border-color:var(--color-primary);background-color:#4a8f6a0f}.ep-destination-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.ep-destination-item-compact{padding:.45rem .75rem;font-size:.85rem}.ep-ground-search{display:flex;flex-direction:column;gap:.4rem}.ep-ground-search-toggle{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-family:var(--font-family);cursor:pointer;padding:.4rem 0;text-align:left;font-weight:500}.ep-ground-search-toggle:hover{text-decoration:underline}.ep-ground-search-results{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.ep-ground-search-empty{font-size:.85rem;color:var(--color-text-secondary);padding:.5rem 0;font-style:italic}.ep-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:.5rem}.ep-image-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border)}.ep-image-thumb img{width:100%;height:100%;object-fit:cover}.ep-image-thumb img[src^="data:image/svg"]{object-fit:contain;background-color:#f5f0eb}.ep-featured-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.ep-featured-preview img{width:100%;max-height:200px;object-fit:cover;display:block}.ep-video-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-background)}.ep-video-player{width:100%;max-height:300px;display:block}.ep-remove-media{position:absolute;top:.4rem;right:.4rem;width:26px;height:26px;border-radius:50%;border:none;background-color:#000000b3;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.ep-remove-media:hover{background-color:var(--color-warning)}.ep-remove-video{top:.4rem;right:.4rem}.ep-new-badge{position:absolute;bottom:.4rem;left:.4rem;padding:.15rem .4rem;background-color:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase}.ep-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background-color:var(--color-background);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;font-family:var(--font-family)}.ep-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#4a8f6a0a}.ep-tagged-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.ep-tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background-color:#4a8f6a1a;border:1px solid var(--color-primary);border-radius:16px;font-size:.8rem;font-weight:500;color:var(--color-primary)}.ep-tag-chip button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.1rem;opacity:.7}.ep-tag-chip button:hover{opacity:1}.ep-autocomplete-wrap{position:relative}.ep-autocomplete-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-text-secondary)}.ep-autocomplete-dropdown{position:absolute;top:100%;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:10;max-height:200px;overflow-y:auto;margin-top:.25rem}.ep-autocomplete-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;width:100%;border:none;background:none;cursor:pointer;font-family:var(--font-family);text-align:left;transition:background-color .1s ease}.ep-autocomplete-item:hover{background-color:var(--color-background)}.ep-autocomplete-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ep-autocomplete-avatar img{width:100%;height:100%;object-fit:cover}.ep-autocomplete-avatar span{color:#fff;font-weight:600;font-size:.85rem}.ep-autocomplete-info{display:flex;flex-direction:column}.ep-autocomplete-name{font-weight:500;font-size:.9rem;color:var(--color-text)}.ep-autocomplete-username{font-size:.8rem;color:var(--color-text-secondary)}.ep-link-preview{display:flex;gap:.75rem;padding:.65rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin-top:.5rem;align-items:center}.ep-link-preview-image{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}.ep-link-preview-text{flex:1;min-width:0}.ep-link-preview-title{font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:.2rem;line-height:1.3}.ep-link-preview-desc{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.2rem;line-height:1.3}.ep-link-preview-domain{font-size:.75rem;color:var(--color-text-secondary);opacity:.7;word-break:break-all}.ep-error{padding:.65rem .85rem;background-color:#d1460014;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.85rem;margin-bottom:1rem}.ep-actions{display:flex;gap:.75rem;padding-top:1rem}.ep-actions .btn{flex:1;padding:.7rem 1rem;font-size:.95rem}@media(max-width:768px){.ep-overlay{padding:0;align-items:flex-end}.ep-modal{max-height:95vh;border-radius:12px 12px 0 0;max-width:100%}.ep-form{padding:1.25rem}.ep-ring-pills{gap:.3rem}.ep-ring-pill{padding:.35rem .6rem;font-size:.8rem}.ep-ring-name{display:none}.ep-actions{flex-direction:column-reverse}.ep-actions .btn{width:100%}}.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{display:flex;flex-direction:column;gap:.75rem}.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-selector{display:flex;flex-direction:column;gap:.5rem}.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-option:disabled{opacity:.6;cursor:not-allowed}.ring-visual{flex-shrink:0}.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}.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;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}.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}.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-radius:8px;cursor:pointer;transition:all .15s ease;height:116px;position:relative}.ground-post-card:hover{background-color:var(--color-surface-hover);border-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;position:relative}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.card-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0000004d;transition:background-color .2s ease}.ground-post-card:hover .card-play-overlay{background-color:#00000073}.card-play-overlay svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.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}.ground-post-card .card-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0;padding-top:.25rem;line-height:1.35;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}.card-meta-author{display:inline-flex;align-items:center;gap:.35rem}.card-meta-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.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)}.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}.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}.btn-delete{background-color:var(--color-error);color:#fff}.btn-delete:hover:not(:disabled){background-color:#b91c1c}.card-subtitle{font-size:.9rem;color:var(--color-text-secondary);font-style:italic;line-height:1.4;margin:.25rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-keeper-actions .keeper-btn{color:var(--color-text-secondary)}.card-keeper-actions .keeper-btn:hover{color:#f59e0b;background-color:#f59e0b1a}.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}.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:0rem}.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}}.visions-page{min-height:100vh;background-color:var(--color-background)}.visions-filter-bar{position:sticky;top:60px;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.75rem 0 .75rem 1.5rem;background-color:var(--color-background);max-width:1600px;margin:0 auto}.visions-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.visions-controls .feed-type-dropdown{min-width:140px}.visions-controls .feed-type-dropdown .dropdown-trigger,.visions-controls .feed-type-dropdown .dropdown-value span,.visions-controls .feed-type-dropdown .option-label{text-transform:lowercase}.visions-page .category-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;flex:1;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.visions-page .category-scroll::-webkit-scrollbar{display:none}.visions-page .category-scroll .category-chip{flex-shrink:0}.visions-page .scroll-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.visions-page .scroll-arrow:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.ring-filter-container .ring-badge{border-radius:50%;border:none;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.ring-filter-container .ring-badge:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.visions-grid{max-width:1600px;margin:0 auto;padding:0 4px}.visions-wall{position:relative;width:100%}.visions-card{overflow:hidden;cursor:pointer;border-radius:3px;background-color:#111;transition:box-shadow .2s ease}.visions-card:hover{z-index:10;box-shadow:0 8px 24px #0006}.visions-card .card-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.visions-card .card-media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.visions-card .card-poster{z-index:1}.visions-card .card-video{z-index:2}.visions-card .card-video-badge{position:absolute;top:.5rem;left:.5rem;width:28px;height:28px;border-radius:50%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.visions-card .card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.visions-card .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 60%,transparent 100%);opacity:0;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;z-index:5}.visions-card:hover .card-overlay{opacity:1}.visions-card .card-content{display:flex;flex-direction:column;gap:.35rem}.visions-card .card-content h4{font-size:.85rem;font-weight:500;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visions-card.large .card-content h4{font-size:1.1rem}.visions-card .card-author{display:flex;align-items:center;gap:.4rem;cursor:pointer}.visions-card .card-author:hover span{text-decoration:underline}.visions-card .author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.visions-card .author-avatar-placeholder{width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.6rem;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;flex-shrink:0}.visions-card .card-author span{font-size:.75rem;color:#ffffffe6;font-weight:500}.visions-card .card-stats{display:flex;gap:.5rem;align-items:center}.visions-card .upvote-badge{padding:.15rem .5rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px}.visions-card .card-vote-buttons{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.2rem;opacity:0;transition:opacity .2s ease;z-index:6}.visions-card:hover .card-vote-buttons,.visions-card .card-vote-buttons.voted{opacity:1}.visions-card .card-vote-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.visions-card .card-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.visions-card .card-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.visions-card .card-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.visions-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-secondary)}.visions-state .loading-spinner{margin-bottom:1rem}.visions-state .state-hint{font-size:.9rem;opacity:.7}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:visions-spin .8s linear infinite}@keyframes visions-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.visions-filter-bar{padding-left:.75rem}}.visions-card .card-shared-by{font-size:.7rem;color:#fffc;font-weight:500;cursor:pointer;display:block;margin-bottom:.15rem}.visions-card .card-shared-by:hover{color:#fff;text-decoration:underline}.chatroom-container{display:flex;flex-direction:column;flex:1;min-height:300px;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background-color:var(--color-surface);margin-top:1rem;position:relative}.chatroom-header{padding:.6rem 1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.chatroom-header-info{display:flex;align-items:center;justify-content:space-between}.chatroom-header-left,.chatroom-header-right{display:flex;align-items:center;gap:.5rem}.chatroom-title{font-size:.9rem;font-weight:600;color:var(--color-text)}.chatroom-slow-badge{font-size:.65rem;color:var(--color-text-secondary);background:var(--color-surface-hover);padding:.1rem .4rem;border-radius:4px}.chatroom-online-badge{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid var(--color-border);border-radius:20px;padding:.2rem .6rem;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;transition:border-color .15s ease}.chatroom-online-badge:hover{border-color:var(--color-primary)}.chatroom-online-dot{width:6px;height:6px;border-radius:50%;background-color:#4caf50;flex-shrink:0}.chatroom-mod-controls{position:relative}.chatroom-mod-btn{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.15rem .4rem;cursor:pointer;font-size:.75rem;transition:border-color .15s ease}.chatroom-mod-btn:hover{border-color:var(--color-primary)}.chatroom-dropdown{position:absolute;top:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:140px;overflow:hidden;margin-top:.25rem}.chatroom-dropdown-right{right:0;left:auto}.chatroom-dropdown-title{padding:.4rem .75rem;font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.chatroom-dropdown-item{display:block;width:100%;text-align:left;padding:.45rem .75rem;border:none;background:none;font-size:.8rem;color:var(--color-text);cursor:pointer;font-family:inherit;transition:background-color .15s ease}.chatroom-dropdown-item:hover{background-color:var(--color-surface-hover)}.chatroom-dropdown-item.active{color:var(--color-primary);font-weight:600}.chatroom-user-list{border-bottom:1px solid var(--color-border);background-color:var(--color-background);max-height:150px;overflow-y:auto;padding:.25rem 0}.chatroom-user-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem 1rem;font-size:.8rem;color:var(--color-text)}.chatroom-user-item-info{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .15s ease}.chatroom-user-item-info:hover{color:var(--color-primary)}.chatroom-user-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.chatroom-user-avatar-placeholder{width:22px;height:22px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600}.chatroom-user-mod{position:relative}.chatroom-user-mod-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0 .25rem;font-size:1rem;line-height:1}.chatroom-user-mod-btn:hover{color:var(--color-text)}.chatroom-error-banner{padding:.35rem 1rem;background-color:#d146001a;color:var(--color-warning, #d14600);font-size:.75rem;text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0}.chatroom-muted-banner{padding:.35rem 1rem;background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-size:.75rem;text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0}.chatroom-messages{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.15rem}.chatroom-loading,.chatroom-empty,.chatroom-login-prompt{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:.85rem}.chatroom-login-prompt{min-height:200px}.chatroom-load-older{align-self:center;background:none;border:1px solid var(--color-border);border-radius:6px;padding:.3rem .75rem;font-size:.7rem;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;margin-bottom:.5rem;transition:all .15s ease}.chatroom-load-older:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.chatroom-load-older:disabled{opacity:.5;cursor:default}.chatroom-msg{display:flex;flex-direction:column;max-width:100%;position:relative}.chatroom-msg-row{display:flex;align-items:baseline;gap:.5rem;position:relative}.chatroom-msg-author{font-size:.85rem;font-weight:600;color:var(--color-primary);cursor:pointer;white-space:nowrap;flex-shrink:0}.chatroom-msg-author:hover{text-decoration:underline}.chatroom-msg.own .chatroom-msg-author{color:var(--color-text-secondary)}.chatroom-msg-text{font-size:.85rem;color:var(--color-text);line-height:1.4;word-break:break-word}.chatroom-msg.own .chatroom-msg-text{color:var(--color-primary)}.chatroom-msg-time{font-size:.6rem;color:var(--color-text-secondary);opacity:.6;flex-shrink:0;white-space:nowrap}.chatroom-msg-deleted{font-size:.8rem;color:var(--color-text-secondary);font-style:italic;opacity:.6}.chatroom-msg-image-link{display:block;margin:.25rem 0}.chatroom-msg-image{max-width:250px;max-height:180px;border-radius:6px;display:block;cursor:pointer;transition:opacity .15s ease}.chatroom-msg-image:hover{opacity:.9}.chatroom-msg-text-dim{color:var(--color-text-secondary);font-style:italic}.chatroom-mention{color:var(--color-primary);font-weight:600;cursor:pointer}.chatroom-mention:hover{text-decoration:underline}.chatroom-msg-actions{display:flex;gap:.15rem;margin-left:.25rem;flex-shrink:0}.chatroom-action-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;padding:0 .25rem;cursor:pointer;font-size:.7rem;line-height:1.4;transition:all .15s ease}.chatroom-action-btn:hover{border-color:var(--color-primary)}.chatroom-action-delete:hover{border-color:#d14600;color:#d14600}.chatroom-reaction-picker{display:flex;gap:.2rem;padding:.2rem 0}.chatroom-reaction-picker button{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;padding:.1rem .3rem;cursor:pointer;font-size:.75rem;transition:all .15s ease}.chatroom-reaction-picker button:hover{border-color:var(--color-primary);transform:scale(1.15)}.chatroom-reactions{display:flex;gap:.2rem;padding:.1rem 0;flex-wrap:wrap}.chatroom-reaction-chip{display:flex;align-items:center;gap:.15rem;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:10px;padding:0rem .35rem;font-size:.7rem;cursor:pointer;transition:all .15s ease}.chatroom-reaction-chip:hover{border-color:var(--color-primary)}.chatroom-reaction-chip.own{border-color:var(--color-primary);background:#4a67411a}.chatroom-reaction-chip span{font-size:.65rem;color:var(--color-text-secondary)}.chatroom-msg.system{align-items:center;margin:.3rem 0}.chatroom-system-text{font-size:.7rem;color:var(--color-text-secondary);font-style:italic}.chatroom-typing{font-size:.7rem;color:var(--color-text-secondary);font-style:italic;padding:.2rem 0}.chatroom-scroll-btn{position:absolute;bottom:60px;right:1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #0003;z-index:10;display:flex;align-items:center;gap:.3rem;transition:opacity .15s ease}.chatroom-scroll-btn:hover{opacity:.9}.chatroom-scroll-badge{background:#fff;color:var(--color-primary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700}.chatroom-input-area{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.chatroom-img-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .15s ease;flex-shrink:0}.chatroom-img-btn:hover:not(:disabled){color:var(--color-primary)}.chatroom-img-btn:disabled{opacity:.3;cursor:not-allowed}.chatroom-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.chatroom-input{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s ease}.chatroom-input:focus{border-color:var(--color-primary)}.chatroom-input::placeholder{color:var(--color-text-secondary);opacity:.6}.chatroom-input:disabled{opacity:.5;cursor:not-allowed}.chatroom-char-count{position:absolute;right:.5rem;font-size:.6rem;color:var(--color-text-secondary);opacity:.5;pointer-events:none}.chatroom-char-count.warning{color:#e6a817;opacity:1}.chatroom-char-count.danger{color:#d14600;opacity:1;font-weight:600}.chatroom-send-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s ease;text-transform:lowercase;flex-shrink:0}.chatroom-send-btn:hover:not(:disabled){opacity:.9}.chatroom-send-btn:disabled{opacity:.4;cursor:not-allowed}.chatroom-pinned{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border);flex-shrink:0;font-size:.8rem}.chatroom-pinned-icon{font-size:.75rem;flex-shrink:0}.chatroom-pinned-author{font-weight:600;color:var(--color-primary);flex-shrink:0}.chatroom-pinned-text{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chatroom-pinned-unpin{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;padding:0 .25rem;flex-shrink:0;font-family:inherit}.chatroom-pinned-unpin:hover{color:#d14600}.chatroom-pinned-poll{padding:.5rem 1rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border);flex-shrink:0}.chatroom-poll-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.chatroom-poll-q{font-size:.85rem;font-weight:600;color:var(--color-text);flex:1}.chatroom-poll-voters{font-size:.7rem;color:var(--color-text-secondary);flex-shrink:0}.chatroom-poll-options{display:flex;flex-direction:column;gap:.25rem}.chatroom-poll-opt{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.35rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:pointer;font-size:.8rem;font-family:inherit;color:var(--color-text);overflow:hidden;transition:border-color .15s ease;text-align:left}.chatroom-poll-opt:hover,.chatroom-poll-opt.voted{border-color:var(--color-primary)}.chatroom-poll-bar{position:absolute;left:0;top:0;bottom:0;background:#4a674126;border-radius:6px;transition:width .3s ease}.chatroom-poll-opt-text{position:relative;z-index:1}.chatroom-poll-opt-pct{position:relative;z-index:1;font-size:.7rem;color:var(--color-text-secondary);font-weight:600}.chatroom-poll-creator{padding:.6rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.chatroom-poll-question{width:100%;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-family:inherit;outline:none;margin-bottom:.4rem}.chatroom-poll-question:focus{border-color:var(--color-primary)}.chatroom-poll-option-row{display:flex;gap:.25rem;margin-bottom:.25rem}.chatroom-poll-option-input{flex:1;padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.8rem;font-family:inherit;outline:none}.chatroom-poll-option-input:focus{border-color:var(--color-primary)}.chatroom-poll-remove-opt{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;padding:0 .3rem}.chatroom-poll-remove-opt:hover{color:#d14600}.chatroom-poll-add-opt{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.75rem;font-family:inherit;padding:.2rem 0}.chatroom-poll-add-opt:hover{text-decoration:underline}.chatroom-poll-settings{display:flex;gap:1rem;margin:.4rem 0}.chatroom-poll-checkbox{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer}.chatroom-poll-checkbox input{accent-color:var(--color-primary)}.chatroom-poll-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.3rem}.chatroom-poll-cancel{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;font-family:inherit}.chatroom-poll-submit{background:var(--color-primary);border:none;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600}.chatroom-poll-submit:disabled{opacity:.4;cursor:not-allowed}.chatroom-gif-picker{border-top:1px solid var(--color-border);background:var(--color-background);flex-shrink:0;height:400px;display:flex;flex-direction:column;overflow:hidden}.chatroom-gif-search{padding:.4rem .75rem;border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8rem;font-family:inherit;outline:none;flex-shrink:0}.chatroom-gif-grid{flex:1;overflow-y:auto;padding:.3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.25rem}.chatroom-gif-cell{border-radius:4px;overflow:hidden;cursor:pointer}.chatroom-gif-cell img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}.chatroom-gif-cell:hover{opacity:.8}.chatroom-gif-loading{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);font-size:.75rem;padding:1rem}.chatroom-gif-footer{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;border-top:1px solid var(--color-border)}.chatroom-gif-powered{font-size:.6rem;color:var(--color-text-secondary);opacity:.6}.chatroom-gif-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.7rem;font-family:inherit}.chatroom-gif-close:hover{color:var(--color-text)}.chatroom-gif-url-action{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.chatroom-gif-url-preview{font-size:.8rem;color:var(--color-text-secondary)}.chatroom-gif-url-send{background:var(--color-primary);border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600}.chatroom-gif-tag-prompt{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface-hover);flex-shrink:0}.chatroom-gif-tag-label{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.chatroom-gif-tag-input{flex:1;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.8rem;font-family:inherit;outline:none}.chatroom-gif-tag-input:focus{border-color:var(--color-primary)}.chatroom-gif-tag-submit{background:var(--color-primary);border:none;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600}.chatroom-gif-tag-submit:disabled{opacity:.4;cursor:not-allowed}.chatroom-gif-tag-skip{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.7rem;font-family:inherit}.chatroom-gif-tag-skip:hover{color:var(--color-text)}.chatroom-gif-btn{background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:.15rem .4rem;font-size:.65rem;font-weight:700;font-family:inherit;transition:all .15s ease;flex-shrink:0}.chatroom-gif-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.chatroom-gif-btn:disabled{opacity:.3;cursor:not-allowed}.chatroom-msg-gif{max-width:200px;max-height:150px;border-radius:6px;display:inline-block;vertical-align:baseline}.chatroom-attachment-preview{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-surface-hover);flex-shrink:0}.chatroom-attachment-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.chatroom-attachment-info{flex:1;font-size:.75rem;color:var(--color-text-secondary)}.chatroom-attachment-remove{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.2rem;padding:0 .25rem;line-height:1}.chatroom-attachment-remove:hover{color:#d14600}@media(max-width:768px){.chatroom-container{min-height:250px;border-radius:8px}.chatroom-messages,.chatroom-input-area{padding:.5rem .75rem}.chatroom-scroll-btn{bottom:55px}}.rsw{width:100%}.rsw-banner{background-color:var(--color-warning);color:#fff;padding:.6rem .75rem;border-radius:6px;margin-bottom:.75rem;text-align:center}.rsw-banner-text{font-weight:600;font-size:.9rem}.rsw-banner-message{margin-top:.35rem;font-size:.8rem;font-style:italic;opacity:.9}.rsw-row{display:flex;gap:1rem;justify-content:space-around;align-items:center;margin-bottom:.75rem}.rsw-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem}.rsw-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.rsw-value{position:relative;display:flex;align-items:center;justify-content:center;min-height:36px}.rsw-badge{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease;padding:0;font-family:inherit}.rsw-badge:hover{transform:scale(1.1);opacity:.9}.rsw-badge-ring{color:#fff;font-weight:600;font-size:1.1rem}.rsw-badge-inbound{background:none;color:var(--color-warning)}.rsw-badge-inbound svg{width:26px;height:26px;stroke-width:2;fill:none;pointer-events:none}.rsw-badge-pending{background-color:transparent;border:2px dashed var(--color-text-secondary);color:var(--color-text-secondary)}.rsw-badge-pending svg{width:18px;height:18px}.rsw-badge-connected{background-color:#4a8f6a;color:#fff;font-size:1.1rem;font-weight:600}.rsw-dash{font-size:1.5rem;color:var(--color-text-secondary)}.rsw-dash-clickable{cursor:pointer;transition:all .2s ease}.rsw-dash-clickable:hover{color:var(--color-primary);transform:scale(1.2)}.rsw-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1010;min-width:160px;overflow:hidden}.rsw-menu-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text)}.rsw-menu-option:hover{background-color:var(--color-surface-hover)}.rsw-menu-option.selected:after{content:"✓";margin-left:auto;color:var(--color-primary);font-weight:600}.rsw-menu-dot{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}.rsw-menu-name{font-size:.9rem}.rsw-menu-deny{color:var(--color-error, #dc2626);font-weight:600;border-top:1px solid var(--color-border);justify-content:center}.rsw-menu-deny:hover{background-color:#dc262614}.rsw-menu-remove{color:var(--color-warning);font-weight:600;border-top:1px solid var(--color-border);justify-content:center}.rsw-menu-remove:hover{background-color:#c67b5c14}.rsw-menu-disabled{cursor:default;opacity:.7}.rsw-menu-disabled:hover{background-color:transparent}.rsw-request-btn{width:100%;padding:.65rem 1.25rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.rsw-request-btn:hover{background-color:var(--color-primary-hover, #3d7a5a);transform:translateY(-1px)}.rsw-request-btn:active{transform:translateY(0)}.rsw-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:2000}.rsw-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2001}.rsw-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}.rsw-modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.rsw-modal-message{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1.5rem}.rsw-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.rsw-modal-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;border:none}.rsw-modal-cancel{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.rsw-modal-cancel:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.rsw-modal-confirm{color:#fff}.rsw-modal-primary{background-color:var(--color-primary)}.rsw-modal-primary:hover{background-color:var(--color-primary-hover, #3d7a5a)}.rsw-modal-warning{background-color:var(--color-warning)}.rsw-modal-warning:hover{background-color:var(--color-warning-hover, #b56a4d)}.rsw-modal-danger{background-color:var(--color-error, #dc2626)}.rsw-modal-danger:hover{background-color:var(--color-error-hover, #b91c1c)}.rsw-compact .rsw-banner{padding:.5rem .65rem;border-radius:5px;margin-bottom:.5rem}.rsw-compact .rsw-banner-text{font-size:.8rem}.rsw-compact .rsw-row{margin-bottom:.5rem}.rsw-compact .rsw-request-btn{font-size:.85rem;padding:.5rem 1rem}@media(max-width:480px){.rsw-modal-content{min-width:280px;max-width:calc(100vw - 2rem);padding:1.25rem}.rsw-modal-actions{flex-direction:column-reverse}.rsw-modal-btn{width:100%;text-align:center}}.rsw-modal-input{width:100%;padding:.625rem .75rem;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background, #1a1a1a);color:var(--color-text);font-family:inherit;font-size:.9rem;line-height:1.5;resize:none;outline:none;transition:border-color .2s;box-sizing:border-box}.rsw-modal-input:focus{border-color:var(--color-primary)}.rsw-modal-input::placeholder{color:var(--color-text-secondary)}.profile-container{max-width:100%;padding:.5rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--color-background)}.profile-container>*{width:100%;max-width:1600px}.profile-page-header{margin-bottom:0}.profile-page-header+.card{margin-top:.5rem!important}.profile-container .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem .75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;text-transform:none;font-family:inherit;margin-bottom:0}.profile-container .back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.profile-container .back-btn svg{flex-shrink:0}.profile-header{display:flex;align-items:flex-start;gap:1.5rem;position:relative}.profile-container .profile-banner-card.card{background-color:var(--color-primary);border-color:var(--color-primary)}.profile-banner-card .profile-name{color:var(--color-surface)}.profile-banner-card .profile-username{color:var(--color-surface);opacity:.8}.profile-banner-card .profile-location{color:var(--color-surface);opacity:.7}.profile-banner-card .profile-bio p{color:var(--color-surface);opacity:.85}.profile-banner-card .avatar-placeholder{color:var(--color-primary);background-color:var(--color-surface)}.profile-banner-card .profile-avatar{border:3px solid var(--color-accent)}.profile-banner-card .btn-secondary{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.profile-banner-card .btn-secondary:hover{background-color:#ffffff1a}.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);text-transform:uppercase}.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-location{font-size:.95rem;color:var(--color-text-secondary);margin:.25rem 0 0}.profile-header .btn-small,.profile-ring-status{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%;margin-bottom:.75rem}.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)}.profile-tab-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.profile-tab-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-tab-loading p{color:var(--color-text-secondary);margin:0}.profile-tab-empty{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:4rem 2rem;text-align:center}.profile-tab-empty p{color:var(--color-text-secondary);margin:0;font-size:1rem}.profile-grounds-list{display:flex;flex-direction:column;gap:.75rem}.profile-showcase{display:flex;flex-direction:column;gap:1rem}.sc-controls{display:flex;gap:.5rem;justify-content:flex-end;position:relative;z-index:10}.sc-blocks{display:flex;flex-direction:column;gap:2rem}.sc-block{width:100%}.sc-section-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem;text-transform:lowercase}.sc-text{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);white-space:pre-wrap}.sc-link{color:var(--color-primary);text-decoration:none;word-break:break-all}.sc-link:hover{text-decoration:underline}.sc-grid{display:grid;gap:.75rem}.sc-grid-landscape{grid-template-columns:repeat(3,1fr)}.sc-grid-portrait{grid-template-columns:repeat(4,1fr)}.sc-card.sc-landscape{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16 / 10;background-color:#111;transition:box-shadow .2s ease}.sc-card.sc-landscape:hover{box-shadow:0 8px 24px #0006}.sc-card-bg{width:100%;height:100%;background-size:cover;background-position:center}.sc-card-no-image{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.sc-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%);color:#fff}.sc-card-overlay h4{font-size:.9rem;font-weight:500;margin:0 0 .3rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-domain{font-size:.65rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.15rem .4rem;border-radius:4px;display:inline-block;margin-bottom:.3rem}.sc-card-meta{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#fffc;flex-wrap:wrap}.sc-card-author{display:flex;align-items:center;gap:.3rem;cursor:pointer}.sc-card-author:hover span{text-decoration:underline}.sc-card-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.sc-card-avatar-placeholder{width:18px;height:18px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.55rem;text-transform:uppercase;flex-shrink:0}.sc-card-dot{opacity:.5}.sc-card.sc-portrait{position:relative;border-radius:3px;overflow:hidden;cursor:pointer;background-color:#111;transition:box-shadow .2s ease}.sc-card.sc-portrait:hover{z-index:10;box-shadow:0 8px 24px #0006}.sc-card-media{width:100%;aspect-ratio:3 / 4;overflow:hidden;position:relative;background-color:#111}.sc-card-media img,.sc-card-media video{width:100%;height:100%;object-fit:cover;display:block}.sc-card.sc-portrait .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 60%,transparent 100%);opacity:0;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;z-index:5}.sc-card.sc-portrait:hover .card-overlay{opacity:1}.sc-card.sc-portrait .card-content h4{font-size:.85rem;font-weight:500;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-card.sc-portrait .card-author{display:flex;align-items:center;gap:.4rem;cursor:pointer}.sc-card.sc-portrait .card-author:hover span{text-decoration:underline}.sc-card.sc-portrait .author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.sc-card.sc-portrait .author-avatar-placeholder{width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.6rem;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;flex-shrink:0}.sc-card.sc-portrait .card-author span{font-size:.75rem;color:#ffffffe6;font-weight:500}.sc-card.sc-portrait .card-stats{display:flex;gap:.5rem;align-items:center}.sc-card.sc-portrait .upvote-badge{padding:.15rem .5rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px}.sc-card .card-vote-buttons{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.2rem;opacity:0;transition:opacity .2s ease;z-index:6}.sc-card:hover .card-vote-buttons,.sc-card .card-vote-buttons.voted{opacity:1}.sc-card .card-vote-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sc-card .card-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.sc-card .card-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.sc-card .card-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.sc-about-me{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.sc-about-me{grid-template-columns:1fr}}.sc-about-col{display:flex;flex-direction:column;gap:.4rem}.sc-about-col-title{font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:.1rem}.sc-about-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem;line-height:1.4}.sc-about-icon{display:flex;align-items:center;color:var(--color-text-secondary);flex-shrink:0}.sc-about-icon svg{width:16px;height:16px}.sc-about-label{color:var(--color-text-secondary);font-size:.85rem;min-width:55px}.sc-about-value{color:var(--color-text);font-size:.9rem}.sc-about-value.sc-link{color:var(--color-primary);text-decoration:none}.sc-about-value.sc-link:hover{text-decoration:underline}.sc-about-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.sc-about-chip{padding:.25rem .65rem;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:20px;font-size:.8rem;color:var(--color-text-secondary)}.profile-about-section{padding:1.5rem 0}.about-info-grid{display:flex;flex-direction:column;gap:1.5rem}.sc-about-me-editor-hint{padding:.5rem 0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.sc-about-me-editor-hint p{margin:0 0 .25rem}.sc-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.sc-empty p{margin:0}.sc-empty-sub{font-size:.9rem;margin-top:.5rem!important;color:var(--color-text-tertiary)}.sc-empty-hint{color:var(--color-text-tertiary);font-size:.9rem;font-style:italic;margin:0;padding:.75rem;background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px;text-align:center}.sc-editor{display:flex;flex-direction:column;gap:.75rem}.sc-editor-block{border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-surface);overflow:hidden}.sc-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.sc-editor-type{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.sc-editor-actions{display:flex;gap:.25rem}.sc-editor-btn{padding:.2rem .5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-family:var(--font-family)}.sc-editor-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.sc-editor-btn:disabled{opacity:.3;cursor:not-allowed}.sc-editor-btn-danger:hover{border-color:#b43c3c80;color:#b43c3c}.sc-editor-body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.sc-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.9rem;font-family:var(--font-family);box-sizing:border-box}.sc-input:focus{outline:none;border-color:var(--color-primary)}.sc-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.9rem;font-family:var(--font-family);resize:vertical;min-height:60px;box-sizing:border-box}.sc-textarea:focus{outline:none;border-color:var(--color-primary)}.sc-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.85rem;font-family:var(--font-family)}.sc-editor-options{display:flex;gap:.75rem;flex-wrap:wrap}.sc-option-group{display:flex;align-items:center;gap:.35rem}.sc-option-group label{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.sc-post-picker{display:flex;flex-direction:column;gap:.25rem}.sc-search-results{border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);max-height:200px;overflow-y:auto}.sc-search-result{padding:.5rem .75rem;font-size:.85rem;color:var(--color-text);cursor:pointer;border-bottom:1px solid var(--color-border)}.sc-search-result:last-child{border-bottom:none}.sc-search-result:hover{background-color:var(--color-surface-hover)}.sc-selected-posts{display:flex;flex-direction:column;gap:.25rem}.sc-selected-post{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background-color:#4a8f6a14;border:1px solid var(--color-primary);border-radius:6px;font-size:.85rem;color:var(--color-text)}.sc-remove-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;padding:0 .25rem}.sc-remove-btn:hover{color:#b43c3c}.sc-add-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px dashed var(--color-border);border-radius:10px}.sc-add-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.sc-add-btn{padding:.35rem .65rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.8rem;font-family:var(--font-family)}.sc-add-btn:hover{border-color:var(--color-primary);background-color:#4a8f6a14}@media(max-width:1024px){.sc-grid-landscape{grid-template-columns:repeat(2,1fr)}.sc-grid-portrait{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sc-grid-landscape{grid-template-columns:1fr}.sc-grid-portrait{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sc-grid-portrait{grid-template-columns:1fr}}.profile-goods-grid{column-count:6;column-gap:1rem}.profile-goods-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;background-color:var(--color-surface);border:1px solid var(--color-border);display:inline-block;width:100%;break-inside:avoid;margin-bottom:1rem}.profile-goods-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.profile-goods-card .card-image{width:100%;height:auto;display:block}.profile-goods-card .card-video{width:100%;height:auto;display:block;background-color:#000}.profile-goods-card .card-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-background) 100%)}.profile-goods-card .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem}.profile-goods-card:hover .card-overlay{opacity:1}.profile-goods-card .card-content{display:flex;flex-direction:column;gap:.5rem}.profile-goods-card .card-content h4{font-size:.95rem;font-weight:500;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-goods-card .card-author{display:flex;align-items:center;gap:.5rem;cursor:pointer}.profile-goods-card .card-author:hover span{text-decoration:underline}.profile-goods-card .author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.profile-goods-card .card-author span{font-size:.85rem;color:#ffffffe6;font-weight:500}.profile-goods-card .card-stats{display:flex;gap:.5rem;align-items:center}.profile-goods-card .product-badge{padding:.25rem .75rem;background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:lowercase;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.profile-goods-card .product-badge:hover{background-color:var(--color-primary-hover, #3d7a5a);transform:scale(1.05)}.profile-goods-card .upvote-badge{padding:.25rem .75rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.profile-goods-card .card-vote-buttons{position:absolute;bottom:.75rem;right:.75rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:5}.profile-goods-card:hover .card-vote-buttons,.profile-goods-card .card-vote-buttons.voted{opacity:1}.profile-goods-card .card-vote-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-goods-card .card-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.profile-goods-card .card-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.profile-goods-card .card-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.profile-square-section{display:flex;flex-direction:column;gap:1.5rem}.profile-top-stories{margin-bottom:.5rem;display:flex;flex-direction:column;gap:.5rem}.profile-top-stories .top-stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;height:400px}.profile-top-stories .top-stories-left{display:flex}.profile-top-stories .top-stories-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem}.profile-top-stories .top-stories-row-2{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.5rem;height:180px}.profile-top-stories .square-featured-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background-color:var(--color-surface);border:1px solid var(--color-border);transition:all .2s ease}.profile-top-stories .square-featured-card:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0000001f}.profile-top-stories .featured-large,.profile-top-stories .featured-small{width:100%;height:100%}.profile-top-stories .featured-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.profile-top-stories .featured-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center}.profile-top-stories .featured-placeholder-icon{color:var(--color-text-secondary);opacity:.3}.profile-top-stories .featured-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end}.profile-top-stories .featured-domain{font-size:.7rem;color:#ffffffb3;margin-bottom:.25rem;font-weight:500}.profile-top-stories .featured-title{font-weight:600;color:#fff;margin:0 0 .35rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.profile-top-stories .featured-large .featured-title{font-size:1.35rem;-webkit-line-clamp:3}.profile-top-stories .featured-small .featured-title{font-size:.85rem;-webkit-line-clamp:2}.profile-top-stories .top-stories-row-2 .featured-title{font-size:.8rem;-webkit-line-clamp:2}.profile-top-stories .featured-meta{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#ffffffb3}.profile-top-stories .featured-score{font-weight:600;color:#ffffffe6}.profile-top-stories .featured-dot{opacity:.5}.profile-top-stories .featured-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.profile-top-stories .featured-large .featured-avatar{width:24px;height:24px}.profile-top-stories .featured-author-link{display:flex;align-items:center;gap:.4rem;cursor:pointer}.profile-top-stories .featured-author-link:hover .featured-author{text-decoration:underline}.profile-top-stories .featured-author{font-weight:500;color:#ffffffe6}.profile-top-stories .featured-vote-buttons{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:5}.profile-top-stories .square-featured-card:hover .featured-vote-buttons,.profile-top-stories .featured-vote-buttons.voted{opacity:1}.profile-top-stories .featured-vote-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-top-stories .featured-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.profile-top-stories .featured-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.profile-top-stories .featured-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.profile-visions-wall-container{width:100%;min-height:200px}.profile-visions-wall{position:relative;width:100%}.profile-visions-wall .visions-card{overflow:hidden;cursor:pointer;border-radius:3px;background-color:#111;transition:box-shadow .2s ease}.profile-visions-wall .visions-card:hover{z-index:10;box-shadow:0 8px 24px #0006}.profile-visions-wall .card-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.profile-visions-wall .card-media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.profile-visions-wall .card-poster{z-index:1}.profile-visions-wall .card-video{z-index:2}.profile-visions-wall .card-video-badge{position:absolute;top:.5rem;left:.5rem;width:28px;height:28px;border-radius:50%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.profile-visions-wall .card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:var(--color-text-secondary);opacity:.4}.profile-visions-wall .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 60%,transparent 100%);opacity:0;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;z-index:5}.profile-visions-wall .visions-card:hover .card-overlay{opacity:1}.profile-visions-wall .card-content h4{font-size:.85rem;font-weight:500;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-visions-wall .visions-card.large .card-content h4{font-size:1.1rem}.profile-visions-wall .card-stats{display:flex;gap:.5rem;align-items:center}.profile-visions-wall .upvote-badge{padding:.15rem .5rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px}.profile-visions-wall .card-author{display:flex;align-items:center;gap:.4rem;cursor:pointer}.profile-visions-wall .card-author:hover span{text-decoration:underline}.profile-visions-wall .author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.profile-visions-wall .card-author span{font-size:.75rem;color:#ffffffe6;font-weight:500}.profile-visions-wall .card-vote-buttons{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.2rem;opacity:0;transition:opacity .2s ease;z-index:6}.profile-visions-wall .visions-card:hover .card-vote-buttons,.profile-visions-wall .card-vote-buttons.voted{opacity:1}.profile-visions-wall .card-vote-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-visions-wall .card-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.profile-visions-wall .card-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.profile-visions-wall .card-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.profile-knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.25rem}.profile-knowledge-grid .knowledge-card{cursor:pointer;border-radius:12px;padding:.25rem;margin:-.25rem;transition:background-color .2s ease}.profile-knowledge-grid .knowledge-card:hover{background-color:var(--color-surface-hover)}.profile-knowledge-grid .knowledge-card:hover .play-overlay{opacity:1}.profile-knowledge-grid .knowledge-card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:12px;overflow:hidden}.profile-knowledge-grid .thumbnail-image{width:100%;height:100%;object-fit:cover}.profile-knowledge-grid .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-background) 100%)}.profile-knowledge-grid .badge-bottom-right{position:absolute;bottom:8px;right:8px;padding:.15rem .4rem;background-color:#000c;color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;letter-spacing:.02em}.profile-knowledge-grid .badge-readtime{background-color:#4a8f6ad9}.profile-knowledge-grid .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.profile-knowledge-grid .play-overlay svg{margin-left:3px}.profile-knowledge-grid .knowledge-card-info{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem .25rem .5rem}.profile-knowledge-grid .card-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-knowledge-grid .card-avatar-link{cursor:pointer;transition:opacity .15s ease}.profile-knowledge-grid .card-avatar-link:hover{opacity:.8}.profile-knowledge-grid .card-details{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.profile-knowledge-grid .card-title{font-size: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}.profile-knowledge-grid .card-author{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.profile-knowledge-grid .card-author-link{cursor:pointer}.profile-knowledge-grid .card-author-link:hover{text-decoration:underline;color:var(--color-text)}.profile-knowledge-grid .card-meta-line{font-size:.875rem;color:var(--color-text-secondary);line-height:1.3;display:block}.profile-knowledge-grid .knowledge-vote-buttons{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;flex-shrink:0;align-self:flex-end;margin-left:auto}.profile-knowledge-grid .knowledge-card:hover .knowledge-vote-buttons,.profile-knowledge-grid .knowledge-vote-buttons.voted{opacity:1}.profile-knowledge-grid .knowledge-vote-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background-color:var(--color-surface-hover);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.profile-knowledge-grid .knowledge-vote-btn:hover{background-color:var(--color-border);color:var(--color-text);transform:scale(1.1)}.profile-knowledge-grid .knowledge-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.profile-knowledge-grid .knowledge-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.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}.loading{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:1.1rem}.error-card{text-align:center;padding:3rem}.error-card h2{color:var(--color-text);margin:0 0 1.5rem}.profile-container>.card:first-of-type{margin-top:0}.profile-container .card{background-color:var(--color-background);margin-bottom:1.5rem}.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}.form-actions .btn{flex:1}.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:1024px){.profile-goods-grid{column-count:3}.profile-knowledge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.profile-top-stories .top-stories-grid{grid-template-columns:1fr;height:auto}.profile-top-stories .top-stories-left{height:240px}.profile-top-stories .top-stories-right{grid-template-columns:1fr 1fr;height:auto}.profile-top-stories .featured-small{height:160px}.profile-top-stories .top-stories-row-2{grid-template-columns:repeat(3,1fr);height:auto}.profile-top-stories .top-stories-row-2 .featured-small{height:140px}.profile-knowledge-grid{grid-template-columns:1fr;gap:1.25rem}.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}.profile-goods-grid{column-count:2;column-gap:.5rem}.profile-goods-card{margin-bottom:.5rem}.profile-knowledge-grid{grid-template-columns:1fr;gap:2rem}.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%}}@media(max-width:480px){.profile-goods-grid{column-count:1}}.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}}.profile-container.profile-theme-slate{--color-background: #F0F2F5;--color-surface: #FAFBFC;--color-surface-hover: #E8EBF0;--color-text: #1B2332;--color-text-secondary: #5A6478;--color-border: #D1D5DE;--color-primary: #3B5998;--color-primary-hover: #4A6DB5;--color-accent: #8B7355}html[data-theme=dark] .profile-container.profile-theme-slate{--color-background: #181C24;--color-surface: #1F2533;--color-surface-hover: #2A3142;--color-text: #E0E4EB;--color-text-secondary: #8B93A5;--color-border: #2E3648;--color-primary: #6B8FD4;--color-primary-hover: #7FA3E8;--color-accent: #C4A882}.profile-container.profile-theme-terracotta{--color-background: #F5EDE4;--color-surface: #FBF6F0;--color-surface-hover: #EDE3D6;--color-text: #2C1810;--color-text-secondary: #7A6052;--color-border: #DDD0C2;--color-primary: #A0522D;--color-primary-hover: #B8633A;--color-accent: #6B7F5E}html[data-theme=dark] .profile-container.profile-theme-terracotta{--color-background: #1E1714;--color-surface: #2A211C;--color-surface-hover: #362B24;--color-text: #E8DFD5;--color-text-secondary: #A8988A;--color-border: #3D3028;--color-primary: #CD7B4E;--color-primary-hover: #DA8E63;--color-accent: #8AA67A}.conn-container{width:100%;position:relative;transition:margin-right .3s ease}.conn-container.with-panel{margin-right:400px}.conn-content{width:100%}.conn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.conn-subtitle{color:var(--color-text-secondary);margin:0;font-size:.95rem}.conn-loading{text-align:center;padding:3rem;color:var(--color-text-secondary)}.conn-empty{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary)}.conn-search-card{background-color:#f5f1e8;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}html[data-theme=dark] .conn-search-card{background-color:var(--color-surface)}.conn-search-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.conn-search-input-wrap input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;background-color:var(--color-background);color:var(--color-text);box-sizing:border-box}.conn-search-input-wrap input:focus{outline:none;border-color:var(--color-primary)}.conn-search-status{text-align:center;padding:1rem;color:var(--color-text-secondary);font-style:italic}.conn-search-results{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;margin-top:1rem}.conn-search-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border);background-color:var(--color-background)}.conn-search-item:last-child{border-bottom:none}.conn-search-item:hover{background-color:var(--color-surface-hover)}.conn-search-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;flex-shrink:0}.conn-search-avatar img{width:100%;height:100%;object-fit:cover}.conn-search-info{flex:1;min-width:0}.conn-search-name{font-weight:500;color:var(--color-text)}.conn-search-username{color:var(--color-text-secondary);font-size:.9rem}.conn-table{width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;border-collapse:separate;border-spacing:0}.conn-table thead{background-color:var(--color-background)}.conn-table th{padding:.75rem 1rem;text-align:left;font-weight:500;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:.9rem}.conn-ring-th{width:80px;text-align:center!important}.conn-table tbody tr{background-color:var(--color-background);transition:background-color .2s ease}.conn-row{cursor:pointer;-webkit-user-select:none;user-select:none}.conn-row:hover{background-color:var(--color-surface-hover)}.conn-row-pending{background-color:var(--color-surface)!important}.conn-row-pending:hover{background-color:var(--color-surface-hover)!important}.conn-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.conn-table tbody tr:last-child td{border-bottom:none}.conn-table thead tr th:first-child{border-top-left-radius:8px}.conn-table thead tr th:last-child{border-top-right-radius:8px}.conn-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.conn-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.conn-ring-cell{width:80px;text-align:center;overflow:visible;position:relative}.conn-cell-menu{position:relative;display:inline-flex;justify-content:center;width:100%}.conn-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;padding:0;font-family:inherit}.conn-ring-badge:hover{transform:scale(1.1);opacity:.9}.conn-pending-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:0;margin:0 auto;transition:all .2s ease}.conn-pending-inbound{color:var(--color-warning)}.conn-pending-inbound svg{width:26px;height:26px;stroke-width:2;fill:none;pointer-events:none}.conn-pending-inbound:hover{color:var(--color-error)}.conn-pending-outbound{border-radius:50%;border:2px dashed var(--color-text-secondary);color:var(--color-text-secondary)}.conn-pending-outbound svg{width:18px;height:18px}.conn-connected-badge{width:32px;height:32px;border-radius:50%;background-color:#4a8f6a;color:#fff;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto}.conn-dash{color:var(--color-text-secondary);font-size:1rem;display:block;text-align:center}.conn-name-cell{font-weight:500}.conn-username-cell{color:var(--color-text-secondary)}.conn-username-link{color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}.conn-username-link:hover{text-decoration:underline;opacity:.85}.conn-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;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;overflow:hidden}.conn-dropdown-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text)}.conn-dropdown-option:hover{background-color:var(--color-surface-hover)}.conn-dropdown-option.selected:after{content:"✓";margin-left:auto;color:var(--color-primary);font-weight:600}.conn-dropdown-dot{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}.conn-dropdown-deny{color:var(--color-error, #dc2626);font-weight:600;border-top:1px solid var(--color-border);justify-content:center}.conn-dropdown-deny:hover{background-color:#dc262614}.conn-dropdown-remove{color:var(--color-warning);font-weight:600;border-top:1px solid var(--color-border);justify-content:center}.conn-dropdown-remove:hover{background-color:#c67b5c14}.conn-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}.conn-panel.open{right:0}.conn-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:999;opacity:0;animation:connFadeIn .3s forwards}@keyframes connFadeIn{to{opacity:1}}.conn-panel-close{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}.conn-panel-close:hover{background-color:var(--color-border)}.conn-panel-loading{padding:2rem;text-align:center;color:var(--color-text-secondary)}.conn-panel-body{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.conn-panel-request-msg{background-color:var(--color-background);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:8px;padding:.75rem 1rem}.conn-panel-request-label{font-size:.8rem;font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.conn-panel-request-text{color:var(--color-text);font-style:italic;line-height:1.5}.conn-panel-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:var(--color-background);border:3px solid var(--color-border);margin:0 auto;flex-shrink:0}.conn-panel-avatar img{width:100%;height:100%;object-fit:cover}.conn-panel-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;font-size:48px;font-weight:500}.conn-panel-name{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0;text-align:center}.conn-panel-username{color:var(--color-text-secondary);font-size:1rem;margin:-.25rem 0 0;text-align:center}.conn-panel-ring-section{padding:1rem;background-color:var(--color-surface);border-radius:8px}.conn-panel-section{padding-top:.75rem;border-top:1px solid var(--color-border)}.conn-panel-bio{color:var(--color-text);line-height:1.6;margin:0;white-space:pre-wrap}.conn-panel-details{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.conn-panel-detail{display:flex;flex-direction:column;gap:.15rem}.conn-panel-detail-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.conn-panel-detail a{color:var(--color-primary);text-decoration:none}.conn-panel-detail a:hover{text-decoration:underline}.conn-container.with-panel .conn-content{pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.conn-container.with-panel{margin-right:0}.conn-panel{width:100%;right:-100%}}@media(max-width:768px){.conn-table th,.conn-table td{padding:.6rem .4rem}.conn-table{font-size:.9rem}.conn-username-cell{font-size:.85rem}.conn-ring-badge{width:28px;height:28px;font-size:1rem}}.conn-auto-accept{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.75rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;margin-bottom:1rem}.conn-auto-accept-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:500;color:var(--color-text);white-space:nowrap}.conn-auto-accept-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.conn-auto-accept-level{display:flex;align-items:center;gap:.5rem}.conn-auto-accept-hint{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap}.conn-auto-accept-dropdown{min-width:220px}.conn-auto-accept-dropdown .dropdown-trigger{padding:.45rem .75rem;font-size:.85rem;border-radius:6px}.conn-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.conn-modal{background-color:var(--color-background);padding:2rem;border-radius:12px;box-shadow:0 4px 24px #00000026;max-width:380px;width:90%}.conn-modal p{margin:0 0 1.5rem;color:var(--color-text);font-size:1rem;text-align:center}.conn-modal-actions{display:flex;gap:1rem;justify-content:center}.conn-modal-cancel,.conn-modal-confirm{padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s ease}.conn-modal-cancel{background-color:var(--color-surface);color:var(--color-text)}.conn-modal-cancel:hover{background-color:var(--color-surface-hover)}.conn-modal-confirm{background-color:var(--color-warning);color:#fff}.conn-modal-confirm:hover:not(:disabled){opacity:.9}.conn-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.rings-container{max-width:1600px;margin:0 auto;padding:2rem}.rings-header{margin-bottom:1.5rem}.rings-header h1{font-size:2rem;font-weight:400;color:var(--color-text);margin:0 0 .5rem}.rings-subtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.rings-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--color-border)}.rings-tab{padding:.75rem 1.5rem;border:none;background:none;color:var(--color-text-secondary);font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.rings-tab:hover{color:var(--color-text)}.rings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.rdp-section{margin-bottom:2.5rem}.rdp-ring-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem}.rdp-ring-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:all .2s ease;flex:1;min-width:0;text-align:left;font-family:inherit}.rdp-ring-btn:hover,.rdp-ring-btn.active{background:var(--color-surface)}.rdp-ring-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:600}.rdp-ring-info{display:flex;flex-direction:column;min-width:0}.rdp-ring-name{font-size:.8rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rdp-ring-desc{font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rdp-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.rdp-editor{background:var(--color-surface);border-radius:12px;padding:1.25rem;border:1px solid var(--color-border)}.rdp-editor-title{font-size:.9rem;font-weight:500;color:var(--color-text);margin:0 0 1.25rem}.rdp-field{margin-bottom:1rem}.rdp-field:last-of-type{margin-bottom:1.25rem}.rdp-label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.35rem}.rdp-hint{display:block;font-size:.7rem;color:var(--color-text-secondary);margin-top:.25rem;opacity:.8}.rdp-toggle-row{display:flex;gap:.35rem}.rdp-toggle-btn{flex:1;padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.rdp-toggle-btn:hover:not(:disabled){border-color:var(--color-primary)}.rdp-toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rdp-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.rdp-save-row{display:flex;align-items:center;gap:.75rem;padding-top:.25rem}.rdp-save-row .btn{font-size:.85rem;padding:.45rem 1.25rem}.rdp-save-msg{font-size:.8rem}.rdp-save-msg.success{color:var(--color-primary)}.rdp-save-msg.error{color:#ef4444}.rdp-preview{position:sticky;top:2rem}.rdp-preview-title{font-size:.9rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.rdp-preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;margin-bottom:1rem}.rdp-preview-label{font-size:.7rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;margin-bottom:.75rem;letter-spacing:.02em}.rdp-preview-author{display:flex;align-items:center;gap:.65rem}.rdp-preview-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.rdp-preview-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.rdp-preview-author-info{display:flex;flex-direction:column}.rdp-preview-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.rdp-preview-location{font-size:.75rem;color:var(--color-text-secondary)}.rdp-preview-profile{text-align:center}.rdp-preview-profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}.rdp-preview-profile-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--color-text-secondary);margin:0 auto .5rem}.rdp-preview-profile-name{font-size:1.05rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.rdp-preview-bio{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.4}.rdp-preview-details{display:flex;flex-direction:column;gap:.35rem;text-align:left;margin-top:.5rem}.rdp-preview-detail{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary)}.rdp-preview-detail svg{opacity:.6;flex-shrink:0}.rdp-preview-empty{font-size:.8rem;color:var(--color-text-secondary);opacity:.6;font-style:italic;text-align:center;padding:.5rem 0}.rdp-preview-interests{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.rdp-preview-interests-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.4rem}.rdp-preview-interests-tags{display:flex;flex-wrap:wrap;gap:.3rem}.rdp-preview-interest-tag{padding:.2rem .55rem;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:20px;font-size:.7rem;color:var(--color-text-secondary)}@media(max-width:768px){.rings-container{padding:1rem}.rdp-ring-bar{gap:.35rem}.rdp-ring-btn{padding:.4rem .5rem;flex-direction:column;align-items:center;text-align:center;gap:.3rem}.rdp-ring-info{align-items:center}.rdp-ring-desc{display:none}.rdp-columns{grid-template-columns:1fr;gap:1.25rem}.rdp-preview{position:static}.rings-tabs{margin-bottom:1.5rem}.rings-tab{padding:.6rem 1rem;font-size:.9rem}}.rf-container{max-width:680px;margin:0 auto}.rf-ring-bar{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.rf-ring-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.rf-ring-btn:hover,.rf-ring-btn.active{background:var(--color-surface)}.rf-ring-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;color:#fff;font-size:.75rem;font-weight:600}.rf-ring-label{font-size:.85rem;color:var(--color-text);font-weight:500}.rf-feed{display:flex;flex-direction:column;gap:.75rem}.rf-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.rf-card:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.rf-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.rf-card-author{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.rf-card-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.rf-card-avatar-placeholder{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;text-transform:uppercase}.rf-card-author-info{display:flex;flex-direction:column}.rf-card-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.rf-card-author:hover .rf-card-name{color:var(--color-primary)}.rf-card-meta{font-size:.8rem;color:var(--color-text-secondary)}.rf-card-type-badge{padding:.2rem .6rem;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:20px;font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.rf-card-shared{font-size:.8rem;color:var(--color-primary);font-weight:500;margin-bottom:.5rem;cursor:pointer}.rf-card-shared:hover{text-decoration:underline}.rf-card-body{margin-bottom:.5rem}.rf-card-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .35rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rf-card-domain{font-size:.8rem;color:var(--color-text-secondary);display:block;margin-bottom:.35rem}.rf-card-image{position:relative;border-radius:8px;overflow:hidden;max-height:240px;margin-bottom:.35rem}.rf-card-image img{width:100%;height:100%;max-height:240px;object-fit:cover;display:block}.rf-card-image.rf-vision,.rf-card-image.rf-vision img{max-height:420px}.rf-card-image.rf-video .rf-play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center}.rf-product-overlay{position:absolute;bottom:10px;right:10px;width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid var(--color-surface);box-shadow:0 2px 8px #0003;background:var(--color-surface);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.rf-product-overlay:hover{transform:scale(1.08);box-shadow:0 4px 12px #0000004d}.rf-product-overlay img{width:100%;height:100%;object-fit:cover;display:block}.rf-card-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rf-card-product-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-primary);font-weight:500;margin-top:.35rem}.rf-card-footer{display:flex;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.rf-card-score{font-size:.8rem;font-weight:600;color:var(--color-text)}.rf-card-comments{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-secondary)}.rf-state{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.rf-state p{margin:.5rem 0 0;font-size:.95rem}.rf-state-hint{font-size:.85rem;opacity:.7}.rf-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:rf-spin .8s linear infinite;margin:0 auto}@keyframes rf-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rf-ring-bar{gap:.35rem}.rf-ring-btn{padding:.35rem .5rem;gap:.35rem}.rf-ring-label{font-size:.75rem}.rf-card{padding:.75rem}.rf-card-image,.rf-card-image img{max-height:180px}.rf-card-image.rf-vision,.rf-card-image.rf-vision img{max-height:320px}}.invites-page{max-width:800px;margin:0 auto;padding:40px 20px}.invites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.invites-header h1{font-size:28px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.invites-count{padding:6px 12px;background:var(--amber, #d4a574);color:#fff;border-radius:20px;font-size:13px;font-weight:500}.loading-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #666)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary, #666)}.empty-state svg{margin-bottom:24px;color:var(--border-color, #e5e5e0)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.empty-state p{margin:0;font-size:14px}.invites-list{display:flex;flex-direction:column;gap:16px}.invite-card{background:#fff;border:1px solid var(--border-color, #e5e5e0);border-radius:12px;padding:20px}.invite-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.company-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--forest-green, #2d5016)}.invite-info{flex:1}.company-name{font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:2px}.company-username{font-size:14px;color:var(--text-secondary, #666)}.role-badge{padding:6px 12px;background:var(--amber, #d4a574);color:#fff;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.invite-body{margin-bottom:20px}.invite-body p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text-primary, #1a1a1a)}.invite-meta{display:flex;gap:8px;font-size:13px;color:var(--text-secondary, #666)}.invite-actions{display:flex;gap:12px;justify-content:flex-end}.btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-decline{background:var(--beige-light, #f5f5f0);color:var(--text-primary, #1a1a1a)}.btn-decline:hover:not(:disabled){background:var(--border-color, #e5e5e0)}.btn-accept{background:var(--forest-green, #2d5016);color:#fff}.btn-accept:hover:not(:disabled){background:#1f3710}.cp-container{max-width:760px;margin:0 auto;padding:2rem;min-height:calc(100vh - 73px)}.cp-container:has(.cp-step-settings){max-width:900px}.cp-progress{margin-bottom:2.5rem}.cp-progress-steps{display:flex;justify-content:center;gap:3rem;margin-bottom:.75rem}.cp-progress-step{display:flex;align-items:center;gap:.5rem;opacity:.4;transition:opacity .3s ease}.cp-progress-step.active{opacity:1}.cp-progress-dot{width:28px;height:28px;border-radius:50%;background-color:var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;transition:all .3s ease}.cp-progress-step.active .cp-progress-dot{background-color:var(--color-primary);color:#fff}.cp-progress-step.current .cp-progress-dot{box-shadow:0 0 0 3px #4a8f6a33}.cp-progress-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.cp-progress-step.active .cp-progress-label{color:var(--color-text)}.cp-progress-bar{height:3px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.cp-progress-fill{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .4s ease}.cp-step-header h1,.cp-step-header h2{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0}.cp-step-subtitle{font-size:1rem;color:var(--color-text-secondary);margin-top:.25rem}.cp-back-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--color-primary);font-size:.95rem;font-family:var(--font-family);cursor:pointer;padding:0;margin-bottom:.75rem;transition:opacity .2s ease}.cp-back-btn:hover{opacity:.7}.cp-step-type .cp-step-header{text-align:center;margin-bottom:2.5rem}.cp-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cp-type-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background-color:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:left;font-family:var(--font-family)}.cp-type-card:hover{border-color:var(--color-primary);background-color:var(--color-surface);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.cp-type-card.selected{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 3px #4a8f6a1a}.cp-type-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.cp-type-info h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0 0 .15rem}.cp-type-info p{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.3}.cp-subtype-choice{margin-top:1.5rem}.cp-subtype-prompt{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1rem}.cp-subtype-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cp-subtype-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background-color:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .25s ease;font-family:var(--font-family);text-align:center;color:var(--color-text)}.cp-subtype-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.cp-subtype-btn svg{color:var(--color-primary)}.cp-subtype-btn span:first-of-type{font-weight:500;font-size:1rem}.cp-subtype-hint{font-size:.825rem;color:var(--color-text-secondary);font-weight:400!important}.cp-subtype-upload{cursor:pointer}.cp-compose-fields{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.cp-field{display:flex;flex-direction:column;gap:.5rem}.cp-field label{font-weight:500;font-size:.95rem;color:var(--color-text)}.cp-field-hint{font-size:.85rem;color:var(--color-text-secondary);margin:-.25rem 0 0}.cp-required{color:var(--color-warning)}.cp-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;box-sizing:border-box}.cp-input:focus{outline:none;border-color:var(--color-primary)}.cp-input::placeholder{color:var(--color-text-secondary);opacity:.7}.cp-input-large{font-size:1.15rem;font-weight:500}.cp-textarea{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);resize:vertical;min-height:100px;transition:border-color .2s ease;box-sizing:border-box}.cp-textarea:focus{outline:none;border-color:var(--color-primary)}.cp-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.cp-char-count{font-size:.825rem;color:var(--color-text-secondary);text-align:right}.cp-char-count.warning{color:var(--color-warning);font-weight:500}.cp-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.cp-image-grid-large{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cp-image-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border)}.cp-image-thumb img{width:100%;height:100%;object-fit:cover}.cp-remove-media{position:absolute;top:.4rem;right:.4rem;width:26px;height:26px;border-radius:50%;border:none;background-color:#0009;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.cp-remove-media:hover{background-color:var(--color-warning);transform:scale(1.1)}.cp-video-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.cp-video-player{width:100%;max-height:400px;display:block}.cp-remove-video{top:.5rem;right:.5rem;width:32px;height:32px}.cp-video-info{display:flex;gap:1.5rem;padding:.5rem 0;font-size:.85rem;color:var(--color-text-secondary)}.cp-featured-preview{position:relative;width:100%;aspect-ratio:21 / 9;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.cp-featured-preview img{width:100%;height:100%;object-fit:cover}.cp-upload-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background-color:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.cp-upload-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.cp-upload-btn svg{color:var(--color-primary)}.cp-upload-zone{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;background-color:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.cp-upload-zone:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.cp-upload-zone svg{color:var(--color-primary);width:32px;height:32px}.cp-upload-zone-text{font-size:1rem;font-weight:500;color:var(--color-text)}.cp-upload-zone-hint{font-size:.85rem;color:var(--color-text-secondary)}.cp-link-preview{border:2px solid var(--color-border);border-radius:12px;overflow:hidden;background-color:var(--color-surface-hover)}.cp-link-loading{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.cp-link-image{max-height:250px;overflow:hidden}.cp-link-image img{width:100%;height:auto;display:block;object-fit:cover}.cp-link-meta{padding:.75rem 1rem}.cp-link-title{font-weight:500;font-size:1rem;color:var(--color-text);margin-bottom:.25rem}.cp-link-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.25rem}.cp-link-url{font-size:.8rem;color:var(--color-primary);word-break:break-all}.cp-step.cp-step-settings{max-width:900px;margin:0 auto}.cp-settings-grid{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.cp-settings-section{display:flex;flex-direction:column;gap:.5rem}.cp-settings-label{font-weight:500;font-size:1rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.cp-settings-label svg{color:var(--color-text-secondary)}.cp-hint{font-size:.85rem;color:var(--color-text-secondary)}.cp-warning{font-size:.85rem;color:var(--color-warning);margin:0}.cp-ring-pills{display:flex;flex-wrap:nowrap;gap:.5rem}.cp-ring-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:20px;background-color:transparent;cursor:pointer;font-family:var(--font-family);font-size:.875rem;color:var(--color-text);transition:all .2s ease}.cp-ring-pill:hover{border-color:var(--color-primary)}.cp-ring-pill.selected{border-color:var(--color-primary);background-color:#4a8f6a14}.cp-ring-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.cp-ring-name{white-space:nowrap}.cp-ring-desc{font-size:.85rem;color:var(--color-text-secondary);margin:0}.cp-ring-pills-small .cp-ring-pill{padding:.35rem .5rem}.cp-ring-pills-small .cp-ring-name{display:none}.cp-destination-list{display:flex;flex-direction:column;gap:.4rem}.cp-destination-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:var(--color-text)}.cp-destination-item:hover{border-color:var(--color-primary)}.cp-destination-item.selected{border-color:var(--color-primary);background-color:#4a8f6a0f}.cp-destination-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.cp-destination-item-compact{padding:.45rem .75rem;font-size:.9rem}.cp-ground-search{display:flex;flex-direction:column;gap:.5rem}.cp-ground-search-toggle{background:none;border:none;color:var(--color-primary);font-family:var(--font-family);font-size:.9rem;cursor:pointer;padding:.35rem 0;text-align:left;transition:opacity .2s ease}.cp-ground-search-toggle:hover{opacity:.7}.cp-ground-search-results{display:flex;flex-direction:column;gap:.3rem;max-height:200px;overflow-y:auto}.cp-ground-search-empty{font-size:.85rem;color:var(--color-text-secondary);padding:.5rem 0}.cp-autocomplete-wrap{position:relative}.cp-autocomplete-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--color-text-secondary)}.cp-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:50;max-height:240px;overflow-y:auto;margin-top:4px}.cp-autocomplete-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;border:none;background:none;font-family:var(--font-family);font-size:.9rem;color:var(--color-text);cursor:pointer;text-align:left;transition:background-color .15s ease}.cp-autocomplete-item:hover{background-color:var(--color-surface-hover)}.cp-autocomplete-item svg{color:var(--color-text-secondary);flex-shrink:0;width:16px;height:16px}.cp-autocomplete-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.cp-autocomplete-avatar img{width:100%;height:100%;object-fit:cover}.cp-autocomplete-info{display:flex;flex-direction:column;min-width:0}.cp-autocomplete-name{font-weight:500;font-size:.9rem}.cp-autocomplete-username{font-size:.8rem;color:var(--color-text-secondary)}.cp-tagged-list{display:flex;flex-wrap:wrap;gap:.4rem}.cp-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background-color:#4a8f6a1a;border:1px solid rgba(74,143,106,.2);border-radius:16px;font-size:.85rem;color:var(--color-primary);font-weight:500}.cp-tag-chip button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.6;transition:opacity .15s ease}.cp-tag-chip button:hover{opacity:1}.cp-ground-search{margin-top:.25rem}.cp-input-small{padding:.55rem .75rem;font-size:.9rem}.cp-autocomplete-empty{padding:.75rem;text-align:center;font-size:.85rem;color:var(--color-text-secondary)}.cp-location-modes{display:flex;gap:.5rem}.cp-location-mode-btn{padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:none;font-family:var(--font-family);font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.cp-location-mode-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.cp-location-mode-btn.active{border-color:var(--color-primary);background-color:#4a8f6a14;color:var(--color-primary);font-weight:500}.cp-selected-place{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background-color:#4a8f6a0f;border:1px solid rgba(74,143,106,.2);border-radius:8px;font-size:.95rem;color:var(--color-text)}.cp-selected-place svg{color:var(--color-primary);flex-shrink:0;width:16px;height:16px}.cp-selected-place span{flex:1}.cp-selected-place button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;flex-shrink:0;transition:color .15s ease}.cp-selected-place button:hover{color:var(--color-warning)}.cp-schedule-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--color-text)}.cp-schedule-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.cp-schedule-fields{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem;background-color:var(--color-surface-hover);border-radius:8px;border:1px solid var(--color-border)}.cp-schedule-row{display:flex;gap:1rem}.cp-field-inline{flex:1}.cp-field-inline label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.cp-nav{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.cp-nav-publish{position:sticky;bottom:0;background-color:var(--color-background);padding:1rem 0;margin-top:2rem;border-top:1px solid var(--color-border);z-index:10}.cp-nav .btn{display:inline-flex;align-items:center;gap:.4rem;min-width:120px;justify-content:center}.cp-error{padding:.75rem 1rem;background-color:#d1460014;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.9rem;margin-bottom:1rem}@media(max-width:768px){.cp-container{padding:1.25rem 1rem}.cp-type-grid,.cp-subtype-options{grid-template-columns:1fr}.cp-progress-steps{gap:1.5rem}.cp-progress-label{display:none}.cp-ring-pills{gap:.35rem}.cp-ring-pill{padding:.4rem .6rem;font-size:.8rem}.cp-ring-name{display:none}.cp-schedule-row{flex-direction:column;gap:.75rem}.cp-nav-publish{flex-direction:column-reverse}.cp-nav-publish .btn{width:100%}.cp-step-header h1,.cp-step-header h2{font-size:1.5rem}}@media(max-width:480px){.cp-type-card{padding:1.25rem;gap:1rem}.cp-type-icon{width:40px;height:40px}.cp-type-icon svg{width:28px;height:28px}}.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}}.save-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.save-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:360px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.save-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.save-modal-header h3{margin:0;font-size:1rem;font-weight:500;color:var(--color-text)}.save-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.save-modal-close:hover{color:var(--color-text)}.save-modal-loading{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.save-modal-lists{padding:.5rem 0;max-height:300px;overflow-y:auto}.save-modal-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;cursor:pointer;transition:background-color .15s ease}.save-modal-list-item:hover{background-color:var(--color-background)}.save-modal-list-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.save-list-name{flex:1;font-size:.95rem;color:var(--color-text)}.save-list-count{font-size:.8rem;color:var(--color-text-secondary)}.save-modal-new-list{display:block;width:100%;padding:.75rem 1.25rem;background:none;border:none;border-top:1px solid var(--color-border);color:var(--color-primary);font-size:.9rem;font-weight:500;font-family:var(--font-family);cursor:pointer;text-align:left;transition:background-color .15s ease}.save-modal-new-list:hover{background-color:var(--color-background)}.save-modal-create{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.save-modal-create input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;font-family:var(--font-family);background:var(--color-background);color:var(--color-text)}.save-modal-create input:focus{outline:none;border-color:var(--color-primary)}.save-create-actions{display:flex;gap:.5rem;justify-content:flex-end}.save-create-cancel,.save-create-confirm{padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.save-create-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.save-create-cancel:hover{border-color:var(--color-text-secondary)}.save-create-confirm{background:var(--color-primary);border:none;color:#fff}.save-create-confirm:disabled{opacity:.5}.save-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--color-border);gap:.5rem}.save-modal-unsave{padding:.5rem 1rem;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.save-modal-unsave:hover{border-color:var(--color-warning);color:var(--color-warning)}.save-modal-save{padding:.5rem 1.25rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;font-family:var(--font-family);cursor:pointer;margin-left:auto;transition:opacity .15s ease}.save-modal-save:hover:not(:disabled){opacity:.9}.save-modal-save:disabled{opacity:.5;cursor:not-allowed}.stm-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.stm-modal{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;width:400px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.stm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.stm-header h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0}.stm-close{background:none;border:none;padding:.3rem;cursor:pointer;color:var(--color-text-secondary);border-radius:6px}.stm-close:hover{color:var(--color-text);background-color:var(--color-surface)}.stm-share-info{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1.25rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.stm-share-type{font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.35rem}.stm-share-title{font-size:.85rem;font-weight:500;color:var(--color-text)}.stm-message-input{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border)}.stm-message-input input{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);outline:none;box-sizing:border-box}.stm-message-input input:focus{border-color:var(--color-primary)}.stm-message-input input::placeholder{color:var(--color-text-secondary)}.stm-list{flex:1;overflow-y:auto;padding:.5rem 0}.stm-loading,.stm-empty{padding:2rem;text-align:center;font-size:.85rem;color:var(--color-text-secondary)}.stm-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;transition:background-color .15s ease}.stm-item:hover{background-color:var(--color-surface)}.stm-item-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.stm-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.stm-avatar img{width:100%;height:100%;object-fit:cover}.stm-name{font-size:.9rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stm-send-btn{padding:.35rem .85rem;border:1px solid var(--color-primary);border-radius:20px;background:none;color:var(--color-primary);font-size:.8rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .15s ease;flex-shrink:0}.stm-send-btn:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.stm-send-btn:disabled{cursor:not-allowed;opacity:.6}.stm-send-btn.sent{border-color:var(--color-text-secondary);color:var(--color-text-secondary);opacity:.6}.post-card{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.share-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}.share-header svg{color:var(--color-primary);flex-shrink:0}.share-header .sharer-link,.share-header .original-author-link{color:var(--color-text);font-weight:500;text-decoration:none;transition:color .2s ease}.share-header .sharer-link:hover,.share-header .original-author-link:hover{color:var(--color-primary)}.share-header .share-text{color:var(--color-text-secondary)}.share-header .share-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;text-transform:uppercase}.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-location-country,.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{font-weight:500;color:var(--color-text);text-decoration:none}.ground-name:hover{text-decoration:underline}.ground-name.aggregate{font-style:italic;opacity:.9}.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}.fading-indicator{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.85rem;white-space:nowrap}.fading-indicator svg{color:var(--color-primary);flex-shrink:0}.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);display:flex;align-items:center;gap:.35rem;font-size:.9rem;margin-bottom:.75rem}.post-location svg{flex-shrink:0}.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-page .post-title{font-size:2rem;font-weight:600}.post-images{margin-bottom:1rem;border-radius:12px;overflow:hidden}.post-images.single{display:flex;justify-content:center;align-items:center;background-color:var(--color-background)}.post-images.single .post-image{max-width:100%;width:auto!important;object-fit:contain;background-color:var(--color-background);cursor:pointer;display:block}.post-images.gallery{display:flex;flex-direction:column;gap:.75rem}.main-image-viewer{display:flex;justify-content:center;align-items:center;background-color:var(--color-background);border-radius:12px;overflow:hidden}.main-image-viewer .post-image{max-width:100%;width:auto!important;object-fit:contain;background-color:var(--color-background);cursor:pointer;display:block}.image-thumbnails{display:flex;gap:.5rem;padding:.5rem;background-color:var(--color-surface-hover);border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.image-thumbnails::-webkit-scrollbar{height:6px}.image-thumbnails::-webkit-scrollbar-track{background:var(--color-background);border-radius:3px}.image-thumbnails::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.image-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.thumbnail{flex-shrink:0;width:80px;height:80px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.6;transition:all .2s ease;border:2px solid transparent}.thumbnail:hover{opacity:.8;transform:scale(1.05)}.thumbnail.active{opacity:1;border-color:var(--color-primary);transform:scale(1)}.post-image{width:100%;max-width:2400px;display:block;background-color:var(--color-background);height:auto}.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%}.thumbnail{width:60px;height:60px}}.share-comment-section{padding:1rem;background-color:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.share-comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.share-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}.share-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)}.share-header-content{display:flex;align-items:center;gap:.5rem;flex:1}.share-actions{display:flex;gap:.5rem;align-items:center}.share-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}.share-actions .post-action-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.share-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}.post-link-card{display:block;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-surface-hover);text-decoration:none;transition:all .2s ease;overflow:hidden}.post-link-card:hover{border-color:var(--color-primary);background-color:var(--color-background);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.link-card-image{width:100%;overflow:hidden;background-color:var(--color-background);aspect-ratio:16 / 9}.link-card-image img{width:100%;height:100%;object-fit:cover;display:block}.link-card-meta{padding:.75rem 1rem}.link-card-domain{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-secondary)}.link-card-domain svg{flex-shrink:0;opacity:.6}@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;background-color:#000}.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;z-index:10}.post-video-player::-webkit-media-controls-panel{background-color:#000000b3}@media(max-width:768px){.post-video-player{max-height:400px}}.post-content.column-content{padding:2rem 3rem}.post-title.column-title{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--color-text)}.column-subtitle{font-size:1.25rem;font-weight:400;line-height:1.5;color:var(--color-text-secondary);margin-bottom:2rem;font-style:italic}.column-text{font-size:1.125rem;line-height:1.75;color:var(--color-text)}.column-text h1{font-size:2.5rem;font-weight:600;margin:2rem 0 1rem;line-height:1.2;color:var(--color-text)}.column-text h2{font-size:2rem;font-weight:600;margin:2rem 0 1rem;line-height:1.3;color:var(--color-text)}.column-text h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem;line-height:1.4;color:var(--color-text)}.column-text p{margin-bottom:1.25rem}.column-text ul,.column-text ol{margin:1.25rem 0;padding-left:2rem}.column-text li{margin-bottom:.5rem;line-height:1.75}.column-text blockquote{border-left:3px solid var(--color-primary);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--color-text-secondary)}.column-text code{background-color:var(--color-surface-hover);padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.95em}.column-text pre{background-color:var(--color-surface-hover);padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.column-text pre code{background:none;padding:0}.column-text img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block}.column-text a{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease}.column-text a:hover{opacity:.7}.column-text hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}@media(max-width:768px){.post-content.column-content{padding:1.5rem}.post-title.column-title{font-size:2rem}.column-subtitle{font-size:1.1rem}.column-text{font-size:1rem}.column-text h1{font-size:2rem}.column-text h2{font-size:1.75rem}.column-text h3{font-size:1.25rem}}.column-reading-time{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.post-card:not(.post-condensed){border:none;background-color:transparent;margin-bottom:0}.column-text img[data-align=left],.column-text img.align-left{float:left;margin:.5rem 1.5rem 1rem 0;max-width:50%}.column-text img[data-align=right],.column-text img.align-right{float:right;margin:.5rem 0 1rem 1.5rem;max-width:50%}.column-text img[data-align=center],.column-text img.align-center,.column-text img:not([data-align]):not(.align-left):not(.align-right){display:block;margin:1.5rem auto;max-width:100%}.column-text p:after{content:"";display:table;clear:both}.column-featured-hero{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:2rem;max-height:600px;overflow:hidden;background-color:var(--color-background);display:flex;align-items:center;justify-content:center}.column-featured-hero img{width:100%;height:auto;object-fit:contain}.column-featured-thumbnail{width:200px;height:120px;flex-shrink:0;border-radius:8px;overflow:hidden;margin-bottom:1rem;background-color:var(--color-background);border:1px solid var(--color-border)}.column-featured-thumbnail img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.column-featured-hero{margin-left:0;margin-right:0;width:100%;max-height:400px}.column-featured-thumbnail{width:100%;height:auto;aspect-ratio:16 / 9}}.post-keeper-btn{background:none;border:none;padding:0;margin:0;font:inherit;font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease}.post-keeper-btn:hover{color:#f59e0b}.post-keeper-remove:hover{color:#ef4444}.post-tagged-users{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding:.5rem 1.5rem .75rem;font-size:.85rem;color:var(--color-text-secondary)}.post-tagged-users svg{flex-shrink:0;opacity:.6}.post-tagged-link{color:var(--color-primary);text-decoration:none;font-weight:500}.post-tagged-link:hover{text-decoration:underline}.post-save-btn{display:flex;align-items:center;gap:.35rem;background:none;border:none;padding:.35rem .5rem;font-size:.85rem;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .15s ease}.post-save-btn:hover{color:var(--color-primary);background-color:#2f5f4514}.post-save-btn.saved{color:var(--color-primary)}.post-save-btn-inline.saved{font-weight:500}.post-video-embed{position:relative;width:100%;padding-top:56.25%;margin:1rem 0;border-radius:8px;overflow:hidden;background-color:#000}.post-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.post-gif-embed{width:100%;margin:1rem 0;border-radius:8px;overflow:hidden}.gif-embed-spinner{display:flex;align-items:center;justify-content:center;height:120px;background-color:var(--color-surface-hover);border-radius:8px}.gif-embed-wrapper{position:relative;width:100%;background-color:#000;border-radius:8px;overflow:hidden}.gif-embed-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000;cursor:pointer}.gif-embed-poster:hover .gif-play-btn{transform:scale(1.1);transition:transform .15s ease}.gif-play-btn{background:none;border:none;cursor:pointer;padding:0;line-height:0}.gif-stop-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:4px;background-color:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .15s ease}.gif-stop-btn:hover{background-color:#000000d9}.nsfw-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-warning);color:#fff;font-size:.6rem;font-weight:700;padding:.25em .5em;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;margin-right:.5rem;vertical-align:middle;line-height:1.1}.nsfw-blur-overlay{position:absolute;inset:0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:#0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;border-radius:inherit}.nsfw-blur-label{background-color:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.post-tiktok-embed{margin:1rem 0;display:flex;justify-content:center}.post-tiktok-embed blockquote{margin:0!important;max-width:100%!important}.video-resume-prompt{position:absolute;bottom:48px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;animation:resumeSlideUp .3s ease-out}@keyframes resumeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.video-resume-prompt span{color:#ffffffe6;font-size:.85rem}.video-resume-prompt button{padding:.3rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:background-color .15s ease}.video-resume-btn{background-color:var(--color-primary, #4A8F6A);color:#fff}.video-resume-btn:hover{background-color:var(--color-primary-hover, #3d7a59)}.video-startover-btn{background-color:#ffffff26;color:#ffffffe6}.video-startover-btn:hover{background-color:#ffffff40}.video-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3}.video-progress-bar-fill{height:100%;background-color:var(--color-primary, #4A8F6A);transition:width .3s ease}@media(max-width:768px){.video-resume-prompt{bottom:40px;gap:.5rem;padding:.5rem .75rem}.video-resume-prompt span{font-size:.8rem}.video-resume-prompt button{padding:.25rem .6rem;font-size:.75rem}}.comment{display:flex;flex-direction:column;padding:.4rem 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:.4rem;position:relative}.comment-author{display:flex;align-items:flex-start;gap:.65rem;text-decoration:none}.comment-avatar,.comment-avatar-placeholder{width:36px;height:36px;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:.85rem}.comment-author-info{display:flex;flex-direction:column;min-width:0}.comment-author-name{font-weight:500;color:var(--color-text);font-size:.9rem;line-height:1.3}.comment-meta{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary)}.comment-username,.comment-location-country,.comment-separator,.comment-time{color:var(--color-text-secondary)}.comment-edited{color:var(--color-text-secondary);font-style:italic}.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:0rem}.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-warning);color:#fff}.btn-delete:hover:not(:disabled){opacity:.9}.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}.comment-mention{color:var(--color-primary);text-decoration:none;font-weight:500}.comment-mention:hover{text-decoration:underline}.comment-highlighted{animation:commentHighlight 3s ease-out}@keyframes commentHighlight{0%{background-color:#4a8f6a26}to{background-color:transparent}}.reply-form-buttons{display:flex;gap:.5rem}.btn-cancel{padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.comment-reply-form .reply-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.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:0rem}.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;flex-direction:column;align-items:flex-end;gap:.25rem;margin-top:0rem}.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;flex-direction:column;align-items:flex-end;gap:.25rem;margin-top:.75rem}.reply-form-buttons{display:flex;gap:.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}}.mention-textarea-wrap{position:relative}.mention-dropdown{position:absolute;top:100%;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:10;max-height:180px;overflow-y:auto;margin-top:.25rem}.mention-dropdown-item{display:block;width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;font-family:var(--font-family);font-size:.9rem;color:var(--color-primary);font-weight:500;text-align:left;transition:background-color .1s ease}.mention-dropdown-item:hover,.mention-dropdown-item.selected{background-color:var(--color-background)}.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}}.watch-next{margin-top:1.5rem;margin-right:400px}.watch-next-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.watch-next-loading{color:var(--color-text-secondary);font-size:.9rem;padding:1rem 0}.watch-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.watch-next-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;text-align:left;padding:0;font-family:inherit;color:inherit}.watch-next-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.watch-next-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-surface-hover);overflow:hidden}.watch-next-thumbnail img{width:100%;height:100%;object-fit:cover}.watch-next-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.watch-next-duration{position:absolute;bottom:6px;right:6px;background-color:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.02em}.watch-next-type-badge{position:absolute;bottom:6px;right:6px;background-color:var(--color-primary);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.watch-next-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.watch-next-card:hover .watch-next-play-overlay{opacity:1}.watch-next-info{padding:.75rem}.watch-next-meta-row{display:flex;gap:.6rem;align-items:flex-start}.watch-next-avatar,.watch-next-avatar-placeholder{width:28px;height:28px;border-radius:50%;flex-shrink:0}.watch-next-avatar{object-fit:cover}.watch-next-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.watch-next-text{flex:1;min-width:0}.watch-next-card-title{font-size:.85rem;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}.watch-next-author{font-size:.78rem;color:var(--color-text-secondary);margin:.3rem 0 0;display:flex;align-items:center;gap:0;flex-wrap:wrap}.watch-next-dot{margin:0 .35rem}@media(max-width:1400px){.watch-next-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.watch-next-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.watch-next{margin-right:0;padding:0 .5rem}.watch-next-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:480px){.watch-next-grid{grid-template-columns:1fr}}.toast{position:fixed;bottom:2rem;right:2rem;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(120%)}to{opacity:1;transform:translate(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:var(--color-primary);background-color: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{bottom:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.post-page{max-width:1800px;margin:0 auto;padding:.5rem 2rem 2rem;min-height:100vh}.post-page-header{margin-bottom:.5rem}.post-page .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem .75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;text-transform:none;margin-bottom:0}.post-page .back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.post-page .back-btn svg{flex-shrink:0}.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-page .post-panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.post-page .panel-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:0;background-color:transparent;border-radius:0}.post-page .panel-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;border:2px solid transparent;border-radius:8px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.post-page .panel-mode-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.post-page .panel-mode-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.post-page .panel-mode-btn svg{flex-shrink:0}.panel-count{font-size:.85rem;opacity:.8}.comment-sort-dropdown{margin-left:auto}.comment-sort-dropdown .dropdown-trigger{padding:.5rem 1rem;font-size:.9rem;border-radius:8px;min-width:0;background-color:var(--color-surface);text-transform:lowercase}.comment-sort-dropdown .dropdown-menu{left:unset!important;right:24px;min-width:140px!important}.comment-sort-dropdown .dropdown-option{padding:.45rem .75rem;font-size:.9rem;text-transform:lowercase}.comment-sort-dropdown .option-label{font-size:.9rem;text-transform:lowercase}.ground-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:flex-end;align-items:flex-start}.ground-filter-wrapper{display:flex;flex-direction:column;align-items:center}.share-delete-link{background:none;border:none;padding:.15rem 0;font-size:.75rem;font-family:var(--font-family);color:var(--color-warning);cursor:pointer;transition:opacity .15s ease}.share-delete-link:hover{opacity:.7;text-decoration:underline}.share-delete-link:disabled{opacity:.5;cursor:not-allowed}.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}.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}.post-page .back-btn{padding:.5rem 1rem .5rem .75rem}.post-main-area{margin-right:0}.post-detail-panel{width:100vw}}.keeper-action-bar{display:flex;gap:.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background)}.keeper-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.keeper-action-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.keeper-action-btn.report-btn:hover{border-color:#f59e0b;color:#f59e0b}.keeper-action-btn.remove-btn:hover{border-color:#ef4444;color:#ef4444}.post-page .delete-confirm-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.post-page .delete-confirm-content{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 24px #00000026}.post-page .delete-confirm-content p{margin:0 0 1.5rem;color:var(--color-text);font-size:1rem;text-align:center}.post-page .delete-confirm-actions{display:flex;gap:1rem;justify-content:center}.post-page .delete-confirm-actions .btn-cancel{padding:.75rem 1.5rem;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}.post-page .delete-confirm-actions .btn-cancel:hover{background-color:var(--color-surface-hover)}.post-page .delete-confirm-actions .btn-delete{padding:.75rem 1.5rem;background-color:var(--color-warning);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:opacity .2s ease}.post-page .delete-confirm-actions .btn-delete:hover:not(:disabled){opacity:.9}.post-page .delete-confirm-actions .btn-delete:disabled{opacity:.6;cursor:not-allowed}.gp-active-ground{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;background-color:var(--color-primary);border-radius:10px;margin-bottom:.5rem}.gp-active-label{font-size:.95rem;font-weight:600;color:#fff;letter-spacing:-.01em}.gp-active-ground .share-delete-link{color:#ffffffb3;font-size:.75rem}.gp-active-ground .share-delete-link:hover{color:#fff}.gp-inactive-wrap{position:relative;margin-bottom:8px}.gp-inactive-grounds{display:flex;gap:.4rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gp-inactive-grounds.has-right{padding-right:2rem}.gp-inactive-grounds.has-left{padding-left:2rem}.gp-inactive-grounds::-webkit-scrollbar{display:none}.gp-ground-chip{flex-shrink:0}.gp-scroll-arrow{position:absolute;top:0;bottom:0;width:2rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color .15s ease;padding:0;z-index:2}.gp-scroll-arrow:hover{color:var(--color-text)}.gp-scroll-right{right:0;background:linear-gradient(to right,transparent 0%,var(--color-background) 40%)}.gp-scroll-left{left:0;background:linear-gradient(to left,transparent 0%,var(--color-background) 40%)}.gp-ground-chip{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:var(--font-family)}.gp-ground-chip:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.gp-chip-name{font-size:.85rem;font-weight:500;color:var(--color-text)}.gp-chip-stats{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.gp-chip-score{font-weight:600;color:var(--color-text-secondary)}.gp-chip-score.positive{color:var(--color-primary)}.gp-chip-score.negative{color:var(--color-error)}.gp-chip-comments{color:var(--color-text-secondary)}.gp-panel-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0 0;border-top:1px solid var(--color-border);margin-top:.25rem}.gp-panel-votes{display:flex;align-items:center;gap:.4rem}.gp-panel-votes .vote-btn{padding:.3rem .45rem}.gp-panel-votes .vote-score{font-size:1rem;font-weight:600;min-width:1.5rem;text-align:center}.gp-vote-label{font-size:.75rem;color:var(--color-text-secondary);margin-left:.25rem}.gp-container{max-width:1600px;margin:0 auto;padding:2rem}.gp-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--color-text-secondary)}.gp-header{margin-bottom:2rem}.gp-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.gp-header h1{font-size:2.25rem;font-weight:500;color:var(--color-text);margin:0 0 .3rem;letter-spacing:-.02em}.gp-header p{font-size:1.05rem;color:var(--color-text-secondary);margin:0}.gp-two-col{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.gp-spotlight-header{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.gp-spotlight-header h2{font-size:1.15rem;font-weight:500;color:var(--color-text);margin:0;display:flex;align-items:center;gap:.5rem}.gp-spotlight-header .gp-spotlight-star{color:var(--color-primary);display:flex}.gp-spotlight-card{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-surface);text-decoration:none;transition:all .25s ease;min-height:200px}.gp-spotlight-card:hover{border-color:var(--color-primary);box-shadow:0 8px 32px #0000001f}.gp-spotlight-info{padding:1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.gp-spotlight-info h2{font-size:1.35rem;font-weight:600;color:var(--color-text);margin:0}.gp-spotlight-info p{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.gp-spotlight-bottom{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.gp-spotlight-image{position:relative;background-size:cover;background-position:center;min-height:200px}.gp-spotlight-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 1rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%);display:flex;flex-direction:column;gap:.15rem}.gp-spotlight-post-title{font-size:.85rem;font-weight:500;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gp-spotlight-post-meta{font-size:.7rem;color:#ffffffb3}.gp-spotlight-no-image{background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center}.gp-spotlight-no-image svg{opacity:.15}.gp-spotlight-info h2{font-size:1.35rem;font-weight:600;color:var(--color-text);margin:0 0 .35rem}.gp-spotlight-info p{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.5}.gp-spotlight-bottom{display:flex;align-items:center;gap:.75rem}.gp-members-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-secondary)}.gp-official-badge{display:inline-block;padding:.15rem .45rem;background-color:var(--color-primary);color:var(--color-background);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:3px}.gp-official-sm{color:var(--color-primary);margin-left:.3rem;font-size:.7em}.gp-col-left{position:sticky;top:2rem}.gp-col-right{min-width:0}.gp-stats-bar{display:flex;gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.gp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;background-color:var(--color-surface)}.gp-stat-value{font-size:1.5rem;font-weight:600;color:var(--color-text);line-height:1}.gp-stat-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.gp-yours-list{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.gp-yours-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;text-decoration:none;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.gp-yours-row:last-child{border-bottom:none}.gp-yours-row:hover{background-color:var(--color-surface-hover)}.gp-yours-name{font-size:.9rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-yours-members{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.gp-section{margin-bottom:3rem}.gp-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.gp-section-header h2{font-size:1.15rem;font-weight:500;color:var(--color-text);margin:0;display:flex;align-items:center;gap:.5rem}.gp-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .4rem;border-radius:11px;background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.gp-period-tabs{display:flex;gap:.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.15rem}.gp-period-tab{padding:.35rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-family)}.gp-period-tab:hover{color:var(--color-text)}.gp-period-tab.active{background-color:var(--color-primary);color:var(--color-background)}.gp-trending-list{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.gp-trending-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;text-decoration:none;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.gp-trending-row:last-child{border-bottom:none}.gp-trending-row:hover{background-color:var(--color-surface-hover)}.gp-trending-rank{font-size:1rem;font-weight:600;color:var(--color-text-secondary);width:24px;text-align:center;flex-shrink:0}.gp-trending-row:nth-child(1) .gp-trending-rank{color:var(--color-primary)}.gp-trending-row:nth-child(2) .gp-trending-rank{color:var(--color-primary);opacity:.8}.gp-trending-row:nth-child(3) .gp-trending-rank{color:var(--color-primary);opacity:.6}.gp-trending-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.gp-trending-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.gp-trending-desc{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-trending-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.gp-growth-badge{font-size:.75rem;font-weight:600;color:var(--color-primary);background-color:#4a8f6a1a;padding:.15rem .5rem;border-radius:10px}.gp-members-inline{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-secondary)}.gp-joined-check{display:flex;align-items:center;justify-content:center;width:52px;flex-shrink:0}.gp-trending-empty{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.gp-category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.gp-category-chip{padding:.4rem .85rem;border-radius:20px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.gp-category-chip:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.gp-category-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.gp-category-results{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.gp-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.gp-empty p{margin:0}.gp-empty-sub{font-size:.9rem;opacity:.6;margin-top:.5rem}@media(max-width:900px){.gp-two-col{grid-template-columns:1fr}.gp-col-left{position:static}}@media(max-width:768px){.gp-container{padding:1.5rem 1rem}.gp-header h1{font-size:1.75rem}.gp-spotlight-card{grid-template-columns:1fr}.gp-spotlight-image{min-height:180px}.gp-trending-row{padding:.75rem 1rem}.gp-trending-desc{display:none}}.ground-page-header{margin-bottom:0}.ground-feed-container .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem .75rem 1rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;text-transform:none;font-family:inherit;margin-bottom:0}.ground-feed-container .back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.ground-feed-container .back-btn svg{flex-shrink:0}.ground-feed-container{max-width:100%;padding:.5rem 2rem 2rem;transition:margin-right .3s ease;background-color:var(--color-background);display:flex;flex-direction:column;align-items:center}.ground-feed-container>*{width:100%;max-width:1600px}.ground-feed-container:has(.chatroom-container){display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;padding-bottom:0;box-sizing:border-box}.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;margin-top:.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.ground-header.ground-banner{background-color:var(--color-primary);border-color:var(--color-primary)}.ground-banner .ground-title{color:var(--color-surface)}.ground-banner .ground-description{color:var(--color-surface);opacity:.85}.ground-banner .ground-meta,.ground-banner .ground-members{color:var(--color-surface);opacity:.75}.ground-banner .ground-members svg{stroke:var(--color-surface)}.ground-banner .admin-badge{background-color:var(--color-surface);color:var(--color-primary)}.ground-banner .ground-avatar{border:3px solid var(--color-accent);border-radius:16px}.ground-banner .ground-avatar span{color:var(--color-surface)!important;background-color:transparent}.ground-banner .btn-secondary{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.ground-banner .btn-secondary:hover{background-color:#ffffff1a}.ground-banner .btn-primary{background-color:var(--color-accent);color:var(--color-primary)}.ground-banner .btn-primary:hover{background-color:var(--color-accent);opacity:.9}.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-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0}.ground-feed-controls{display:flex;align-items:center;gap:.4rem}.ground-feed-controls .ring-filter-container{position:relative}.ground-feed-controls .ring-badge{border-radius:50%;border:none;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.ground-feed-controls .ring-badge:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.ground-feed-controls .ring-approval-menu-container{position:relative;z-index:1002}.ground-feed-controls .ring-approval-menu{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}.ground-feed-controls .ring-approval-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.ground-feed-controls .ring-approval-option:hover{background-color:var(--color-surface-hover)}.ground-feed-controls .ring-approval-option:first-child{border-radius:8px 8px 0 0}.ground-feed-controls .ring-approval-option:last-child{border-radius:0 0 8px 8px}.ground-feed-controls .ring-approval-option.selected{background-color:var(--color-surface-hover)}.ground-feed-controls .ring-approval-option.selected:after{content:"✔";margin-left:auto;color:var(--color-primary);font-weight:600}.ground-feed-controls .ring-option-number{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.7rem;flex-shrink:0}.ground-feed-controls .ring-option-name{font-size:.85rem;color:var(--color-text)}.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:.75rem}.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}.sc-shared-by{font-size:.75rem;color:#fffc;font-weight:500;cursor:pointer;margin-bottom:.2rem;display:block}.sc-shared-by:hover{color:#fff;text-decoration:underline}.card-vote-buttons{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:5}.showcase-card:hover .card-vote-buttons,.card-vote-buttons.voted{opacity:1}.gm-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border);margin-bottom:1.5rem}.gm-tab{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:500;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.gm-tab:hover{color:var(--color-text)}.gm-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.gm-tab-count{background-color:var(--color-primary);color:#fff;font-size:.75rem;padding:.1rem .45rem;border-radius:10px;font-weight:600}.gm-tab.active .gm-tab-count{background-color:var(--color-primary)}.gm-content{min-height:200px}.gm-section-title{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);text-transform:lowercase;margin:0 0 .75rem}.gm-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.gm-empty p{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.gm-empty span{font-size:.9rem}.gm-card{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;margin-bottom:.75rem}.gm-card-resolved{opacity:.6}.gm-card-body{padding:1rem}.gm-card-preview{font-size:.95rem;color:var(--color-text);margin:0 0 .5rem;line-height:1.4}.gm-card-meta{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .25rem}.gm-card-meta strong{color:var(--color-text);font-weight:500}.gm-card-reason{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:.5rem 0 0}.gm-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-background)}.gm-ban-form{padding:1rem;border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-surface)}.gm-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:4px;max-height:240px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #00000026}.gm-search-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;transition:background-color .15s}.gm-search-option:hover{background-color:#4a8f6a14}.gm-search-option:first-child{border-radius:8px 8px 0 0}.gm-search-option:last-child{border-radius:0 0 8px 8px}.gm-alert-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface)}.gm-alert-user{display:flex;align-items:center;gap:.75rem}.gm-alert-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.gm-alert-avatar-placeholder{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.gm-alert-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.gm-toggle-btn{position:relative;width:40px;height:22px;border-radius:11px;border:none;background-color:var(--color-border);cursor:pointer;transition:background-color .2s;padding:0}.gm-toggle-btn.active{background-color:var(--color-primary)}.gm-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;transition:transform .2s}.gm-toggle-btn.active .gm-toggle-knob{transform:translate(18px)}.rooms-page{display:flex;height:calc(100vh - 73px);overflow:hidden;max-width:1600px;margin:0 auto}.rooms-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background-color:var(--color-background);overflow:hidden}.rooms-sidebar-header{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.rooms-sidebar-header svg{color:var(--color-primary);flex-shrink:0;margin-left:-2px}.rooms-sidebar-header h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.rooms-ground-list{flex:1;overflow-y:auto;padding:.5rem 0}.rooms-ground-item{display:flex;align-items:center;width:100%;padding:.7rem 1.25rem;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .15s ease}.rooms-ground-item:hover{background-color:var(--color-surface-hover)}.rooms-ground-item.active{background-color:#4a8f6a1a;border-right:3px solid var(--color-primary)}.rooms-ground-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.rooms-ground-name{font-size:.9rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-ground-item.active .rooms-ground-name{color:var(--color-primary)}.rooms-official{color:var(--color-primary);margin-left:.3rem;font-size:.7em}.rooms-ground-members{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.rooms-loading,.rooms-empty{padding:2rem 1.25rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.rooms-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary)}.rooms-no-selection svg{opacity:.3;width:48px;height:48px}.rooms-no-selection p{font-size:1rem;margin:0}.rooms-chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.rooms-chat-area .chatroom-container{border:none;border-radius:0;margin-top:0;flex:1;min-height:0}.rooms-ground-list::-webkit-scrollbar{width:6px}.rooms-ground-list::-webkit-scrollbar-track{background:transparent}.rooms-ground-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.rooms-ground-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:768px){.rooms-sidebar{width:220px}}.gif-library-page{min-height:100vh;padding:2rem}.gif-library-container{max-width:1000px;margin:0 auto}.gif-header{margin-bottom:1.5rem}.gif-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.gif-header h1{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.gif-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 0}.gif-search{position:relative}.gif-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.gif-search-input{width:100%;padding:.65rem 2rem .65rem 2.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:.9rem;font-family:inherit;color:var(--color-text);transition:border-color .15s;box-sizing:border-box}.gif-search-input:focus{outline:none;border-color:var(--color-primary)}.gif-search-input::placeholder{color:var(--color-text-secondary)}.gif-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;line-height:1}.gif-search-clear:hover{color:var(--color-text)}.gif-add-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.gif-add-form h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.gif-add-mode-toggle{display:flex;gap:0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;width:fit-content;margin-bottom:.75rem}.gif-mode-btn{padding:.4rem .85rem;background:var(--color-background);border:none;font-size:.8rem;font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.gif-mode-btn:not(:last-child){border-right:1px solid var(--color-border)}.gif-mode-btn:hover{color:var(--color-text)}.gif-mode-btn.active{background:var(--color-primary);color:#fff}.gif-add-fields{display:flex;flex-direction:column;gap:.75rem}.gif-field label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text);margin-bottom:.3rem}.field-hint{font-weight:400;color:var(--color-text-secondary)}.gif-field input{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);font-size:.9rem;font-family:inherit;color:var(--color-text);box-sizing:border-box}.gif-field input:focus{outline:none;border-color:var(--color-primary)}.gif-url-preview{margin-top:.5rem;border-radius:8px;overflow:hidden;max-width:200px}.gif-url-preview img{width:100%;display:block;border-radius:8px}.gif-file-input-wrap{position:relative}.gif-file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.gif-file-label{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px dashed var(--color-border);border-radius:6px;background:var(--color-background);font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.gif-file-label:hover{border-color:var(--color-primary);color:var(--color-text)}.gif-error{color:var(--color-warning);font-size:.85rem;margin:.5rem 0 0}.gif-add-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.gif-loading{display:flex;justify-content:center;padding:4rem 0}.gif-empty{text-align:center;padding:4rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.gif-empty svg{color:var(--color-text-secondary);margin-bottom:1rem}.gif-empty p{color:var(--color-text-secondary);margin:0 0 1rem}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gif-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:border-color .15s}.gif-card:hover{border-color:var(--color-primary)}.gif-image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;background:var(--color-background)}.gif-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.gif-image-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gif-image-wrap:hover .gif-image-overlay{opacity:1}.gif-card-body{padding:.6rem .75rem}.gif-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.gif-tag{display:inline-block;padding:.15rem .45rem;background:#2f5f4514;color:var(--color-primary);border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:background .15s}.gif-tag:hover{background:#2f5f4526}.gif-tag-more{background:var(--color-background);color:var(--color-text-secondary);cursor:default}.gif-card-meta{display:flex;align-items:center;justify-content:space-between}.gif-uses{font-size:.7rem;color:var(--color-text-secondary)}.gif-card-actions{display:flex;align-items:center;gap:.35rem}.gif-edit-btn{display:flex;align-items:center;gap:.3rem;background:none;border:none;font-size:.7rem;color:var(--color-text-secondary);cursor:pointer;padding:.15rem 0;font-family:inherit;transition:color .15s}.gif-edit-btn:hover{color:var(--color-primary)}.gif-delete-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:1px solid transparent;border-radius:4px;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1;transition:all .15s}.gif-delete-btn:hover{color:var(--color-warning);border-color:var(--color-warning)}.gif-delete-btn:disabled{opacity:.5}.gif-delete-text-btn{color:var(--color-warning)}.gif-delete-text-btn:hover{opacity:.7;color:var(--color-warning)}.gif-edit-tags input{width:100%;padding:.4rem .5rem;border:1px solid var(--color-primary);border-radius:4px;font-size:.8rem;font-family:inherit;color:var(--color-text);background:var(--color-background);box-sizing:border-box}.gif-edit-tags input:focus{outline:none}.gif-edit-actions{display:flex;gap:.35rem;justify-content:flex-end;margin-top:.35rem}.gif-btn-sm{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-family:inherit;cursor:pointer;transition:all .15s}.gif-btn-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.gif-btn-cancel:hover{border-color:var(--color-text-secondary)}.gif-btn-save{background:var(--color-primary);border:none;color:#fff}.gif-btn-save:hover{opacity:.9}.gif-btn-save:disabled{opacity:.5}.gif-preview-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.gif-preview-content{position:relative;background:var(--color-surface);border-radius:12px;overflow:hidden;max-width:500px;width:100%;box-shadow:0 8px 32px #00000040}.gif-preview-close{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .15s}.gif-preview-close:hover{background:#000000b3}.gif-preview-content img{width:100%;display:block}.gif-preview-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.gif-preview-tags{display:flex;flex-wrap:wrap;gap:.35rem}.gif-preview-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;border:none;text-decoration:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.gif-library-page{padding:1rem}.gif-header-top{flex-direction:column;gap:.75rem}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}.knowledge-page{min-height:100vh;background-color:var(--color-background);padding-bottom:3rem}.knowledge-filter-bar{position:sticky;top:60px;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.75rem 0 .75rem 1.5rem;background-color:var(--color-background);max-width:1600px;margin:0 auto .5rem}.knowledge-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.knowledge-controls .feed-type-dropdown{min-width:140px}.knowledge-controls .feed-type-dropdown .dropdown-trigger,.knowledge-controls .feed-type-dropdown .dropdown-value span,.knowledge-controls .feed-type-dropdown .option-label{text-transform:lowercase}.category-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;flex:1;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.category-scroll::-webkit-scrollbar{display:none}.category-scroll .category-chip{flex-shrink:0}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.scroll-arrow:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.knowledge-controls .ring-filter-container{position:relative}.knowledge-controls .ring-filter-container .ring-badge{width:24px;height:24px;border-radius:50%;border:none;color:#fff;font-weight:600;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.knowledge-controls .ring-filter-container .ring-badge:hover{transform:scale(1.1);opacity:.9}.knowledge-controls .ring-filter-container .ring-approval-menu-container{position:relative;z-index:1002}.knowledge-controls .ring-filter-container .ring-approval-menu{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}.knowledge-controls .ring-filter-container .ring-approval-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.knowledge-controls .ring-filter-container .ring-approval-option:hover{background-color:var(--color-surface-hover)}.knowledge-controls .ring-filter-container .ring-approval-option:first-child{border-radius:8px 8px 0 0}.knowledge-controls .ring-filter-container .ring-approval-option:last-child{border-radius:0 0 8px 8px}.knowledge-controls .ring-filter-container .ring-approval-option.selected{background-color:var(--color-surface-hover)}.knowledge-controls .ring-filter-container .ring-approval-option.selected:after{content:"✔";margin-left:auto;color:var(--color-primary);font-weight:600}.knowledge-controls .ring-filter-container .ring-option-number{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.7rem;flex-shrink:0}.knowledge-controls .ring-filter-container .ring-option-name{font-size:.85rem;color:var(--color-text)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.25rem;padding:0 1.5rem;max-width:1600px;margin:0 auto}.knowledge-card{cursor:pointer;border-radius:12px;padding:.25rem;margin:-.25rem;transition:background-color .2s ease}.knowledge-card:hover{background-color:var(--color-surface-hover)}.knowledge-card:hover .play-overlay{opacity:1}.knowledge-card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:12px;overflow:hidden}.knowledge-card-thumbnail .thumbnail-image{width:100%;height:100%;object-fit:cover}.knowledge-card-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-background) 100%)}.badge-bottom-right{position:absolute;bottom:8px;right:8px;padding:.15rem .4rem;background-color:#000c;color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;letter-spacing:.02em}.badge-readtime{background-color:#4a8f6ad9}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.play-overlay svg{margin-left:3px}.knowledge-vote-buttons{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;flex-shrink:0;align-self:flex-end;margin-left:auto}.knowledge-card:hover .knowledge-vote-buttons,.knowledge-vote-buttons.voted{opacity:1}.knowledge-vote-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background-color:var(--color-surface-hover);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.knowledge-vote-btn:hover{background-color:var(--color-border);color:var(--color-text);transform:scale(1.1)}.knowledge-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.knowledge-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.knowledge-card-info{display:flex;flex-direction:row!important;align-items:flex-start;gap:.75rem;padding:.75rem .25rem .5rem}.knowledge-card-info .card-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.knowledge-card-info .card-avatar-placeholder{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0;text-transform:uppercase}.knowledge-card-info .card-avatar-link{cursor:pointer;transition:opacity .15s ease}.knowledge-card-info .card-avatar-link:hover{opacity:.8}.knowledge-card-info .card-details{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.knowledge-card-info .card-title{font-size: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}.knowledge-card-info .card-author{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.knowledge-card-info .card-author-link{cursor:pointer}.knowledge-card-info .card-author-link:hover{text-decoration:underline;color:var(--color-text)}.knowledge-card-info .card-meta-line{font-size:.875rem;color:var(--color-text-secondary);line-height:1.3;display:block}.knowledge-card-info .meta-dot{color:var(--color-text-tertiary)}.knowledge-state{padding:4rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:1600px;margin:0 auto}.knowledge-state p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.knowledge-state .state-hint{font-size:.85rem;color:var(--color-text-tertiary)}.knowledge-page .loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:k-spin .8s linear infinite}@keyframes k-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.knowledge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.knowledge-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 .75rem}.knowledge-filter-bar{padding-left:.75rem}}@media(max-width:480px){.knowledge-filter-bar{padding-left:.5rem;gap:.5rem}}.knowledge-card-info .card-shared-by{font-size:.8rem;color:var(--color-primary);font-weight:500;cursor:pointer;display:block}.knowledge-card-info .card-shared-by:hover{text-decoration:underline}.square-page{min-height:100vh;background-color:var(--color-background);padding-bottom:3rem}.square-filter-bar{position:sticky;top:60px;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.75rem 0 .75rem 1.5rem;background-color:var(--color-background);max-width:1600px;margin:0 auto .5rem}.square-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.square-controls .feed-type-dropdown{min-width:140px}.square-controls .feed-type-dropdown .dropdown-trigger,.square-controls .feed-type-dropdown .dropdown-value span,.square-controls .feed-type-dropdown .option-label{text-transform:lowercase}.square-page .category-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;flex:1;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.square-page .category-scroll::-webkit-scrollbar{display:none}.square-page .category-scroll .category-chip{flex-shrink:0}.square-page .scroll-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.square-page .scroll-arrow:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.square-controls .ring-filter-container{position:relative}.square-controls .ring-filter-container .ring-badge{width:24px;height:24px;border-radius:50%;border:none;color:#fff;font-weight:600;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.square-controls .ring-filter-container .ring-badge:hover{transform:scale(1.1);opacity:.9}.square-controls .ring-filter-container .ring-approval-menu-container{position:relative;z-index:1002}.square-controls .ring-filter-container .ring-approval-menu{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}.square-controls .ring-filter-container .ring-approval-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.square-controls .ring-filter-container .ring-approval-option:hover{background-color:var(--color-surface-hover)}.square-controls .ring-filter-container .ring-approval-option:first-child{border-radius:8px 8px 0 0}.square-controls .ring-filter-container .ring-approval-option:last-child{border-radius:0 0 8px 8px}.square-controls .ring-filter-container .ring-approval-option.selected{background-color:var(--color-surface-hover)}.square-controls .ring-filter-container .ring-approval-option.selected:after{content:"✓";margin-left:auto;color:var(--color-primary);font-weight:600}.square-controls .ring-filter-container .ring-option-number{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.7rem;flex-shrink:0}.square-controls .ring-filter-container .ring-option-name{font-size:.85rem;color:var(--color-text)}.square-feed{max-width:1600px;margin:0 auto;padding:0 1rem}.square-top-stories{margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.top-stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;height:480px}.top-stories-left{display:flex}.top-stories-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem}.top-stories-row-2{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;height:200px}.square-featured-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background-color:var(--color-surface);border:1px solid var(--color-border);transition:all .2s ease}.square-featured-card:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0000001f}.featured-large,.featured-small{width:100%;height:100%}.featured-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.featured-card-bg.featured-card-contain{object-fit:contain;background-color:#000}.featured-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center}.featured-placeholder-icon{color:var(--color-text-secondary);opacity:.3}.featured-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end}.featured-domain{font-size:.75rem;color:#ffffffb3;margin-bottom:.35rem;font-weight:500}.featured-title{font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.featured-large .featured-title{font-size:1.5rem;-webkit-line-clamp:3}.featured-small .featured-title{font-size:1rem;-webkit-line-clamp:2}.featured-meta{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#ffffffb3}.featured-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.featured-avatar-placeholder{width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.6rem;text-transform:uppercase;flex-shrink:0}.featured-large .featured-avatar{width:24px;height:24px}.featured-author-link{display:flex;align-items:center;gap:.4rem;cursor:pointer}.featured-author-link:hover .featured-author{text-decoration:underline}.featured-author{font-weight:500;color:#ffffffe6}.featured-dot{opacity:.5}.featured-vote-buttons{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:5}.square-featured-card:hover .featured-vote-buttons,.featured-vote-buttons.voted{opacity:1}.featured-vote-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.featured-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.featured-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.featured-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.square-state{padding:4rem 1rem;text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.square-state p{color:var(--color-text-secondary);margin:.5rem 0 0;font-size:.9rem}.square-state .empty-hint{font-size:.8rem;color:var(--color-text-tertiary)}.square-state .loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:square-spin .8s linear infinite;margin:0 auto}@keyframes square-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.square-hero h1{font-size:2rem}.square-feed{padding:0 .5rem}.top-stories-grid{grid-template-columns:1fr;height:auto}.top-stories-left{height:280px}.top-stories-right{grid-template-columns:1fr 1fr;height:auto}.featured-small{height:200px}}.featured-shared-by{font-size:.75rem;color:#fffc;font-weight:500;cursor:pointer;margin-bottom:.25rem}.featured-shared-by:hover{color:#fff;text-decoration:underline}.goods-page{min-height:100vh;background-color:var(--color-background);padding-bottom:3rem}.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}.goods-filter-bar{position:sticky;top:60px;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.75rem 0 .75rem 1rem;background-color:var(--color-background);max-width:1600px;margin:0 auto .5rem}.goods-page .category-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;flex:1;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.goods-page .category-scroll::-webkit-scrollbar{display:none}.goods-page .category-scroll .category-chip{flex-shrink:0}.goods-page .scroll-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.goods-page .scroll-arrow:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.goods-search-bar{position:sticky;top:0;z-index:100;max-width:800px;margin:1.5rem auto;padding:0 1rem;display:flex;align-items:center;gap:.75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;transition:all .2s ease}.goods-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 2px 8px #2f5f4526}.goods-search-bar .search-icon{color:var(--color-text-secondary);flex-shrink:0}.goods-search-bar .search-input{flex:1;padding:.875rem 0;border:none;background:transparent;font-size:.95rem;color:var(--color-text);outline:none}.goods-search-bar .search-input::placeholder{color:var(--color-text-secondary)}.category-chip{padding:.5rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:lowercase}.category-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.category-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.goods-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.goods-controls .feed-type-dropdown{min-width:140px}.goods-controls .feed-type-dropdown .dropdown-trigger,.goods-controls .feed-type-dropdown .dropdown-value span,.goods-controls .feed-type-dropdown .option-label{text-transform:lowercase}.masonry-grid{column-count:6;column-gap:1rem;padding:0 1rem;max-width:1600px;margin:0 auto}.ring-filter-container{position:relative}.ring-filter-container .ring-badge{width:24px;height:24px;border-radius:50%;border:none;color:#fff;font-weight:600;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.ring-filter-container .ring-badge:hover{transform:scale(1.1);opacity:.9}.ring-filter-container .ring-approval-menu-container{position:relative;z-index:1002}.ring-filter-container .ring-approval-menu{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}.ring-filter-container .ring-approval-option{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.ring-filter-container .ring-approval-option:hover{background-color:var(--color-surface-hover)}.ring-filter-container .ring-approval-option:first-child{border-radius:8px 8px 0 0}.ring-filter-container .ring-approval-option:last-child{border-radius:0 0 8px 8px}.ring-filter-container .ring-approval-option.selected{background-color:var(--color-surface-hover)}.ring-filter-container .ring-approval-option.selected:after{content:"✓";margin-left:auto;color:var(--color-primary);font-weight:600}.ring-filter-container .ring-option-number{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.7rem;flex-shrink:0}.ring-filter-container .ring-option-name{font-size:.85rem;color:var(--color-text)}.masonry-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;background-color:var(--color-surface);border:1px solid var(--color-border);display:inline-block;width:100%;break-inside:avoid;margin-bottom:1rem}.masonry-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-vote-buttons{position:absolute;bottom:.75rem;right:.75rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:5}.masonry-card:hover .card-vote-buttons,.card-vote-buttons.voted{opacity:1}.card-vote-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background-color:#0009;color:#fffc;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-vote-btn:hover{background-color:#000c;color:#fff;transform:scale(1.1)}.card-vote-btn.active-upvote{background-color:var(--color-primary);color:#fff}.card-vote-btn.active-downvote{background-color:#b43c3cd9;color:#fff}.masonry-card .card-image{width:100%;height:auto;display:block}.masonry-card .card-video{width:100%;height:auto;display:block;background-color:#000}.masonry-card .card-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-background) 100%)}.masonry-card .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem}.masonry-card:hover .card-overlay{opacity:1}.masonry-card .card-content{display:flex;flex-direction:column;gap:.5rem}.masonry-card .card-content h4{font-size:.95rem;font-weight:500;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.masonry-card .card-author{display:flex;align-items:center;gap:.5rem;cursor:pointer}.masonry-card .card-author:hover span{text-decoration:underline}.masonry-card .author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.masonry-card .author-avatar-placeholder{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.65rem;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;flex-shrink:0}.masonry-card .card-author span{font-size:.85rem;color:#ffffffe6;font-weight:500}.masonry-card .card-stats{display:flex;gap:.5rem;align-items:center}.masonry-card .product-badge{padding:.25rem .75rem;background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:lowercase;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.masonry-card .product-badge:hover{background-color:var(--color-primary-hover, #3d7a5a);transform:scale(1.05)}.masonry-card .upvote-badge{padding:.25rem .75rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.goods-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-secondary)}.goods-state .loading-spinner{margin-bottom:1rem}.goods-state .state-hint{font-size:.9rem;opacity:.7}.column-loading,.column-error,.column-empty{padding:2rem 1rem;text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.column-loading p,.column-error p,.column-empty p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.column-empty .empty-hint{font-size:.8rem;color:var(--color-text-tertiary);margin-top:.5rem}.goods-bottom-cta{max-width:600px;margin:3rem auto 2rem;padding:2.5rem;text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.goods-bottom-cta h2{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.goods-bottom-cta p{font-size:1rem;color:var(--color-text-secondary);margin:0 0 1.5rem}@media(max-width:768px){.masonry-grid{column-gap:.75rem;padding:0 .5rem}.goods-filter-bar{padding-left:.75rem}}@media(max-width:480px){.category-chip{padding:.4rem 1rem;font-size:.8rem}}@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}}.card-shared-by{font-size:.7rem;color:#fffc;font-weight:500;cursor:pointer;display:block;margin-bottom:.15rem}.card-shared-by:hover{color:#fff;text-decoration:underline}.goods-shops-bar{margin-bottom:1.25rem;overflow:hidden;padding:0 1rem;max-width:1600px;margin-left:auto;margin-right:auto}.goods-shops-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:none;-ms-overflow-style:none}.goods-shops-scroll::-webkit-scrollbar{display:none}.goods-shop-card{display:flex;align-items:center;gap:.6rem;flex-shrink:0;text-decoration:none;padding:.5rem 1rem .5rem .5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:all .15s ease}.goods-shop-card:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.goods-shop-avatar{width:54px;height:54px;border-radius:10px;object-fit:cover}.goods-shop-avatar-placeholder{width:54px;height:54px;border-radius:10px;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--color-primary);flex-shrink:0}.goods-shop-all .goods-shop-avatar-placeholder{background-color:var(--color-primary);color:#fff}.goods-shop-name{font-size:1rem;color:var(--color-text);white-space:nowrap;width:110px;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-align:center}.goods-shop-card:hover .goods-shop-name{color:var(--color-primary)}.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}.variant-indicator{font-size:.9rem;color:var(--color-text-secondary);font-style:italic}@media(max-width:768px){.product-info{padding:.75rem}.product-title{font-size:.95rem}.product-price{font-size:1.1rem}}.shop-page{max-width:100%;padding:2rem;background-color:var(--color-background);display:flex;flex-direction:column;align-items:center}.shop-page>*{width:100%;max-width:1600px}.shop-header{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.shop-header.shop-banner{background-color:var(--color-primary);border-color:var(--color-primary)}.shop-banner .shop-title{color:var(--color-surface)}.shop-banner .shop-username{color:var(--color-surface);opacity:.8}.shop-banner .shop-username a{color:var(--color-surface)}.shop-banner .shop-description{color:var(--color-surface);opacity:.85;margin:0}.shop-banner .shop-avatar{border:3px solid var(--color-accent)}.shop-banner .shop-avatar-placeholder{color:var(--color-primary);background-color:var(--color-surface)}.shop-banner .shop-company{display:none}.shop-banner .verified-badge{stroke:var(--color-accent)}.shop-banner .btn-secondary{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.shop-banner .btn-secondary:hover{background-color:#ffffff1a}.shop-banner .btn-primary{background-color:var(--color-accent);color:var(--color-primary)}.shop-banner .creator-attribution{background:#ffffff1a;border-color:#fff3}.shop-banner .creator-badge{background:var(--color-accent);color:var(--color-primary)}.shop-banner .creator-link{color:var(--color-surface)}.shop-banner .team-attribution{background:#ffffff1a;color:var(--color-surface);opacity:.8}.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}.creator-attribution{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:1rem;background:#2f5f450d;border:1px solid var(--color-primary);border-radius:8px}.creator-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:lowercase;align-self:flex-start}.creator-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-size:.9rem;transition:color .2s}.creator-link:hover{color:var(--color-primary)}.creator-link:hover strong{text-decoration:underline}.creator-photo{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.team-attribution{display:flex;align-items:center;gap:.5rem;margin:1rem 0;padding:.75rem 1rem;background:var(--color-surface-hover);border-radius:8px;color:var(--color-text-secondary);font-size:.9rem}.team-attribution svg{flex-shrink:0;stroke:currentColor}.shop-page .category-filter{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.shop-page .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}.shop-page .category-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.shop-page .category-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.shop-section-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.shop-section-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.shop-section-header .category-filter{display:flex;gap:.5rem;flex-direction:row-reverse;margin-bottom:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.product-card-wrapper{position:relative}.reorder-controls{position:absolute;top:.5rem;right:.5rem;display:none;gap:.25rem;z-index:10}.product-card-wrapper:hover .reorder-controls{display:flex}.reorder-btn{width:32px;height:32px;padding:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-text);box-shadow:0 2px 8px #0000001a}.reorder-btn:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.reorder-btn svg{stroke:currentColor;flex-shrink:0}.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}.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-page .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:shop-spin 1s linear infinite}@keyframes shop-spin{to{transform:rotate(360deg)}}.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}.shop-page .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;justify-content:center}.shop-page .btn-primary{background-color:var(--color-primary);color:#fff}.shop-page .btn-primary:hover{opacity:.9}.shop-page .btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.shop-page .btn-secondary:hover{background-color:var(--color-background)}.shop-page .btn-small{padding:.5rem 1rem;font-size:.875rem}.shop-page .btn svg{flex-shrink:0}@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}.shop-section-header .category-filter{width:100%;flex-direction:row;flex-wrap:wrap}.shop-section-header .category-btn{flex:1;min-width:fit-content}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.shop-page .category-filter{gap:.5rem}.shop-page .category-btn{font-size:.85rem;padding:.4rem .8rem}}.shop-directory-page{min-height:100vh;background-color:var(--color-background);padding:2rem;padding-top:0}.shop-directory-page .goods-filter-bar{max-width:1600px;margin-left:auto;margin-right:auto}.shop-directory-page .category-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;flex:1;padding-right:.5rem;scrollbar-width:none;-ms-overflow-style:none}.shop-directory-page .category-scroll::-webkit-scrollbar{display:none}.shop-directory-page .category-scroll .category-chip{flex-shrink:0}.shop-directory-page .scroll-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.shop-directory-page .scroll-arrow:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.directory-container{max-width:1400px;margin:0 auto}.directory-header{text-align:center;margin-bottom:2.5rem}.directory-header h1{font-size:2.5rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.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(300px,1fr));gap:1.5rem}.shop-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;overflow:hidden;transition:all .2s ease}.shop-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014;border-color:var(--color-primary)}.shop-card-body{display:flex;height:180px}.shop-card-left{flex:1;display:flex;flex-direction:column;padding:1.25rem;gap:.75rem;min-width:0}.shop-card-avatar{width:56px;height:56px;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}.shop-directory-page .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-card-identity{margin-top:auto;display:flex;flex-direction:column;gap:.1rem;min-width:0}.shop-card-name-row{display:flex;align-items:center;gap:.35rem}.shop-card-name{font-size:1.05rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card .verified-icon{stroke:var(--color-primary);flex-shrink:0}.shop-card-username{font-size:.8rem;color:var(--color-text-secondary)}.shop-card-count{font-size:.8rem;color:var(--color-text-secondary);margin-top:.1rem}.shop-card-image{width:45%;flex-shrink:0;overflow:hidden}.shop-card-image img{width:100%;height:100%;object-fit:cover}.shop-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);color:var(--color-text-secondary);opacity:.3}.shop-card-footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);min-height:2.75rem}.shop-card-description{font-size:.85rem;color:var(--color-text-secondary);line-height:1.45;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-directory-page .empty-state{text-align:center;padding:4rem 2rem;max-width:500px;margin:4rem auto}.shop-directory-page .empty-state h3{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.shop-directory-page .empty-state p{font-size:1.05rem;color:var(--color-text-secondary);margin:0 0 2rem}.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;padding-top:0}.directory-header{margin-bottom:1.5rem}.directory-header h1{font-size:2rem}.shops-grid{grid-template-columns:1fr;gap:1rem}.shop-card-body{height:160px}.shop-card-left{padding:1rem}.shop-card-footer{padding:.65rem 1rem}}.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;padding-bottom:.5rem;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:1600px;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 1rem .5rem .5rem;transition:color .2s ease;font-family:var(--font-family);align-self:flex-start;border-radius:8px;min-height:38px}.product-page .back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.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}}.subscription-ring-badge{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#4a8f6a1a;border:1px solid var(--color-primary);border-radius:8px;margin-bottom:1.5rem}.ring-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;flex-shrink:0}.subscription-ring-badge span{color:var(--color-text);font-size:.95rem}.pricing-tiers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.pricing-tier{padding:1.25rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center;background-color:var(--color-background)}.pricing-tier:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.pricing-tier.selected{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.tier-label{font-size:.85rem;text-transform:uppercase;color:var(--color-text-secondary);font-weight:600;margin-bottom:.5rem}.tier-price{font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.tier-total{font-size:.85rem;color:var(--color-text-secondary)}.pricing-tier.selected .tier-label,.pricing-tier.selected .tier-price{color:var(--color-primary)}.pricing-tier.selected .tier-total{color:var(--color-primary);font-weight:500}.trial-notice{padding:.75rem 1rem;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;color:var(--color-text);font-size:.9rem;text-align:center}.subscribe-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.subscribe-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600}.login-notice{text-align:center;font-size:.9rem;color:var(--color-text-secondary);margin:0}.login-notice a{color:var(--color-primary);text-decoration:none;font-weight:500}.booking-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.booking-details{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.booking-detail-row{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--color-text)}.booking-detail-row svg{color:var(--color-primary);flex-shrink:0}.login-notice a:hover{text-decoration:underline}.product-message-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.product-message-btns .btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;font-size:.85rem;white-space:nowrap}@media(max-width:768px){.pricing-tiers{grid-template-columns:1fr}.tier-price{font-size:1.5rem}}.booking-widget{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.booking-widget-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.booking-calendar{border:1px solid var(--color-border);border-radius:10px;padding:1rem;background-color:var(--color-surface)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.calendar-month{font-size:.95rem;font-weight:600;color:var(--color-text)}.calendar-nav{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.3rem;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.calendar-nav:hover:not(:disabled){background-color:var(--color-background);color:var(--color-text)}.calendar-nav:disabled{opacity:.3;cursor:not-allowed}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.25rem}.weekday{text-align:center;font-size:.7rem;font-weight:600;color:var(--color-text-secondary);padding:.25rem 0;text-transform:lowercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;border:none;background:none;border-radius:8px;cursor:default;color:var(--color-text-secondary);transition:all .15s ease;position:relative}.calendar-day.empty{visibility:hidden}.calendar-day.past{opacity:.3}.calendar-day.available{color:var(--color-text);font-weight:500;cursor:pointer}.calendar-day.available:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--color-primary)}.calendar-day.available:hover{background-color:var(--color-background)}.calendar-day.selected{background-color:var(--color-primary);color:#fff;font-weight:600}.calendar-day.selected:after{background-color:#fff}.booking-slots{display:flex;flex-direction:column;gap:.5rem}.slots-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin:0}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.slot-btn{padding:.55rem .25rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.82rem;cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap}.slot-btn:hover{border-color:var(--color-primary);background-color:var(--color-background)}.slot-btn.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}.no-slots{font-size:.85rem;color:var(--color-text-secondary);text-align:center;padding:1rem 0;margin:0}.booking-confirm{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--color-border);padding-top:1rem}.confirm-summary{display:flex;flex-direction:column;gap:.35rem}.confirm-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.confirm-label{color:var(--color-text-secondary)}.confirm-value{color:var(--color-text);font-weight:500}.confirm-total{border-top:1px solid var(--color-border);padding-top:.5rem;margin-top:.25rem}.confirm-total .confirm-label{font-weight:600;color:var(--color-text)}.confirm-total .confirm-value{font-size:1rem;font-weight:700;color:var(--color-primary)}.booking-notes{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-size:.85rem;font-family:inherit;resize:none;transition:border-color .15s ease}.booking-notes:focus{outline:none;border-color:var(--color-primary)}.booking-notes::placeholder{color:var(--color-text-secondary)}.booking-submit{width:100%}.booking-error{font-size:.85rem;color:var(--color-error, #c44);background-color:#fdf0ef;border:1px solid #f5c6c2;border-radius:8px;padding:.5rem .75rem;margin:0}.booking-loading{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.75rem 0;font-size:.85rem;color:var(--color-text-secondary)}.booking-success{text-align:center;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.success-icon{color:var(--color-primary);margin-bottom:.25rem}.booking-success h3{font-size:1.15rem;font-weight:600;color:var(--color-text);margin:0}.success-date{font-size:.95rem;font-weight:500;color:var(--color-text);margin:0}.success-duration{font-size:.85rem;color:var(--color-text-secondary);margin:0}.success-price{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin:0}.booking-success .btn{margin-top:.5rem}.booking-payment{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--color-border);padding-top:1rem}.booking-stripe-form{display:flex;flex-direction:column;gap:.75rem}.card-label{font-size:.85rem;font-weight:500;color:var(--color-text)}.card-element-wrapper{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);transition:border-color .15s ease}.card-element-wrapper:focus-within{border-color:var(--color-primary)}@media(max-width:480px){.slots-grid{grid-template-columns:repeat(2,1fr)}}.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)}.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}}.amb-calc-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.amb-calc-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.amb-calc-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.amb-calc-header h2{font-size:1.15rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.amb-calc-close{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.amb-calc-close:hover{background-color:var(--color-background)}.amb-calc-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.amb-calc-section{display:flex;flex-direction:column;gap:.375rem}.amb-calc-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.amb-calc-search-wrap{position:relative}.amb-calc-search-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);font-size:.9rem}.amb-calc-search-input:focus{outline:none;border-color:var(--color-primary)}.amb-calc-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.amb-calc-searching{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-text-secondary)}.amb-calc-search-results{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:10;max-height:200px;overflow-y:auto}.amb-calc-search-result{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;cursor:pointer;transition:background-color .2s}.amb-calc-search-result:hover{background-color:var(--color-surface-hover)}.amb-calc-search-result-img{width:36px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}.amb-calc-search-result-info{display:flex;flex-direction:column;gap:.1rem}.amb-calc-search-result-title{font-size:.85rem;font-weight:500;color:var(--color-text)}.amb-calc-search-result-meta{font-size:.75rem;color:var(--color-text-secondary)}.amb-calc-selected-product{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.amb-calc-product-img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}.amb-calc-product-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.amb-calc-product-name{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amb-calc-product-meta{font-size:.75rem;color:var(--color-text-secondary)}.amb-calc-product-clear{width:24px;height:24px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.amb-calc-product-clear:hover{border-color:var(--color-text);color:var(--color-text)}.amb-calc-loading{font-size:.8rem;color:var(--color-text-secondary);margin:0}.amb-calc-ring-picker{display:flex;align-items:center;gap:.375rem}.amb-calc-ring-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:transparent;color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.amb-calc-ring-btn.active{color:#fff;border-color:transparent}.amb-calc-ring-btn:not(.active):hover{border-color:var(--color-text-secondary)}.amb-calc-your-ring{margin-left:.5rem;font-size:.75rem;color:var(--color-primary);font-weight:500}.amb-calc-disabled-note{font-size:.8rem;color:var(--color-text-secondary);margin:.25rem 0 0;font-style:italic}.amb-calc-input-grid{display:grid;grid-template-columns:auto 72px 1fr;gap:.5rem .75rem;align-items:center}.amb-calc-input-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-align:right;white-space:nowrap;text-transform:lowercase}.amb-calc-input{width:72px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.85rem;text-align:center;-moz-appearance:textfield}.amb-calc-input::-webkit-outer-spin-button,.amb-calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amb-calc-input:focus{outline:none;border-color:var(--color-primary)}.amb-calc-input-math{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.amb-calc-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--color-border);padding-top:1rem;font-size:1rem;font-weight:500;color:var(--color-text);text-transform:lowercase}.amb-calc-total-amount{color:var(--color-primary);font-weight:600;font-size:1.5rem}@media(max-width:768px){.amb-calc-overlay{padding:1rem}.amb-calc-modal{max-height:90vh}.amb-calc-input-grid{grid-template-columns:auto 60px 1fr;gap:.375rem .5rem}.amb-calc-input{width:60px}.amb-calc-input-math{font-size:.7rem}}.amb-filter-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.amb-filter-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.amb-filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.amb-filter-header h2{font-size:1.15rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.amb-filter-close{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.amb-filter-close:hover{background-color:var(--color-background)}.amb-filter-mode-toggle{display:flex;gap:0;margin:1rem 1.5rem 0;background-color:var(--color-background);border-radius:8px;padding:.25rem}.amb-filter-mode-btn{flex:1;padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:lowercase}.amb-filter-mode-btn.active{background-color:var(--color-primary);color:#fff}.amb-filter-body{padding:1rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.875rem}.amb-filter-field{display:flex;flex-direction:column;gap:.25rem}.amb-filter-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.amb-filter-dropdown{width:100%}.amb-filter-dropdown .dropdown-trigger{padding:.5rem .75rem;font-size:.85rem;border-radius:6px;background-color:var(--color-background)}.amb-filter-rate-dropdown .dropdown-trigger{padding:.375rem .5rem;font-size:.8rem;min-height:0}.amb-filter-rate-dropdown .dropdown-menu{font-size:.8rem}.amb-filter-rate-dropdown .dropdown-option{padding:.375rem .625rem;font-size:.8rem}.amb-filter-rate-dropdown .option-label{font-size:.8rem}.amb-filter-rate-dropdown .dropdown-arrow,.amb-filter-rate-dropdown .check-icon{width:12px;height:12px}.amb-filter-rate-field{flex:1;min-width:90px}.amb-filter-rate-op{min-width:48px;width:48px}.amb-filter-rate-ring{min-width:42px;width:42px}.amb-filter-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.85rem;-moz-appearance:textfield}.amb-filter-input::-webkit-outer-spin-button,.amb-filter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amb-filter-input:focus{outline:none;border-color:var(--color-primary)}.amb-filter-input::placeholder{color:var(--color-text-secondary);opacity:.5}.amb-filter-row{display:flex;gap:.75rem}.amb-filter-half{flex:1}.amb-filter-section{display:flex;flex-direction:column;gap:.5rem}.amb-filter-section-header{display:flex;justify-content:space-between;align-items:center}.amb-filter-add-btn{padding:.3rem .625rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:lowercase}.amb-filter-add-btn:hover{background-color:var(--color-background);border-color:var(--color-primary)}.amb-filter-rate-row{display:flex;align-items:center;gap:.375rem;padding:.5rem;background-color:var(--color-background);border-radius:6px}.amb-filter-rate-val{width:64px!important;flex:0 0 64px;padding:.375rem .5rem;font-size:.8rem;text-align:center}.amb-filter-rate-at{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.amb-filter-remove-btn{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.amb-filter-remove-btn:hover{background-color:var(--color-surface);color:var(--color-text)}.multi-select-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.amb-filter-hint{font-size:.8rem;color:var(--color-text-secondary);margin:0;font-style:italic}.amb-filter-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.amb-filter-reset-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:lowercase}.amb-filter-reset-btn:hover{border-color:var(--color-text);color:var(--color-text)}.amb-filter-apply-btn{padding:.5rem 1.25rem;border:none;border-radius:6px;background-color:var(--color-primary);color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;text-transform:lowercase}.amb-filter-apply-btn:hover{opacity:.9}@media(max-width:768px){.amb-filter-overlay{padding:1rem}.amb-filter-modal{max-height:90vh}.amb-filter-rate-row{flex-wrap:wrap;gap:.25rem}.amb-filter-rate-field{min-width:80px}}.amb-marketplace-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.amb-marketplace-container{max-width:1400px;margin:0 auto}.amb-marketplace-header{margin-bottom:1.5rem}.amb-marketplace-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.amb-marketplace-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.amb-marketplace-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.amb-marketplace-tool-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:lowercase}.amb-marketplace-tool-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.amb-marketplace-tool-btn:disabled{opacity:.5;cursor:not-allowed}.amb-marketplace-tool-btn.amb-tool-active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-surface)}.amb-marketplace-count{margin-left:auto;font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.amb-marketplace-list{display:flex;flex-direction:column;gap:1rem}.aprg-value{font-size:.8rem;color:var(--color-text);font-variant-numeric:tabular-nums;text-align:center}.aprg-viewer-ring{background-color:var(--color-primary);border-radius:4px}.aprg-viewer-value{font-weight:700;color:#fff}.aprg-your-ring-label{font-size:.7rem;font-weight:600;color:#fff;text-transform:lowercase;white-space:nowrap;margin-bottom:.2rem}.amb-marketplace-loading,.amb-marketplace-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.amb-marketplace-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:amb-spin 1s linear infinite}@keyframes amb-spin{to{transform:rotate(360deg)}}.amb-marketplace-loading p,.amb-marketplace-error p{color:var(--color-text-secondary);font-size:1rem}.amb-marketplace-retry-btn{padding:.625rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;text-transform:lowercase}.amb-marketplace-retry-btn:hover{opacity:.9}.amb-marketplace-empty{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.amb-marketplace-empty p{color:var(--color-text-secondary);margin:.5rem 0}.amb-marketplace-empty-hint{font-size:.9rem}@media(max-width:768px){.amb-marketplace-page{padding:1rem}.amb-marketplace-header h1{font-size:1.5rem}.amb-marketplace-toolbar{gap:.375rem}.amb-marketplace-tool-btn{padding:.4rem .625rem;font-size:.8rem}}.amb-compare-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.amb-compare-container{max-width:1600px;margin:0 auto}.amb-compare-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.amb-compare-header-left{flex:1;min-width:250px}.amb-compare-back{background:none;border:none;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;padding:0;margin-bottom:.75rem;display:inline-block;text-transform:lowercase}.amb-compare-back:hover{color:var(--color-primary)}.amb-compare-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.amb-compare-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.amb-compare-shared-inputs{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.875rem 1.25rem;flex-shrink:0}.amb-compare-shared-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:lowercase;display:block;margin-bottom:.5rem}.amb-compare-shared-fields{display:flex;gap:.75rem}.amb-compare-shared-fields label{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:var(--color-text-secondary);font-weight:500;text-transform:lowercase}.amb-compare-shared-fields input{width:72px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);color:var(--color-text);font-size:.85rem;text-align:center;-moz-appearance:textfield}.amb-compare-shared-fields input::-webkit-outer-spin-button,.amb-compare-shared-fields input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amb-compare-shared-fields input:focus{outline:none;border-color:var(--color-primary)}.amb-compare-post-all-btn{margin-top:.75rem;width:100%;padding:.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s;text-transform:lowercase}.amb-compare-post-all-btn:hover{opacity:.9}.amb-compare-search-container{position:relative;margin-bottom:2rem}.amb-compare-search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:border-color .2s}.amb-compare-search-bar:focus-within{border-color:var(--color-primary)}.amb-compare-search-bar svg{color:var(--color-text-secondary);flex-shrink:0}.amb-compare-search-input{flex:1;border:none;background:transparent;color:var(--color-text);font-size:.95rem;outline:none}.amb-compare-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.amb-compare-search-loading{font-size:.8rem;color:var(--color-text-secondary);flex-shrink:0}.amb-compare-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 16px #00000026;z-index:100;max-height:320px;overflow-y:auto}.amb-compare-search-result{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s}.amb-compare-search-result:hover{background-color:var(--color-surface-hover)}.amb-compare-search-result:first-child{border-radius:10px 10px 0 0}.amb-compare-search-result:last-child{border-radius:0 0 10px 10px}.amb-compare-search-img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.amb-compare-search-info{display:flex;flex-direction:column;gap:.125rem}.amb-compare-search-title{font-size:.9rem;font-weight:500;color:var(--color-text)}.amb-compare-search-brand{font-size:.8rem;color:var(--color-text-secondary)}.amb-compare-grid{display:grid;gap:1.5rem;align-items:start}.amb-compare-cols-1{grid-template-columns:1fr;max-width:600px}.amb-compare-cols-2{grid-template-columns:repeat(2,1fr)}.amb-compare-cols-3{grid-template-columns:repeat(3,1fr)}.amb-compare-cols-4{grid-template-columns:repeat(4,1fr)}.amb-compare-card{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column}.amb-compare-remove{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s}.amb-compare-remove:hover{border-color:var(--color-text);color:var(--color-text)}.amb-compare-section-image{margin-bottom:1rem}.amb-compare-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--color-border)}.amb-compare-section-info{min-height:120px;margin-bottom:1rem}.amb-compare-title{font-size: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}.amb-compare-price{font-size:.9rem;color:var(--color-text-secondary);font-weight:500;margin-top:.125rem}.amb-compare-brand{font-size:.8rem;color:var(--color-text-secondary);margin-top:.125rem}.amb-compare-description{font-size:.8rem;color:var(--color-text-secondary);line-height:1.45;margin:.375rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:3.48rem}.amb-compare-rings{display:flex;gap:.75rem;margin-top:.5rem}.amb-compare-ring-badge{display:flex;flex-direction:column;align-items:center;gap:.15rem}.amb-compare-ring-label{font-size:.65rem;font-weight:500;color:var(--color-text-secondary)}.amb-compare-section-rates{margin-bottom:1rem}.amb-compare-rates{border-top:1px solid var(--color-border);padding-top:1rem}.amb-compare-rates h4{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 .5rem;text-transform:lowercase}.amb-compare-rate-grid{display:grid;grid-template-columns:auto repeat(5,1fr);gap:.25rem;align-items:center}.amb-compare-rate-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem 0;border-radius:4px 4px 0 0}.amb-compare-your-label{font-size:.55rem;font-weight:600;color:#fff;margin-bottom:.125rem}.amb-compare-rate-label{font-size:.7rem;color:var(--color-text-secondary);text-align:right;padding-right:.375rem;white-space:nowrap}.amb-compare-rate-cell{text-align:center;font-size:.75rem;color:var(--color-text);padding:.2rem 0;font-variant-numeric:tabular-nums;border-radius:2px}.amb-compare-viewer{background-color:var(--color-primary);border-radius:4px}.amb-compare-viewer-text{font-weight:700;color:#fff}.amb-compare-section-earnings{margin-bottom:1rem}.amb-compare-earnings{border-top:1px solid var(--color-border);padding-top:1rem}.amb-compare-earnings h4{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 .5rem;text-transform:lowercase}.amb-compare-earnings-breakdown{display:flex;flex-direction:column;gap:.375rem}.amb-compare-earnings-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:.5rem;font-size:.8rem}.amb-compare-earnings-label{color:var(--color-text-secondary);font-weight:500;text-transform:lowercase}.amb-compare-earnings-math{color:var(--color-text-secondary);font-size:.7rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amb-compare-earnings-result{font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text);text-align:right}.amb-compare-earnings-total{border-top:1px solid var(--color-border);padding-top:.375rem;margin-top:.25rem}.amb-compare-earnings-total .amb-compare-earnings-label{color:var(--color-text)}.amb-compare-earnings-total .amb-compare-earnings-result{color:var(--color-primary);font-weight:600;font-size:.95rem}.amb-compare-create-post{width:100%;padding:.625rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;text-transform:lowercase;margin-top:auto}.amb-compare-create-post:hover{opacity:.9}.amb-compare-empty{text-align:center;padding:4rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.amb-compare-empty p{color:var(--color-text-secondary);font-size:1rem;margin:0}@media(max-width:1200px){.amb-compare-cols-4,.amb-compare-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.amb-compare-page{padding:1rem}.amb-compare-header{flex-direction:column}.amb-compare-header h1{font-size:1.5rem}.amb-compare-shared-inputs{width:100%}.amb-compare-cols-2,.amb-compare-cols-3,.amb-compare-cols-4{grid-template-columns:1fr}}.ledger-page{min-height:100vh;background-color:var(--color-background);padding:1.5rem}.ledger-container{max-width:1600px;margin:0 auto;padding:0 4px}.ledger-header{margin-bottom:1.5rem}.ledger-header h1{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.ledger-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 0}.ledger-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.ledger-summary-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.2rem}.ledger-summary-highlight{border-color:var(--color-primary);background-color:#2f5f4508}.ledger-summary-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:lowercase;font-weight:500;letter-spacing:.02em}.ledger-summary-value{font-size:1.1rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.ledger-summary-debit{color:var(--color-warning)}.ledger-color-positive{color:var(--color-primary)!important}.ledger-color-negative{color:var(--color-warning)!important}.ledger-table-wrap{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.ledger-table{width:100%;border-collapse:collapse;min-width:900px}.ledger-table thead th{text-align:left;padding:.625rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:lowercase;letter-spacing:.03em;background-color:var(--color-background);white-space:nowrap}.ledger-col-expand{width:28px;padding-left:.625rem!important;padding-right:0!important}.ledger-col-right{text-align:right!important}.ledger-order-row{cursor:pointer;transition:background-color .15s}.ledger-order-row:hover{background-color:#00000004}.ledger-order-row td{padding:.625rem .75rem;border-bottom:1px solid var(--color-border);font-size:.85rem;color:var(--color-text);vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums}.ledger-order-row.expanded td{border-bottom-color:transparent;font-weight:500}.ledger-expand-icon{transition:transform .2s;color:var(--color-text-secondary)}.ledger-expand-icon.rotated{transform:rotate(90deg)}.ledger-order-number{font-family:monospace;font-size:.8rem;color:var(--color-primary);font-weight:600;display:block}.ledger-shop-name{font-size:.75rem;color:var(--color-text-secondary);display:block;margin-top:.125rem}.ledger-date{font-size:.8rem;color:var(--color-text-secondary)}.ledger-muted{color:var(--color-text-secondary)!important;font-size:.8rem}.ledger-debit{color:var(--color-warning)!important;font-size:.8rem}.ledger-net{font-weight:600;color:var(--color-primary)!important}.ledger-item-row td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);font-size:.8rem;color:var(--color-text);background-color:#00000003;vertical-align:middle;font-variant-numeric:tabular-nums}.ledger-item-row:last-child td{border-bottom:2px solid var(--color-border)}.ledger-item-info{display:flex;align-items:center;gap:.5rem;padding-left:.25rem}.ledger-item-thumb{width:28px;height:28px;border-radius:5px;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.ledger-item-title{font-size:.8rem;color:var(--color-text)}.ledger-item-qty{font-size:.75rem;color:var(--color-text-secondary);margin-left:.25rem}.ledger-amb-cell{display:flex;flex-direction:column;gap:.1rem}.ledger-amb-name{font-size:.8rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:.3rem}.ledger-ring{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.6rem;font-weight:600}.ledger-amb-amount{font-size:.85rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums}.ledger-amb-calc{font-size:.7rem;color:var(--color-text-secondary);font-family:monospace;white-space:nowrap}.ledger-empty{text-align:center;padding:3rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.ledger-empty p{color:var(--color-text-secondary);margin:0}.ledger-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.ledger-loading p{color:var(--color-text-secondary);margin:0}.ledger-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.ledger-pagination button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text);font-size:.85rem;cursor:pointer;text-transform:lowercase;transition:all .2s}.ledger-pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.ledger-pagination button:disabled{opacity:.4;cursor:not-allowed}.ledger-pagination span{font-size:.85rem;color:var(--color-text-secondary)}@media(max-width:768px){.ledger-page{padding:1rem}.ledger-summary{grid-template-columns:repeat(2,1fr)}}.stm-page{min-height:100vh;background-color:var(--color-background);padding:1.5rem}.stm-container{max-width:100%;margin:0 auto}.stm-header h1,.stm-detail-header h1{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.stm-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 1.5rem}.stm-detail-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.stm-back-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text);font-size:.85rem;cursor:pointer;flex-shrink:0;margin-top:.25rem}.stm-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.stm-detail-meta{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 0;display:flex;align-items:center;gap:.5rem}.stm-list{display:flex;flex-direction:column;gap:.75rem}.stm-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:border-color .2s}.stm-card:hover{border-color:var(--color-primary)}.stm-card-left{display:flex;flex-direction:column;gap:.2rem;min-width:160px}.stm-card-period{font-size:1rem;font-weight:500;color:var(--color-text)}.stm-card-number{font-size:.75rem;font-family:monospace;color:var(--color-primary);font-weight:600}.stm-card-shop{font-size:.8rem;color:var(--color-text-secondary)}.stm-card-middle{display:flex;gap:2rem}.stm-card-stat{display:flex;flex-direction:column;gap:.125rem}.stm-card-stat-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:lowercase}.stm-card-stat-value{font-size:.9rem;font-weight:500;color:var(--color-text);font-variant-numeric:tabular-nums}.stm-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.stm-card-net-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:lowercase}.stm-card-net-value{font-size:1.2rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums}.stm-status-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;text-transform:lowercase}.stm-status-draft{background-color:#0000000d;color:var(--color-text-secondary)}.stm-status-issued{background-color:#2f5f451a;color:var(--color-primary)}.stm-status-acknowledged{background-color:#2f5f4526;color:var(--color-primary)}.stm-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.stm-summary-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.2rem}.stm-summary-highlight{border-color:var(--color-primary);background-color:#2f5f4508}.stm-summary-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:lowercase;font-weight:500}.stm-summary-value{font-size:1.1rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.stm-section{margin-bottom:1.5rem}.stm-section h2{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem;text-transform:lowercase}.stm-table-wrap{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.stm-table{width:100%;border-collapse:collapse;min-width:700px}.stm-table thead th{text-align:left;padding:.625rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:lowercase;letter-spacing:.03em;background-color:var(--color-background);white-space:nowrap}.stm-table tbody td{padding:.625rem .75rem;font-size:.85rem;color:var(--color-text);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums;white-space:nowrap}.stm-col-right{text-align:right!important}.stm-order-link{font-family:monospace;font-size:.8rem;color:var(--color-primary);font-weight:600;text-decoration:none}.stm-order-link:hover{text-decoration:underline}.stm-return-row td{background-color:#00000004}.stm-amb-cell{display:flex;flex-direction:column;gap:.1rem}.stm-amb-amount{font-size:.8rem;font-weight:600;color:var(--color-primary)}.stm-ring{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.6rem;font-weight:600;margin-left:.3rem}.stm-muted{color:var(--color-text-secondary)!important}.stm-net{font-weight:600;color:var(--color-primary)!important}.stm-debit{color:var(--color-text-secondary)!important}.stm-warning{color:var(--color-warning)!important}.stm-color-primary{color:var(--color-primary)!important}.stm-color-warning{color:var(--color-warning)!important}.stm-empty{text-align:center;padding:3rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.stm-empty p{color:var(--color-text-secondary);margin:0}.stm-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.stm-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.stm-page{padding:1rem}.stm-card{flex-direction:column;gap:1rem;align-items:flex-start}.stm-card-middle{flex-wrap:wrap;gap:1rem}.stm-card-right{align-items:flex-start}.stm-summary{grid-template-columns:repeat(2,1fr)}}.amb-earn-page{min-height:100vh;background-color:var(--color-background);padding:1.5rem}.amb-earn-container{max-width:1000px;margin:0 auto}.amb-earn-header h1{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.amb-earn-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 1.5rem}.amb-earn-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.amb-earn-summary-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.15rem}.amb-earn-summary-highlight{border-color:var(--color-primary);background-color:#2f5f4508}.amb-earn-summary-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:lowercase;font-weight:500}.amb-earn-summary-value{font-size:1.25rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.amb-earn-summary-hint{font-size:.65rem;color:var(--color-text-secondary);font-style:italic}.amb-earn-table-wrap{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.amb-earn-table{width:100%;border-collapse:collapse;min-width:650px}.amb-earn-table thead th{text-align:left;padding:.625rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:lowercase;letter-spacing:.03em;background-color:var(--color-background);white-space:nowrap}.amb-earn-table tbody td{padding:.625rem .75rem;font-size:.85rem;color:var(--color-text);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums;white-space:nowrap}.amb-earn-col-right{text-align:right!important}.amb-earn-order-num{font-family:monospace;font-size:.8rem;color:var(--color-text);font-weight:500}.amb-earn-reversal-row td{background-color:#00000004}.amb-earn-role-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;background-color:#2f5f451a;color:var(--color-primary);text-transform:lowercase}.amb-earn-status-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;text-transform:lowercase}.amb-status-pending{background-color:#0000000d;color:var(--color-text-secondary)}.amb-status-available{background-color:#2f5f451a;color:var(--color-primary)}.amb-status-paid{background-color:#2f5f4526;color:var(--color-primary)}.amb-status-reversed{background-color:#c864001a;color:var(--color-warning)}.amb-earn-muted{color:var(--color-text-secondary)!important}.amb-earn-primary{color:var(--color-primary)!important}.amb-earn-warning{color:var(--color-warning)!important}.amb-earn-empty{text-align:center;padding:3rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.amb-earn-empty p{color:var(--color-text-secondary);margin:0}.amb-earn-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.amb-earn-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.amb-earn-page{padding:1rem}.amb-earn-summary{grid-template-columns:repeat(2,1fr)}}.admin-stm-page{min-height:100vh;background-color:var(--color-background);padding:1.5rem}.admin-stm-container{max-width:100%;margin:0 auto}.admin-stm-container h1{font-size:1.5rem;font-weight:500;color:var(--color-text);text-transform:lowercase;margin:0 0 1.5rem}.admin-stm-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}.admin-stm-section h2{font-size:1rem;font-weight:500;color:var(--color-text);text-transform:lowercase;margin:0 0 .75rem}.admin-stm-hint{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.5}.admin-stm-toolbar{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.admin-stm-toggle{display:flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.admin-stm-toggle-btn{padding:.5rem 1rem;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;text-transform:lowercase;transition:all .15s}.admin-stm-toggle-btn.active{background-color:var(--color-primary);color:#fff}.admin-stm-toggle-btn:not(.active):hover{background-color:var(--color-surface-hover, rgba(0, 0, 0, .03))}.admin-stm-search{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.85rem;color:var(--color-text);background-color:var(--color-background);font-family:inherit;min-width:180px;flex:1}.admin-stm-search:focus{outline:none;border-color:var(--color-primary)}.admin-stm-search::placeholder{color:var(--color-text-secondary);text-transform:lowercase}.admin-stm-field{display:flex;flex-direction:column;gap:.3rem}.admin-stm-field label{font-size:.75rem;color:var(--color-text-secondary);text-transform:lowercase;font-weight:500}.admin-stm-input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.85rem;color:var(--color-text);background-color:var(--color-background);font-family:inherit}.admin-stm-input:focus{outline:none;border-color:var(--color-primary)}.admin-stm-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;font-family:inherit;transition:opacity .15s}.admin-stm-btn:disabled{opacity:.5;cursor:not-allowed}.admin-stm-btn-primary{background-color:var(--color-primary);color:#fff}.admin-stm-btn-secondary{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.admin-stm-btn-small{padding:.35rem .75rem;font-size:.8rem;background-color:var(--color-background);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:6px}.admin-stm-shop-list{display:flex;flex-direction:column;gap:.5rem}.admin-stm-shop-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--color-border)}.admin-stm-shop-row:last-child{border-bottom:none}.admin-stm-shop-info{display:flex;flex-direction:column;gap:.1rem}.admin-stm-shop-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.admin-stm-shop-meta{font-size:.75rem;color:var(--color-text-secondary)}.admin-stm-result{font-size:.8rem;padding:.35rem .75rem;border-radius:6px}.admin-stm-result-success{background-color:#2f5f4514;color:var(--color-primary)}.admin-stm-result-error{background-color:#c8640014;color:var(--color-warning)}.admin-stm-payout-controls{display:flex;gap:.75rem}.admin-stm-payout-result{margin-top:.75rem;padding:.5rem .75rem;background-color:#2f5f450d;border-radius:8px;font-size:.85rem;color:var(--color-text)}.admin-stm-table-wrap{overflow-x:auto;margin-top:.5rem}.admin-stm-table{width:100%;border-collapse:collapse;min-width:850px}.admin-stm-table thead th{text-align:left;padding:.5rem .625rem;font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);background-color:var(--color-background);white-space:nowrap}.admin-stm-table tbody td{padding:.5rem .625rem;font-size:.85rem;color:var(--color-text);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums;white-space:nowrap}.admin-stm-col-right{text-align:right!important}.admin-stm-link{font-family:monospace;font-size:.8rem;color:var(--color-primary);font-weight:600;text-decoration:none}.admin-stm-link:hover{text-decoration:underline}.admin-stm-badge{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;text-transform:lowercase}.admin-stm-badge-draft{background-color:#0000000d;color:var(--color-text-secondary)}.admin-stm-badge-issued{background-color:#2f5f451a;color:var(--color-primary)}.admin-stm-badge-acknowledged{background-color:#2f5f4526;color:var(--color-primary)}.admin-stm-muted{color:var(--color-text-secondary)!important}.admin-stm-primary{color:var(--color-primary)!important;font-weight:600}.admin-stm-warning{color:var(--color-warning)!important}.admin-stm-btn-delete{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:4px;color:var(--color-text-secondary);display:flex;align-items:center;transition:color .15s,background-color .15s}.admin-stm-btn-delete:hover{color:#c0392b;background-color:#c0392b14}.admin-stm-row-actions{display:flex;align-items:center;gap:.25rem}.admin-stm-btn-pay{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:4px;color:var(--color-primary);display:flex;align-items:center;transition:color .15s,background-color .15s}.admin-stm-btn-pay:hover{background-color:#2f5f4514}.admin-stm-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.admin-stm-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;max-width:400px;width:90%}.admin-stm-modal h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.admin-stm-modal p{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 1.25rem;line-height:1.5}.admin-stm-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.admin-stm-btn-danger{background-color:#c0392b;color:#fff}.admin-stm-btn-danger:hover{background-color:#a93226}.admin-stm-empty{text-align:center;padding:2rem}.admin-stm-empty p{color:var(--color-text-secondary);margin:0}.admin-stm-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.admin-stm-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.admin-stm-page{padding:1rem}.admin-stm-toolbar{flex-direction:column;align-items:stretch}.admin-stm-search{min-width:auto}.admin-stm-payout-controls{flex-direction:column}}.payout-settings-page{min-height:100vh;background-color:var(--color-background);padding:1.5rem}.payout-settings-container{max-width:640px;margin:0 auto}.payout-settings-container h1{font-size:1.5rem;font-weight:500;color:var(--color-text);text-transform:lowercase;margin:0}.payout-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 1.5rem}.payout-provider-badge{font-size:.85rem;color:var(--color-text);padding:.625rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem}.payout-provider-badge strong{color:var(--color-primary)}.payout-provider-hint{font-size:.75rem;color:var(--color-text-secondary);margin-left:.375rem}.payout-earnings-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.payout-earnings-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.1rem}.payout-earnings-highlight{border-color:var(--color-primary);background-color:#2f5f4508}.payout-earnings-label{font-size:.65rem;color:var(--color-text-secondary);text-transform:lowercase;font-weight:500}.payout-earnings-value{font-size:1.1rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.payout-earnings-highlight .payout-earnings-value{color:var(--color-primary)}.payout-message{padding:.75rem 1rem;background-color:#2f5f450d;border:1px solid rgba(47,95,69,.15);border-radius:8px;font-size:.85rem;color:var(--color-text);margin-bottom:1rem}.payout-steps{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}.payout-step{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--color-border)}.payout-step:last-child{border-bottom:none}.payout-step-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;font-weight:600}.payout-step-complete .payout-step-icon{background-color:var(--color-primary);color:#fff}.payout-step-active .payout-step-icon{background-color:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-primary)}.payout-step-needed .payout-step-icon{background-color:#c864001a;color:var(--color-warning);border:2px solid var(--color-warning)}.payout-step-locked .payout-step-icon{background-color:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-secondary)}.payout-step-content{flex:1}.payout-step-content h3{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .375rem;text-transform:lowercase}.payout-step-content p{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.5}.payout-step-content p:last-child{margin-bottom:0}.payout-step-done{color:var(--color-primary)!important;font-weight:500}.payout-step-pending{color:var(--color-warning)!important}.payout-step-locked-text{color:var(--color-text-secondary)!important;font-style:italic}.payout-btn{display:inline-block;padding:.5rem 1.25rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;text-transform:lowercase;text-decoration:none;text-align:center;transition:opacity .15s}.payout-btn:disabled{opacity:.5;cursor:not-allowed}.payout-btn-primary{background-color:var(--color-primary);color:#fff}.payout-btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.payout-info{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1.5rem}.payout-info h3{font-size:.9rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.payout-info p{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.6}.payout-info p:last-child{margin-bottom:0}.payout-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.payout-loading p{color:var(--color-text-secondary);margin:0}@media(max-width:768px){.payout-settings-page{padding:1rem}.payout-earnings-summary{grid-template-columns:repeat(2,1fr)}}.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}}.cart-shop-group{margin-bottom:.5rem}.cart-shop-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.cart-shop-name{font-size:.9rem;font-weight:600;color:var(--color-text);text-decoration:none}.cart-shop-name:hover{color:var(--color-primary)}.cart-shop-shipping{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.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 380px;gap:2rem;align-items:start}.checkout-form.no-shipping{display:flex;flex-direction:column;gap:2rem}.checkout-form.no-shipping .checkout-main,.checkout-form.no-shipping .checkout-sidebar,.checkout-form.no-shipping .checkout-section,.checkout-form.no-shipping .order-summary{width:100%}.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-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.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}}.cart-issues-banner{background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:8px;padding:16px 20px;margin-bottom:16px}.cart-issues-banner h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--color-error, #c0392b)}.cart-issues-banner p{margin:0 0 10px;font-size:14px;color:var(--color-text-secondary)}.cart-issues-banner ul{margin:0 0 12px;padding-left:18px}.cart-issues-banner li{font-size:14px;color:var(--color-text);margin-bottom:4px}.cart-issues-banner .btn{font-size:13px;padding:6px 14px}.checkout-validating{text-align:center;padding:12px;font-size:14px;color:var(--color-text-secondary)}.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%}}.attr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.attr-modal{background-color:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.attr-modal-header{padding:1.5rem 1.5rem 0}.attr-modal-header h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 .375rem;text-transform:lowercase}.attr-modal-header p{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.45}.attr-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.attr-product-section{margin-bottom:1.5rem}.attr-product-section:last-child{margin-bottom:0}.attr-product-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.attr-product-img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.attr-product-title{font-size:.95rem;font-weight:500;color:var(--color-text)}.attr-section-label{font-size:.8rem;color:var(--color-text-secondary);margin:1rem 0 .5rem;text-transform:lowercase}.attr-post-card{position:relative;display:flex;flex-direction:row;padding:0;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%;height:180px;overflow:hidden}.attr-post-card:hover{border-color:var(--color-primary)}.attr-post-card.selected{border-color:var(--color-primary);background-color:#2f5f450a}.attr-post-badge{position:absolute;top:8px;left:8px;background-color:var(--color-primary);color:#fff;font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:lowercase;letter-spacing:.02em;z-index:1}.attr-post-left{flex:0 0 40%;padding:2rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;overflow:hidden}.attr-post-card:not(.source) .attr-post-left{padding-top:1rem}.attr-post-author{display:flex;flex-direction:column;gap:.5rem}.attr-post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.attr-post-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.attr-post-author-text{display:flex;flex-direction:column}.attr-post-display-name{font-size:.85rem;font-weight:600;color:var(--color-text);line-height:1.2}.attr-post-username{font-size:.75rem;color:var(--color-text-secondary)}.attr-post-content{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.attr-post-media{flex:1;position:relative;overflow:hidden}.attr-post-media img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.attr-post-card.layout-portrait{height:200px}.attr-post-card.layout-portrait .attr-post-left{flex:0 0 35%}.attr-post-card.layout-portrait .attr-post-media{flex:0 0 65%}.attr-post-card.layout-landscape{height:160px}.attr-post-card.layout-landscape .attr-post-left{flex:0 0 30%}.attr-post-card.layout-landscape .attr-post-media{flex:0 0 70%}.attr-post-card.layout-standard{height:180px}.attr-post-card.layout-standard .attr-post-left{flex:0 0 40%}.attr-post-card.layout-standard .attr-post-media{flex:0 0 60%}.attr-post-card.layout-text-only{height:140px}.attr-post-card.layout-text-only .attr-post-left{flex:1}.attr-post-card.layout-text-only .attr-post-content{-webkit-line-clamp:4;font-size:.85rem;color:var(--color-text)}.attr-post-check{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1}.attr-alternatives{display:flex;flex-direction:column;gap:.625rem}.attr-none-btn{width:100%;padding:.875rem 1rem;margin-top:.75rem;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s;font-size:.85rem;color:var(--color-text-secondary);font-style:italic;text-align:left}.attr-none-btn:hover{border-color:var(--color-primary)}.attr-none-btn.selected{border-color:var(--color-primary);background-color:#2f5f450a;color:var(--color-text)}.attr-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.attr-skip-btn{padding:.5rem 1.25rem;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:lowercase}.attr-skip-btn:hover{border-color:var(--color-text);color:var(--color-text)}.attr-submit-btn{padding:.5rem 1.25rem;border:none;border-radius:8px;background-color:var(--color-primary);color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;text-transform:lowercase}.attr-submit-btn:hover{opacity:.9}.attr-submit-btn:disabled,.attr-skip-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.attr-modal-overlay{padding:0;align-items:flex-end}.attr-modal{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0}.attr-post-card{height:150px}.attr-post-card.layout-portrait{height:170px}.attr-post-card.layout-landscape{height:130px}}.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-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.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}.status-badge{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:lowercase;white-space:nowrap}.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}.status-processing{background-color:#fbbf241a;color:#f59e0b}.status-shipped{background-color:#a855f71a;color:#a855f7}.status-delivered{background-color:#4caf501a;color:var(--color-primary)}.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%}}.order-detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border)}.order-detail-section:last-of-type{border-bottom:none;margin-bottom:1rem}.subscription-checkout{min-height:100vh;padding:4rem 2rem 2rem;background-color:var(--color-background);display:flex;justify-content:center;align-items:flex-start}.checkout-container{max-width:500px;width:100%;background:var(--color-surface);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.subscription-summary{text-align:left;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.subscription-summary h2{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}.price-display{display:flex;align-items:baseline;justify-content:flex-start;gap:.25rem;margin-bottom:1rem}.price-display .amount{font-size:2.5rem;font-weight:600;color:var(--color-primary)}.price-display .interval{font-size:1.25rem;color:var(--color-text-secondary)}.ring-access{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem;background-color:#4a8f6a1a;border-radius:8px}.ring-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.ring-access span{font-size:.9rem;color:var(--color-text)}.error-message{padding:.75rem 1rem;background-color:#c67b5c1a;border:1px solid var(--color-warning);border-radius:6px;color:var(--color-warning);font-size:.9rem}.checkout-form button[type=submit]{margin-top:1rem}.checkout-form button[type=button]{margin-top:.5rem}.loading,.error{text-align:center;padding:3rem 2rem}.error h2{color:var(--color-warning);margin-bottom:1rem}@media(max-width:768px){.subscription-checkout{padding:2rem 1rem 1rem}.checkout-container{padding:1.5rem}.price-display .amount{font-size:2rem}}.subscription-success{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:var(--color-background)}.success-card{max-width:500px;text-align:center;background:var(--color-surface);padding:3rem 2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background-color:#4a8f6a1a;display:flex;align-items:center;justify-content:center}.success-icon svg{color:var(--color-primary)}.success-card h1{font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.success-card>p{color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.success-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.success-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.success-actions .btn-primary{background-color:var(--color-primary);color:#fff}.success-actions .btn-primary:hover{background-color:var(--color-primary);color:#fff;opacity:.9}.success-actions .btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.success-actions .btn-secondary:hover{background-color:var(--color-background);color:var(--color-text)}.redirect-notice{font-size:.9rem;color:var(--color-text-secondary);margin:0}@media(max-width:768px){.success-actions{flex-direction:column}.success-actions .btn{width:100%}}.my-subscriptions-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.subscriptions-container{max-width:800px;margin:0 auto}.subscriptions-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:1rem;cursor:pointer;padding:.75rem 1.5rem .75rem 1rem;border-radius:8px;transition:all .2s ease;font-family:var(--font-family);margin-bottom:1.5rem;text-decoration:none}.back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.back-btn svg{flex-shrink:0}.subscriptions-header h1{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.subscriptions-list{display:flex;flex-direction:column;gap:1rem}.subscriptions-section{margin-bottom:2rem}.subscriptions-section:last-child{margin-bottom:0}.section-header{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.section-header.canceled{color:var(--color-text-secondary);opacity:.8}.subscription-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:box-shadow .2s}.subscription-card:hover{box-shadow:0 2px 8px #00000014}.subscription-creator{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.creator-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.creator-avatar-placeholder{width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.creator-info{display:flex;flex-direction:column;gap:.125rem}.creator-name{font-weight:600;color:var(--color-text);text-decoration:none;font-size:1rem}.creator-name:hover{color:var(--color-primary)}.creator-username{font-size:.85rem;color:var(--color-text-secondary)}.subscription-details{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.subscription-product h3{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.ring-access-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.ring-level{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem}.subscription-pricing{text-align:right}.subscription-pricing .price{font-size:1.5rem;font-weight:600;color:var(--color-primary)}.subscription-pricing .interval{font-size:.9rem;color:var(--color-text-secondary)}.subscription-status-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:lowercase}.status-active{background-color:#4a8f6a26;color:#2f5f45}.status-trial{background-color:#d4a57426;color:#8b6914}.status-past-due{background-color:#c67b5c26;color:var(--color-warning)}.status-canceled{background-color:#00000014;color:var(--color-text-secondary)}.status-cancelling{background-color:#c67b5c1a;color:var(--color-warning)}.trial-info{font-size:.85rem;color:var(--color-accent)}.subscription-dates{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background-color:var(--color-background);border-radius:8px}.date-item{display:flex;flex-direction:column;gap:.125rem}.date-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:.9rem;color:var(--color-text)}.date-item.cancel-notice .date-value{color:var(--color-warning);font-weight:500}.subscription-actions{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.subscription-actions .btn{min-height:38px}.cancel-pending-notice{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:none;font-family:inherit;box-sizing:border-box;line-height:1.4}.btn-small{padding:.5rem 1rem;font-size:.85rem;min-height:36px}.btn-primary:hover{opacity:.9}.btn-danger{background-color:var(--color-warning);color:#fff}.btn-danger:hover{opacity:.9}.btn-danger-outline{background-color:transparent;color:var(--color-warning);border:1px solid var(--color-warning)}.btn-danger-outline:hover{background-color:#c67b5c1a}.modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.cancel-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border-radius:12px;padding:2rem;max-width:480px;width:90%;z-index:1001;box-shadow:0 4px 20px #00000026}.cancel-modal h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.cancel-modal>p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.5}.cancel-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.cancel-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s}.cancel-option:hover{border-color:var(--color-primary);background-color:var(--color-background)}.cancel-option input[type=radio]{margin-top:.25rem;accent-color:var(--color-primary)}.option-content{display:flex;flex-direction:column;gap:.25rem}.option-title{font-weight:500;color:var(--color-text)}.option-description{font-size:.85rem;color:var(--color-text-secondary)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.change-plan-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border-radius:12px;padding:2rem;max-width:520px;width:90%;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 4px 20px #00000026}.change-plan-modal h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.change-plan-modal>p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.5}.loading-plans{text-align:center;padding:2rem}.loading-plans p{margin-top:1rem;color:var(--color-text-secondary)}.no-plans-available{text-align:center;padding:2rem;background:var(--color-background);border-radius:8px;margin-bottom:1.5rem}.no-plans-available p{color:var(--color-text-secondary);margin:0}.current-plan-display{margin-bottom:1.5rem}.current-plan-label,.available-plans-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.plan-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;margin-bottom:.5rem;transition:all .2s}.plan-option.current{background-color:var(--color-background);border-color:var(--color-primary);opacity:.7}.plan-option.selectable{cursor:pointer}.plan-option.selectable:hover{border-color:var(--color-primary);background-color:var(--color-background)}.plan-option.selectable.selected{border-color:var(--color-primary);background-color:#2f5f4514}.plan-option input[type=radio]{accent-color:var(--color-primary);flex-shrink:0}.plan-ring-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.plan-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.plan-title{font-weight:500;color:var(--color-text)}.plan-price{font-size:.9rem;color:var(--color-text-secondary)}.plan-change-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.price-difference{font-weight:600;font-size:.9rem}.price-difference.increase{color:var(--color-warning)}.price-difference.decrease{color:var(--color-primary)}.change-type{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px}.change-type.upgrade{background-color:#2f5f451a;color:var(--color-primary)}.change-type.downgrade{background-color:#0000000d;color:var(--color-text-secondary)}.available-plans{margin-bottom:1.5rem}.proration-notice{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:#d4a5741a;border-radius:8px;margin-bottom:1.5rem;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.proration-notice svg{flex-shrink:0;margin-top:.125rem;color:var(--color-accent)}@media(max-width:768px){.my-subscriptions-page{padding:1rem}.subscription-details{flex-direction:column;gap:1rem}.subscription-pricing{text-align:left}.subscription-dates{flex-direction:column;gap:.75rem}.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}.cancel-modal,.change-plan-modal{padding:1.5rem}.plan-option{flex-wrap:wrap}.plan-change-info{width:100%;flex-direction:row;justify-content:flex-start;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border);gap:.75rem}.modal-actions{flex-direction:column-reverse}.modal-actions .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}.header-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.creator-link-section{padding:1.5rem;background-color:#2f5f450d;border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:1rem}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label{font-size:1rem;font-weight:500;color:var(--color-text);cursor:pointer;margin:0}.creator-link-info{display:flex;flex-direction:column;gap:.75rem;padding-left:2rem}.info-title{font-size:.95rem;font-weight:600;color:var(--color-primary);margin:0}.info-description{font-size:.9rem;color:var(--color-text);line-height:1.6;margin:0}.privacy-note{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0;padding:.75rem;background-color:#d99e421a;border-left:3px solid var(--color-accent);border-radius:4px}.privacy-note strong{color:var(--color-accent);font-weight:600}.limit-note{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0;padding:.75rem;background-color:#2f5f451a;border-left:3px solid var(--color-primary);border-radius:4px}.limit-note strong{color:var(--color-primary);font-weight:600}.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}@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}.shop-dashboard .analytics-main-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem;margin-bottom:2rem}.shop-dashboard .product-selector-column{height:650px;display:flex;flex-direction:column;min-width:0;width:100%;max-width:100%}.shop-dashboard .stats-column{height:650px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;width:100%;max-width:100%}.shop-dashboard .product-selector-column .analytics-card{height:100%;display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:0!important}.shop-dashboard .stat-card{flex:0 0 auto}.shop-analytics .analytics-main-layout{display:grid;grid-template-columns:350px minmax(0,280px) 1fr;gap:1.5rem;margin-bottom:2rem;align-items:start}.shop-analytics .analytics-main-layout:has(.variant-filters-column:empty),.shop-analytics .analytics-main-layout:not(:has(.variant-filters-column)){grid-template-columns:350px 1fr}.product-selector-column{display:flex;flex-direction:column;width:100%;max-width:100%}.shop-dashboard .stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s;min-height:0}.shop-dashboard .stat-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.shop-dashboard .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-dashboard .stat-icon svg{width:20px;height:20px}.shop-dashboard .stat-icon.revenue{background-color:#2f5f451a;color:var(--color-primary)}.shop-dashboard .stat-icon.orders{background-color:#d99e421a;color:var(--color-accent)}.shop-dashboard .stat-icon.average{background-color:#b4584a1a;color:var(--color-warning)}.shop-dashboard .stat-icon.items{background-color:#c67b5c26;color:var(--color-accent)}.shop-dashboard .stat-icon.revenue-customer{background-color:#2f5f451a;color:var(--color-primary)}.shop-dashboard .stat-icon.days{background-color:#c67b5c1a;color:var(--color-accent)}.shop-dashboard .stat-content{flex:1;min-width:0}.shop-dashboard .stat-label{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .25rem;text-transform:lowercase;line-height:1.2}.shop-dashboard .stat-value{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.2}.shop-dashboard .chart-container{width:100%;overflow-x:auto;overflow-y:visible}.shop-dashboard .revenue-chart-wrapper{display:flex;gap:1rem;min-width:650px;align-items:stretch}.shop-dashboard .chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:320px;min-width:80px;flex-shrink:0;padding:10px 0}.shop-dashboard .chart-y-axis .y-axis-label{font-size:.75rem;color:var(--color-text-secondary);text-align:right;line-height:1}.shop-dashboard .revenue-chart{display:flex;align-items:flex-end;gap:.75rem;height:320px;flex:1;padding:10px 0;box-sizing:border-box}.shop-dashboard .chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:40px;height:100%}.shop-dashboard .chart-bar-wrapper .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}.shop-dashboard .chart-bar-wrapper .chart-bar:hover{opacity:.8;transform:translateY(-2px)}.shop-dashboard .chart-bar-wrapper .bar-value{font-size:.75rem;font-weight:600;color:#fff;opacity:0;transition:opacity .2s;white-space:nowrap}.shop-dashboard .chart-bar-wrapper .chart-bar:hover .bar-value{opacity:1}.shop-dashboard .chart-bar-wrapper .bar-label{margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.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;cursor:pointer}a.product-item{text-decoration:none;color:inherit}.ring-breakdown-card{background:linear-gradient(135deg,#2f5f4508,#2f5f4514)}.velocity-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s}.ring-breakdown{display:flex;flex-direction:column;gap:1.5rem}.ring-evolution-table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background-color:var(--color-surface)}.ring-evolution-table thead tr{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.ring-evolution-table th{padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:left}.ring-evolution-table td{padding:1rem;font-size:.9rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.ring-evolution-table tbody tr:last-child td{border-bottom:none}.ring-evolution-table tbody tr{transition:background-color .2s}.ring-evolution-table tbody tr:hover{background-color:var(--color-background)}.ring-evolution-table th:nth-child(n+3),.ring-evolution-table td:nth-child(n+3){text-align:center}.ring-cell-inner{display:flex;align-items:center;gap:.5rem}.ring-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.ring-label-short{font-weight:500}.movement-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.movement-badge.upgraded{background-color:#4a8f6a26;color:var(--color-primary)}.movement-badge.downgraded{background-color:#d24d5726;color:#d24d57}.movement-badge.stable{background-color:#96969626;color:var(--color-text-secondary)}@media(max-width:1200px){.shop-analytics .analytics-main-layout{grid-template-columns:1fr}.shop-analytics .analytics-main-layout:has(.variant-filters-column:empty),.shop-analytics .analytics-main-layout:not(:has(.variant-filters-column)){grid-template-columns:1fr}.variant-filters-column{order:2}.stats-column{order:3}.analytics-two-column{grid-template-columns:1fr}}@media(max-width:768px){.shop-dashboard{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}}.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}.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}.item-analytics{min-height:100vh;background-color:var(--color-background);padding:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.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:hover{background-color:var(--color-background);color:var(--color-text)}.analytics-main-layout{display:grid;grid-template-columns:350px minmax(0,280px) 1fr;gap:1.5rem;margin-bottom:2rem;align-items:start}.analytics-main-layout:has(.variant-filters-column:empty),.analytics-main-layout:not(:has(.variant-filters-column)){grid-template-columns:350px 1fr}.product-selector-column{display:flex;flex-direction:column}.product-selector-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.product-selector-card h3{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 1rem;text-transform:lowercase}.product-selector-card .custom-dropdown{width:100%}.product-selector-card .dropdown-trigger{min-width:300px}.product-preview{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.product-preview-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);margin-bottom:1rem}.product-preview-image img{width:100%;height:100%;object-fit:cover}.product-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.product-preview-info h4{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem}.product-preview-price{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin:0}.product-preview-variants{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 0}.variant-filters-column{display:flex;flex-direction:column;height:100%}.variant-filters-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;height:100%;display:flex;flex-direction:column;align-items:center}.variant-filters-card h3{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 1.5rem;text-transform:lowercase;text-align:center;width:100%}.variant-filter-group{margin-bottom:1.25rem;width:220px}.variant-filter-group:last-child{margin-bottom:0}.variant-filter-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem;text-transform:lowercase;text-align:center}.variant-filter-group .custom-dropdown{width:100%}.variant-filter-group .dropdown-trigger{min-width:220px}.item-analytics .stats-column{display:flex;flex-direction:column;justify-content:space-between;height:100%;align-content:start}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.item-analytics .stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s;min-height:0}.item-analytics .stat-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.item-analytics .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-analytics .stat-icon svg{width:20px;height:20px}.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-icon.items{background-color:#c67b5c26;color:var(--color-accent)}.stat-icon.revenue-customer{background-color:#2f5f451a;color:var(--color-primary)}.stat-icon.days{background-color:#c67b5c1a;color:var(--color-accent)}.item-analytics .stat-content{flex:1;min-width:0}.item-analytics .stat-label{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .25rem;text-transform:lowercase;line-height:1.2}.item-analytics .stat-value{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.2}.analytics-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem;position:relative;z-index:1}.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}.item-analytics .chart-container{width:100%;overflow-x:auto}.item-analytics .revenue-chart-wrapper{display:flex;gap:1rem;min-width:650px;align-items:stretch}.item-analytics .chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:320px;min-width:80px;flex-shrink:0;padding:10px 0}.item-analytics .revenue-chart{display:flex;align-items:flex-end;gap:.75rem;height:320px;flex:1;padding:10px 0;box-sizing:border-box}.item-analytics .chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:40px;height:100%}.item-analytics .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}.item-analytics .chart-bar:hover{opacity:.8;transform:translateY(-2px)}.item-analytics .chart-bar:hover .bar-value{opacity:1}.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}.item-summary-stats{display:flex;flex-direction:column;gap:1rem}.summary-stat{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}.summary-stat:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.summary-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-stat-icon.revenue{background-color:#2f5f451a;color:var(--color-primary)}.summary-stat-icon.orders{background-color:#d99e421a;color:var(--color-accent)}.summary-stat-icon.items{background-color:#c67b5c26;color:var(--color-accent)}.summary-stat-icon.average{background-color:#b4584a1a;color:var(--color-warning)}.summary-stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:lowercase;margin-bottom:.25rem}.summary-stat-value{font-size:1.25rem;font-weight:600;color:var(--color-text)}.revenue-velocity-card{background:linear-gradient(135deg,#d2873c08,#d2873c14)}.velocity-metrics{display:flex;flex-direction:column;gap:1.25rem}.velocity-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;transition:all .2s}.velocity-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.velocity-label{font-size:.9rem;font-weight:600;color:var(--color-text);text-transform:capitalize}.velocity-value{display:flex;align-items:center;gap:.75rem}.velocity-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.95rem;font-weight:600;white-space:nowrap}.velocity-badge.velocity-up{background-color:#4a8f6a26;color:var(--color-primary);border:1px solid rgba(74,143,106,.3)}.velocity-badge.velocity-down{background-color:#d24d5726;color:#d24d57;border:1px solid rgba(210,77,87,.3)}.velocity-badge.velocity-stable{background-color:#96969626;color:var(--color-text-secondary);border:1px solid rgba(150,150,150,.3)}.velocity-badge.velocity-no-data{background-color:#9696961a;color:var(--color-text-secondary);border:1px solid rgba(150,150,150,.2);font-weight:500}.velocity-arrow{font-size:1.1rem;font-weight:700}.velocity-detail{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}.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:1200px){.analytics-main-layout{grid-template-columns:1fr}.analytics-main-layout:has(.variant-filters-column:empty),.analytics-main-layout:not(:has(.variant-filters-column)){grid-template-columns:1fr}.variant-filters-column{order:2}.stats-column{order:3}.analytics-two-column{grid-template-columns:1fr}}@media(max-width:768px){.item-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}}.post-table-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.posts-table{width:100%;border-collapse:collapse;font-size:.875rem}.posts-table thead{background-color:var(--color-background);border-bottom:2px solid var(--color-border)}.posts-table th{text-align:left;padding:.75rem .5rem;font-weight:500;color:var(--color-text);text-transform:lowercase;white-space:nowrap;font-size:.8rem}.posts-table th.center-header{text-align:center}.posts-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.posts-table th.sortable:hover{background-color:var(--color-surface-hover)}.posts-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.posts-table td{padding:.75rem .5rem;color:var(--color-text);font-size:.85rem}.product-cell{font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-cell{min-width:100px;max-width:120px}.poster-info{display:flex;flex-direction:column;gap:.15rem}.poster-name{font-weight:500;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-username{font-size:.75rem;color:var(--color-text-secondary)}.ring-cell{text-align:center;width:40px;padding:.75rem .25rem}.view-post-btn{display:inline-block;padding:.4rem .75rem;background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.8rem;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.view-post-btn:hover{background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:1400px){.posts-table{font-size:.8rem}.posts-table th,.posts-table td{padding:.6rem .4rem}}@media(max-width:1200px){.table-container{overflow-x:scroll}.posts-table{min-width:900px}}@media(max-width:768px){.post-table-page{padding:1rem}.analytics-header h1{font-size:1.5rem}.analytics-card{padding:1.5rem}.table-header{flex-direction:column;align-items:flex-start}.date-range-filter{width:100%}.range-btn{flex:1}}.view-table-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.analytics-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.date-range-filter{display:flex;gap:.5rem;background-color:var(--color-background);padding:.25rem;border-radius:8px}.range-btn{padding:.5rem .875rem;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:lowercase}.table-container{overflow-x:auto;margin-top:1.5rem}.products-table{width:100%;border-collapse:collapse;font-size:.875rem}.products-table thead{background-color:var(--color-background);border-bottom:2px solid var(--color-border)}.products-table th{text-align:left;padding:.75rem .5rem;font-weight:500;color:var(--color-text);text-transform:lowercase;white-space:nowrap;font-size:.8rem}.products-table th.center-header{text-align:center}.products-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.products-table th.sortable:hover{background-color:var(--color-surface-hover)}.products-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.products-table tbody tr:hover{background-color:var(--color-background)}.products-table td{padding:.75rem .5rem;color:var(--color-text);font-size:.85rem}.product-cell{max-width:250px;text-align:left}.product-link{color:var(--color-text);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.product-link:hover{color:var(--color-primary);text-decoration:underline}.metric-cell{text-align:center;font-variant-numeric:tabular-nums;min-width:55px;padding:.75rem .5rem}.metric-cell.revenue{font-weight:500;color:var(--color-primary);min-width:70px}.actions-cell{text-align:center;min-width:90px;padding:.75rem .5rem}.analytics-btn{display:inline-block;padding:.4rem .75rem;background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.8rem;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.analytics-btn:hover{background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.empty-state{text-align:center;padding:3rem 2rem}.empty-state p{color:var(--color-text-secondary);margin:.5rem 0}.empty-hint{font-size:.9rem}@media(max-width:1400px){.products-table{font-size:.8rem}.products-table th,.products-table td{padding:.6rem .4rem}}@media(max-width:1200px){.table-container{overflow-x:scroll}.products-table{min-width:900px}}@media(max-width:768px){.view-table-page{padding:1rem}.analytics-header h1{font-size:1.5rem}.analytics-card{padding:1.5rem}.table-header{flex-direction:column;align-items:flex-start}.date-range-filter{width:100%}.range-btn{flex:1}}.ambassador-rate-table-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.ambassador-rate-container{max-width:1400px;margin:0 auto}.ambassador-rate-header{margin-bottom:2rem}.ambassador-rate-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.ambassador-rate-header-description{font-size:1rem;color:var(--color-text-secondary);margin:0}.ambassador-rate-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.ambassador-rate-card h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.ambassador-rate-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.ambassador-rate-card-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:.25rem 0 0}.ambassador-rate-defaults-grid{display:grid;grid-template-columns:120px repeat(5,1fr);gap:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;font-size:.85rem}.ambassador-rate-defaults-grid .cdg-header{background-color:var(--color-background);padding:.625rem .75rem;font-weight:500;color:var(--color-text);text-transform:lowercase;font-size:.8rem;border-bottom:2px solid var(--color-border);text-align:center}.ambassador-rate-defaults-grid .cdg-header:first-child{text-align:left}.ambassador-rate-defaults-grid .cdg-label{padding:.625rem .75rem;font-weight:500;color:var(--color-text);font-size:.8rem;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);display:flex;align-items:center;background-color:var(--color-background)}.ambassador-rate-defaults-grid .cdg-cell{padding:.375rem;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.ambassador-rate-defaults-grid .cdg-cell:nth-child(6n){border-right:none}.ambassador-rate-defaults-grid>:nth-last-child(-n+6){border-bottom:none}.ambassador-rate-input-field{width:56px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);color:var(--color-text);font-size:.85rem;text-align:center;font-variant-numeric:tabular-nums;transition:border-color .2s;-moz-appearance:textfield}.ambassador-rate-input-field::-webkit-outer-spin-button,.ambassador-rate-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ambassador-rate-input-field:focus{outline:none;border-color:var(--color-primary)}.ambassador-rate-input-field:disabled{opacity:.35;cursor:not-allowed}.ambassador-rate-input-field::placeholder{color:var(--color-text-secondary);opacity:.5}.ambassador-rate-duration-dropdown{width:100%;max-width:110px}.ambassador-rate-duration-dropdown .dropdown-trigger{padding:.25rem .5rem;font-size:.75rem;border-radius:6px;min-height:0}.ambassador-rate-duration-dropdown .dropdown-arrow{width:12px;height:12px}.ambassador-rate-duration-dropdown .dropdown-menu{font-size:.75rem}.ambassador-rate-duration-dropdown .dropdown-option{padding:.4rem .75rem;font-size:.75rem}.ambassador-rate-duration-dropdown .option-label{font-size:.75rem}.ambassador-rate-duration-dropdown .check-icon{width:12px;height:12px}.ambassador-rate-ring-header{display:flex;align-items:center;justify-content:center;gap:.375rem}.ambassador-rate-ring-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600;flex-shrink:0}.ambassador-rate-ring-name{font-size:.75rem;white-space:nowrap}.ambassador-rate-product-list{display:flex;flex-direction:column;gap:1rem}.ambassador-rate-product-row{display:flex;align-items:center;gap:1.25rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background)}.ambassador-rate-product-info{width:160px;min-width:160px;max-width:160px;flex-shrink:0;padding-top:0;border-right:1px solid var(--color-border);padding-right:1.25rem;margin-right:0;display:flex;flex-direction:column;align-items:center;text-align:center}.ambassador-rate-product-image{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-bottom:.5rem;border:1px solid var(--color-border)}.ambassador-rate-product-name{font-weight:500;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text);line-height:1.3;text-align:center}.ambassador-rate-product-price{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.ambassador-rate-product-seller{font-size:.7rem;color:var(--color-text-secondary);margin-top:.125rem;text-align:center}.ambassador-rate-product-rings{display:flex;gap:.75rem;margin-top:.5rem;justify-content:center}.ambassador-rate-product-ring-badge{display:flex;flex-direction:column;align-items:center;gap:.2rem}.ambassador-rate-product-ring-badge .ambassador-rate-ring-dot{width:30px;height:30px;font-size:.85rem}.ambassador-rate-product-ring-label{font-size:.65rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.ambassador-rate-product-grid{display:grid;grid-template-columns:72px repeat(5,1fr);gap:0;flex:1;min-width:0}.ambassador-rate-product-grid .aprg-ring-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem 0 .5rem}.ambassador-rate-product-grid .aprg-label{display:flex;align-items:center;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);padding:.25rem .25rem .25rem 0;white-space:nowrap}.ambassador-rate-product-grid .aprg-cell{display:flex;align-items:center;justify-content:center;padding:.25rem}.ambassador-rate-product-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;flex-shrink:0;padding-top:1.75rem;min-width:90px}.ambassador-rate-product-actions .ambassador-rate-save-btn{padding:.4rem .75rem;font-size:.8rem}.ambassador-rate-product-actions .ambassador-rate-apply-defaults-btn{text-align:center}.ambassador-rate-toggle{width:32px;height:18px;background-color:var(--color-border);border-radius:9px;position:relative;cursor:pointer;transition:background-color .2s;border:none;padding:0;flex-shrink:0}.ambassador-rate-toggle.active{background-color:var(--color-primary)}.ambassador-rate-toggle-knob{width:14px;height:14px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.ambassador-rate-toggle.active .ambassador-rate-toggle-knob{transform:translate(14px)}.ambassador-rate-save-row{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem}.ambassador-rate-save-btn{padding:.625rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s;text-transform:lowercase}.ambassador-rate-save-btn:hover{opacity:.9}.ambassador-rate-save-btn:disabled{opacity:.5;cursor:not-allowed}.ambassador-rate-save-status{font-size:.85rem;color:var(--color-primary);font-weight:500}.ambassador-rate-save-error{font-size:.85rem;color:var(--color-warning, #D14600);font-weight:500}.ambassador-rate-apply-defaults-btn{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.8rem;cursor:pointer;transition:all .2s;text-transform:lowercase}.ambassador-rate-apply-defaults-btn:hover{background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.ambassador-rate-loading,.ambassador-rate-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.ambassador-rate-loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ambassador-rate-spin 1s linear infinite}@keyframes ambassador-rate-spin{to{transform:rotate(360deg)}}.ambassador-rate-loading p,.ambassador-rate-error p{color:var(--color-text-secondary);font-size:1rem}.ambassador-rate-empty-state{text-align:center;padding:3rem 2rem}.ambassador-rate-empty-state p{color:var(--color-text-secondary);margin:.5rem 0}.ambassador-rate-split-layout{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.ambassador-rate-split-main{flex:2;min-width:0}.ambassador-rate-split-main .ambassador-rate-card{margin-bottom:0}.ambassador-rate-split-side{flex:1;min-width:280px;position:sticky;top:2rem}.ambassador-rate-calc,.ambassador-rate-calc h2{margin-bottom:0}.calc-fields{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.calc-label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.calc-ring-picker{display:flex;gap:.375rem;margin-top:.125rem}.calc-ring-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);background:transparent;color:var(--color-text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.calc-ring-btn.active{color:#fff;border-color:transparent}.calc-ring-btn:not(.active):hover{border-color:var(--color-text-secondary)}.calc-product-dropdown{width:100%}.calc-product-dropdown .dropdown-trigger{padding:.375rem .75rem;font-size:.85rem;border-radius:6px;background-color:var(--color-surface)}.calc-grid{display:grid;grid-template-columns:auto 56px 1fr;gap:.5rem .625rem;align-items:center;margin-top:1.25rem;border-top:1px solid var(--color-border);padding-top:1rem}.calc-grid-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;white-space:nowrap;text-align:right}.calc-grid-input{width:56px!important;padding:.25rem .375rem!important;font-size:.8rem!important}.calc-grid-math{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.calc-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--color-border);padding-top:.75rem;margin-top:1rem;font-size:.9rem;font-weight:500;color:var(--color-text)}.calc-total span:last-child{color:var(--color-primary);font-weight:600;font-size:1.1rem}@media(max-width:1400px){.ambassador-rate-product-grid .aprg-label{font-size:.7rem}}@media(max-width:1200px){.ambassador-rate-split-layout{flex-direction:column}.ambassador-rate-split-side{position:static;min-width:auto}.ambassador-rate-product-row{flex-wrap:wrap}.ambassador-rate-product-info{min-width:100%;max-width:100%;padding-top:0;border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:.75rem;margin-bottom:.5rem;flex-direction:row;gap:.75rem}.ambassador-rate-product-image{width:60px;height:60px;margin-bottom:0}.ambassador-rate-product-name,.ambassador-rate-product-seller{text-align:left}.ambassador-rate-product-actions{flex-direction:row;min-width:auto;padding-top:0}}@media(max-width:768px){.ambassador-rate-table-page{padding:1rem}.ambassador-rate-header h1{font-size:1.5rem}.ambassador-rate-card{padding:1.5rem}.ambassador-rate-card-header{flex-direction:column;align-items:flex-start}.ambassador-rate-defaults-grid{font-size:.8rem}}.subscription-analytics-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.analytics-container{max-width:1400px;margin:0 auto}.analytics-header{margin-bottom:2rem}.analytics-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.header-description{font-size:1rem;color:var(--color-text-secondary);margin:0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.dashboard-column{display:grid;grid-template-rows:repeat(5,1fr);gap:1rem}.metric-card-large{display:flex;align-items:center;gap:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;transition:all .2s;text-align:left;width:100%;min-height:0}.metric-card-large:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.metric-card-large.ring-filter-card{cursor:pointer}.metric-card-large.ring-filter-card.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.metric-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:8px;flex-shrink:0;color:var(--color-primary)}.metric-content{flex:1}.metric-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:lowercase;margin-bottom:.25rem}.metric-value-large{font-size:1.25rem;font-weight:600;color:var(--color-text)}.ring-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.ring-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.ring-section-header h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.ring-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.metric-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.metric-card h3{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 1rem;text-transform:lowercase}.demographics-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.demo-section{margin-bottom:1.5rem}.demo-section h4{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 .75rem;text-transform:lowercase}.demo-stacked-bar{display:flex;width:100%;height:40px;border-radius:8px;overflow:hidden;background-color:var(--color-border)}.demo-stacked-segment{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#6BA589 100%);border-right:2px solid var(--color-surface);position:relative;transition:all .3s ease}.demo-stacked-segment:hover{filter:brightness(1.1)}.demo-stacked-segment:nth-child(2){background:linear-gradient(135deg,#6ba589,#8bc1a7)}.demo-stacked-segment:nth-child(3){background:linear-gradient(135deg,#8bc1a7,#a5d4bf)}.demo-stacked-segment:nth-child(4){background:linear-gradient(135deg,#a5d4bf,#bfe6d7)}.demo-stacked-segment:nth-child(5){background:linear-gradient(135deg,#bfe6d7,#d9f2ec)}.demo-stacked-label{font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap;padding:0 .5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.demo-stacked-segment[style*="width: 0%"] .demo-stacked-label,.demo-stacked-segment[style*="width: 1%"] .demo-stacked-label,.demo-stacked-segment[style*="width: 2%"] .demo-stacked-label,.demo-stacked-segment[style*="width: 3%"] .demo-stacked-label,.demo-stacked-segment[style*="width: 4%"] .demo-stacked-label{display:none}.demographics-list{display:flex;flex-direction:column;gap:.75rem}.demo-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.demo-row:last-child{border-bottom:none}.demo-label{font-size:.9rem;color:var(--color-text-secondary)}.demo-value{font-size:.9rem;font-weight:500;color:var(--color-text)}.analytics-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.analytics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:2rem;flex-wrap:wrap}.analytics-card h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.subscription-analytics .chart-controls{display:flex;gap:1rem;flex-wrap:wrap}.date-range-filter,.time-grouping-filter{display:flex;gap:.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:.25rem}.subscription-analytics .chart-container{width:100%;overflow-x:auto}.subscribers-chart-wrapper{display:flex;gap:1rem;min-width:650px;align-items:stretch}.subscription-analytics .chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:320px;min-width:40px;flex-shrink:0;padding:10px 0}.subscribers-chart{display:flex;align-items:flex-end;gap:.75rem;height:320px;flex:1;padding:10px 0;box-sizing:border-box}.subscription-analytics .chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:40px;height:100%}.subscribers-chart .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}.subscribers-chart .chart-bar:hover{opacity:.8;transform:translateY(-2px)}.bar-value{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.subscription-analytics .chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.subscription-analytics .chart-list{display:flex;flex-direction:column;gap:.75rem}.subscription-analytics .chart-row{display:flex;align-items:center;gap:1rem}.subscription-analytics .chart-label{min-width:80px;font-size:.85rem;color:var(--color-text-secondary)}.subscription-analytics .chart-bar-container{flex:1;display:flex;align-items:center;gap:.5rem}.subscription-analytics .chart-bar{height:24px;border-radius:4px;transition:width .3s ease;min-width:2px}.subscription-analytics .chart-bar.growth{background:linear-gradient(90deg,var(--color-primary) 0%,#6BA589 100%)}.subscription-analytics .chart-bar.churn{background:linear-gradient(90deg,#d97706,#f59e0b)}.subscription-analytics .chart-value{min-width:30px;font-size:.85rem;font-weight:500;color:var(--color-text);text-align:right}.empty-text{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin:0}.empty-state{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.empty-state p{color:var(--color-text-secondary);margin:0}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.analytics-loading p,.analytics-error p{color:var(--color-text-secondary);font-size:1rem}.analytics-error .btn-primary{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s}.analytics-error .btn-primary:hover{opacity:.9}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.ring-item-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.subscription-analytics-page{padding:1rem}.analytics-header h1{font-size:1.5rem}.analytics-card-header{flex-direction:column;align-items:flex-start}.chart-controls{width:100%}.date-range-filter,.time-grouping-filter{width:100%;overflow-x:auto}.ring-item-stats{grid-template-columns:1fr;gap:.75rem}.ring-metrics-grid{grid-template-columns:1fr}.ring-section,.demographics-card,.analytics-card{padding:1.5rem}.metric-card-large{padding:1rem}.metric-icon{width:40px;height:40px}.metric-icon svg{width:20px;height:20px}}.subscriptions-table-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.subscriptions-table{width:100%;border-collapse:collapse}.subscriptions-table thead{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.subscriptions-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;white-space:nowrap}.subscriptions-table th.centered-header{text-align:center}.subscriptions-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.subscriptions-table th.sortable:hover{color:var(--color-primary)}.subscriptions-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.subscriptions-table tbody tr:last-child{border-bottom:none}.subscriptions-table tbody tr:hover{background-color:var(--color-background)}.subscriptions-table td{padding:1rem;font-size:.95rem;color:var(--color-text)}.ring-badge{width:24px;height:24px;border-radius:50%;border:none;color:#fff;font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin:0 auto}.ring-col{width:80px;text-align:center}.ring-cell{text-align:center}.name-col{width:300px}.name-cell{text-align:left}.subscriber-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;transition:color .2s}.subscriber-link:hover{color:var(--color-primary)}.subscriber-link .display-name{font-weight:500;font-size:.95rem}.subscriber-link .username{font-size:.85rem;color:var(--color-text-secondary)}.date-col{width:150px;text-align:center}.date-cell{text-align:center}.revenue-col{width:120px;text-align:center}.revenue-cell{text-align:center;font-weight:500}@media(max-width:768px){.subscriptions-table-page{padding:1rem}.table-header h1{font-size:1.5rem}.table-wrapper{overflow-x:auto}.subscriptions-table{min-width:600px}}.inventory-table-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.table-container{max-width:1400px;margin:0 auto}.table-header{margin-bottom:2rem}.table-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.table-description{font-size:1rem;color:var(--color-text-secondary);margin:0}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.inventory-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;white-space:nowrap}.inventory-table th.centered-header{text-align:center}.inventory-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.inventory-table th.sortable:hover{color:var(--color-primary)}.inventory-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table tbody tr:hover{background-color:var(--color-background)}.inventory-table tbody tr.inactive-row{opacity:.5}.inventory-table td{padding:1rem;font-size:.95rem;color:var(--color-text)}.image-col{width:60px;text-align:center}.image-cell{text-align:center}.item-image{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border)}.image-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-secondary);margin:0 auto}.product-col{width:300px}.product-cell{text-align:left}.product-info{display:flex;align-items:center;gap:.5rem}.product-title{font-weight:500;font-size:.95rem}.inactive-badge{padding:.15rem .5rem;background-color:var(--color-warning);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.variant-col{width:200px}.variant-cell{text-align:left;color:var(--color-text-secondary);font-size:.9rem}.price-col{width:120px;text-align:center}.price-cell{text-align:center;font-weight:500}.price-value{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;display:inline-block;min-width:60px}.price-value:hover{background-color:var(--color-background)}.price-edit{display:inline-flex;align-items:center;gap:.25rem}.currency-symbol{font-weight:500;color:var(--color-text)}.price-input{width:80px;padding:.25rem .5rem;border:2px solid var(--color-primary);border-radius:4px;font-size:.95rem;font-weight:500;text-align:right;background-color:var(--color-surface);color:var(--color-text);font-family:inherit}.price-input:focus{outline:none;border-color:var(--color-primary)}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.inventory-col{width:120px;text-align:center}.inventory-cell{text-align:center;font-weight:500}.inventory-value{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;display:inline-block;min-width:40px}.inventory-value:hover{background-color:var(--color-background)}.inventory-edit{display:inline-block}.inventory-input{width:80px;padding:.25rem .5rem;border:2px solid var(--color-primary);border-radius:4px;font-size:.95rem;font-weight:500;text-align:center;background-color:var(--color-surface);color:var(--color-text);font-family:inherit}.inventory-input:focus{outline:none;border-color:var(--color-primary)}.inventory-input::-webkit-inner-spin-button,.inventory-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inventory-input[type=number]{-moz-appearance:textfield}.out-of-stock{color:var(--color-warning)}.unlimited{color:var(--color-text-secondary);font-size:1.2rem}.empty-cell{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary);font-style:italic}.table-loading,.table-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.table-loading p,.table-error p{color:var(--color-text-secondary);font-size:1rem}@media(max-width:768px){.inventory-table-page{padding:1rem}.table-header h1{font-size:1.5rem}.table-wrapper{overflow-x:auto}.inventory-table{min-width:600px}}.item-orders-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.item-orders-page .dashboard-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.item-orders-page .dashboard-header{display:flex;justify-content:space-between;align-items:center}.item-orders-page .dashboard-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0}.item-orders-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.item-orders-page .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}.item-orders-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-orders-page .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}.item-orders-page .stat-content{flex:1}.item-orders-page .stat-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:lowercase;margin:0 0 .25rem}.item-orders-page .stat-value{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0}.item-orders-page .orders-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.item-orders-page .orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.item-orders-page .orders-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0}.item-orders-page .filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.item-orders-page .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}.item-orders-page .filter-btn:hover{border-color:var(--color-primary)}.item-orders-page .filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.item-orders-page .orders-table{overflow-x:auto}.item-orders-page .orders-table table{width:100%;border-collapse:collapse}.item-orders-page .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}.item-orders-page .orders-table td{padding:1rem;border-bottom:1px solid var(--color-border);font-size:.95rem;color:var(--color-text)}.item-orders-page .orders-table tbody tr:hover{background-color:var(--color-background)}.item-orders-page .order-number-link{font-family:monospace;font-weight:600;color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}.item-orders-page .order-number-link:hover{opacity:.8}.item-orders-page .customer-info{display:flex;flex-direction:column;gap:.25rem}.item-orders-page .customer-name{font-weight:500}.item-orders-page .customer-email{font-size:.85rem;color:var(--color-text-secondary)}.item-orders-page .order-total{font-weight:600;color:var(--color-primary)}.item-orders-page .status-badge{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:lowercase;white-space:nowrap}.item-orders-page .status-paid{background-color:#3b82f61a;color:#3b82f6}.item-orders-page .status-processing{background-color:#fbbf241a;color:#f59e0b}.item-orders-page .status-shipped{background-color:#a855f71a;color:#a855f7}.item-orders-page .status-delivered{background-color:#4caf501a;color:var(--color-primary)}.item-orders-page .status-cancelled{background-color:#ef44441a;color:#ef4444}.item-orders-page .tracking-badge{font-size:.85rem;font-family:monospace;color:var(--color-text-secondary)}.item-orders-page .tracking-form-row{background-color:var(--color-background)!important}.item-orders-page .tracking-form{padding:1.5rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface)}.item-orders-page .tracking-form h4{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 1rem}.item-orders-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.item-orders-page .form-group{display:flex;flex-direction:column;gap:.5rem}.item-orders-page .form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.item-orders-page .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)}.item-orders-page .form-group input:focus{outline:none;border-color:var(--color-primary)}.item-orders-page .form-actions{display:flex;gap:.75rem}.item-orders-page .empty-state{text-align:center;padding:4rem 2rem}.item-orders-page .empty-icon{width:80px;height:80px;margin:0 auto 2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.item-orders-page .empty-state h3{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .75rem}.item-orders-page .empty-state p{font-size:1.05rem;color:var(--color-text-secondary);margin:0}.item-orders-page .dashboard-loading,.item-orders-page .orders-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem}.item-orders-page .dashboard-loading p,.item-orders-page .orders-loading p{color:var(--color-text-secondary);margin:0}.item-orders-page .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:item-orders-spin 1s linear infinite}@keyframes item-orders-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.item-orders-page{padding:1rem}.item-orders-page .dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.item-orders-page .dashboard-header h1{font-size:1.5rem}.item-orders-page .stats-grid{grid-template-columns:1fr}.item-orders-page .orders-section{padding:1rem}.item-orders-page .orders-header{flex-direction:column;align-items:flex-start}.item-orders-page .orders-table{font-size:.85rem}.item-orders-page .orders-table th,.item-orders-page .orders-table td{padding:.75rem .5rem}.item-orders-page .form-row{grid-template-columns:1fr}}.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}select,select option{font-family:inherit!important;font-size:inherit!important}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.form-group select option{font-family:var(--font-family)!important;font-size:1rem!important;background-color:var(--color-surface);color:var(--color-text);padding:.5rem!important;font-weight:400!important}select option,option{font-family:var(--font-family)!important;font-size:1rem!important;line-height:1.5!important}select::-webkit-scrollbar{display:none}select:-internal-autofill-selected option{font-family:var(--font-family)!important}.form-group select option{font-family:var(--font-family);font-size:1rem;padding:.5rem;background-color:var(--color-background);color:var(--color-text)}.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}.ring-selector-container{margin-top:.5rem}.ring-options-grid{display:flex;flex-direction:column;gap:.5rem}.ring-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.ring-option:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.ring-option.selected{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.ring-option-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.ring-option-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.ring-option-name{font-size:1rem;font-weight:500;color:var(--color-text)}.ring-option-desc{font-size:.85rem;color:var(--color-text-secondary)}.ring-option.selected .ring-option-name{color:var(--color-primary);font-weight:600}.ring-option.selected:after{content:"✓";font-size:1.25rem;color:var(--color-primary);font-weight:600;margin-left:auto}.pricing-comparison{padding:1rem;background-color:#4a8f6a1a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.95rem;text-align:center;margin-top:1rem}.section-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem}.interval-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.interval-option{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.interval-option:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.interval-option.selected{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.interval-option strong{font-size:1.05rem;color:var(--color-text);font-weight:600}.interval-option span{font-size:.85rem;color:var(--color-text-secondary)}.interval-option.selected strong{color:var(--color-primary)}@media(max-width:768px){.create-product-page{padding:1rem}.product-form,.form-section-prominent{padding:1.5rem}.variant-choice,.form-row,.interval-selector{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 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 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}.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}@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}.shop-edit-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.shop-edit-container{max-width:700px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem}.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 label{font-size:.95rem;font-weight:500;color:var(--color-text)}.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 input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.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}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.form-actions .btn{padding:.875rem 2rem;font-size:1rem}.loading-state,.error-state{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}.loading-state p,.error-state p{color:var(--color-text-secondary);margin:.5rem 0}.error-state h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin-bottom:1rem}@media(max-width:768px){.shop-edit-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%}}.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}}.shop-settings-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.shop-settings-container{max-width:600px;margin:0 auto}.settings-back-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;font-family:var(--font-family);cursor:pointer;padding:0;margin-bottom:1.5rem;transition:color .2s ease}.settings-back-btn:hover{color:var(--color-primary)}.settings-back-btn svg{stroke:currentColor}.settings-title{font-size:1.75rem;font-weight:500;color:var(--color-text);margin:0 0 .35rem}.settings-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 2.5rem}.settings-section{margin-bottom:2rem}.settings-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-text);margin-bottom:.35rem}.settings-hint{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.45}.settings-preview-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;max-width:360px}.settings-preview-card .shop-card-body{display:flex;height:180px}.settings-preview-card .shop-card-left{flex:1;display:flex;flex-direction:column;padding:1.25rem;gap:.75rem;min-width:0}.settings-preview-card .shop-card-avatar{width:56px;height:56px;border-radius:12px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);flex-shrink:0}.settings-preview-card .shop-card-avatar img{width:100%;height:100%;object-fit:cover}.settings-preview-card .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)}.settings-preview-card .shop-card-identity{margin-top:auto;display:flex;flex-direction:column;gap:.1rem;min-width:0}.settings-preview-card .shop-card-name-row{display:flex;align-items:center;gap:.35rem}.settings-preview-card .shop-card-name{font-size:1.05rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-preview-card .shop-card-username{font-size:.8rem;color:var(--color-text-secondary)}.settings-preview-card .shop-card-count{font-size:.8rem;color:var(--color-text-secondary);margin-top:.1rem}.settings-preview-card .shop-card-image{width:45%;flex-shrink:0;overflow:hidden}.settings-preview-card .shop-card-image img{width:100%;height:100%;object-fit:cover}.settings-preview-card .shop-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);color:var(--color-text-secondary);opacity:.3}.settings-preview-card .shop-card-footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);min-height:2.75rem}.settings-preview-card .shop-card-description{font-size:.85rem;color:var(--color-text-secondary);line-height:1.45;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cover-upload-area{width:100%}.cover-upload-button{width:100%;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:12px;color:var(--color-text-secondary);font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.cover-upload-button:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#2f5f4508}.cover-upload-button:disabled{opacity:.5;cursor:not-allowed}.cover-upload-button svg{stroke:currentColor}.cover-preview{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.cover-preview img{width:100%;height:200px;object-fit:cover;display:block}.cover-preview-actions{display:flex;gap:.5rem;padding:.75rem;background-color:var(--color-surface);border-top:1px solid var(--color-border)}.cover-action-btn{padding:.5rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;font-size:.8rem;font-family:var(--font-family);color:var(--color-text);cursor:pointer;transition:all .2s ease}.cover-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cover-action-btn:disabled{opacity:.5;cursor:not-allowed}.cover-action-remove:hover{border-color:var(--color-warning);color:var(--color-warning)}.settings-input,.settings-textarea{width:100%;padding:.75rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-family:var(--font-family);color:var(--color-text);transition:border-color .2s ease;box-sizing:border-box}.settings-input:focus,.settings-textarea:focus{outline:none;border-color:var(--color-primary)}.settings-input::placeholder,.settings-textarea::placeholder{color:var(--color-text-secondary)}.settings-textarea{resize:vertical;min-height:80px;line-height:1.5}.settings-error{padding:.75rem 1rem;background-color:#c67b5c1a;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);font-size:.85rem;margin-bottom:1.5rem}.settings-success{padding:.75rem 1rem;background-color:#2f5f451a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.85rem;margin-bottom:1.5rem}.settings-save-btn{width:100%;padding:.875rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:opacity .2s ease}.settings-save-btn:hover:not(:disabled){opacity:.9}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.theme-picker-grid{display:flex;flex-wrap:wrap;gap:.75rem}.theme-picker-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;min-width:90px;font-family:var(--font-family)}.theme-picker-card:hover{border-color:var(--color-primary)}.theme-picker-card.active{border-color:var(--color-primary);background-color:#2f5f450d}.theme-picker-swatches{display:flex;gap:.3rem}.theme-picker-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--color-border)}.theme-picker-label{font-size:.8rem;color:var(--color-text);font-weight:500}.theme-picker-card.active .theme-picker-label{color:var(--color-primary)}.shop-settings-loading,.shop-settings-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--color-text-secondary)}@media(max-width:768px){.shop-settings-page{padding:1rem}.settings-title{font-size:1.5rem}.cover-preview img{height:160px}}.time-picker{position:relative;display:inline-block}.time-picker-trigger{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface, #fff);color:var(--color-text);font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:border-color .2s;white-space:nowrap;min-width:100px}.time-picker-trigger:hover{border-color:var(--color-primary)}.time-picker-trigger svg{flex-shrink:0;opacity:.5}.time-picker-popup{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 16px #0000001f;padding:.75rem;min-width:220px}.time-picker-period{display:flex;gap:0;margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.period-btn{flex:1;padding:.4rem 0;border:none;background:transparent;font-size:.85rem;font-family:var(--font-family);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.period-btn.active{background:var(--color-primary);color:#fff}.period-btn:not(.active):hover{background:#2f5f450f}.time-picker-section-label{font-size:.7rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.time-picker-grid{display:grid;gap:3px;margin-bottom:.6rem}.time-picker-grid.hours{grid-template-columns:repeat(6,1fr)}.time-picker-grid.minutes{grid-template-columns:repeat(4,1fr);margin-bottom:0}.time-cell{padding:.4rem 0;border:none;border-radius:6px;background:transparent;font-size:.8rem;font-family:var(--font-family);color:var(--color-text);cursor:pointer;transition:all .15s;text-align:center}.time-cell:hover{background:#2f5f4514}.time-cell.active{background:var(--color-primary);color:#fff;font-weight:500}.avail-manager{max-width:700px}.avail-header{margin-bottom:1.5rem}.avail-header h2{font-size:1.15rem;font-weight:600;margin:0 0 .25rem}.avail-header p{font-size:.85rem;color:var(--color-text-secondary);margin:0}.avail-error{background:#dc354514;color:#dc3545;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;border:1px solid rgba(220,53,69,.2)}.avail-loading{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.avail-timezone{margin-bottom:1.5rem}.avail-timezone label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--color-text-secondary)}.avail-week{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:10px;overflow:visible;margin-bottom:1.5rem}.avail-day{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.avail-day:last-child{border-bottom:none}.avail-day.active{background:#4a8f6a08}.avail-day-header{display:flex;align-items:center;gap:.5rem;min-width:140px;padding-top:.2rem}.avail-day-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.avail-day-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.avail-day-name{font-weight:500;text-transform:lowercase}.avail-unavailable{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;padding-top:.25rem}.avail-add-window-btn{background:none;border:none;cursor:pointer;color:var(--color-primary);padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.avail-add-window-btn:hover{background:#4a8f6a1a}.avail-windows{display:flex;flex-direction:column;gap:.4rem;flex:1}.avail-window-row{display:flex;align-items:center;gap:.4rem}.avail-time-sep{color:var(--color-text-secondary);font-size:.85rem;flex-shrink:0}.avail-window-row .ring-dropdown-custom,.avail-window-row .custom-dropdown{min-width:110px;max-width:130px}.avail-remove-window-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.avail-remove-window-btn:hover{color:#dc3545;background:#dc354514}.avail-save-row{margin-bottom:2rem}.avail-save-row .btn{min-width:160px}.avail-overrides-section{border-top:1px solid var(--color-border);padding-top:1.5rem}.avail-overrides-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.avail-overrides-header h3{font-size:1.05rem;font-weight:600;margin:0 0 .2rem}.avail-overrides-header p{font-size:.85rem;color:var(--color-text-secondary);margin:0}.avail-override-form{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.avail-override-form .form-group{margin-bottom:0}.avail-override-form .form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.3rem;color:var(--color-text-secondary)}.avail-override-form .form-group input[type=date],.avail-override-form .form-group input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-family:var(--font-family);background:var(--color-surface, #fff)}.avail-override-type-row{display:flex;gap:1.25rem}.avail-override-type-option{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem}.avail-override-type-option input[type=radio]{accent-color:var(--color-primary)}.avail-override-times{display:flex;align-items:center;gap:.4rem}.avail-override-times .ring-dropdown-custom,.avail-override-times .custom-dropdown{min-width:120px}.avail-override-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.avail-override-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--color-border)}.avail-override-item:last-child{border-bottom:none}.avail-override-item.blocked{background:#dc354508}.avail-override-item.custom{background:#4a8f6a08}.avail-override-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.avail-override-date{font-weight:500;font-size:.9rem}.avail-override-detail{font-size:.85rem;color:var(--color-text-secondary)}.avail-override-detail.blocked-label{color:#dc3545;font-style:italic}.avail-override-reason{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.avail-override-remove{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.avail-override-remove:hover{color:#dc3545;background:#dc354514}.avail-no-overrides{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}@media(max-width:600px){.avail-day{flex-direction:column;gap:.4rem}.avail-day-header{min-width:unset}.avail-window-row{flex-wrap:wrap}.avail-overrides-header{flex-direction:column;gap:.75rem}.avail-override-info{flex-direction:column;align-items:flex-start;gap:.2rem}}.seller-bookings{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.bookings-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.bookings-header-row .bookings-title{margin-bottom:0}.bookings-header-row .btn{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.bookings-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.seller-bookings .stat-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface)}.seller-bookings .stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text)}.seller-bookings .stat-label{font-size:.75rem;color:var(--color-text-secondary)}.view-toggle{display:flex;gap:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;width:fit-content}.view-toggle-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;background:var(--color-surface);border:none;font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.view-toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.view-toggle-btn:hover{background:var(--color-background)}.view-toggle-btn.active{background:var(--color-primary);color:#fff}.view-toggle-btn.active svg{stroke:#fff}.seller-bookings .bookings-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.seller-bookings .bookings-tab{padding:.6rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .15s ease}.seller-bookings .bookings-tab:hover{color:var(--color-text)}.seller-bookings .bookings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.seller-bookings .bookings-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--color-text-secondary)}.seller-bookings .bookings-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--color-text-secondary);text-align:center}.seller-bookings .bookings-empty svg{opacity:.4}.seller-bookings .bookings-empty p{margin:0;font-size:.95rem}.seller-bookings .bookings-list{display:flex;flex-direction:column;gap:.75rem}.seller-bookings .booking-card{display:flex;gap:1rem;border:1px solid var(--color-border);border-radius:10px;padding:1rem;background-color:var(--color-surface);transition:border-color .15s ease}.seller-bookings .booking-card:hover{border-color:var(--color-primary)}.seller-bookings .booking-card-left{flex-shrink:0}.seller-bookings .booking-date-badge{display:flex;flex-direction:column;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .6rem;min-width:80px}.seller-bookings .badge-date{font-size:.75rem;font-weight:600;color:var(--color-text)}.seller-bookings .badge-time{font-size:.7rem;color:var(--color-text-secondary)}.seller-bookings .booking-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.seller-bookings .booking-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.seller-bookings .booking-product-title{font-size:.95rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-bookings .booking-status{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.seller-bookings .booking-card-details{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.seller-bookings .booking-detail{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-secondary);text-decoration:none}.booking-client{cursor:pointer}.booking-client:hover{color:var(--color-primary)}.client-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.client-avatar-placeholder{width:18px;height:18px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.booking-note{font-size:.8rem;color:var(--color-text-secondary);background-color:var(--color-background);border-radius:6px;padding:.4rem .6rem;font-style:italic}.note-label{font-style:normal;font-weight:500;color:var(--color-text)}.booking-earnings{display:flex;align-items:baseline;gap:.35rem}.earnings-amount{font-size:.95rem;font-weight:700;color:var(--color-primary)}.earnings-label{font-size:.7rem;color:var(--color-text-secondary)}.seller-bookings .booking-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.seller-bookings .booking-actions{display:flex;gap:.5rem}@media(max-width:600px){.seller-bookings{padding:1.5rem 1rem}.bookings-header-row{flex-direction:column;align-items:flex-start}.bookings-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.seller-bookings .stat-card{padding:.5rem}.seller-bookings .stat-value{font-size:1.1rem}.seller-bookings .booking-card{flex-direction:column;gap:.5rem}.seller-bookings .booking-date-badge{flex-direction:row;gap:.5rem;min-width:unset}.seller-bookings .booking-card-details{flex-direction:column;align-items:flex-start;gap:.35rem}}.booking-calendar{display:flex;flex-direction:column;gap:1rem}.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cal-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.cal-nav-btn:hover{background:var(--color-background);color:var(--color-text)}.cal-nav-label{display:flex;align-items:center;gap:.75rem}.cal-week-label{font-size:.95rem;font-weight:600;color:var(--color-text)}.cal-today-btn{padding:.2rem .6rem;font-size:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .15s}.cal-today-btn:hover{opacity:.85}.cal-loading{display:flex;justify-content:center;padding:3rem 0}.cal-grid-wrapper{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-surface)}.cal-header{display:grid;grid-template-columns:50px repeat(7,1fr);border-bottom:1px solid var(--color-border)}.cal-day-header{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;gap:.1rem;border-left:1px solid var(--color-border)}.cal-day-header.past{opacity:.5}.cal-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.cal-day-num{font-size:.9rem;font-weight:600;color:var(--color-text);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cal-day-header.today .cal-day-num{background-color:var(--color-primary);color:#fff}.cal-grid{display:grid;grid-template-columns:50px repeat(7,1fr);position:relative;height:480px;overflow-y:auto}.cal-grid>.cal-time-gutter{position:relative}.cal-hour-label{position:absolute;right:6px;transform:translateY(-50%);font-size:.65rem;color:var(--color-text-secondary);white-space:nowrap}.cal-day-col{position:relative;border-left:1px solid var(--color-border);min-height:100%}.cal-day-col.past{opacity:.5}.cal-hour-line{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--color-border);opacity:.5}.cal-avail-block{position:absolute;left:1px;right:1px;background-color:#2f5f450f;border-left:2px solid rgba(47,95,69,.2);pointer-events:none;z-index:1}.cal-booking-block{position:absolute;left:3px;right:3px;background-color:var(--color-primary);border:none;border-radius:4px;padding:.2rem .35rem;display:flex;flex-direction:column;align-items:flex-start;gap:0;cursor:pointer;overflow:hidden;z-index:2;text-align:left;transition:filter .15s ease}.cal-booking-block:hover{filter:brightness(1.1)}.cal-booking-block.completed{background-color:var(--color-text-secondary);opacity:.6}.cal-booking-time{font-size:.6rem;font-weight:600;color:#fff;opacity:.9;line-height:1.2}.cal-booking-title{font-size:.65rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.cal-now-line{position:absolute;left:0;right:0;height:2px;background-color:#c44;z-index:3}.cal-now-line:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background-color:#c44}.cal-detail-panel{border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-surface);overflow:hidden}.cal-detail-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background)}.cal-detail-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text)}.cal-detail-close{background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.cal-detail-close:hover{color:var(--color-text)}.cal-detail-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.cal-detail-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text)}.cal-detail-link{color:var(--color-primary);text-decoration:none;font-weight:500}.cal-detail-link:hover{text-decoration:underline}.cal-legend{display:flex;gap:1.25rem;justify-content:center;padding:.25rem 0}.cal-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary)}.cal-legend-swatch{width:12px;height:12px;border-radius:3px}.cal-legend-swatch.avail{background-color:#2f5f451a;border:1px solid rgba(47,95,69,.3)}.cal-legend-swatch.booked{background-color:var(--color-primary)}.cal-legend-swatch.now{background-color:#c44}@media(max-width:768px){.cal-header{grid-template-columns:40px repeat(7,1fr)}.cal-grid{grid-template-columns:40px repeat(7,1fr);height:400px}.cal-day-name{font-size:.6rem}.cal-day-num{font-size:.8rem;width:24px;height:24px}.cal-hour-label{font-size:.55rem}.cal-booking-time{font-size:.5rem}.cal-booking-title{display:none}}.buyer-bookings{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.bookings-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 1.5rem}.bookings-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.bookings-tab{padding:.6rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .15s ease}.bookings-tab:hover{color:var(--color-text)}.bookings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.bookings-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--color-text-secondary)}.bookings-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--color-text-secondary);text-align:center}.bookings-empty svg{opacity:.4}.bookings-empty p{margin:0;font-size:.95rem}.bookings-list{display:flex;flex-direction:column;gap:.75rem}.booking-card{display:flex;gap:1rem;border:1px solid var(--color-border);border-radius:10px;padding:1rem;background-color:var(--color-surface);transition:border-color .15s ease}.booking-card:hover{border-color:var(--color-primary)}.booking-card-left{flex-shrink:0}.booking-date-badge{display:flex;flex-direction:column;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .6rem;min-width:80px}.badge-date{font-size:.75rem;font-weight:600;color:var(--color-text)}.badge-time{font-size:.7rem;color:var(--color-text-secondary)}.booking-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.booking-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.booking-product-title{font-size:.95rem;font-weight:600;color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-product-title:hover{color:var(--color-primary)}.booking-status{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.status-confirmed{background-color:#e8f5e9;color:#2e7d32}.status-completed{background-color:var(--color-background);color:var(--color-text-secondary)}.status-cancelled{background-color:#fdf0ef;color:#c44}.status-other{background-color:#fff3e0;color:#e65100}.booking-card-details{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.booking-detail{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-secondary);text-decoration:none}.booking-host{cursor:pointer}.booking-host:hover{color:var(--color-primary)}.host-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.host-avatar-placeholder{width:18px;height:18px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.booking-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.booking-price{font-size:.9rem;font-weight:600;color:var(--color-primary)}.booking-actions{display:flex;gap:.5rem}.btn-small{padding:.3rem .75rem;font-size:.78rem}.cancel-confirm-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.cancel-confirm-content{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 24px #00000026}.cancel-confirm-content h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.cancel-confirm-content p{margin:0 0 1.5rem;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.cancel-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-modal{padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.btn-modal-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-modal-secondary:hover{background-color:var(--color-background)}.btn-modal-danger{background-color:var(--color-warning, #c67b5c);border:none;color:#fff}.btn-modal-danger:hover:not(:disabled){opacity:.9}.btn-modal-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.buyer-bookings{padding:1.5rem 1rem}.booking-card{flex-direction:column;gap:.5rem}.booking-date-badge{flex-direction:row;gap:.5rem;min-width:unset}.booking-card-details{flex-direction:column;align-items:flex-start;gap:.35rem}}.activity-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.activity-container{max-width:700px;margin:0 auto}.activity-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:var(--color-primary)}.activity-header h1{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.header-subtitle{color:var(--color-text-secondary);margin:0;font-size:.95rem}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#c67b5c1a;border:1px solid var(--color-warning);border-radius:8px;color:var(--color-warning);margin-bottom:1.5rem;font-size:.9rem}.dismiss-error{background:none;border:none;color:var(--color-warning);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.loading-state{text-align:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.empty-icon{color:var(--color-text-secondary);margin-bottom:1.5rem}.empty-state h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.empty-state p{color:var(--color-text-secondary);margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background-color .2s}.activity-item:first-child{border-top:1px solid var(--color-border)}a.activity-item:hover{background-color:var(--color-background)}.activity-item.unread{background-color:#2f5f4508}.activity-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-primary)}.activity-item{position:relative}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.icon-subscription{background-color:#2f5f451a;color:var(--color-primary)}.activity-icon.icon-order{background-color:#d4a57426;color:var(--color-accent)}.activity-icon.icon-warning{background-color:#c67b5c1a;color:var(--color-warning)}.activity-icon.icon-default{background-color:var(--color-background);color:var(--color-text-secondary)}.activity-icon.icon-booking{background-color:#2f5f451a;color:var(--color-primary)}.activity-content{flex:1;min-width:0}.activity-main{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.activity-title{font-weight:500;color:var(--color-text);font-size:.95rem}.activity-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.activity-related-user{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.activity-related-user:hover{color:var(--color-primary)}.related-user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.related-user-avatar-placeholder{width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.activity-time{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.load-more{display:flex;justify-content:center;padding:2rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary);color:#fff;opacity:.9}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-background)}.btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.activity-page{padding:1rem}.activity-item{padding:.875rem}.activity-icon{width:36px;height:36px}.activity-icon svg{width:18px;height:18px}.activity-title{font-size:.9rem}.activity-description{font-size:.825rem}}.saved-page{max-width:1200px;margin:0 auto;padding:2rem}.saved-header h1{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem}.saved-loading{text-align:center;padding:3rem;color:var(--color-text-secondary)}.saved-content{display:flex;gap:2rem}.saved-lists-panel{width:240px;flex-shrink:0}.saved-lists-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.saved-lists-header h3{margin:0;font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.saved-new-list-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:none;color:var(--color-primary);font-size:1.1rem;cursor:pointer;transition:all .15s ease}.saved-new-list-btn:hover{background-color:var(--color-background);border-color:var(--color-primary)}.saved-new-list-form{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;margin-bottom:.5rem;background-color:var(--color-surface)}.saved-new-list-form input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;font-family:var(--font-family);background:var(--color-background);color:var(--color-text);margin-bottom:.5rem}.saved-new-list-form input:focus{outline:none;border-color:var(--color-primary)}.saved-new-list-actions{display:flex;gap:.5rem;justify-content:flex-end}.saved-new-list-actions button{padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-family:var(--font-family);cursor:pointer}.saved-new-list-actions button:first-child{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.saved-new-list-actions button:last-child{background:var(--color-primary);border:none;color:#fff}.saved-new-list-actions button:disabled{opacity:.5}.saved-lists{display:flex;flex-direction:column;gap:.25rem}.saved-list-item{display:flex;align-items:center;border-radius:8px;transition:background-color .15s ease}.saved-list-item:hover{background-color:var(--color-background)}.saved-list-item.active{background-color:#2f5f451a}.saved-list-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:none;border:none;font-size:.9rem;font-family:var(--font-family);color:var(--color-text);cursor:pointer;text-align:left}.saved-list-item.active .saved-list-btn{color:var(--color-primary);font-weight:500}.saved-list-count{font-size:.8rem;color:var(--color-text-secondary)}.saved-list-actions{display:flex;gap:.25rem;padding-right:.5rem;opacity:0;transition:opacity .15s ease}.saved-list-item:hover .saved-list-actions{opacity:1}.saved-list-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:color .15s ease}.saved-list-action:hover{color:var(--color-primary)}.saved-list-action.delete:hover{color:var(--color-warning)}.saved-list-rename{flex:1;padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:6px;font-size:.9rem;font-family:var(--font-family);background:var(--color-background);color:var(--color-text);outline:none}.saved-posts-area{flex:1;min-width:0}.saved-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.saved-empty svg{opacity:.4}.saved-empty p{margin:0;font-size:.95rem}.saved-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.saved-post-card{position:relative;display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease}.saved-post-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.saved-post-thumbnail{width:100%;aspect-ratio:16 / 9;background-color:var(--color-surface-hover);overflow:hidden}.saved-post-thumbnail img{width:100%;height:100%;object-fit:cover}.saved-post-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.saved-post-info{padding:.75rem}.saved-post-meta-row{display:flex;gap:.6rem;align-items:flex-start}.saved-post-avatar,.saved-post-avatar-placeholder{width:28px;height:28px;border-radius:50%;flex-shrink:0}.saved-post-avatar{object-fit:cover}.saved-post-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.saved-post-text{flex:1;min-width:0}.saved-post-title{font-size:.85rem;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}.saved-post-author{font-size:.78rem;color:var(--color-text-secondary);margin:.3rem 0 0}.saved-post-dot{margin:0 .3rem}.saved-post-unsave{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:var(--color-primary);cursor:pointer;opacity:0;transition:opacity .15s ease}.saved-post-card:hover .saved-post-unsave{opacity:1}.saved-post-unsave:hover{background:#000000b3}@media(max-width:1100px){.saved-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.saved-page{padding:1rem}.saved-content{flex-direction:column;gap:1rem}.saved-lists-panel{width:100%}.saved-lists{flex-direction:row;flex-wrap:wrap;gap:.5rem}.saved-list-item{flex:0 0 auto}.saved-list-btn{padding:.4rem .75rem;gap:.5rem}.saved-list-actions{opacity:1}}@media(max-width:480px){.saved-posts-grid{grid-template-columns:1fr}}.search-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem}.search-page-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.search-page-title{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.search-page-count{font-size:.85rem;color:var(--color-text-secondary)}.search-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:0}.search-type-tabs{display:flex;gap:0;overflow-x:auto}.search-type-tab{background:none;border:none;padding:.6rem 1rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .15s ease;font-family:inherit}.search-type-tab:hover{color:var(--color-text)}.search-type-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.search-sort{flex-shrink:0;min-width:160px}.search-sort .custom-dropdown{width:100%}.search-sort .dropdown-trigger{padding:.5rem .75rem;font-size:.85rem;border-radius:8px;background-color:var(--color-surface);height:auto}.search-results{display:flex;flex-direction:column;gap:1.5rem}.search-loading,.search-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.search-empty p{margin:.25rem 0}.search-empty-hint{font-size:.85rem;opacity:.7}.search-section{display:flex;flex-direction:column;gap:.5rem}.search-section .shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.search-section .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)}.search-section-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);padding-bottom:.25rem}.search-results-list{display:flex;flex-direction:column;gap:.25rem}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.search-result-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:10px;text-decoration:none;color:var(--color-text);transition:background-color .15s ease}.search-result-card:hover{background-color:var(--color-surface-hover)}.result-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.result-avatar img{width:100%;height:100%;object-fit:cover}.result-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;font-size:1rem;font-weight:600}.result-icon{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0}.result-icon img{width:100%;height:100%;object-fit:cover}.result-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-primary);font-size:.75rem;font-weight:600}.result-thumbnail{width:120px;height:68px;border-radius:6px;overflow:hidden;flex-shrink:0;background-color:var(--color-surface);position:relative}.result-thumbnail img{width:100%;height:100%;object-fit:cover}.result-duration{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;font-size:.7rem;padding:.1rem .3rem;border-radius:3px}.result-product-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-surface)}.result-product-image img{width:100%;height:100%;object-fit:cover}.product-card{flex-direction:column;gap:.5rem;padding:.5rem}.result-info{flex:1;min-width:0}.result-name{font-size:.9rem;font-weight:500;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin-top:.1rem}.result-meta{font-size:.775rem;color:var(--color-text-secondary);margin-top:.2rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.result-separator{opacity:.5}.result-content-type{background:var(--color-surface);padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.result-description{font-size:.8rem;color:var(--color-text-secondary);margin-top:.3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-price{font-size:.85rem;font-weight:500;margin-top:.2rem}.result-compare-price{text-decoration:line-through;color:var(--color-text-secondary);font-weight:400;margin-right:.35rem}.result-sale-price{color:var(--color-warning)}.result-price-suffix{font-weight:400;color:var(--color-text-secondary);font-size:.75rem}.result-score-positive{color:var(--color-primary)}.result-score-negative{color:var(--color-warning)}.search-see-all,.search-load-more{background:none;border:1px solid var(--color-border);border-radius:8px;padding:.6rem 1rem;font-size:.85rem;color:var(--color-primary);cursor:pointer;font-family:inherit;align-self:flex-start;transition:all .15s ease}.search-see-all:hover,.search-load-more:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.search-load-more{align-self:center}.search-load-more:disabled{opacity:.5;cursor:default}@media(max-width:768px){.search-page{padding:1rem .75rem 3rem}.search-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.result-thumbnail{width:80px;height:45px}.search-results-grid{grid-template-columns:repeat(2,1fr)}}.post-analytics-page{min-height:100vh;background-color:var(--color-background);padding:2rem;max-width:none!important}.post-analytics-page .analytics-container{max-width:1400px;margin:0 auto;margin-right:auto!important}.post-analytics-page .post-preview-card,.post-analytics-page .demographics-card,.post-analytics-page .products-card,.post-analytics-page .ambassador-earnings-card,.post-analytics-page .analytics-two-column,.post-analytics-page .analytics-card,.post-analytics-page .active-filters{margin-bottom:1rem}.post-analytics-page .post-main-area{margin-right:0!important}.analytics-post-picker{max-width:1400px;margin:0 auto 2rem}.picker-header{margin-bottom:1.5rem}.picker-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem}.picker-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0}.picker-search-container{position:relative;max-width:600px}.picker-search{display:flex;align-items:center;gap:.75rem;padding:0 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;height:44px;transition:border-color .2s ease}.picker-search:focus-within{border-color:var(--color-primary)}.picker-search-icon{flex-shrink:0;color:var(--color-text-secondary)}.picker-search-input{flex:1;border:none;background:none;outline:none;font-size:.9rem;font-family:var(--font-family);color:var(--color-text);padding:0}.picker-search-input::placeholder{color:var(--color-text-secondary)}.picker-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.picker-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;max-height:400px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0000001f}.picker-empty{padding:1.5rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.picker-result-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:var(--font-family);transition:background-color .15s ease}.picker-result-item:last-child{border-bottom:none}.picker-result-item:hover{background-color:var(--color-background)}.picker-result-item.active{background-color:#2f5f4514;border-left:3px solid var(--color-primary)}.picker-result-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background-color:var(--color-background)}.picker-result-thumb img{width:100%;height:100%;object-fit:cover}.picker-result-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.picker-result-text{font-size:.9rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-result-meta{font-size:.75rem;color:var(--color-text-secondary)}.picker-active-post{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding:.75rem 1rem;background-color:#2f5f450f;border:1px solid var(--color-primary);border-radius:8px;font-size:.85rem}.picker-active-label{color:var(--color-primary);font-weight:500;flex-shrink:0}.picker-active-link{color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-active-link:hover{text-decoration:underline}.picker-active-meta{color:var(--color-text-secondary);flex-shrink:0}.analytics-empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:6rem 2rem;color:var(--color-text-secondary);max-width:1400px;margin:0 auto}.analytics-empty-state svg{opacity:.4}.analytics-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.analytics-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s;text-transform:lowercase}.back-btn:hover{background:var(--color-surface-hover)}.post-preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem}.post-preview-header{display:flex;justify-content:space-between;align-items:center}.post-info-inline{display:flex;align-items:center;gap:1rem}.post-author{font-size:1rem;font-weight:500;color:var(--color-text);text-transform:lowercase}.post-date{font-size:.9rem;color:var(--color-text-secondary)}.view-post-btn{padding:.5rem 1rem;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;text-transform:lowercase}.view-post-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;display:flex;gap:1rem;transition:transform .2s,box-shadow .2s;align-items:center}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card.highlight{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(74,143,106,.05) 100%)}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{width:20px;height:20px}.views-icon{background:#4a8f6a1a;color:var(--color-primary)}.clicks-icon{background:#6ba5891a;color:#6ba589}.pages-icon{background:#8fbba81a;color:#8fbba8}.cart-icon{background:#b3d1c71a;color:#b3d1c7}.purchase-icon{background:#c67b5c1a;color:var(--color-accent)}.revenue-icon{background:#4a8f6a26;color:var(--color-primary)}.metric-content{flex:1;min-width:0}.metric-label{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .25rem;text-transform:lowercase;line-height:1.2}.metric-value{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.2}.metric-subtext{font-size:.8rem;color:var(--color-text-secondary);margin:.25rem 0 0;line-height:1.2}.subscriptions-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.subscriptions-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1rem;text-transform:lowercase}.subscription-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.sub-metric{text-align:center}.sub-label{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 .5rem;text-transform:lowercase}.sub-value{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0}.funnel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.funnel-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem;text-transform:lowercase}.funnel-visualization{display:flex;flex-direction:column;gap:.5rem;align-items:center}.funnel-stage{max-width:100%;transition:width .3s ease}.funnel-bar{background:linear-gradient(135deg,var(--color-primary) 0%,#6BA589 100%);padding:1rem 1.5rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:500}.funnel-label{font-size:.95rem}.funnel-percent{font-size:.9rem;opacity:.9}.funnel-arrow{font-size:.9rem;color:var(--color-text-secondary);font-weight:500;padding:.25rem 0}.products-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.products-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1rem;text-transform:lowercase}.no-products{text-align:center;color:var(--color-text-secondary);padding:2rem;margin:0}.products-table{overflow-x:auto}.products-table table{width:100%;border-collapse:collapse}.products-table th{text-align:left;padding:.75rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-background)}.products-table th:first-child{width:250px}.products-table th:not(:first-child),.products-table td:not(:first-child){text-align:center}.products-table td{padding:.25rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.product-cell{min-width:180px;max-width:300px;padding-left:.5rem!important}.product-info{display:flex;flex-direction:row;align-items:center;gap:.625rem}.product-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0;display:block}.product-name{font-weight:500;font-size:.9rem;color:var(--color-text);margin:0;line-height:1.3}.product-shop{font-size:.8rem;color:var(--color-text-secondary);margin:.125rem 0 0}.product-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:opacity .2s}.product-link:hover{opacity:.8}.product-link img{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid var(--color-border)}.product-row{cursor:pointer;transition:background-color .2s ease}.product-row:hover{background-color:var(--color-surface-hover)}.product-row.selected{background-color:var(--color-primary)}.product-row.selected td{color:#fff;font-weight:500}.product-row.selected .product-name,.product-row.selected .product-shop,.product-row.selected .revenue-cell{color:#fff}.revenue-cell{font-weight:600;color:var(--color-primary)}.demographics-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.demographics-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem;text-transform:lowercase}.demo-section{margin-bottom:2rem}.demo-section h4{font-size:1rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.demo-section{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1rem;margin-bottom:1rem}.demo-section:last-child{margin-bottom:0}.demo-stacked-bar{display:flex;width:100%;height:40px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.demo-stacked-segment{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--color-primary) 0%,#6BA589 100%);border-right:1px solid var(--color-background);position:relative;min-width:60px;cursor:pointer;transition:opacity .2s ease}.demo-stacked-segment:hover{opacity:.85}.demo-stacked-segment.selected{opacity:1;box-shadow:inset 0 0 0 2px #fff}.demo-stacked-segment:last-child{border-right:none}.demo-stacked-label{color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem;text-align:center}.demo-bars{display:flex;flex-direction:column;gap:.75rem}.demo-bar-item{display:grid;grid-template-columns:100px 1fr 120px;align-items:center;gap:1rem}.demo-label{font-size:.9rem;color:var(--color-text);font-weight:500}.demo-bar-container{background:var(--color-background);height:24px;border-radius:12px;overflow:hidden}.demo-bar{background:linear-gradient(90deg,var(--color-primary) 0%,#6BA589 100%);height:100%;transition:width .3s ease;border-radius:12px}.demo-value{font-size:.9rem;color:var(--color-text-secondary);text-align:right}.earnings-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(74,143,106,.05) 100%);border:2px solid var(--color-primary);border-radius:12px;padding:2rem}.earnings-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1.5rem;text-transform:lowercase}.earnings-summary{display:flex;flex-direction:column;gap:1.5rem}.earnings-item{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.earnings-item:last-child{border-bottom:none;padding-bottom:0}.earnings-label{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 .5rem;text-transform:lowercase}.earnings-value{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0}.earnings-detail{font-size:.85rem;color:var(--color-text-secondary);margin:.25rem 0 0}.earnings-total{background:#4a8f6a1a;padding:1.5rem;border-radius:8px}.earnings-value-large{font-size:2rem;font-weight:600;color:var(--color-primary);margin:0}.recurring{font-size:1.25rem;color:var(--color-text-secondary)}.analytics-loading,.analytics-error{text-align:center;padding:4rem 2rem}.analytics-loading p,.analytics-error p{color:var(--color-text-secondary);margin:1rem 0 0}.analytics-error h2{color:var(--color-text);margin:0 0 1rem}@media(max-width:768px){.post-analytics-page{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr}.funnel-bar{flex-direction:column;gap:.5rem;align-items:flex-start}.products-table{font-size:.9rem}.product-cell{min-width:200px}.demo-bar-item{grid-template-columns:80px 1fr 100px;gap:.5rem}}.analytics-two-column{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-bottom:2rem}.analytics-two-column .funnel-card{height:600px}.analytics-two-column .funnel-card.subscription-funnel{height:480px}.metrics-column{height:600px;display:flex;flex-direction:column;justify-content:space-between}.metrics-column.subscription-metrics{height:480px}.metrics-column .metric-card{height:100px;flex:none}.active-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.filter-chip{background:var(--color-primary);color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.filter-chip button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.filter-chip button:hover{opacity:1}.clear-filters-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:8px;color:var(--color-text);font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background .2s}.clear-filters-btn:hover{background:var(--color-border)}.funnel-stage{min-width:180px}@media(max-width:1024px){.analytics-two-column{grid-template-columns:1fr}.analytics-two-column .funnel-card,.analytics-two-column .funnel-card.subscription-funnel{height:auto}.metrics-column,.metrics-column.subscription-metrics{height:auto;gap:1rem}.metrics-column .metric-card{height:auto}.funnel-stage{min-width:0}}.funnel-bar.zero-value{background:#5a6c7d!important;opacity:.7}.analytics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.date-range-filter{display:flex;gap:.5rem;background-color:var(--color-background);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-surface);color:var(--color-text)}.range-btn.active{background-color:var(--color-primary);color:#fff}.post-analytics .chart-container{width:100%;overflow-x:auto}.post-analytics .revenue-chart-wrapper{display:flex;gap:1rem;min-width:650px;align-items:stretch}.post-analytics .chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:320px;min-width:60px;flex-shrink:0;padding:10px 0}.y-axis-label{font-size:.75rem;color:var(--color-text-secondary);text-align:right;line-height:1}.post-analytics .revenue-chart{display:flex;align-items:flex-end;gap:.75rem;height:320px;flex:1;padding:10px 0;box-sizing:border-box}.post-analytics .chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:40px;height:100%}.post-analytics .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}.post-analytics .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}.post-analytics .chart-bar:hover .bar-value{opacity:1}.bar-label{margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.post-analytics-link{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:6px;font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease}.post-analytics-link:hover{color:var(--color-primary);background-color:#2f5f4514}.post-analytics-link svg{flex-shrink:0;stroke:currentColor}.post-analytics-page .ambassador-earnings-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.post-analytics-page .ambassador-earnings-card h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 1rem;text-transform:lowercase}.post-analytics-page .ambassador-earnings-summary{display:flex;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.post-analytics-page .ambassador-earnings-stat{display:flex;flex-direction:column;gap:.2rem}.post-analytics-page .ambassador-earnings-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500;text-transform:lowercase}.post-analytics-page .ambassador-earnings-value{font-size:1.1rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.post-analytics-page .ambassador-earnings-total{color:var(--color-primary);font-size:1.35rem}.post-analytics-page .ambassador-earnings-products{overflow-x:auto}.post-analytics-page .ambassador-earnings-products table{width:100%;border-collapse:collapse}.post-analytics-page .ambassador-earnings-products th{text-align:left;padding:.75rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-background);white-space:nowrap}.post-analytics-page .ambassador-earnings-products th:not(:first-child){text-align:center}.post-analytics-page .ambassador-earnings-products td{padding:.25rem .75rem;color:var(--color-text);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.post-analytics-page .ambassador-earnings-products td:not(:first-child){text-align:center}.post-analytics-page .ambassador-earnings-products .product-cell{white-space:normal;max-width:160px;padding-left:.5rem!important}.post-analytics-page .ambassador-expired td{opacity:.5}.post-analytics-page .ambassador-status{font-size:.75rem;font-weight:500;padding:.15rem .5rem;border-radius:10px}.post-analytics-page .ambassador-status.active{background-color:#2f5f451a;color:var(--color-primary)}.post-analytics-page .ambassador-status.expired,.post-analytics-page .ambassador-status.inactive{background-color:#0000000d;color:var(--color-text-secondary)}.post-analytics-page .ambassador-earnings-empty{text-align:center;padding:1.5rem}.post-analytics-page .ambassador-earnings-empty p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.shared-card{display:block;text-decoration:none;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-background);transition:border-color .15s ease;max-width:300px}.shared-card:hover{border-color:var(--color-primary)}.shared-card-image{width:100%;max-height:160px;overflow:hidden}.shared-card-image img{width:100%;height:100%;max-height:160px;object-fit:cover;display:block}.shared-card-body{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.3rem}.shared-card-label{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-primary)}.shared-card-title{font-size:.85rem;font-weight:500;color:var(--color-text);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shared-card-meta{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-secondary);flex-wrap:wrap}.shared-card-dot{opacity:.5}.shared-card-domain{color:var(--color-primary);font-weight:500}.shared-card-price{font-weight:600;color:var(--color-text)}.shared-card-compare-price{text-decoration:line-through;opacity:.6}.shared-card-loading{padding:.75rem;font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.shared-card-error{padding:.75rem;font-size:.8rem;color:var(--color-text-secondary);font-style:italic;opacity:.6}.messages-page{display:flex;height:calc(100vh - 73px);width:100%;overflow:hidden}.messages-sidebar{width:340px;min-width:280px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background-color:var(--color-background);flex-shrink:0;overflow:hidden}.messages-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid var(--color-border)}.messages-sidebar-header h2{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0}.new-chat-btn{background:none;border:none;padding:.4rem;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.new-chat-btn:hover{background-color:var(--color-surface);color:var(--color-primary)}.new-chat-panel{border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.new-chat-header{display:flex;align-items:center;gap:.5rem;padding:.75rem}.new-chat-search{flex:1;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);outline:none}.new-chat-search:focus{border-color:var(--color-primary)}.new-chat-search::placeholder{color:var(--color-text-secondary)}.new-chat-close{background:none;border:none;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;padding:.35rem .5rem;font-family:var(--font-family)}.new-chat-close:hover{color:var(--color-text)}.new-chat-results{max-height:240px;overflow-y:auto}.new-chat-loading{padding:1rem;text-align:center;font-size:.85rem;color:var(--color-text-secondary)}.new-chat-user{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family);transition:background-color .15s ease}.new-chat-user:hover{background-color:var(--color-background)}.new-chat-avatar,.new-chat-avatar-placeholder{width:36px;height:36px;border-radius:50%;flex-shrink:0}.new-chat-avatar{object-fit:cover}.new-chat-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.new-chat-to{font-size:.85rem;color:var(--color-text-secondary);flex-shrink:0}.new-chat-recipients{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0}.new-chat-inline-search{flex:1;min-width:80px;border:none;background:none;font-size:.9rem;font-family:var(--font-family);color:var(--color-text);outline:none;padding:.25rem 0}.new-chat-inline-search::placeholder{color:var(--color-text-secondary)}.selected-member-chip{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:12px;background-color:var(--color-primary);color:#fff;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.selected-member-chip:hover{opacity:.8}.new-chat-go-btn{margin:.5rem .75rem .75rem;padding:.6rem;border-radius:8px;border:none;background-color:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.new-chat-go-btn:hover{opacity:.9}.conv-info-btn{background:none;border:none;padding:.35rem;cursor:pointer;color:var(--color-text-secondary);border-radius:6px;display:flex;align-items:center;transition:color .15s ease}.conv-info-btn:hover{color:var(--color-text)}.group-info-panel{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);padding:1rem;display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.group-info-section h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.group-name-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:lowercase}.group-name-input{width:100%;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .6rem;font-size:.9rem;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);outline:none;margin-top:.25rem}.group-name-input:focus{border-color:var(--color-primary)}.group-info-section h5{margin:0 0 .5rem;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase}.group-member-count{margin:.15rem 0 0;font-size:.8rem;color:var(--color-text-secondary)}.group-members-list{display:flex;flex-direction:column;gap:.4rem}.group-member-row{display:flex;align-items:center;gap:.6rem;padding:.3rem 0}.group-member-avatar,.group-member-avatar-placeholder{width:30px;height:30px;border-radius:50%;flex-shrink:0}.group-member-avatar{object-fit:cover}.group-member-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.group-member-info{display:flex;flex-direction:column;min-width:0}.group-member-name{font-size:.85rem;font-weight:500;color:var(--color-text)}.group-member-username{font-size:.75rem;color:var(--color-text-secondary)}.group-role-badge{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;background-color:var(--color-primary);color:#fff;font-weight:600;margin-left:auto}.group-leave-btn{padding:.5rem;border-radius:8px;border:1px solid var(--color-warning);background:none;color:var(--color-warning);font-family:var(--font-family);font-size:.8rem;cursor:pointer;transition:background-color .15s ease}.group-leave-btn:hover{background-color:#dc50501a}.new-chat-user-info{display:flex;flex-direction:column;gap:.1rem}.new-chat-name{font-size:.9rem;color:var(--color-text)}.new-chat-username{font-size:.8rem;color:var(--color-text-secondary)}.message-search-bar{display:flex;align-items:center;gap:.5rem;margin:.25rem .75rem;padding:.25rem .6rem;border-radius:8px;background-color:var(--color-background);border:none;color:var(--color-text-secondary)}.message-search-bar:focus-within{border-color:var(--color-primary)}.message-search-input{flex:1;border:none;background:none;font-size:.85rem;font-family:var(--font-family);color:var(--color-text);outline:none}.message-search-input::placeholder{color:var(--color-text-secondary)}.message-search-clear{background:none;border:none;padding:.15rem;cursor:pointer;color:var(--color-text-secondary);display:flex;line-height:0}.message-search-clear:hover{color:var(--color-text)}.message-search-results{flex:1;overflow-y:auto}.search-result-item{display:block;padding:.6rem .75rem;text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.search-result-item:hover{background-color:var(--color-background)}.search-result-sender{display:flex;justify-content:space-between;font-size:.85rem;font-weight:500;margin-bottom:.2rem}.search-result-time{font-weight:400;font-size:.75rem;color:var(--color-text-secondary)}.search-result-content{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3}.search-result-conv{font-size:.7rem;color:var(--color-primary);margin-top:.2rem}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.conversation-item:hover{background-color:var(--color-surface)}.conversation-item.active{background-color:var(--color-surface);border-left:3px solid var(--color-primary)}.conversation-item.unread .conv-name,.conversation-item.unread .conv-preview{font-weight:600}.conv-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden}.conv-avatar img{width:100%;height:100%;object-fit:cover}.conv-avatar-placeholder{width:100%;height:100%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:500}.conv-info{flex:1;min-width:0}.conv-top-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.conv-name{font-size:.9rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.conv-muted-icon{flex-shrink:0;color:var(--color-text-secondary);opacity:.6}.conv-time{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.conv-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem}.conv-preview{font-size:.8rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-unread-badge{flex-shrink:0;background-color:var(--color-warning);color:#fff;font-size:.7rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.conv-read-toggle{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;opacity:0;transition:opacity .15s ease;display:flex;align-items:center}.conv-read-toggle.has-unread,.conversation-item:hover .conv-read-toggle{opacity:1}.conversation-item{position:relative}.conv-read-dot{display:block;width:10px;height:10px;border-radius:50%;transition:background-color .15s ease,border-color .15s ease}.conv-read-dot.unread{background-color:var(--color-warning);border:2px solid var(--color-warning)}.conv-read-dot.read{background-color:transparent;border:2px solid var(--color-text-secondary)}.messages-empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.messages-empty-hint{font-size:.8rem;margin-top:.5rem;opacity:.7}.messages-main{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--color-background);overflow:hidden}.messages-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary);opacity:.5}.messages-no-selection svg{opacity:.5}.conv-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.conv-back-btn{display:none;background:none;border:none;padding:.4rem;cursor:pointer;color:var(--color-text-secondary);border-radius:8px}.conv-back-btn:hover{background-color:var(--color-surface)}.conv-header-info{display:flex;align-items:center;gap:.75rem}.conv-header-avatar,.conv-header-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0}.conv-header-avatar{object-fit:cover}.conv-header-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500}.conv-header-name{flex:1;font-size:.9rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.conv-header-members{font-size:.8rem;color:var(--color-text-secondary)}.messages-thread{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.25rem;min-height:0}.messages-loading,.messages-start{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.9rem}.date-separator{display:flex;align-items:center;justify-content:center;padding:.75rem 0}.date-separator span{font-size:.75rem;color:var(--color-text-secondary);background-color:var(--color-surface);padding:.25rem .75rem;border-radius:12px}.system-message{text-align:center;font-size:.8rem;color:var(--color-text-secondary);padding:.5rem;font-style:italic}.message-row{display:flex;gap:.5rem;width:100%;margin-bottom:.15rem;padding:0 1.5rem;box-sizing:border-box}.message-row.own{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-avatar-col{flex-shrink:0;width:32px;display:flex;align-items:flex-end}.message-avatar,.message-avatar-placeholder{width:32px;height:32px;border-radius:50%}.message-avatar{object-fit:cover}.message-avatar-placeholder{background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.message-avatar-spacer{width:32px;height:32px}.message-bubble-col{display:flex;flex-direction:column;gap:.1rem;max-width:65%}.message-sender-name{font-size:.75rem;color:var(--color-primary);font-weight:500;padding-left:.5rem}.message-bubble{padding:.5rem .75rem;border-radius:12px;position:relative;word-wrap:break-word;overflow-wrap:break-word}.message-bubble.own{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.message-bubble.other{background-color:var(--color-surface);color:var(--color-text);border-bottom-left-radius:4px;border:1px solid var(--color-border)}html[data-theme=dark] .message-bubble.other{border:none}.message-bubble.deleted{opacity:.5;font-style:italic}.message-text{font-size:.9rem;line-height:1.4;white-space:pre-wrap}.deleted-text{font-size:.85rem;font-style:italic}.message-time{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.65rem;opacity:.7;margin-top:.2rem;text-align:right}.message-bubble.own .message-time{color:#ffffffb3}.delivery-status{display:inline-flex;align-items:center;line-height:0}.message-image{max-width:280px;max-height:300px;border-radius:8px;display:block}.message-video{max-width:320px;max-height:300px;border-radius:8px;display:block}.message-image-link{display:block;line-height:0}.message-bubble.media{padding:.25rem;overflow:hidden}.message-bubble.media .message-text{padding:.25rem .5rem 0;display:block}.message-bubble.media .message-time{padding:0 .5rem .25rem}.send-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sendSpin .6s linear infinite}@keyframes sendSpin{to{transform:rotate(360deg)}}.link-preview-banner{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.link-preview-card-input{display:flex;gap:.6rem;padding:.5rem;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface);text-decoration:none;flex:1;min-width:0;transition:border-color .15s ease}.link-preview-card-input:hover{border-color:var(--color-primary)}.link-preview-thumb{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}.link-preview-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;justify-content:center}.link-preview-title{font-size:.8rem;font-weight:500;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-domain{font-size:.7rem;color:var(--color-text-secondary)}.message-link-preview{display:block;text-decoration:none;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-background);overflow:hidden;margin-top:.4rem;transition:border-color .15s ease}.message-link-preview:hover{border-color:var(--color-primary)}.message-link-image{width:100%;max-height:160px;object-fit:cover;display:block}.message-link-info{padding:.5rem .65rem;display:flex;flex-direction:column;gap:.15rem}.message-link-title{font-size:.8rem;font-weight:500;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.message-link-domain{font-size:.7rem;color:var(--color-text-secondary)}.read-receipt{display:flex;align-items:center;gap:.25rem;justify-content:flex-end;padding-right:1.5rem;font-size:.7rem;color:var(--color-text-secondary);margin-top:-.25rem;margin-bottom:.25rem}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;color:var(--color-text-secondary)}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-secondary);animation:typingBounce 1.4s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.message-input-area{display:flex;flex-direction:column;padding:.75rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0}.message-input-row{display:flex;align-items:flex-end;gap:.5rem}.pending-share-banner{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:8px;background-color:var(--color-surface);border:1px solid var(--color-border)}.pending-share-label{font-size:.8rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.4rem}.pending-share-remove{background:none;border:none;padding:.2rem;cursor:pointer;color:var(--color-text-secondary);border-radius:4px}.pending-share-remove:hover{color:var(--color-text)}.attachment-preview{position:relative;display:inline-block;margin-bottom:.5rem;max-width:200px}.attachment-preview img{max-width:200px;max-height:150px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border)}.attachment-placeholder{width:200px;height:120px;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary)}.attachment-placeholder span{font-size:.8rem}.attachment-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background-color:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.attachment-remove:hover{background-color:#000c}.message-attach-btn{width:40px;height:40px;border-radius:50%;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s ease}.message-attach-btn:hover{color:var(--color-primary)}.message-input{flex:1;border:1px solid var(--color-border);border-radius:20px;padding:.6rem 1rem;font-size:.9rem;font-family:var(--font-family);background-color:var(--color-surface);color:var(--color-text);outline:none;resize:none;max-height:120px;line-height:1.4}.message-input:focus{border-color:var(--color-primary)}.message-input::placeholder{color:var(--color-text-secondary)}.message-send-btn{width:40px;height:40px;border-radius:50%;border:none;background-color:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s ease}.message-send-btn:hover{opacity:.9}.message-send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.messages-sidebar{width:100%;min-width:unset;max-width:none;position:absolute;inset:0;z-index:2;display:flex}.messages-page{position:relative}.messages-page:has(.messages-main>.conv-header) .messages-sidebar{display:none}.messages-main{position:absolute;inset:0;z-index:1}.conv-back-btn{display:flex}.message-bubble-col{max-width:80%}}.reply-preview{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem;border-left:3px solid var(--color-primary);border-radius:6px;background-color:var(--color-background);margin-bottom:.35rem;font-size:.75rem;cursor:pointer}.reply-preview-author{font-weight:600;color:var(--color-primary)}.reply-preview-text{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-left:3px solid var(--color-primary);border-radius:0 6px 6px 0;background-color:#ffffff0d;margin-bottom:.5rem}.reply-banner-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.reply-banner-author{font-size:.75rem;font-weight:600;color:var(--color-primary)}.reply-banner-text{font-size:.8rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner-close{background:none;border:none;padding:.2rem;cursor:pointer;color:var(--color-text-secondary);display:flex;line-height:0}.reply-banner-close:hover{color:var(--color-text)}.pin-indicator{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--color-text-secondary);margin-bottom:.15rem}.pinned-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;font-size:.8rem;color:var(--color-text-secondary);transition:background-color .15s ease}.pinned-banner:hover{background-color:var(--color-background)}.pinned-banner svg:first-child{color:var(--color-primary);flex-shrink:0}.pinned-banner span{flex:1}.pinned-chevron{transition:transform .2s ease}.pinned-chevron.open{transform:rotate(180deg)}.pinned-panel{max-height:200px;overflow-y:auto;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.pinned-item{padding:.5rem 1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .15s ease}.pinned-item:hover{background-color:var(--color-background)}.pinned-item:last-child{border-bottom:none}.pinned-item-sender{font-size:.8rem;font-weight:600;color:var(--color-text)}.pinned-item-content{font-size:.8rem;color:var(--color-text-secondary);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-item-time{font-size:.7rem;color:var(--color-text-secondary);margin-top:.1rem;opacity:.7}.message-highlight{animation:highlightFlash 2s ease}@keyframes highlightFlash{0%,to{background-color:transparent}15%,60%{background-color:#4f6f5233}}.message-bubble-wrapper{display:flex;align-items:center;gap:.25rem}.message-row.own .message-bubble-wrapper{flex-direction:row-reverse}.message-actions{display:flex;gap:.15rem;opacity:0;transition:opacity .15s ease}.message-bubble-wrapper:hover .message-actions{opacity:1}.message-actions button{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-secondary);border-radius:4px;display:flex;line-height:0;transition:color .15s ease,background-color .15s ease}.message-actions button:hover{color:var(--color-text);background-color:#ffffff1a}.reaction-picker{display:flex;gap:.15rem;padding:.3rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:fit-content;margin-top:.25rem}.reaction-picker-btn{background:none;border:none;padding:.2rem .35rem;cursor:pointer;font-size:1.1rem;border-radius:6px;transition:background-color .15s ease,transform .15s ease;line-height:1}.reaction-picker-btn:hover{background-color:#ffffff1a;transform:scale(1.2)}.reactions-display{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}.reaction-chip{display:flex;align-items:center;gap:.2rem;padding:.15rem .4rem;border-radius:12px;border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;font-size:.85rem;transition:border-color .15s ease}.reaction-chip span{font-size:.7rem;color:var(--color-text-secondary)}.reaction-chip.own{border-color:var(--color-primary);background-color:#4f6f5233}.reaction-chip:hover{border-color:var(--color-primary)}.message-voice-btn{background:none;border:none;padding:.4rem;cursor:pointer;color:var(--color-text-secondary);border-radius:6px;display:flex;align-items:center;align-self:center;transition:color .15s ease}.message-voice-btn:hover{color:var(--color-text)}.message-voice-btn.recording{color:var(--color-warning);animation:recordPulse 1s infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.5}}.message-audio{width:100%;max-width:250px;height:36px}.conv-menu-container{position:relative}.conv-menu-btn{background:none;border:none;padding:.4rem;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;border-radius:6px;transition:color .15s ease}.conv-menu-btn:hover{color:var(--color-text)}.conv-menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;min-width:180px;z-index:10;box-shadow:0 4px 12px #00000026}.conv-menu-dropdown button{display:block;width:100%;text-align:left;padding:.6rem .8rem;border:none;background:none;font-family:var(--font-family);font-size:.85rem;color:var(--color-text);cursor:pointer;transition:background-color .15s ease}.conv-menu-dropdown button:hover{background-color:var(--color-background)}.archive-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;font-family:var(--font-family);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;border-bottom:1px solid var(--color-border);transition:color .15s ease}.archive-toggle:hover{color:var(--color-text)}.archive-toggle.active{color:var(--color-primary)}.forward-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.forward-modal{background-color:var(--color-surface);border-radius:12px;width:90%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.forward-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.forward-modal-header h4{margin:0;font-size:.95rem;font-weight:600}.forward-modal-header button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;padding:.2rem}.forward-preview{padding:.5rem 1rem;border-bottom:1px solid var(--color-border);font-size:.8rem}.forward-preview-label{color:var(--color-text-secondary);margin-right:.35rem}.forward-preview-text{color:var(--color-text)}.forward-list{overflow-y:auto;flex:1}.forward-conv-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;border:none;background:none;font-family:var(--font-family);font-size:.85rem;color:var(--color-text);cursor:pointer;text-align:left;transition:background-color .15s ease}.forward-conv-item:hover{background-color:var(--color-background)}.forward-conv-item .conv-avatar img,.forward-conv-item .conv-avatar-placeholder{width:32px;height:32px}.message-gif{max-width:250px;max-height:250px;border-radius:8px;display:block}.message-gif-btn{background:none;border:1.5px solid var(--color-border);border-radius:6px;padding:.2rem .45rem;font-size:.7rem;font-weight:700;font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center;height:28px}.message-gif-btn:hover,.message-gif-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.msg-gif-picker{border-bottom:1px solid var(--color-border);background:var(--color-background);flex-shrink:0;height:350px;display:flex;flex-direction:column;overflow:hidden}.msg-gif-search{padding:.5rem .75rem;border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-family:inherit;outline:none;flex-shrink:0}.msg-gif-grid{flex:1;overflow-y:auto;padding:.3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.25rem}.msg-gif-cell{border-radius:4px;overflow:hidden;cursor:pointer}.msg-gif-cell img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain}.msg-gif-cell:hover{opacity:.8}.msg-gif-loading{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:2rem;font-size:.85rem}.msg-gif-footer{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;border-top:1px solid var(--color-border);flex-shrink:0}.msg-gif-powered{font-size:.7rem;color:var(--color-text-secondary)}.msg-gif-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-family:inherit;padding:.2rem .5rem;border-radius:4px}.msg-gif-close:hover{color:var(--color-text);background-color:var(--color-surface)}.msg-gif-url-action{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;flex:1}.msg-gif-url-preview{font-size:.9rem;color:var(--color-text-secondary)}.msg-gif-url-send{padding:.4rem 1.2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:opacity .15s ease}.msg-gif-url-send:hover{opacity:.85}.msg-gif-tag-prompt{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.msg-gif-tag-label{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.msg-gif-tag-input{flex:1;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text);font-size:.8rem;font-family:inherit;outline:none}.msg-gif-tag-input:focus{border-color:var(--color-primary)}.msg-gif-tag-submit{padding:.3rem .75rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-family:inherit;cursor:pointer}.msg-gif-tag-submit:disabled{opacity:.5;cursor:not-allowed}.msg-gif-tag-skip{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;padding:.3rem .5rem}.msg-gif-tag-skip:hover{color:var(--color-text)}.tm-container{display:flex;flex-direction:column;gap:1.5rem}.tm-list{display:flex;flex-direction:column;gap:.5rem}.tm-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;transition:background-color .2s ease}.tm-list-item:hover{background-color:#2f5f450d}.tm-list-default{opacity:.7}.tm-list-info{flex:1;min-width:0}.tm-list-name{font-size:.9rem;font-weight:600;color:var(--color-text)}.tm-list-desc{font-size:.75rem;color:var(--color-text-secondary)}.tm-list-swatches{display:flex;gap:.35rem}.tm-swatch{width:22px;height:22px;border-radius:4px;border:1px solid var(--color-border)}.tm-list-actions{display:flex;gap:.35rem}.tm-toolbar{display:flex;gap:.75rem}.tm-css-output{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.tm-css-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-background);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.tm-css-actions{display:flex;gap:.35rem}.tm-css-pre{margin:0;padding:1rem;font-size:.8rem;line-height:1.5;color:var(--color-text);background-color:var(--color-surface);overflow-x:auto;max-height:400px;font-family:SF Mono,Fira Code,Consolas,monospace}.tm-editor-header{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap}.tm-editor-meta{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:280px}.tm-meta-row{display:flex;align-items:center;gap:.5rem}.tm-meta-row label{font-size:.8rem;color:var(--color-text-secondary);min-width:80px;margin-bottom:0}.tm-meta-input{flex:1;padding:.4rem .6rem!important;font-size:.85rem!important;border-radius:6px!important}.tm-editor-controls{display:flex;gap:1rem;align-items:flex-start}.tm-compare-select,.tm-mode-toggle{display:flex;flex-direction:column;gap:.25rem}.tm-compare-select label,.tm-mode-toggle label{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:0}.tm-previews{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tm-preview{padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:.6rem}.tm-preview-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tm-preview-card{padding:.75rem;border-radius:8px}.tm-preview-title{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.tm-preview-body{font-size:.75rem;line-height:1.4;margin-bottom:.5rem}.tm-preview-actions{display:flex;align-items:center;gap:.6rem}.tm-preview-btn{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:500}.tm-preview-link,.tm-preview-accent{font-size:.75rem;font-weight:500}.tm-preview-chips{display:flex;gap:.3rem}.tm-preview-chip{padding:.15rem .5rem;border-radius:10px;font-size:.65rem;font-weight:500}.tm-preview-hover{padding:.4rem .6rem;border-radius:6px;display:flex;align-items:center}.tm-colors{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.tm-colors-header{display:flex;align-items:center;padding:.6rem 1rem;background-color:var(--color-background);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:lowercase}.tm-colors-label{flex:1}.tm-colors-modes{display:flex;gap:2rem;min-width:420px}.tm-colors-modes span{width:200px;text-align:center}.tm-color-row{display:flex;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}.tm-color-row:last-child{border-bottom:none}.tm-color-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.tm-color-label{font-size:.8rem;font-weight:500;color:var(--color-text)}.tm-color-var{font-size:.65rem;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace}.tm-color-inputs{display:flex;gap:2rem;min-width:420px}.tm-color-cell{display:flex;align-items:center;gap:.4rem;width:200px;padding:.2rem .35rem;border-radius:4px;transition:background-color .2s ease}.tm-color-cell.tm-differs{background-color:#ffc10714}.tm-color-cell input[type=color]{width:26px;height:26px;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;padding:1px;background:none}.tm-hex-input{width:75px;padding:.2rem .4rem!important;font-size:.75rem!important;font-family:SF Mono,Fira Code,Consolas,monospace!important;border-radius:4px!important;text-transform:uppercase}.tm-compare-swatch{width:18px;height:18px;border-radius:3px;border:1px solid var(--color-border);flex-shrink:0;opacity:.6}.tm-editor-actions{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:768px){.tm-previews{grid-template-columns:1fr}.tm-editor-header{flex-direction:column}.tm-colors-modes{min-width:unset}.tm-color-inputs{min-width:unset;flex-direction:column;gap:.5rem}.tm-color-cell{width:100%}}.admin-page{min-height:100vh;background-color:var(--color-background);padding:2rem}.admin-container{max-width:1600px;margin:0 auto}.admin-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.admin-header h1{font-size:2rem;font-weight:500;color:var(--color-text);margin:0 0 .5rem;text-transform:lowercase}.admin-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-container p{font-size:1rem;color:var(--color-text-secondary)}.admin-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.admin-page .stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.admin-page .stat-value{font-size:2rem;font-weight:500;color:var(--color-primary);margin-bottom:.5rem}.admin-page .stat-label{font-size:.875rem;color:var(--color-text-secondary);text-transform:lowercase;margin-bottom:.25rem}.admin-page .stat-subtext{font-size:.75rem;color:var(--color-text-tertiary)}.admin-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem;margin:-.75rem -.75rem 1.5rem;border-radius:8px;transition:background-color .2s ease}.section-header.clickable:hover{background-color:#2f5f450d}.section-header h2{font-size:1.5rem;font-weight:500;color:var(--color-text);margin:0;text-transform:lowercase}.controls{display:flex;gap:1rem}.admin-select{padding:.5rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;color:var(--color-text);cursor:pointer;text-transform:lowercase}.admin-select:focus{outline:none;border-color:var(--color-primary)}.posts-table{overflow-x:auto}.posts-table table{width:100%;border-collapse:collapse}.posts-table thead{background-color:var(--color-background)}.posts-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;border-bottom:1px solid var(--color-border)}.posts-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.posts-table tbody tr:hover{background-color:var(--color-background)}.posts-table td{padding:1rem;vertical-align:middle}.post-cell{min-width:300px}.post-preview{display:flex;gap:1rem;align-items:center}.post-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--color-border);flex-shrink:0}.post-info{flex:1;min-width:0}.post-title{font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-title a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.post-title a:hover{color:var(--color-primary);text-decoration:underline}.post-meta{font-size:.75rem;color:var(--color-text-tertiary)}.author-cell{display:flex;align-items:center;gap:.5rem}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.author-cell span{font-size:.875rem;color:var(--color-text)}.stats-cell{display:flex;flex-direction:column;gap:.25rem}.stats-cell span{font-size:.875rem;color:var(--color-text-secondary)}.product-stat{display:inline-flex;align-items:center;gap:.35rem}.product-stat svg{width:14px;height:14px;stroke:var(--color-text-secondary)}.featured-info{display:flex;flex-direction:column;gap:.5rem}.featured-order-controls{display:flex;align-items:center;gap:.5rem}.order-input{width:50px;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;text-align:center;background-color:var(--color-background);color:var(--color-text)}.order-input:focus{outline:none;border-color:var(--color-primary)}.order-input::placeholder{color:var(--color-text-tertiary)}.featured-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;background-color:#ffc1071a;color:#f59e0b;border-radius:12px;font-size:.75rem;font-weight:500;width:fit-content}.featured-badge svg{width:14px;height:14px;fill:#f59e0b;stroke:none}.featured-by{font-size:.7rem;color:var(--color-text-tertiary)}.not-featured{font-size:.875rem;color:var(--color-text-tertiary)}.actions-cell{display:flex;gap:.5rem}.action-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:lowercase}.view-button{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.view-button:hover{background-color:var(--color-border)}.feature-button{background-color:var(--color-primary);color:#fff}.feature-button:hover{background-color:#3d7a57}.unfeature-button{background-color:#6b7280;color:#fff}.unfeature-button:hover{background-color:#4b5563}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.pagination-button{padding:.5rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text);cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:3rem;color:var(--color-text-secondary)}.empty-state p{font-size:1rem;margin:0}.category-management{display:flex;flex-direction:column;gap:1.5rem}.add-category{display:flex;gap:.75rem;align-items:center}.category-input{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;background-color:var(--color-background);color:var(--color-text)}.category-input:focus{outline:none;border-color:var(--color-primary)}.categories-list{display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;transition:background-color .2s ease}.category-item.inactive{opacity:.5}.category-item:hover{background-color:#2f5f450d}.category-order{display:flex;flex-direction:column;align-items:center;gap:.25rem}.order-arrow{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--color-text-secondary);padding:.125rem .25rem;line-height:1}.order-arrow:hover:not(:disabled){color:var(--color-primary)}.order-arrow:disabled{opacity:.3;cursor:not-allowed}.order-number{font-size:.75rem;color:var(--color-text-tertiary);min-width:20px;text-align:center}.category-name{flex:1;font-size:.875rem;color:var(--color-text);cursor:pointer}.category-name:hover{color:var(--color-primary)}.category-actions{display:flex;align-items:center;gap:.75rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}@media(max-width:768px){.admin-page{padding:1rem}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.controls{width:100%;flex-direction:column}.admin-select{width:100%}.posts-table{font-size:.875rem}.post-cell{min-width:200px}.actions-cell{flex-direction:column}.action-button{width:100%}}.placements-list{display:flex;flex-direction:column;gap:.5rem}.placement-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background-color:var(--color-background);border-radius:6px;border:1px solid var(--color-border)}.placement-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.placement-meta{display:flex;align-items:center;gap:.5rem}.placement-impressions{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--color-text-tertiary)}.placement-impressions svg{width:12px;height:12px;stroke:var(--color-text-tertiary)}.placement-row .order-input{width:40px;padding:.15rem .35rem;font-size:.7rem}.placement-row .unfeature-button{padding:.2rem .5rem;font-size:.8rem;line-height:1;min-width:unset}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-surface);border-radius:12px;padding:2rem;width:90%;max-width:450px;box-shadow:0 8px 32px #0003}.modal-content h3{font-size:1.25rem;font-weight:500;color:var(--color-text);margin:0 0 .25rem;text-transform:lowercase}.modal-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-existing{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.modal-placement-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.modal-label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:lowercase;margin-bottom:.35rem}.modal-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.modal-select{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.grounds-admin-list{display:flex;flex-direction:column;gap:.75rem}.ground-admin-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ground-admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ground-admin-info{display:flex;align-items:center;gap:.75rem}.ground-admin-name{font-weight:600;font-size:1rem;color:var(--color-text)}.ground-admin-meta{font-size:.85rem;color:var(--color-text-secondary)}.ground-admin-keepers{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.keeper-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:20px;font-size:.8rem}.keeper-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.keeper-name{color:var(--color-text);font-weight:500}.keeper-remove{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;line-height:1;padding:0 .15rem;transition:color .15s ease}.keeper-remove:hover{color:var(--color-warning)}.no-keepers{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.ground-admin-add{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.ground-user-results{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.ground-user-result{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer;transition:background-color .15s ease}.ground-user-result:hover{background-color:var(--color-surface-hover)}.ground-user-result+.ground-user-result{border-top:1px solid var(--color-border)}.ground-user-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.ground-user-username{font-weight:400;color:var(--color-text-secondary)}.search-hint{font-size:.85rem;color:var(--color-text-secondary);margin:0;padding:.25rem 0}.spotlight-current{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.spotlight-field{display:flex;align-items:center;gap:.5rem}.spotlight-label{font-size:.85rem;color:var(--color-text-secondary);min-width:120px}.spotlight-value{font-size:.9rem;color:var(--color-text);font-weight:500}.reports-list{display:flex;flex-direction:column;gap:.75rem}.report-card{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background-color:var(--color-surface)}.report-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.report-ground{font-size:.85rem;font-weight:600;color:var(--color-primary)}.report-time{font-size:.8rem;color:var(--color-text-secondary)}.report-card-body{padding:.75rem 1rem}.report-post-preview{font-size:.9rem;color:var(--color-text);margin:0 0 .5rem;line-height:1.4}.report-meta{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .25rem}.report-meta strong{color:var(--color-text);font-weight:500}.report-reason{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:.5rem 0 0}.report-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border)}.mod-summary-grid{display:flex;flex-direction:column;gap:.5rem}.mod-summary-card{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);transition:background-color .2s}.mod-summary-card:hover{background-color:var(--color-background)}.mod-summary-name{font-weight:600;font-size:.95rem;color:var(--color-text);margin-bottom:.15rem}.mod-summary-context{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.35rem}.mod-summary-stats{display:flex;flex-wrap:wrap;gap:.5rem}.mod-stat{font-size:.8rem;color:var(--color-text-secondary);padding:.2rem .5rem;background:var(--color-background);border-radius:4px}.mod-stat-warning{color:var(--color-warning);background:#c67b5c1a;font-weight:500}.admin-financials-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-financials-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:var(--color-text-secondary);font-size:.75rem;text-transform:lowercase;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-financials-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.admin-financials-table tbody tr:hover{background-color:var(--color-surface-hover)}.financials-modal{background:var(--color-surface);border-radius:12px;padding:1.5rem;max-width:560px;width:90vw;max-height:85vh;overflow-y:auto}.financials-modal h3{font-size:1.1rem;font-weight:500;margin:0 0 1.25rem;color:var(--color-text)}.financials-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.financials-form label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:lowercase;margin-bottom:.3rem}.financials-form input[type=text],.financials-form input[type=number],.financials-form input[type=month],.financials-form textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;color:var(--color-text);background-color:var(--color-background);font-family:inherit;box-sizing:border-box}.financials-form input:focus,.financials-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f5f451a}.form-row-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.subcat-section{border:1px solid var(--color-border);border-radius:8px;padding:.75rem}.subcat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subcat-header label{margin-bottom:0!important}.subcat-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.4rem}.subcat-row input[type=text]{flex:1}.subcat-row input[type=number]{width:100px;flex-shrink:0}.subcat-row .delete-button{padding:.4rem .6rem;font-size:1rem;line-height:1;min-width:unset}@media(max-width:768px){.form-row-group{grid-template-columns:1fr}.financials-modal{padding:1rem}.admin-financials-table{font-size:.8rem}.admin-financials-table th,.admin-financials-table td{padding:.5rem}}.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%}}