:root{--bg:#f8f7f4;--surface:#fff;--card:#fff;--verso-back:#faf9f6;--text:#1a1208;--text-muted:#554b3b;--text-dim:#6b5e4b;--text-faint:#766a58;--accent:#b8860b;--accent-hover:#9a7008;--accent-light:#d4a520;--accent-subtle:#b8860b1f;--accent-border:#b8860b47;--border:#0000001a;--border-strong:#00000038;--divider:#0000000f;--shadow-sm:0 0 0 1px #0000000d, 0 1px 2px #0000000a;--shadow-md:0 0 0 1px #0000000f, 0 2px 6px -1px #0000000d, 0 8px 20px -4px #00000012;--shadow-card:0 0 0 1px #00000012, 0 1px 3px #0000000a, 0 8px 24px -4px #00000012;--shadow-raised:0 0 0 1px #00000014, 0 4px 12px -2px #0000000f, 0 16px 36px -6px #0000001a;--shadow-hover:0 0 0 1px #b8860b59, 0 4px 14px #b8860b1f, 0 14px 28px -4px #00000017;--shadow-float:0 0 0 1px #00000014, 0 12px 32px -6px #00000029;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--green:#1b753b;--green-bg:#ebf5ee;--red:#c53030;--red-bg:#fdf0f0;--blue:#1a56b0;--blue-bg:#ebf2fd;--color-ink:var(--text);--color-ink-60:var(--text-muted);--color-ink-30:var(--text-faint);--color-ink-10:#ede7d8;--color-gold:var(--accent);--color-gold-hover:var(--accent-hover);--color-gold-100:var(--accent-subtle);--color-gold-200:var(--accent-border);--color-cream:var(--bg);--color-white:var(--surface);--color-border:var(--border);--color-border-soft:var(--divider);--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Lora", Georgia, serif;--font-ui:"Inter", "DM Sans", system-ui, -apple-system, sans-serif;--text-brand:clamp(1.3rem, 2.8vw, 1.75rem);--text-h1:clamp(1.15rem, 2.2vw, 1.45rem);--text-h2:17px;--text-h3:15px;--text-body:14px;--text-sm:13px;--text-xs:11px;--text-eyebrow:10px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.22s cubic-bezier(.16, 1, .3, 1);--transition-spring:.3s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg:#1a1a18;--surface:#222220;--card:#2a2a27;--verso-back:#262624;--text:#f0ebe0;--text-muted:#c4baa7;--text-dim:#a89878;--text-faint:#968870;--accent:#d4a520;--accent-hover:#e0b530;--accent-light:#ecc840;--accent-subtle:#d4a52029;--accent-border:#d4a52059;--border:#c8b47829;--border-strong:#d4a52059;--divider:#c8b4781f;--shadow-sm:0 0 0 1px #ffffff0f, 0 1px 2px #0006;--shadow-md:0 0 0 1px #ffffff14, 0 4px 16px #00000080;--shadow-card:0 0 0 1px #ffffff14, 0 8px 32px #0000008c;--shadow-raised:0 0 0 1px #ffffff1f, 0 16px 40px #000000b3;--shadow-hover:0 0 0 1px #d4a52073, 0 8px 28px #000000a6;--shadow-float:0 0 0 1px #ffffff26, 0 16px 48px #000000bf;--green:#4ade80;--green-bg:#4ade8026;--red:#f87171;--red-bg:#f8717126;--blue:#60a5fa;--blue-bg:#60a5fa26}[data-theme=amoled]{--bg:#000;--surface:#0a0a08;--card:#121210;--verso-back:#0d0d0b;--text:#f0ebe0;--text-muted:#c4baa7;--text-dim:#a89878;--text-faint:#968870;--accent:#d4a520;--accent-hover:#e0b530;--accent-light:#ecc840;--accent-subtle:#d4a52033;--accent-border:#d4a52073;--border:#c8b47833;--border-strong:#d4a52073;--divider:#c8b47826;--shadow-sm:0 0 0 1px #c8b47826, 0 1px 3px #000c;--shadow-md:0 0 0 1px #c8b47833, 0 6px 24px #000000e6;--shadow-card:0 0 0 1px #c8b47838, 0 12px 48px #000000f2;--shadow-raised:0 0 0 1px #c8b4784d, 0 20px 60px #000000fa;--shadow-hover:0 0 0 1px #d4a52099, 0 12px 36px #d4a5202e;--shadow-float:0 0 0 1px #c8b47859, 0 24px 64px #000000fc}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.type-brand{font-family:var(--font-display);font-size:var(--text-brand);letter-spacing:-.01em;color:var(--color-ink);font-weight:500}.type-h1{font-family:var(--font-display);font-size:var(--text-h1);color:var(--color-ink);font-weight:500;line-height:1.3}.type-h2{font-family:var(--font-display);font-size:var(--text-h2);color:var(--color-ink);font-weight:500;line-height:1.4}.type-h3{font-family:var(--font-body);font-size:var(--text-h3);color:var(--color-ink);font-weight:500;line-height:1.5}.type-body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink-60);font-weight:400;line-height:1.8}.type-eyebrow{font-family:var(--font-ui);font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-30);font-weight:500}.type-ui{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-60);font-weight:400}.type-dispositivo{font-family:var(--font-display);color:var(--color-ink-60);font-size:14px;font-style:italic;font-weight:400;line-height:1.65}.section-eyebrow{font-family:var(--font-ui);font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-weight:500;display:flex;color:var(--color-ink-30)!important}.section-eyebrow:before{content:"";background:var(--color-ink-30);flex-shrink:0;width:14px;height:1px;display:inline-block}.section-eyebrow span[role=img],.section-eyebrow img,.section-eyebrow svg{opacity:.45;filter:grayscale()}.exemplo-block{background:var(--color-cream);border-radius:8px;margin-bottom:8px;padding:12px 14px}.exemplo-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-30);margin-bottom:6px;font-size:10px;font-weight:500;display:block}.badge{font-family:var(--font-ui);font-size:var(--text-eyebrow);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:3px 9px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px}.badge-new{background:var(--color-blue-bg);color:var(--color-blue)}.badge-flag{background:var(--color-amber-bg);color:var(--color-amber)}.badge-neutral{background:var(--color-ink-10);color:var(--color-ink-60)}.badge-green{background:var(--color-green-bg);color:var(--color-green)}.badge-red{background:var(--color-red-bg);color:var(--color-red)}.badge-gold{background:var(--color-gold-100);color:var(--color-gold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal), border-color var(--transition-normal);overflow:hidden}.ss-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);overflow:hidden}.ss-card:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-border)}.card-dispositivo-quote{border-left:3px solid var(--color-gold);background:#fdfaf5;padding:14px 18px}.btn-press{transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);will-change:transform}.btn-press:active{transform:scale(.97)!important}.btn-primary{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg, var(--accent-light) 0%, var(--accent) 100%);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:1px solid #00000026;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 2px 6px #b8860b33}.btn-primary:hover{filter:brightness(1.06);box-shadow:inset 0 1px #ffffff59,0 4px 12px #b8860b4d}.btn-primary:active{filter:brightness(.96);transform:scale(.97)}.btn-secondary{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-60);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:scale(.97)}.ss-segmented{background:var(--bg);border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center;gap:2px;padding:3px;display:inline-flex}.ss-segmented-btn{border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:5px 12px;font-weight:500}.ss-segmented-btn:hover:not(.active){color:var(--text)}.ss-segmented-btn.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014,0 0 0 1px #0000000a}.input{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;width:100%;padding:9px 12px;transition:border-color .15s}.input::placeholder{color:var(--color-ink-30)}.input:focus{border-color:var(--color-gold-200)}.custom-select{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B5C3E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 7px;outline:none;width:100%;height:40px;padding:9px 36px 9px 12px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.custom-select:focus{border-color:var(--color-gold-200);box-shadow:0 0 0 3px #8b691414}.custom-select:hover:not(:focus){border-color:var(--color-ink-30)}.custom-select:invalid,.custom-select option[value=""]{color:var(--color-ink-30)}.custom-select option{color:var(--color-ink);background:var(--color-white);padding:8px 12px}@media (width<=600px){.custom-select{height:44px;padding:10px 36px 10px 12px;font-size:16px}}.divider{background:var(--color-border-soft);height:1px;margin:14px 0}.btn-mobile-touch{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.safe-bottom-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}.katex-scroll-container,.katex-display-wrapper,.katex-inline-wrapper{-webkit-overflow-scrolling:touch!important;max-width:100%!important;overflow-x:auto!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flipOut{0%{opacity:1;transform:rotateY(0)scale(1)}to{opacity:0;transform:rotateY(85deg)scale(.97)}}@keyframes flipIn{0%{opacity:0;transform:rotateY(-85deg)scale(.97)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes backdropIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.skeleton-box{background:linear-gradient(90deg, var(--divider) 25%, var(--border) 50%, var(--divider) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.card-grid{grid-template-columns:repeat(1,1fr);align-items:start;gap:1.1rem;display:grid}@media (width>=580px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=920px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1240px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1600px){.card-grid{grid-template-columns:repeat(5,1fr)}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetBackdropFade{0%{opacity:0}to{opacity:1}}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#00000073;animation:.2s cubic-bezier(.16,1,.3,1) sheetBackdropFade;position:fixed;inset:0}.bottom-sheet-panel{background:var(--surface);border-top:1px solid var(--border);z-index:1001;max-height:80vh;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.25s cubic-bezier(.16,1,.3,1) sheetSlideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 32px #00000026}[data-scroll-container]{-ms-overflow-style:none;scrollbar-width:none}[data-scroll-container]::-webkit-scrollbar{display:none}.btn-action{transition:all .18s cubic-bezier(.16,1,.3,1)!important}.btn-action:not(:disabled):hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);background:linear-gradient(135deg, var(--accent-hover), var(--accent))!important;color:#fff!important;border-color:#0000!important}.btn-action:not(:disabled):active{box-shadow:none;background:linear-gradient(135deg, var(--accent-hover), var(--accent))!important;color:#fff!important;border-color:#0000!important;transform:scale(.96)!important}.stage-spotlight{background:radial-gradient(circle at 50% 30%,#b8860b14 0%,#0000 70%)}[data-theme=dark] .stage-spotlight{background:radial-gradient(circle at 50% 30%,#d4a52017 0%,#0000 75%)}[data-theme=amoled] .stage-spotlight{background:radial-gradient(circle at 50% 30%,#d4a5200f 0%,#0000 80%)}[contenteditable]:focus{box-shadow:0 0 0 2px var(--accent-subtle);background:var(--surface)}*{-webkit-tap-highlight-color:transparent}