.consent-banner{z-index:9999;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:16px 24px;animation:.3s banner-slide-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000059}@keyframes banner-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.consent-banner__inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:1100px;margin:0 auto;display:flex}.consent-banner__text{min-width:240px;color:var(--color-text-secondary);flex:1;font-size:13px;line-height:1.5}.consent-banner__text strong{color:var(--color-text);font-weight:600}.consent-banner__text a{color:var(--color-primary);text-decoration:none}.consent-banner__text a:hover{text-decoration:underline}.consent-banner__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.consent-manage{border-top:1px solid var(--color-border);max-width:1100px;margin:12px auto 0;padding-top:12px}.consent-manage__title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.consent-manage__items{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.consent-toggle{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.consent-toggle__info{flex:1}.consent-toggle__label{color:var(--color-text);align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:600;display:flex}.consent-toggle__desc{color:var(--color-text-secondary);font-size:12px}.consent-badge-required{color:var(--color-primary);background:#00e5b01f;border:1px solid #00e5b040;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.toggle-switch{flex-shrink:0;width:36px;height:20px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--color-border-light);cursor:pointer;border-radius:10px;transition:background .2s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-track{background:var(--color-primary)}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.toggle-switch input:disabled+.toggle-track{opacity:.6;cursor:not-allowed}.cb-btn{border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s,background .15s}.cb-btn:hover{opacity:.85}.cb-btn--primary{background:var(--color-primary);color:#000}.cb-btn--secondary{background:var(--surface-sm);color:var(--color-text);border:1px solid var(--color-border)}.cb-btn--save{background:var(--color-primary-dark);color:#fff}.home{background:radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0) 0 0 / 24px 24px, var(--color-bg);min-height:100vh;color:var(--color-text);font-family:DM Sans,system-ui,sans-serif;position:relative;overflow-x:hidden}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-teal);opacity:.75;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.section-heading{color:var(--color-text);margin:0 0 48px;font-family:JetBrains Mono,monospace;font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.2}.nav{z-index:100;justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;padding:24px 48px;display:flex;position:relative}.nav-logo-wrap{align-items:center;gap:10px;display:flex}.nav-beta{letter-spacing:.1em;text-transform:uppercase;color:var(--color-teal);background:#00e5b01a;border:1px solid #00e5b04d;border-radius:999px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.nav-links{align-items:center;gap:12px;display:flex}.hero{z-index:10;grid-template-columns:1fr auto;align-items:center;gap:64px;max-width:1320px;margin:0 auto;padding:80px 48px 100px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 55% at 55% 45%,#00e5b012 0%,#0000 100%);width:110%;height:140%;position:absolute;top:-80px;left:-40%}.hero>*{z-index:1;position:relative}.hero-left{max-width:560px}.hero-headline{color:var(--color-text);letter-spacing:-.025em;margin:24px 0 16px;font-family:DM Sans,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.08}.hero-accent{color:var(--color-teal);text-shadow:0 0 40px #00e5b059}.hero-sub{color:var(--color-text-secondary);margin:0 0 32px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.hero-badges{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.hero-badge{letter-spacing:.06em;background:var(--surface-sm);border:1px solid var(--surface-md);color:var(--color-text-secondary);border-radius:999px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.hero-badge-beta{color:var(--color-teal);background:#00e5b014;border-color:#00e5b059}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}@keyframes glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.12)}}.hero-demo{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.demo-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;width:420px;height:300px;padding:28px 30px;transition:border-color .5s,box-shadow .5s;overflow:hidden}.demo-in{opacity:1}.demo-chrome{gap:5px;margin-bottom:22px;display:flex}.demo-chrome-dot{opacity:.85;border-radius:50%;width:9px;height:9px}.demo-label{letter-spacing:.1em;opacity:.85;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.demo-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;padding:13px 16px;display:flex}.demo-prompt{color:var(--color-text-muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1}.demo-text-wrap{letter-spacing:.02em;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600}.demo-char-wrong{color:var(--color-text-secondary)}.demo-char-ok{color:var(--color-teal);animation:.18s ease-out char-pop}@keyframes char-pop{0%{opacity:.4;transform:scale(1.35)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.demo-cursor{background:var(--color-teal);vertical-align:text-bottom;width:2px;height:1em;margin-left:1px;animation:.75s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.demo-notice{color:var(--color-amber);opacity:.9;align-items:center;gap:7px;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;animation:.25s ease-out slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(5px)}to{opacity:.9;transform:translateY(0)}}.demo-shift-row{align-items:center;gap:8px;margin-top:12px;animation:.2s ease-out slide-up;display:flex}.demo-key{background:var(--color-bg);border:1px solid var(--color-border-light);color:var(--color-text-secondary);box-shadow:0 2px 0 var(--color-border);-webkit-user-select:none;user-select:none;border-radius:7px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:background .1s,transform .1s,box-shadow .1s,color .1s,border-color .1s}.demo-key-active{background:var(--color-bg-tertiary);box-shadow:none;color:#4d9cff;border-color:#4d9cff;transform:translateY(2px)}.demo-shift-label{letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;text-align:center;flex:1;font-family:JetBrains Mono,monospace;font-size:9px}.demo-footer{margin-top:14px;animation:.25s ease-out slide-up;display:flex}.demo-tag{letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.demo-fading{transform:translateY(6px);opacity:0!important;transition:opacity .3s,transform .3s,border-color .5s,box-shadow .5s!important}.demo-char-violet{color:var(--color-violet)!important}.demo-cursor-violet{background:var(--color-violet)}.demo-notice-violet{color:var(--color-violet)!important}.demo-cursor-teal{background:var(--color-teal)}.demo-notice-teal{color:var(--color-teal)!important}.demo-dots-teal span{background:var(--color-teal)!important}.demo-dots{align-items:center;gap:3px;margin-left:4px;display:inline-flex}.demo-dots span{background:var(--color-violet);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dot-pulse;display:inline-block}.demo-dots span:nth-child(2){animation-delay:.2s}.demo-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.demo-indicators{align-items:center;gap:6px;margin-top:12px;display:flex}.demo-indicator{background:var(--color-border-light);border-radius:999px;width:5px;height:5px;transition:background .4s,width .4s}.demo-indicator.active{width:18px}.screenshots-section{border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;padding:100px 48px}.sc-row-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.55;align-items:center;gap:8px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:flex}.sc-macos-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.sc-ios-row{justify-content:center;gap:24px;display:flex}.sc-phone-card{flex-shrink:0;width:260px;padding:14px 14px 0}.screenshot-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:16px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.screenshot-card:hover{border-color:var(--color-border-light);box-shadow:0 8px 32px #00000059}.sc-phone-card .screenshot-img{border-radius:18px 18px 0 0;width:100%;display:block}.screenshot-img{width:100%;height:auto;display:block}.screenshot-label{border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.sc-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sc-dot.sc-web{background:#00e5b0;box-shadow:0 0 6px #00e5b060}.sc-dot.sc-ios{background:#4d9cff;box-shadow:0 0 6px #4d9cff60}.sc-dot.sc-mac{background:#a78bfa;box-shadow:0 0 6px #a78bfa60}.sc-name{color:var(--color-text);flex:1;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.sc-badge{letter-spacing:.06em;color:var(--color-teal);background:#00e5b01a;border-radius:999px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.sc-badge.sc-blue{color:var(--color-blue);background:#4d9cff1a}.sc-badge.sc-violet{color:var(--color-violet);background:#a78bfa1a}@media (width<=900px){.sc-macos-row{grid-template-columns:1fr}.sc-ios-row{gap:16px}.sc-phone-card{width:200px}.screenshots-section{padding-left:24px;padding-right:24px}}@media (width<=600px){.sc-ios-row{gap:12px}.sc-phone-card{width:150px}.screenshots-section{padding-left:20px;padding-right:20px}}.trust-bar{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:20px 48px}.trust-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;max-width:1320px;margin:0 auto;display:flex}.trust-item{letter-spacing:.06em;color:var(--color-text-secondary);opacity:.7;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:flex}.trust-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.trust-dot.tg{background:#00e5b0;box-shadow:0 0 6px #00e5b060}.trust-dot.ta{background:#ffb340;box-shadow:0 0 6px #ffb34060}.trust-dot.tb{background:#4d9cff;box-shadow:0 0 6px #4d9cff60}.trust-dot.tv{background:#a78bfa;box-shadow:0 0 6px #a78bfa60}.trust-sep{background:var(--color-border);flex-shrink:0;width:1px;height:16px}.features-section{border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;padding:100px 48px}.features-header{margin-bottom:0}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:12px;padding:28px 22px;transition:border-color .25s,box-shadow .25s;display:flex}.fc:hover{border-color:var(--color-border-light);box-shadow:0 8px 32px #0000004d}.fc.fc-teal:hover{border-color:#00e5b047;box-shadow:0 8px 32px #00e5b01a}.fc.fc-amber:hover{border-color:#ffb34047;box-shadow:0 8px 32px #ffb3401a}.fc.fc-violet:hover{border-color:#a78bfa47;box-shadow:0 8px 32px #a78bfa1a}.fc.fc-blue:hover{border-color:#4d9cff47;box-shadow:0 8px 32px #4d9cff1a}.f-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.f-icon.teal{background:#00e5b01f}.f-icon.amber{background:#ffb3401f}.f-icon.violet{background:#a78bfa1f}.f-icon.blue{background:#4d9cff1f}.f-title{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;line-height:1.35}.f-desc{color:var(--color-text-secondary);flex:1;font-size:12px;line-height:1.6}.f-badge{letter-spacing:.08em;border-radius:999px;width:fit-content;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:inline-block}.f-badge.tg{color:var(--color-teal);background:#00e5b01f}.f-badge.ta{color:var(--color-amber);background:#ffb3401f}.f-badge.tv{color:var(--color-violet);background:#a78bfa1f}.f-badge.tb{color:var(--color-blue);background:#4d9cff1f}.how-section{border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;padding:100px 48px}.how-grid{align-items:center;gap:0;display:flex}.how-step{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;flex:1;gap:12px;padding:36px 32px;display:flex}.how-num{letter-spacing:.14em;color:var(--color-teal);opacity:.9;text-shadow:0 0 16px #00e5b066;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.how-title{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;line-height:1.3}.how-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.65}.how-connector{flex-shrink:0;justify-content:center;align-items:center;width:48px;display:flex}.platform-svg{width:100%;max-width:480px;height:auto}.pricing-section{border-top:1px solid var(--color-border);max-width:900px;margin:0 auto;padding:100px 48px}.pricing-header{text-align:center;margin-bottom:52px}.pricing-sub{color:var(--color-text-secondary);margin-top:10px;font-size:16px}.pricing-toggle{justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.toggle-label{color:var(--color-text-secondary);font-size:14px;transition:color .2s}.toggle-label-active{color:var(--color-text);font-weight:600}.toggle-switch{background:var(--color-border-light);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .25s;position:relative}.toggle-switch:after{content:"";background:var(--color-text-secondary);border-radius:50%;width:18px;height:18px;transition:transform .25s,background .25s;position:absolute;top:3px;left:3px}.toggle-switch.yearly{background:#00e5b02e}.toggle-switch.yearly:after{background:var(--color-teal);transform:translate(20px)}.save-badge{color:var(--color-teal);letter-spacing:.06em;vertical-align:middle;background:#00e5b01f;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pricing-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;padding:40px 36px;display:flex}.pricing-card-pro{border-color:#00e5b04d;position:relative;box-shadow:0 0 48px #00e5b012}.plan-popular{background:var(--color-teal);color:#080810;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 16px;font-size:10px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-name{color:var(--color-text);margin-bottom:14px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.plan-price-row{align-items:baseline;gap:5px;margin-bottom:8px;display:flex}.plan-price{color:var(--color-text);font-family:DM Sans,sans-serif;font-size:52px;font-weight:700;line-height:1;transition:opacity .2s}.plan-period{color:var(--color-text-secondary);font-size:15px}.plan-desc{color:var(--color-text-secondary);min-height:20px;margin-bottom:28px;font-size:13px}.plan-features{flex-direction:column;flex:1;gap:11px;margin-bottom:32px;list-style:none;display:flex}.plan-features li{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.plan-features li:before{content:"";background-size:contain;border-radius:50%;flex-shrink:0;width:16px;height:16px;display:inline-block}.feat-yes{color:var(--color-text)!important}.feat-yes:before{background:#00e5b026 url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.5L4 7.5L8 3' stroke='%2300E5B0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat}.feat-no{opacity:.38!important}.feat-no:before{background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L7 7M7 3L3 7' stroke='%238888AA' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.plan-btn{margin-top:auto}@media (width<=700px){.pricing-grid{grid-template-columns:1fr}.pricing-section{padding:60px 24px}}.download-section{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:100px 48px;display:flex}.download-icon{flex-shrink:0}.download-content h2{color:var(--color-text);margin:8px 0;font-family:JetBrains Mono,monospace;font-size:36px;font-weight:800}.download-content p{color:var(--color-text-secondary);margin-bottom:28px;font-size:15px}.download-buttons{flex-wrap:wrap;gap:14px;display:flex}.download-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:14px;align-items:center;gap:14px;min-width:170px;padding:16px 28px;text-decoration:none;transition:border-color .25s,transform .15s,box-shadow .25s;display:flex}.download-btn:hover{border-color:var(--color-teal);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 28px #00e5b02e}.download-btn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.download-btn .dl-icon{width:36px;height:36px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.download-btn .dl-icon svg{display:block}.download-btn .label{letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.download-btn .platform{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;display:block}.home-footer{border-top:1px solid var(--color-border);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;display:flex}.footer-mid{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.footer-mid a{color:var(--color-text-secondary);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s}.footer-mid a:hover{color:var(--color-primary)}.footer-tagline{color:var(--color-text-secondary);opacity:.45;font-family:DM Sans,sans-serif;font-size:12px;font-style:italic}.footer-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ftag{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-xs);color:var(--color-text-secondary);opacity:.5;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600}@media (width<=1100px){.features-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:0}}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 24px 80px}.hero-left{max-width:100%}.hero-badges,.hero-buttons{justify-content:center}.hero-icon{order:-1}.how-grid{flex-direction:column;gap:16px}.how-connector{width:auto;height:32px;transform:rotate(90deg)}.features-grid{grid-template-columns:repeat(2,1fr)}.download-section{text-align:center;flex-direction:column;padding:60px 24px}.features-section,.how-section{padding-left:24px;padding-right:24px}.trust-bar{padding:20px 24px}.trust-sep{display:none}}@media (width<=600px){.nav{padding:16px 20px}.hero{padding:40px 20px 60px}.features-grid{grid-template-columns:1fr}.download-buttons{flex-direction:column;align-items:center}.trust-inner{gap:16px}.features-section,.how-section{padding-left:20px;padding-right:20px}}.nav-center{align-items:center;gap:2px;display:flex}.nav-link{letter-spacing:.06em;color:var(--color-text-secondary);border-radius:8px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-link:hover{color:var(--color-text);background:var(--surface-sm)}.hero-badge-soon{opacity:.45;align-items:center;gap:5px;display:inline-flex}.soon-tag{letter-spacing:.08em;background:var(--surface-md);text-transform:uppercase;vertical-align:middle;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:700}.trust-item-dim{opacity:.38}.pillars-section{border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;padding:100px 48px}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pillar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:16px;padding:36px 32px;transition:border-color .3s,box-shadow .3s;display:flex}.pillar-teal:hover{border-color:#00e5b047;box-shadow:0 12px 48px #00e5b017}.pillar-amber:hover{border-color:#ffb34047;box-shadow:0 12px 48px #ffb34017}.pillar-violet:hover{border-color:#a78bfa47;box-shadow:0 12px 48px #a78bfa17}.pillar-num{letter-spacing:.18em;color:var(--color-text-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.pillar-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.pillar-icon-wrap.teal{background:#00e5b01a}.pillar-icon-wrap.amber{background:#ffb3401a}.pillar-icon-wrap.violet{background:#a78bfa1a}.pillar-title{color:var(--color-text);letter-spacing:-.015em;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.25}.pillar-desc{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.7}.pillar-list{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pillar-list li{color:var(--color-text-secondary);opacity:.75;padding-left:16px;font-family:JetBrains Mono,monospace;font-size:11px;position:relative}.pillar-list li:before{content:"–";color:var(--color-text-muted);position:absolute;left:0}.pillar-teal .pillar-list li:before{color:var(--color-teal);opacity:.7}.pillar-amber .pillar-list li:before{color:var(--color-amber);opacity:.7}.pillar-violet .pillar-list li:before{color:var(--color-violet);opacity:.7}.security-section{border-top:1px solid var(--color-border);grid-template-columns:1fr auto;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:100px 48px;display:grid}.security-heading{color:var(--color-text);letter-spacing:-.025em;margin:0 0 8px;font-family:DM Sans,sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.1}.security-sub{color:var(--color-amber);opacity:.9;margin:0 0 24px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600}.security-desc{color:var(--color-text-secondary);max-width:460px;margin:0 0 36px;font-size:14px;line-height:1.75}.security-steps{flex-direction:column;gap:18px;display:flex}.sec-step{align-items:flex-start;gap:14px;display:flex}.sec-step-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.sec-step-dot.tg{background:#00e5b0;box-shadow:0 0 8px #00e5b050}.sec-step-dot.ta{background:#ffb340;box-shadow:0 0 8px #ffb34050}.sec-step-dot.tv{background:#a78bfa;box-shadow:0 0 8px #a78bfa50}.sec-step-dot.tb{background:#4d9cff;box-shadow:0 0 8px #4d9cff50}.sec-step-title{color:var(--color-text);margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.sec-step-sub{color:var(--color-text-secondary);opacity:.6;font-size:11px}.security-visual{flex-shrink:0}.security-shield{justify-content:center;align-items:center;display:flex;position:relative}.shield-glow{pointer-events:none;background:radial-gradient(#ffb34021 0%,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute}.ai-section{border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;padding:100px 48px}.ai-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:16px;display:grid}.ai-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:12px;padding:28px 26px;transition:border-color .25s,box-shadow .25s;display:flex}.ai-card:hover{border-color:var(--color-border-light);box-shadow:0 8px 32px #0000004d}.ai-card-primary{background:var(--color-bg-tertiary);border-color:#a78bfa26;grid-column:span 2;padding:40px 44px}.ai-card-primary:hover{border-color:#a78bfa4d;box-shadow:0 8px 48px #a78bfa1a}.ai-card-label{letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.ai-card-label.tv{color:var(--color-violet)}.ai-card-label.tg{color:var(--color-teal)}.ai-card-label.tb{color:var(--color-blue)}.ai-card-title{color:var(--color-text);margin:0;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.25}.ai-card-primary .ai-card-title{font-size:clamp(22px,2.5vw,30px)}.ai-card-desc{color:var(--color-text-secondary);flex:1;margin:0;font-size:13px;line-height:1.7}.ai-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ai-tag{letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.ai-tag.tv{color:var(--color-violet);background:#a78bfa1f}.ai-tag.tg{color:var(--color-teal);background:#00e5b01f}.ai-tag.tb{color:var(--color-blue);background:#4d9cff1f}@media (width<=1100px){.pillars-grid{grid-template-columns:1fr;gap:16px}.pillars-section{padding:80px 48px}.security-section{grid-template-columns:1fr;gap:40px}.security-visual{display:none}.ai-card-primary{grid-column:span 2}}@media (width<=900px){.nav-center{display:none}.pillars-section,.security-section,.ai-section{padding:60px 24px}.ai-grid{grid-template-columns:1fr}.ai-card-primary{grid-column:1;padding:28px 26px}}@media (width<=600px){.pillar,.ai-card-primary{padding:24px 20px}.pillars-section,.security-section,.ai-section{padding:48px 20px}}.auth-container{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-container:before{content:"";background:var(--gradient-glow);pointer-events:none;width:100%;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);z-index:10;width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px;position:relative}.auth-logo{text-align:center;color:var(--color-text);margin-bottom:36px;font-size:26px;font-weight:700;display:block}.auth-logo:hover{text-decoration:none}.auth-card h1{text-align:center;margin-bottom:10px;font-size:26px;font-weight:700}.auth-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:28px;font-size:15px;line-height:1.5}.auth-subtitle strong{color:var(--color-text)}.auth-form{margin-bottom:24px}.auth-form input{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border)}.auth-form input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset;box-shadow:0 0 0 1000px var(--color-bg) inset;border:1px solid var(--color-border);caret-color:var(--color-text)}.auth-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset;box-shadow:0 0 0 1000px var(--color-bg) inset;border:1px solid var(--color-border);caret-color:var(--color-text)}.auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset;box-shadow:0 0 0 1000px var(--color-bg) inset;border:1px solid var(--color-border);caret-color:var(--color-text)}.auth-footer{text-align:center;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.auth-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.code-inputs{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.code-inputs input{text-align:center;border-radius:var(--radius-sm);background:var(--color-bg);width:52px;height:60px;padding:0;font-size:26px;font-weight:700;transition:all .2s}.code-inputs input:focus{border-color:var(--color-primary);transform:scale(1.02);box-shadow:0 0 0 3px #00e5b033}@media (width<=400px){.code-inputs input{width:44px;height:52px;font-size:22px}.auth-card{padding:28px}}.encryption-setup{max-width:400px;margin:0 auto;padding:2rem}.encryption-header{text-align:center;margin-bottom:2rem}.encryption-icon{margin-bottom:1rem;font-size:3rem}.encryption-icon.success{color:var(--success-color,#10b981)}.encryption-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.encryption-header p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.encryption-form{flex-direction:column;gap:1.25rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg,#1f2937);color:var(--color-text,#f9fafb);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:3rem}.toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.25rem;transition:opacity .2s;position:absolute;right:.75rem}.toggle-password:hover{opacity:1}.password-requirements{background:var(--bg-secondary,#f9fafb);border-radius:8px;flex-direction:column;gap:.375rem;padding:.75rem;display:flex}.requirement{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.requirement.met{color:var(--success-color,#10b981)}.requirement.error{color:var(--error-color,#ff4d6a)}.error-message{color:var(--error-color,#ff4d6a);background:#ff4d6a1a;border:1px solid #ff4d6a33;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.encryption-actions{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--primary-color,#00e5b0), var(--primary-dark,#00bf93));color:#080810}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00e5b04d}.btn-secondary{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary,#e5e7eb)}.btn-text{color:var(--text-secondary);background:0 0}.btn-text:hover:not(:disabled){color:var(--text-primary)}.encryption-warning{background:#ffb3401a;border:1px solid #ffb34040;border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.warning-icon{flex-shrink:0}.encryption-warning span:last-child{color:var(--warning-color,#ffb340);font-size:.8125rem;line-height:1.4}.encryption-settings{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem}.encryption-settings h3{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;display:flex}.encryption-status{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.status-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.enabled{color:var(--success-color,#10b981);background:#10b9811a}.status-badge.disabled{color:var(--text-secondary);background:#6b72801a}.encryption-actions-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-danger{color:var(--error-color,#ff4d6a);background:#ff4d6a1a}@media (prefers-color-scheme:dark){.encryption-setup{--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151;--input-bg:#1f2937;--bg-secondary:#1f2937;--bg-tertiary:#374151;--card-bg:#111827}}.encryption-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.encryption-modal{background:var(--card-bg,#fff);border-radius:16px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.encryption-form-inline{background:var(--bg-secondary,#f9fafb);border-radius:8px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.encryption-form-inline .form-group{flex-direction:column;gap:.5rem;display:flex}.encryption-form-inline input{border:1px solid var(--color-border,#374151);background:var(--color-bg,#1f2937);color:var(--color-text,#f9fafb);border-radius:6px;padding:.625rem .875rem;font-size:.875rem}.encryption-setup-inline{margin-top:.5rem}.encryption-warning-text{color:var(--warning-color,#ffb340);margin-top:.5rem;font-size:.75rem}.dashboard{background:var(--color-bg);background-image:radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0);background-size:24px 24px;min-height:100vh}.dashboard-nav{border-bottom:1px solid var(--color-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.nav-icon-btn{border-radius:var(--radius-xs);width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.nav-icon-btn:hover{color:var(--color-teal);background:#00e5b014}.nav-icon-btn svg{width:18px;height:18px}.db-section-label{letter-spacing:.1em;color:var(--color-teal);opacity:.65;text-transform:lowercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.db-title{color:var(--color-text);letter-spacing:-.02em;margin:0 0 6px;font-family:JetBrains Mono,monospace;font-size:clamp(26px,4vw,36px);font-weight:800}.db-subtitle{color:var(--color-text-secondary);margin:0;font-family:DM Sans,sans-serif;font-size:14px}.search-bar{margin-bottom:16px;position:relative}.search-icon{color:var(--color-text-secondary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-icon svg{width:15px;height:15px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:100%;color:var(--color-text);box-sizing:border-box;padding:11px 40px 11px 44px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:#00e5b073;outline:none;box-shadow:0 0 0 3px #00e5b014}.search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.search-clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px;font-size:13px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text);background:#ffffff0d}.tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:0;margin-bottom:28px;display:flex}.tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:11px 20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.tab svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-teal);border-bottom-color:var(--color-teal)}.tab.active svg{opacity:1}.tab-count{min-width:18px;height:18px;color:var(--color-text-secondary);background:#ffffff12;border-radius:20px;justify-content:center;align-items:center;padding:0 5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.content-filters{align-items:center;gap:6px;margin-left:auto;padding-bottom:2px;display:flex}.content-filter-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.content-filter-btn:hover{color:var(--color-text);border-color:#00e5b059}.content-filter-btn.active{color:var(--color-teal);background:#00e5b014;border-color:#00e5b066}.content-filter-btn.active .tab-count{color:var(--color-teal);opacity:.7}.tab.active .tab-count{color:var(--color-teal);background:#00e5b026}.encryption-banner{border-radius:var(--radius-sm);background:linear-gradient(135deg,#00e5b01f 0%,#a78bfa1f 100%);border:1px solid #00e5b033;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.encryption-banner-body{align-items:center;gap:12px;display:flex}.encryption-banner-icon{color:var(--color-teal);flex-shrink:0;align-items:center;display:flex}.encryption-banner-icon svg{width:18px;height:18px}.encryption-banner-text{flex-direction:column;gap:2px;display:flex}.encryption-banner-title{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.encryption-banner-sub{color:var(--color-text-secondary);font-family:DM Sans,sans-serif;font-size:12px}.encryption-unlock-btn{letter-spacing:.05em;color:var(--color-teal);border-radius:var(--radius-xs);cursor:pointer;background:#00e5b026;border:1px solid #00e5b04d;flex-shrink:0;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:background .2s,border-color .2s}.encryption-unlock-btn:hover{background:#00e5b040;border-color:#00e5b080}.db-loading-screen{background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.db-loading{color:var(--color-text-secondary);align-items:center;gap:14px;padding:40px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.db-loading-dot{background:var(--color-teal);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite db-pulse}@keyframes db-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.empty-icon{color:var(--color-text-secondary);opacity:.45;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty-state h2{margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.empty-state p{color:var(--color-text-secondary);max-width:380px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.6}.item-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.item-card:hover{border-color:#00e5b04d;transform:translateY(-1px);box-shadow:0 4px 24px #00e5b00f}.item-card.encrypted{background:linear-gradient(135deg, #ffb3400a, var(--color-bg-secondary));border-color:#ffb34059}.item-card.encrypted:hover{border-color:#ffb34099;box-shadow:0 4px 24px #ffb34014}.item-content{white-space:pre-wrap;word-break:break-word;color:var(--color-text);flex:1;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.65}.item-image-preview{object-fit:cover;border-radius:6px;flex:1;width:100%;max-height:220px;margin-bottom:16px;display:block}.item-meta{color:var(--color-text-secondary);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.item-image-clickable{cursor:zoom-in;transition:opacity .15s}.item-image-clickable:hover{opacity:.9}.item-doc-clickable{cursor:pointer;transition:color .15s}.item-doc-clickable:hover{color:var(--color-teal)}.item-doc-clickable.loading{cursor:wait;opacity:.6}.lightbox-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 24px 80px #0009}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:background .15s;display:flex;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#fff3}.item-platform{opacity:.55;align-items:center;display:inline-flex}.item-encrypted-badge{color:var(--color-amber);align-items:center;display:inline-flex}.item-encrypted-badge svg{width:12px;height:12px}.action-btn{cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.action-btn svg{width:14px;height:14px}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn-delete:hover:not(:disabled){color:#ff4d6a;background:#ff4d6a1f}.action-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;width:90%;max-width:420px;padding:36px 32px 32px;display:flex;box-shadow:0 24px 80px #0009}.modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.modal-icon svg{width:22px;height:22px}.modal-icon.amber{color:var(--color-amber);background:#ffb34026;border:1px solid #ffb34040}.modal-icon.danger{color:#ff4d6a;background:#ff4d6a1f;border:1px solid #ff4d6a33}.modal h2{color:var(--color-text);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.modal p{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;line-height:1.55}.modal input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);box-sizing:border-box;text-align:left;margin-bottom:12px;padding:12px 16px;font-size:14px;transition:border-color .2s}.modal input:focus{border-color:#00e5b073;outline:none;box-shadow:0 0 0 3px #00e5b014}.modal-error{color:#ff4d6a;text-align:left;width:100%;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px}.modal-buttons{justify-content:flex-end;gap:10px;width:100%;margin-top:4px;display:flex}@media (width<=768px){.dashboard-nav{padding:16px 24px}.dashboard-main{padding:36px 24px 60px}.items-grid{grid-template-columns:1fr}.encryption-banner{flex-direction:column;align-items:flex-start;gap:12px}.encryption-unlock-btn{align-self:flex-start}}.dashboard-nav{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);z-index:100;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.dashboard-nav .logo{color:var(--color-text);font-size:20px;font-weight:700;text-decoration:none}.dashboard-main{max-width:1200px;margin:0 auto;padding:40px 32px}.dashboard-header{margin-bottom:40px}.dashboard-header h1{margin-bottom:8px;font-size:32px;font-weight:700}.dashboard-header p{color:var(--color-text-secondary);font-size:16px}.empty-state{text-align:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:80px 32px}.empty-icon{opacity:.8;margin-bottom:20px;font-size:72px;display:block}.empty-state h2{margin-bottom:12px;font-size:22px;font-weight:600}.empty-state p{color:var(--color-text-secondary);max-width:400px;margin-bottom:28px;margin-left:auto;margin-right:auto}.items-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.item-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;height:100%;padding:20px;transition:all .2s;display:flex}.item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-content{white-space:pre-wrap;word-break:break-word;color:var(--color-text);flex:1;margin-bottom:16px;font-size:14px;line-height:1.6}.item-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.item-meta{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.item-date{flex-shrink:0}.item-actions{align-items:center;gap:4px;display:flex}.btn-icon-sm{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s}.btn-icon-sm:hover{background:var(--color-bg)}.btn-icon-sm:disabled{opacity:.5;cursor:not-allowed}.btn-icon-sm.btn-icon-danger:hover{background:#ff4d6a1a}.item-pinned,.item-encrypted{font-size:14px;line-height:1}.encryption-banner{border-radius:var(--radius);color:#080810;background:linear-gradient(135deg,#00e5b0 0%,#a78bfa 100%);align-items:center;gap:12px;margin-bottom:24px;padding:12px 20px;display:flex}.encryption-banner .btn-sm{margin-left:auto;padding:6px 16px;font-size:13px}.item-card.encrypted{border-color:var(--color-primary);opacity:.8}.item-card.encrypted .item-content{color:var(--color-text-secondary);font-style:italic}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);width:90%;max-width:420px;box-shadow:var(--shadow-lg);padding:32px}.modal h2{margin-bottom:8px;font-size:20px;font-weight:600}.modal p{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px}.modal input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:100%;color:var(--color-text);margin-bottom:16px;padding:12px 16px;font-size:14px}.modal input:focus{border-color:var(--color-primary);outline:none}.modal .error{color:#ff4d6a;margin-bottom:16px;font-size:13px}.modal-buttons{justify-content:flex-end;gap:12px;display:flex}.tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.tab{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{border-color:var(--color-primary);color:var(--color-text)}.tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-danger{color:#fff;background:#ff4d6a;border-color:#ff4d6a}.btn-danger:hover{background:#e0385a;border-color:#e0385a}.settings{background:var(--color-bg);background-image:radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0);background-size:24px 24px;min-height:100vh}.settings-nav{border-bottom:1px solid var(--color-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.nav-right{align-items:center;gap:10px;display:flex}.st-back-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xs);align-items:center;gap:7px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.st-back-btn svg{width:14px;height:14px}.st-back-btn:hover{color:var(--color-text);background:#ffffff0a;border-color:#ffffff26;text-decoration:none}.settings-header{margin-bottom:44px}.st-section-label{letter-spacing:.1em;color:var(--color-teal);opacity:.65;text-transform:lowercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.st-title{color:var(--color-text);letter-spacing:-.02em;margin:0 0 6px;font-family:JetBrains Mono,monospace;font-size:clamp(26px,4vw,36px);font-weight:800}.st-subtitle{color:var(--color-text-secondary);margin:0;font-family:DM Sans,sans-serif;font-size:14px}.section-heading-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.section-icon svg{width:14px;height:14px}.section-icon.teal{color:var(--color-teal);background:#00e5b01f;border:1px solid #00e5b033}.section-icon.danger{color:#ff4d6a;background:#ff4d6a1a;border:1px solid #ff4d6a33}.section-heading{color:var(--color-text);letter-spacing:-.01em;margin:0 0 14px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.section-heading-row .section-heading{margin-bottom:0}.section-heading.danger{color:#ff4d6a}.section-description{color:var(--color-text-secondary);margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6}.setting-label{color:var(--color-text-secondary);font-family:DM Sans,sans-serif;font-size:13px}.setting-value{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.action-description{color:var(--color-text-secondary);margin-top:10px;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.5}.encryption-status-row{margin-bottom:20px}.st-status-badge{letter-spacing:.03em;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.st-status-badge svg{width:11px;height:11px}.st-status-badge.enabled{color:var(--color-teal);background:#00e5b01f;border:1px solid #00e5b040}.st-status-badge.disabled{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#ffffff0a}.encryption-actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.encryption-actions-row .btn svg{width:13px;height:13px}.encryption-setup-inline{border-top:1px solid var(--color-border);margin-top:16px;padding-top:20px}.encryption-form-inline{flex-direction:column;gap:16px;display:flex}.encryption-warning-text{color:var(--color-amber);align-items:flex-start;gap:8px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.5;display:flex}.encryption-warning-text svg{flex-shrink:0;width:13px;height:13px;margin-top:1px}.delete-warning{border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#ff4d6a14;border:1px solid #ff4d6a33;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.55;display:flex}.delete-warning-icon{color:#ff4d6a;flex-shrink:0;align-items:center;margin-top:1px;display:inline-flex}.delete-warning-icon svg{width:15px;height:15px}.delete-code{border:1px solid var(--color-border);color:var(--color-text);background:#ffffff12;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.delete-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-secondary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);box-sizing:border-box;padding:11px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#00e5b073;outline:none;box-shadow:0 0 0 3px #00e5b014}@media (width<=768px){.settings-nav{padding:16px 24px}.settings-main{padding:36px 24px 60px}.delete-actions{flex-direction:column-reverse}}.settings-nav{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);padding:16px 32px}.btn-back{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;transition:color .2s;display:inline-flex}.btn-back:hover{color:var(--color-text);text-decoration:none}.settings-main{max-width:640px;margin:0 auto;padding:40px 32px}.settings-main h1{margin-bottom:36px;font-size:32px;font-weight:700}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:24px;padding:28px;transition:border-color .2s}.settings-section:hover{border-color:var(--color-border-light)}.settings-section h2{color:var(--color-text);margin-bottom:16px;font-size:17px;font-weight:600}.section-description{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.setting-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-child{padding-top:0}.setting-item label{color:var(--color-text-secondary);margin-bottom:0;font-size:14px}.setting-value{color:var(--color-text);font-weight:500}.setting-actions{margin-top:20px}.action-description{color:var(--color-text-secondary);margin-top:10px;font-size:13px;line-height:1.5}.danger-zone{border-color:#ff4d6a4d}.danger-zone:hover{border-color:#ff4d6a80}.danger-zone h2{color:var(--color-danger)}.delete-confirm{margin-top:20px}.delete-warning{border-radius:var(--radius-sm);background:#ff4d6a1a;border:1px solid #ff4d6a4d;margin-bottom:20px;padding:16px;font-size:14px;line-height:1.5}.delete-actions{gap:12px;margin-top:20px;display:flex}.legal-page{min-height:100vh}.legal-nav{border-bottom:1px solid var(--color-border);padding:16px 24px}.legal-content{max-width:800px;margin:0 auto;padding:48px 24px}.legal-notice-beta{color:var(--color-text-secondary);background:#ffb34012;border:1px solid #ffb34040;border-radius:8px;margin-bottom:32px;padding:14px 18px;font-size:14px;line-height:1.6}.legal-notice-beta strong{color:#ffb340}.legal-content h1{margin-bottom:8px;font-size:32px}.last-updated{color:var(--color-text-secondary);margin-bottom:48px}.legal-content section{margin-bottom:32px}.legal-content h2{color:var(--color-text);margin-bottom:12px;font-size:20px}.legal-content h3{color:var(--color-text);margin:16px 0 8px;font-size:16px}.legal-content p{color:var(--color-text-secondary);margin-bottom:12px}.legal-content ul{color:var(--color-text-secondary);margin-left:24px}.legal-content li{margin-bottom:8px}.legal-content strong{color:var(--color-text)}.legal-footer{text-align:center;border-top:1px solid var(--color-border);padding:24px}.legal-footer a{color:var(--color-text-secondary)}:root{--color-teal:#00e5b0;--color-blue:#4d9cff;--color-amber:#ffb340;--color-violet:#a78bfa;--color-danger:#ff4d6a;--color-success:#22c55e;--color-primary:#00e5b0;--color-primary-dark:#00bf93;--color-primary-light:#33eac0;--color-secondary:#4d9cff;--color-bg:#080810;--color-bg-secondary:#0e0e1a;--color-bg-tertiary:#16162a;--color-text:#fff;--color-text-secondary:#88a;--color-text-muted:#3a3a5a;--color-border:#1a1a28;--color-border-light:#22223a;--radius:16px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--gradient-primary:linear-gradient(135deg, #00e5b0 0%, #4d9cff 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%, #00e5b01f 0%, transparent 55%);--dot-color:#ffffff14;--surface-xs:#ffffff0a;--surface-sm:#ffffff0d;--surface-md:#ffffff14;--nav-bg:#080810d9;--color-logo-prefix:#ddddf0}[data-theme=light]{--color-teal:#00875a;--color-blue:#1a5db0;--color-amber:#b87000;--color-violet:#5b3bd6;--color-danger:#d93050;--color-success:#16a34a;--color-primary:#00875a;--color-primary-dark:#006646;--color-primary-light:#00a870;--color-secondary:#1a5db0;--color-bg:#f4f4f8;--color-bg-secondary:#fff;--color-bg-tertiary:#eaebf4;--color-text:#0d0d1a;--color-text-secondary:#5a5a7a;--color-text-muted:#a0a0bc;--color-border:#dfe0ec;--color-border-light:#cbcce0;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--gradient-glow:radial-gradient(ellipse at 50% 0%, #00875a12 0%, transparent 55%);--dot-color:#0000000f;--surface-xs:#0000000a;--surface-sm:#0000000d;--surface-md:#00000014;--nav-bg:#f4f4f8eb;--color-logo-prefix:#2a2a4a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#080810;box-shadow:0 4px 14px #00e5b059}.btn-primary:hover:not(:disabled){text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #00e5b080}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);text-decoration:none}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#e0385a}.btn-large{padding:14px 28px;font-size:16px}.btn-full{width:100%}.btn-link{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.btn-link:hover:not(:disabled){color:var(--color-text)}.btn-link:disabled{opacity:.5}.btn-icon{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px;font-size:20px}.btn-icon:hover{background:var(--color-bg-secondary)}.loading{min-height:200px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:100%;color:var(--color-text);padding:12px 16px;font-size:16px;transition:border-color .2s}input:focus{border-color:var(--color-primary);outline:none}input::placeholder{color:var(--color-text-secondary)}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;caret-color:var(--color-text)}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;caret-color:var(--color-text)}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;caret-color:var(--color-text)}label{color:var(--color-text-secondary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group{margin-bottom:16px}.error-message{border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);background:#ff4d6a1a;margin-bottom:16px;padding:12px;font-size:14px}.logo{color:var(--color-text);font-size:20px;font-weight:700}.logo:hover{text-decoration:none}.theme-toggle{border-radius:var(--radius-xs);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.theme-toggle:hover{color:var(--color-text);background:var(--color-bg-secondary);border-color:var(--color-border-light)}.theme-toggle svg{pointer-events:none}.lang-switcher{z-index:1000;flex-shrink:0;position:relative}.lang-switcher-btn{border-radius:var(--radius-xs);border:1px solid var(--color-border);height:36px;color:var(--color-text-secondary);cursor:pointer;letter-spacing:.04em;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.lang-switcher-btn:hover{color:var(--color-text);background:var(--color-bg-secondary);border-color:var(--color-border-light)}.lang-flag{font-size:16px;line-height:1}.lang-code{font-family:var(--font-mono,"JetBrains Mono", monospace)}.lang-chevron{transition:transform .2s}.lang-chevron-open{transform:rotate(180deg)}.lang-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm,8px);z-index:1001;min-width:170px;padding:4px;animation:.15s langFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000040}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{border-radius:var(--radius-xs,6px);width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.lang-option:hover{background:var(--color-bg-secondary);color:var(--color-text)}.lang-option-active{color:var(--color-teal,#00e5b0)}.lang-label{flex:1}.lang-check{color:var(--color-teal,#00e5b0);flex-shrink:0}