:root{--wood-deep: #0D0805;--wood-walnut: #1A110A;--wood-polished: #2A1810;--accent-amber: #D97706;--accent-glow: rgba(217, 119, 6, .4);--bg-radial: radial-gradient(ellipse at top, #2A1810 0%, #0D0805 60%, #000000 100%);--glass-bg: rgba(13, 8, 5, .8);--glass-border: rgba(62, 39, 35, .5);--text-primary: #F9F3EE;--text-muted: #A88876;--text-amber: #FBBF24;--input-bg: #140C08;--input-border: #3E2723;--input-text: #FDE68A;--input-placeholder: #5A3D2B;--card-bg: #140C08;--card-border: #2D1B11;--card-hover-border: rgba(184, 115, 51, .5);--card-hover-bg: #1A110A;--price-bg: rgba(26, 61, 47, .8);--price-text: #4ADE80;--price-border: #2D5A40;--border-tech: #2D1B11;--shadow-glow: 0 0 20px var(--accent-glow);--radius-lg: 32px;--radius-md: 20px;--radius-sm: 12px;--radius-full: 9999px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--pattern-color: #D97706;--pattern-opacity: .05;--wood-gradient: linear-gradient(135deg, #2A1810 0%, #1A110A 100%);--accent-gold: #FBBF24}.light-theme{--wood-deep: #FDFBF7;--wood-walnut: #F4EBE1;--wood-polished: #EADECF;--accent-amber: #D97706;--accent-glow: rgba(217, 119, 6, .2);--bg-radial: radial-gradient(ellipse at top, #FDFBF7 0%, #F4EBE1 60%, #EADECF 100%);--glass-bg: rgba(253, 251, 247, .8);--glass-border: rgba(219, 193, 166, .5);--text-primary: #2D1B11;--text-muted: #8B5A2B;--text-amber: #B45309;--input-bg: #FCFAFA;--input-border: #DBC1A6;--input-text: #2D1B11;--input-placeholder: #A88876;--card-bg: #FCFAFA;--card-border: #DBC1A6;--card-hover-border: rgba(245, 158, 11, .5);--card-hover-bg: #FFFDFB;--border-tech: #DBC1A6;--price-bg: rgba(74, 222, 128, .1);--price-text: #166534;--price-border: rgba(22, 101, 52, .2);--pattern-opacity: .08;--wood-gradient: linear-gradient(135deg, #EADECF 0%, #F4EBE1 100%);--accent-gold: #D97706}.pattern-heritage{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 L10 40 L20 50 L30 40 L40 50 L50 40 L60 50 L70 40 L80 50 L90 40 L100 50 L100 60 L90 50 L80 60 L70 50 L60 60 L50 50 L40 60 L30 50 L20 60 L10 50 L0 60 Z' fill='%23D97706' fill-opacity='0.1'/%3E%3Cpath d='M50 0 L40 10 L50 20 L40 30 L50 40 L40 50 L50 60 L40 70 L50 80 L40 90 L50 100 L60 100 L50 90 L60 80 L50 70 L60 60 L50 50 L60 40 L50 30 L60 20 L50 10 L60 0 Z' fill='%23D97706' fill-opacity='0.1'/%3E%3Crect x='20' y='20' width='10' height='10' fill='%23D97706' fill-opacity='0.05'/%3E%3Crect x='70' y='70' width='10' height='10' fill='%23D97706' fill-opacity='0.05'/%3E%3Ccircle cx='25' cy='75' r='5' stroke='%23D97706' stroke-opacity='0.1' fill='none'/%3E%3Ccircle cx='75' cy='25' r='5' stroke='%23D97706' stroke-opacity='0.1' fill='none'/%3E%3C/svg%3E")}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanner{0%{left:-100%}to{left:100%}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-pop{animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-size:16px;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}@media(min-width:768px){html,body{font-size:16px}}body{background:var(--bg-radial);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;transition:background .5s ease,color .5s ease;width:100%;position:fixed;top:0;left:0;right:0;bottom:0}#app{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l15 30-15 15-15-15L30 0zM0 30l15 30-15 15-15-15L0 30zM60 30l15 30-15 15-15-15L60 30z' fill='%23D97706' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--wood-deep)}::-webkit-scrollbar-thumb{background:var(--wood-walnut);border-radius:10px;border:1px solid var(--glass-border)}::-webkit-scrollbar-thumb:hover{background:var(--accent-amber)}input,button,select,textarea{font-family:inherit;font-size:1rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;transition:background-color 5000s ease-in-out 0s}button{-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;font-weight:700;color:var(--text-primary)}a{text-decoration:none;color:inherit;transition:opacity .2s}a:hover{opacity:.8}button{border:none;background:none;cursor:pointer;padding:0;font-family:inherit;transition:all .2s}button:hover{opacity:.9}input{font-family:inherit;outline:none}.tap-active:active{transform:scale(.96);opacity:.9;transition:transform .1s ease}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.primary-btn{background:linear-gradient(135deg,var(--accent-amber) 0%,#B45309 100%);color:#fff;border-radius:var(--radius-md);padding:16px;min-height:45px;font-size:16px;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 15px #d977064d;letter-spacing:1px}.icon-btn,.back-btn{background-color:var(--wood-walnut);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.form-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:32px}.input-group{position:relative;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-left:4px}.input-group input{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-md);padding:16px 20px;min-height:56px;font-size:16px;color:var(--input-text);transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.input-group input::placeholder{color:var(--input-placeholder)}.input-group input:focus{border-color:var(--accent-amber);box-shadow:0 0 15px var(--accent-glow);outline:none}.input-group:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--accent-amber);transition:width .5s ease-out;opacity:.6}.input-group:focus-within:after{width:100%}.auth-page,.profile-page,.content-page{padding:var(--spacing-lg) 20px;min-height:100vh;display:flex;flex-direction:column;max-width:1440px;margin:0 auto}.page-title{font-size:28px;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{font-size:18px;color:var(--text-primary)}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);background-color:#fff;width:80px;height:80px;border-radius:50%;margin-left:auto;margin-right:auto;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:12px}.logo-img{width:100%;height:100%;object-fit:contain}.dark-theme{--primary-green: #81C784;--accent-orange: #FF9800;--bg-pattern: #2D1B16;--text-light: #A1887F;--border-light: #3E2723;--border-active: var(--accent-orange);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}.bottom-nav[data-v-1e1f1f58]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1440px;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;justify-content:space-around;padding:12px 10px 32px;border-top:1px solid var(--glass-border);z-index:1000;box-shadow:0 -10px 25px #00000080}@media(min-width:768px){.bottom-nav[data-v-1e1f1f58]{display:none}}.nav-item[data-v-1e1f1f58]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-tap-highlight-color:transparent;background:none;border:none;padding:0;font:inherit}.icon-container[data-v-1e1f1f58]{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:4px}.nav-item.active[data-v-1e1f1f58]{color:var(--text-amber);transform:translateY(-4px)}.nav-label[data-v-1e1f1f58]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.nav-item.active .nav-label[data-v-1e1f1f58]{opacity:1}.join-tribe-btn[data-v-1e1f1f58]{color:var(--text-amber)!important}.tribe-icon-box[data-v-1e1f1f58]{width:36px;height:36px;background:linear-gradient(135deg,var(--wood-walnut),var(--wood-deep));border:1px solid var(--accent-amber);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2px;box-shadow:0 4px 10px #0000004d}.active-dot[data-v-1e1f1f58]{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background-color:var(--accent-amber);border-radius:50%;box-shadow:0 0 8px var(--accent-glow)}.web-header[data-v-dd29f53a]{position:fixed;top:0;left:0;z-index:1000;width:100%;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1)}.web-header.scrolled[data-v-dd29f53a]{margin:12px auto;width:calc(100% - 24px);max-width:1400px;border-radius:24px;background-color:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 30px #0006;top:12px}.header-content[data-v-dd29f53a]{max-width:1440px;margin:0 auto;padding:0 12px;height:60px;display:flex;align-items:center;justify-content:space-between;transition:height .4s ease}.web-header.scrolled .header-content[data-v-dd29f53a]{height:64px}@media(min-width:768px){.header-content[data-v-dd29f53a]{padding:0 24px;height:80px}.web-header.scrolled .header-content[data-v-dd29f53a]{height:72px}}.logo-wrapper[data-v-dd29f53a]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.logo-circle[data-v-dd29f53a]{position:relative;width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden;box-shadow:0 0 10px #00000080}@media(min-width:768px){.logo-circle[data-v-dd29f53a]{width:44px;height:44px}}.logo-img[data-v-dd29f53a]{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}.logo-glow[data-v-dd29f53a]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.5;z-index:1}.brand-name[data-v-dd29f53a]{font-size:18px;font-weight:800;letter-spacing:.5px;background:linear-gradient(to right,var(--text-primary),var(--accent-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.brand-name[data-v-dd29f53a]{font-size:24px;letter-spacing:1px}}.desktop-nav[data-v-dd29f53a]{display:none;gap:40px}@media(min-width:1024px){.desktop-nav[data-v-dd29f53a]{display:flex}}.nav-link[data-v-dd29f53a]{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);position:relative;padding:8px 0;transition:color .3s ease}.nav-link[data-v-dd29f53a]:hover,.nav-link.active[data-v-dd29f53a]{color:var(--text-amber)}.active-glow[data-v-dd29f53a]{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--accent-amber);box-shadow:0 0 10px var(--accent-glow);border-radius:2px}.header-actions[data-v-dd29f53a]{display:flex;gap:8px}.action-btn[data-v-dd29f53a]{position:relative;background-color:var(--wood-walnut);border:1px solid var(--glass-border);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s ease;-webkit-tap-highlight-color:transparent}.action-btn[data-v-dd29f53a]:active{transform:scale(.9);background-color:var(--wood-polished)}@media(min-width:768px){.action-btn[data-v-dd29f53a]{width:42px;height:42px}}.mobile-hide[data-v-dd29f53a]{display:none}@media(min-width:480px){.mobile-hide[data-v-dd29f53a]{display:flex}}.pc-only[data-v-dd29f53a]{display:none}@media(min-width:768px){.pc-only[data-v-dd29f53a]{display:flex}}.action-btn[data-v-dd29f53a]:hover{background-color:var(--wood-polished);border-color:var(--accent-amber);color:var(--text-amber)}.icon[data-v-dd29f53a]{width:18px;height:18px}.badge[data-v-dd29f53a]{position:absolute;top:0;right:0;width:8px;height:8px;background-color:var(--accent-amber);border-radius:50%;border:1.5px solid var(--wood-deep)}.loading-overlay[data-v-a2b4cbaf]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--glass-bg);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content[data-v-a2b4cbaf]{display:flex;flex-direction:column;align-items:center;gap:16px}.thread-container[data-v-a2b4cbaf]{width:120px}.waving-thread[data-v-a2b4cbaf]{width:100%;height:auto;overflow:visible}.waving-thread path[data-v-a2b4cbaf]{stroke-dasharray:100;animation:wave-a2b4cbaf 1.5s ease-in-out infinite}@keyframes wave-a2b4cbaf{0%{stroke-dashoffset:100;transform:translateY(0)}50%{stroke-dashoffset:0;transform:translateY(-5px)}to{stroke-dashoffset:-100;transform:translateY(0)}}.loading-text[data-v-a2b4cbaf]{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.5px}.toast-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:100px;background:var(--wood-deep);border:1px solid var(--glass-border);box-shadow:0 10px 30px #00000080;z-index:9999;min-width:280px;max-width:90vw}.toast-notification.success{border-color:#10b981}.toast-notification.error{border-color:#ef4444}.toast-notification.success .toast-icon{color:#10b981}.toast-notification.error .toast-icon{color:#ef4444}.toast-message{font-size:14px;font-weight:600;color:var(--text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-fade-up{animation:fadeUp .3s cubic-bezier(.16,1,.3,1) forwards}.app-wrapper{width:100%;max-width:1440px;margin:0 auto;position:relative;min-height:100vh;background-color:transparent;box-shadow:var(--shadow-md);overflow-x:hidden}.with-nav{padding-top:60px;padding-bottom:100px}@media(min-width:768px){.with-nav{padding-top:80px;padding-bottom:0}}