:root{color:#181816;background:#f4f4f1;font-family:DM Sans,system-ui,sans-serif;font-size:14.5px;line-height:1.35}*{box-sizing:border-box}body{background:#151513;min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;min-height:44px}.app-shell{background:#faf9f6;max-width:430px;min-height:100dvh;margin:0 auto}.top-bar{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f6f5;border-bottom:1px solid #e5e4de;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex;position:sticky;top:0}.top-brand{letter-spacing:0;align-items:center;gap:9px;font-weight:700;display:inline-flex}.top-brand img{border-radius:8px;width:26px;height:26px}.avatar{object-fit:cover;background:#e5e4de;border-radius:50%;width:34px;height:34px}.avatar.large{width:72px;height:72px}.avatar.fallback{color:#fff;background:#111;place-items:center;font-weight:700;display:grid}.screen{min-height:calc(100dvh - 116px);padding:14px 16px calc(80px + env(safe-area-inset-bottom))}.login-screen{text-align:center;background:#f4f4f1;place-content:center;justify-items:center;min-height:100dvh;padding:22px 16px;display:grid}.login-brand{margin-bottom:32px}.logo-mark{border-radius:16px;width:64px;height:64px;margin:0 auto 16px}h1,p{margin:0}.login-brand h1{font-size:1.7rem}.login-brand p,.onboarding-card p,.profile-card p{color:#74736d}.onboarding-card,.progress-card,.food-row,.profile-card,.settings-panel{background:#fffdfa;border:1px solid #e4e3dc;border-radius:14px;width:100%;box-shadow:0 10px 24px #1818160a}.onboarding-card{text-align:left;gap:16px;max-width:390px;padding:24px;display:grid}input,textarea{color:#181816;background:#fffdfa;border:1px solid #d9d8d1;border-radius:10px;outline:0;width:100%}input{min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:116px;padding:12px}input:focus,textarea:focus{border-color:#181816;box-shadow:0 0 0 3px #1818160f}.journal-editor{gap:8px;margin-bottom:16px;display:grid}.editor-actions{color:#4e4d48;justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.editor-actions span{margin-right:auto}.editor-actions button{color:#181816;background:#fffdfa;border:1px solid #d9d8d1;border-radius:999px;min-height:36px;padding:0 13px;font-weight:700}.editor-actions button.copy-yesterday-btn{color:#74736d;border-color:#e4e3dc;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:600;display:inline-flex}.editor-actions button.copy-yesterday-btn:hover{color:#181816;background:#fff;border-color:#181816}.journal-note{min-height:154px;line-height:1.45}.notes-summary{color:#181816;text-align:left;background:#fffdfa;border:1px solid #e4e3dc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 14px;display:flex;box-shadow:0 1px 4px #1e1c180d}.notes-summary span{color:#74736d;font-size:.9rem}.undo-toast{align-items:center;gap:12px;display:inline-flex}.undo-toast button{color:#fffdfa;background:#181816;border-radius:999px;min-height:32px;padding:0 10px;font-weight:700}.field-label{text-align:left;gap:6px;display:grid}.field-label span{color:#4e4d48;font-size:.9rem;font-weight:700}.primary-button,.onboarding-card button,.settings-panel button{color:#fff;background:#181816;border-radius:10px;width:100%;margin-bottom:12px;font-weight:700;box-shadow:0 8px 18px #1818161f}.primary-button:disabled,.onboarding-card button:disabled{opacity:.6;cursor:default}.date-switcher{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.date-switcher button,.nav-tab{color:#181816;background:#fffdfa;border-radius:10px;place-items:center;display:grid}.progress-card{margin-bottom:16px;padding:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.progress-card.met{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#22c55e;box-shadow:0 10px 24px #22c55e0d}.progress-card.met .progress-track span{background:#22c55e}.progress-card.met:before{content:"";background:linear-gradient(90deg,#0000,#22c55e0f,#0000);animation:3s linear infinite cardShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes cardShimmer{to{transform:translate(100%)}}.progress-heading{color:#74736d;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:.88rem;font-weight:700;display:flex}.progress-heading b{color:#181816;font-size:.95rem}.progress-number strong{font-size:2rem}.progress-number span{color:#74736d}.progress-card p{color:#74736d;margin-top:2px;font-size:.88rem}.progress-track{background:#e7e6df;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.progress-track span{background:#181816;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);display:block}.weekly-line{color:#74736d;margin:-6px 0 14px;font-size:.86rem;font-weight:700}.secondary-action{color:#181816;background:#fbfaf6;border:1px solid #d9d8d1;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.88rem;font-weight:700;display:inline-flex}.add-button{color:#181816;background:#fffdfa;border:1px solid #d9d8d1;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;font-weight:700;display:inline-flex}.drawer-backdrop{z-index:8;background:#18181652;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.add-drawer{width:min(430px,100%);padding:16px 16px calc(18px + env(safe-area-inset-bottom));background:#fffdfa;border-radius:18px 18px 0 0;gap:14px;display:grid;box-shadow:0 -16px 36px #18181624}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head button{color:#181816;background:#f4f4f1;border-radius:10px;place-items:center;min-width:36px;min-height:36px;display:grid}.drawer-section{gap:8px;display:grid}.drawer-section>span{color:#74736d;font-size:.86rem;font-weight:700}.quick-add{grid-template-columns:1fr 74px 64px;gap:8px;display:grid}.quick-add button{color:#fffdfa;background:#181816;border-radius:10px;place-items:center;font-weight:700;display:grid}.quick-add input{background:#fbfaf6;min-height:38px}.saved-foods{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.saved-foods button{color:#4e4d48;background:#fbfaf6;border:1px solid #d9d8d1;border-radius:999px;flex:none;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:700}.food-list{gap:8px;margin-top:14px;display:grid}.meal-group{gap:8px;display:grid}.meal-group h2{color:#74736d;margin:8px 2px 0;font-size:.86rem;font-weight:700}.food-row{grid-template-columns:1fr 108px 36px;align-items:center;gap:8px;padding:12px;display:grid}.food-info{flex-direction:column;gap:4px;display:flex}.food-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.food-row strong{color:#181816;font-size:.98rem;line-height:1.2}.food-row span,.settings-panel span{color:#74736d;font-size:.82rem}.protein-adjuster{background:#fbfaf6;border:1px solid #d9d8d1;border-radius:8px;align-items:center;height:32px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000005}.adjust-btn{color:#74736d;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;width:26px;height:100%;min-height:auto;font-size:1.1rem;font-weight:700;transition:all .2s;display:grid}.adjust-btn:hover{color:#181816;background:#f4f4f1}.adjust-btn:active{transform:scale(.85)}.protein-adjuster input{text-align:center;color:#181816;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;width:34px;height:100%;min-height:auto;padding:0;font-size:.9rem;font-weight:700}.protein-adjuster input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.protein-adjuster input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.protein-adjuster input:focus{box-shadow:none;border:0}.unit-label{color:#85847d;-webkit-user-select:none;user-select:none;margin-right:4px;font-size:.8rem;font-weight:700}.food-category-badge{letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;padding:1.5px 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.cat-egg{color:#d97706;background:#fef3c7}.cat-poultry{color:#e11d48;background:#ffe4e6}.cat-supplement{color:#2563eb;background:#eff6ff}.cat-seafood{color:#0284c7;background:#e0f2fe}.cat-dairy{color:#7c3aed;background:#f3e8ff}.cat-meat{color:#dc2626;background:#fee2e2}.cat-soy{color:#059669;background:#ecfdf5}.cat-carb{color:#71717a;background:#f4f4f5}.cat-fat{color:#ea580c;background:#fff7ed}.cat-whole{color:#16a34a;background:#f0fdf4}.remove-food{color:#85847d;background:#fbfaf6;border:1px solid #d9d8d1;border-radius:8px;place-items:center;min-width:32px;min-height:32px;transition:all .2s;display:grid}.remove-food:hover{color:#991b1b;background:#fee2e2;border-color:#fecaca}.goal-badge{color:#15803d;background:#e7f7ed;border:1px solid #16a34a26;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:12px;font-weight:700;display:flex}.bottom-nav{z-index:3;max-width:430px;height:calc(60px + env(safe-area-inset-bottom));padding:6px 16px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfaf5;border-top:1px solid #e5e4de;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-tab{color:#85847d;background:0 0;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s}.nav-tab:active{transform:scale(.94)}.nav-tab.active{color:#181816;font-weight:700;display:grid}.streak-hero{text-align:center;margin-bottom:24px}.streak-hero strong{font-size:3.35rem;line-height:1;display:block}.streak-hero span{font-weight:700}.streak-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.streak-stats div{background:#fffdfa;border:1px solid #e4e3dc;border-radius:12px;gap:2px;padding:12px;display:grid}.streak-stats b{font-size:1.2rem}.streak-stats span{color:#74736d;font-size:.9rem}.calendar-wrap{-webkit-overflow-scrolling:touch;padding:16px 0;overflow-x:auto}.calendar-months{color:#85847d;min-width:900px;height:18px;margin-left:24px;font-size:14px;position:relative}.calendar-months span{position:absolute}.calendar-row{gap:8px;display:flex}.weekday-labels{color:#85847d;grid-template-rows:repeat(3,14px);gap:20px;font-size:12px;display:grid}.calendar-grid{grid-template-rows:repeat(7,14px);grid-auto-flow:column;gap:3px;display:grid}.calendar-cell{background:#e7e6df;border-radius:3px;width:14px;height:14px}.calendar-cell.filled,.legend-filled{background:#16a34a;box-shadow:inset 0 0 0 1px #11111114}.calendar-cell.filled.today{background:#15803d}.calendar-cell.today{outline-offset:1px;outline:2px solid #111}.calendar-legend{color:#74736d;gap:14px;margin:12px 0 0 24px;font-size:.85rem;display:flex}.calendar-legend span{align-items:center;gap:6px;display:inline-flex}.calendar-legend i{border-radius:3px;width:12px;height:12px}.legend-empty{background:#e7e6df}.profile-screen,.settings-panel form{gap:16px;display:grid}.profile-card{justify-items:center;gap:8px;padding:20px;display:grid}.settings-panel{gap:16px;padding:16px;display:grid}.settings-panel strong{font-size:1.35rem}.signout-button{color:#991b1b;background:#fee2e2;border-radius:10px;margin-top:auto;font-weight:700}.landing-screen{color:#181816;background:radial-gradient(120% 120% at 50% 0,#faf9f6 40%,#ebeae4 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px 16px;display:flex;overflow-x:hidden}.landing-container{flex-direction:column;gap:32px;width:100%;max-width:400px;display:flex}.minimal-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.logo-badge{background:#fff;border:1px solid #e5e4de;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px #00000008,0 1px 3px #00000005}.logo-badge:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000000f}.app-logo-img{border-radius:8px;width:40px;height:40px}.brand-category{color:#8c8b85;letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:700}.minimal-header h1{letter-spacing:-.02em;color:#181816;margin:0;font-size:1.95rem;font-weight:700}.app-subtitle{color:#74736d;max-width:320px;margin:0;font-size:.98rem;font-weight:500;line-height:1.4}.app-preview-container{perspective:1200px;justify-content:center;display:flex}.premium-widget{background:#fff;border:1px solid #e5e4de;border-radius:16px;flex-direction:column;gap:20px;width:100%;padding:22px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 20px 48px #0000000a,0 1px 3px #00000003}.premium-widget:hover{transform:translateY(-4px);box-shadow:0 28px 56px #0000000f,0 1px 3px #00000003}.widget-header{border-bottom:1px solid #f4f4f1;justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.widget-title-group{flex-direction:column;gap:4px;display:flex}.widget-tag{letter-spacing:.08em;color:#8c8b85;text-transform:uppercase;align-self:flex-start;font-size:.65rem;font-weight:700}.widget-header h2{letter-spacing:-.015em;color:#181816;margin:0;font-size:1.15rem;font-weight:700}.widget-date{color:#8c8b85;letter-spacing:.05em;background:#f4f4f1;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.widget-body{flex-direction:column;gap:20px;display:flex}.progress-panel{flex-direction:column;gap:12px;display:flex}.progress-metrics{justify-content:space-between;align-items:flex-end;display:flex}.metric{flex-direction:column;gap:4px;display:flex}.metric-label{letter-spacing:.08em;color:#8c8b85;text-transform:uppercase;font-size:.68rem;font-weight:700}.metric-value{color:#181816;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;line-height:1}.metric-value .unit{color:#8c8b85;margin-left:1px;font-size:.95rem;font-weight:500}.progress-bar-container{flex-direction:column;gap:8px;display:flex}.progress-bar-rail{background:#f4f4f1;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:#181816;border-radius:3px;height:100%}.progress-percentage{color:#74736d;justify-content:space-between;font-size:.75rem;font-weight:600;display:flex}.progress-delta{color:#8c8b85}.logs-table{border-top:1px dashed #e5e4de;flex-direction:column;padding-top:16px;display:flex}.table-header{color:#8c8b85;letter-spacing:.08em;border-bottom:1px solid #f4f4f1;grid-template-columns:1fr 60px 70px;gap:8px;padding-bottom:8px;font-size:.68rem;font-weight:700;display:grid}.table-row{opacity:0;border-bottom:1px solid #f4f4f1;grid-template-columns:1fr 60px 70px;align-items:center;gap:8px;padding:10px 0;font-size:.85rem;animation:.4s forwards miniFadeIn;display:grid;transform:translateY(4px)}.table-row:last-child{border-bottom:0;padding-bottom:4px}.item-name{color:#181816;font-weight:600}.item-serving{color:#74736d;font-weight:500}.item-protein{color:#181816;font-variant-numeric:tabular-nums;font-weight:600}.align-right{text-align:right}.cta-container{flex-direction:column;gap:12px;display:flex}.primary-action-btn{color:#fff;letter-spacing:-.01em;background:#181816;border:1px solid #181816;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.98rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px #00000014}.primary-action-btn:hover{background:#2b2b29;border-color:#2b2b29;transform:translateY(-1.5px);box-shadow:0 12px 28px #00000026}.primary-action-btn:active{transform:translateY(.5px);box-shadow:0 4px 10px #0000000f}.secondary-text-btn{color:#8c8b85;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:auto;padding:6px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.secondary-text-btn:hover{color:#181816}.secondary-text-btn:hover svg{transform:translate(3px)}.secondary-text-btn svg{transition:transform .2s}.minimal-instructions-card{background:#fff;border:1px solid #e5e4de;border-radius:16px;margin-top:4px;padding:22px;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;box-shadow:0 12px 30px #00000005}.minimal-instructions-card h3{color:#181816;letter-spacing:-.01em;margin:0 0 16px;font-size:.95rem;font-weight:700}.premium-instructions-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.instruction-step-item{align-items:flex-start;gap:12px;display:flex;position:relative}.instruction-step-item:not(:last-child):after{content:"";background:#f4f4f1;width:1px;position:absolute;top:24px;bottom:-16px;left:10px}.step-number{color:#fff;background:#181816;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:grid}.instruction-step-item p{color:#4e4d48;flex:1;margin:0;font-size:.85rem;font-weight:500;line-height:1.45}.step-icon-container{background:#f4f4f1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.inst-icon.blue{color:#007aff}.inst-icon.bold{color:#181816;stroke-width:3px}.inst-icon.green{color:#16a34a}.inst-text-badge{color:#007aff;background:#007aff14;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.installed-success{background:#fff;place-content:center;display:grid}.success-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:320px;display:flex}.success-icon-wrap{background:#e7f7ed;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.success-checkmark{color:#22c55e}.success-card h1{color:#181816;letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.success-card p{color:#74736d;font-size:.92rem}@keyframes miniFadeIn{to{opacity:1;transform:translateY(0)}}.fade-in-stagger-1{animation-delay:.4s}.fade-in-stagger-2{animation-delay:.6s}.fade-in-stagger-3{animation-delay:.8s}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-fade-in-delayed{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .5s forwards fadeIn}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards slideUp;transform:translateY(12px)}.animate-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards pop}.animate-pulse-subtle{animation:2.5s infinite pulseSubtle}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes pulseSubtle{0%{box-shadow:0 8px 20px #00000014}50%{box-shadow:0 8px 26px #00000038}to{box-shadow:0 8px 20px #00000014}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.journal-guide-card{text-align:left;background:#fff;border:1px solid #e4e3dc;border-radius:12px;gap:12px;margin-bottom:8px;padding:12px 14px;font-size:.86rem;line-height:1.45;display:flex;box-shadow:0 4px 10px #00000005}.journal-guide-card .guide-icon{flex-shrink:0;margin-top:1px;font-size:1.25rem}.journal-guide-card .guide-content{flex-direction:column;gap:2px;display:flex}.journal-guide-card .guide-content strong{color:#181816;font-weight:700}.journal-guide-card .guide-content p{color:#74736d;margin:0;font-size:.82rem}.avatar-dropdown-container{z-index:10;position:relative}.avatar-trigger-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block}.avatar-trigger-btn:hover{transform:scale(1.04)}.avatar-dropdown-menu{transform-origin:100% 0;background:#fff;border:1px solid #e5e4de;border-radius:12px;flex-direction:column;width:190px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;display:flex;position:absolute;top:42px;right:0;box-shadow:0 10px 30px #00000014,0 1px 3px #00000005}.dropdown-user-info{text-align:left;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.dropdown-user-info strong{color:#181816;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.dropdown-user-info span{color:#8c8b85;white-space:nowrap;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:500;overflow:hidden}.dropdown-divider{background:#f4f4f1;height:1px;margin:4px 0}.dropdown-item{color:#4e4d48;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-height:auto;padding:8px 10px;font-size:.84rem;font-weight:700;transition:all .15s;display:flex}.dropdown-item:hover{color:#181816;background:#f4f4f1}.dropdown-item.logout-btn{color:#dc2626}.dropdown-item.logout-btn:hover{color:#b91c1c;background:#fef2f2}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.add-button-inline{color:#74736d;cursor:pointer;background:0 0;border:1px dashed #d9d8d1;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;min-height:auto;margin-top:10px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.add-button-inline:hover{color:#181816;background:#18181605;border-color:#181816}.add-button-inline:active{transform:scale(.98)}.iframe-warning-banner{z-index:99999;background:#fffdf5;border:1px solid #ffeaa7;border-radius:16px;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 16px 36px #b8860b26,0 1px 3px #0000000d}.iframe-warning-content{text-align:left;flex-direction:column;gap:8px;display:flex}.warning-badge{letter-spacing:.08em;color:#b8860b;text-transform:uppercase;background:#fed3302e;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.65rem;font-weight:800}.iframe-warning-content h3{color:#181816;letter-spacing:-.015em;margin:4px 0 0;font-size:1.02rem;font-weight:700;line-height:1.2}.iframe-warning-content p{color:#5c5b56;margin:0;font-size:.82rem;font-weight:500;line-height:1.45}.iframe-breakout-btn{color:#fff;cursor:pointer;background:#181816;border:1px solid #181816;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:auto;padding:11px 20px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #00000026}.iframe-breakout-btn:hover{background:#2b2b29;border-color:#2b2b29;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.iframe-breakout-btn:active{transform:translateY(.5px);box-shadow:0 3px 8px #0000000f}