.stocklist-container{transform:translateY(100%);opacity:0;transition:transform .5s ease,opacity .5s ease}.stocklist-container.show{transform:translateY(0);opacity:1}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{-webkit-overflow-scrolling:touch;font-family:system-ui,sans-serif}.body-text{font-size:1rem;color:#9ca3af}:root{--site-max-width: 780px;--app-max-width: 780px;--app-phone-width: 393px;--app-padding: 3px;--app-bg: #fff}.page{min-height:100dvh;display:flex;flex-direction:column}.page-title{text-align:center;font-size:1.5rem;color:#0056b3;font-weight:700;margin-bottom:.5rem}.page-deck{text-align:center;font-size:1rem;color:#333;font-weight:400;margin-bottom:1.5rem}.refresh-btn{position:relative;top:0;width:100px;padding:"0.4rem 0.6rem"}.bg-blue{background-color:#1d4ed8}.text-white{color:#fff}.full-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.iphone-frame{display:flex;flex-direction:column;height:100dvh;background:var(--app-bg);margin:0 auto;overflow:hidden;transition:box-shadow .22s ease,border-color .22s ease}body:not(.dev-frame) .iphone-frame{width:100%;max-width:none;border:none;border-radius:0;box-shadow:none;height:100dvh}body.dev-frame .iphone-frame{width:var(--app-phone-width, 393px);height:900px;border-radius:24px;box-shadow:0 18px 40px #00000047;border:1px solid rgba(37,99,235,.12);margin:20px auto}body.dev-frame .iphone-frame:before{content:"9:41 AM       📶   📡   🔋";display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;padding:4px 8px;background:#000;color:#fff;border-radius:24px 24px 0 0;width:100%;box-sizing:border-box}.iphone-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--app-padding);box-sizing:border-box}.app-shell{min-height:100vh;width:100%;margin:0 auto;background:var(--app-bg);display:flex;flex-direction:column;position:relative;align-items:stretch;justify-content:flex-start;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}.app-container{width:100%;max-width:var(--app-max-width);margin:0 auto;padding-left:var(--app-padding);padding-right:var(--app-padding);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.app-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;text-align:left;-webkit-overflow-scrolling:touch;width:100%;max-width:var(--app-max-width);margin-left:auto;margin-right:auto;padding-left:var(--app-padding);padding-right:var(--app-padding);box-sizing:border-box}.app-header{position:sticky;top:0;left:0;right:0;z-index:60;width:100%;max-width:var(--app-max-width)}.nav-bar{position:sticky;bottom:0;z-index:50}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.status-bar{display:flex;justify-content:space-between;align-items:center;width:100%;white-space:nowrap;font-size:.875rem;font-weight:500;background:#000;color:#fff}.status-icons{display:flex;gap:.5rem}.status-icons svg{display:inline-block!important;vertical-align:middle;width:1.125rem;height:1.125rem}.app-header{background-color:#fff;color:#fff;position:sticky;top:0;z-index:60;padding-top:env(safe-area-inset-top);max-width:var(--app-max-width);margin:0 auto;width:100%;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.app-header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--app-padding)}.btn-primary{display:block;width:80%;margin:.5rem auto;padding:.5rem;border-radius:6px;background-color:#1d4ed8;color:#fff;font-weight:500;text-align:center;transition:background-color .2s ease}.btn-primary:hover{background-color:#1e40af}.btn-secondary{display:block;width:80%;margin:.5rem auto;padding:.5rem;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:500;text-align:center;transition:border-color .2s ease}.btn-secondary:hover{border-color:#9ca3af}.btn-cta{display:block;width:80%;margin:.5rem auto;padding:.5rem;border-radius:6px;background-color:#facc15;color:#000;font-weight:500;text-align:center;transition:background-color .2s ease}.btn-cta:hover{background-color:#ca8a04}.heading{font-size:1.5rem;font-weight:700;color:#374151}.subheading{font-size:1.25rem;font-weight:600;color:#374151}.value{font-size:1.125rem;font-weight:700;color:#1d4ed8}.value-positive{font-size:1.125rem;font-weight:700;color:#22c55e}.caption{font-size:.75rem;color:#9ca3af}.nav-bar{position:sticky;bottom:0;left:0;right:0;z-index:50;border-top:1px solid #e5e7eb;background:#fff;height:70px;padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:center}.nav-inner{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;max-width:var(--app-max-width)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;color:#6b7280;transition:color .2s ease}button.nav-item{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:inherit}.nav-item-active{color:#1d4ed8}.nav-icon{width:1.5rem;height:1.5rem;margin-bottom:.25rem}.terms-container{max-width:var(--app-max-width);margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:.25rem}.terms-heading{font-size:1.5rem;font-weight:600;text-align:center}.terms-subheading{font-size:1.25rem;font-weight:500;margin-top:1rem}.terms-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.about-container{max-width:var(--app-max-width);margin:0 auto;padding:2rem;text-align:left}.about-section p{text-align:left;margin-bottom:1rem;line-height:1.6}.about-list{list-style-type:disc;padding-left:1.5rem;text-align:left;margin-bottom:1.5rem}.wallet-container{background:#fff;color:#000;padding:.25rem}.wallet-heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#2563eb}.wallet-summary{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.wallet-actions{margin-top:1.5rem;display:flex;justify-content:center}.wallet-note{margin-top:1.5rem;text-align:center}.wallet-cash{font-size:2rem;font-weight:700;color:#2563eb;margin:.5rem 0}.wallet-points{font-size:1.75rem;font-weight:700;color:#2563eb;margin:.25rem 0 1rem}.wallet-points-label{font-size:1rem;color:#374151;margin:.5rem 0}.wallet-portfolio-label{font-size:1rem;font-weight:500;color:#374151;margin-top:1.5rem;margin-bottom:.25rem;text-align:center}.wallet-portfolio{font-size:2rem;font-weight:700;color:#2563eb;margin:1.5rem 0 .5rem}.card{background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:16px;box-shadow:0 6px 18px #0f172a0f;transition:box-shadow .18s ease,transform .14s ease;width:100%;box-sizing:border-box;margin-bottom:1rem;color:#111827}.card--compact{padding:8px 10px;border-radius:8px;box-shadow:0 3px 10px #0f172a0a;font-size:.95rem}.card--muted{background:#fbfbfd;border-color:#f1f5f9}.card--accent{border-left:4px solid #2563eb}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.card-title{font-size:1rem;font-weight:600;color:#111827}.card-subtitle{font-size:.9rem;color:#6b7280}.card-body{margin:0;padding:0}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.card:focus-within,.card:hover{box-shadow:0 10px 30px #0f172a14;transform:translateY(-1px)}@media (max-width: var(--app-max-width)){.card{border-radius:8px;padding:12px;margin-left:0;margin-right:0}.card--compact{padding:8px}}.card.centered{display:flex;flex-direction:column;align-items:center;text-align:center}.btn-gold{display:block;width:80%;margin:.5rem auto;padding:.75rem;border-radius:6px;background-color:#d5a928;color:#000;font-weight:600;text-align:center;border:none;transition:background-color .2s ease}.btn-gold:hover:enabled{background-color:#e6c95a}.btn-gold:disabled{opacity:.85;cursor:default}.convert-container{padding:1.5rem}.convert-heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.convert-text{color:#374151;font-size:1rem}.basket-container{padding:.5rem 1rem;max-width:100%;margin:0;text-align:center}.basket-heading{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.basket-empty{color:#6b7280}.basket-table-wrapper{overflow-x:auto}.basket-intro{margin-bottom:1rem;color:#4b5563}.basket-table{width:100%;border-collapse:collapse;font-size:.85rem}.basket-table th,.basket-table td{border-bottom:1px solid #e5e7eb;padding:.5rem}.row-active{background-color:#dbeafe;font-weight:600}.row-active:hover{background-color:#bfdbfe}.remove-icon-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;color:#dc2626;line-height:1}.remove-icon-btn:hover{color:#b91c1c}.basket-table thead{background:#f9fafb}.basket-table tr:hover{background:#eff6ff}.basket-table .symbol{font-weight:600;color:#2563eb}.basket-table .shares{text-align:right}.remove-btn{color:#dc2626;background:none;border:none;cursor:pointer;text-decoration:underline;font-size:.875rem}.basket-summary{margin-top:1rem;text-align:right;font-weight:600}.basket-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.order-container{padding:1.5rem;max-width:var(--app-max-width);margin:0 auto;text-align:center}.order-heading{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.order-subtext{color:#4b5563;margin-bottom:1.5rem}.order-subtext .highlight{font-weight:600}.order-type{text-align:center;font-style:italic}.points-container{padding:1.5rem;max-width:var(--app-max-width);margin:0 auto;text-align:center}.points-heading{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.points-label{color:#6b7280;margin-bottom:.25rem}.points-cash{font-size:1.875rem;font-weight:700;color:#2563eb;margin-bottom:1rem}.points-points{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.points-subheading{font-size:1rem;font-weight:500;margin-bottom:1rem}.points-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.points-option{display:flex;justify-content:space-between;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:background .2s,border-color .2s;font-weight:500;color:#2563eb}.points-option.active{border-color:#2563eb;background:#eff6ff}.points-option.other{color:#2563eb;border-color:#2563eb}.points-input{margin-top:.5rem;width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;text-align:center}.points-summary{margin:1rem 0;font-size:.875rem;color:#6b7280}.summary-value{font-size:1.125rem;font-weight:600}.points-error{color:#dc2626;margin:.5rem 0}.points-hint{margin-top:1.5rem;font-size:.75rem;color:#6b7280}.points-option-center{display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-weight:600;font-size:1.125rem;color:#2563eb;margin-bottom:.5rem}.points-option-center:hover{border-color:#2563eb;background:#eff6ff}.points-option-center.active{border-color:#2563eb;background:#2563eb;color:#fff}.page-container{padding:1.5rem;max-width:var(--app-max-width);margin:0 auto}.broker-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.broker-card{border:1px solid #d1d5db;border-radius:8px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;transition:border-color .2s,box-shadow .2s;cursor:pointer}.broker-card:hover{border-color:#60a5fa}.broker-card.active{border-color:#2563eb;box-shadow:0 0 0 3px #bfdbfe}.broker-card.disabled{opacity:.6;cursor:wait}.broker-logo{max-width:80%;max-height:80%;object-fit:contain}.form{display:flex;flex-direction:column;gap:1rem}.form-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px}.password-wrapper{position:relative}.pw-toggle{position:absolute;right:.5rem;top:.25rem;font-size:.75rem;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;cursor:pointer}.form-error{color:#dc2626;font-size:.875rem}.form-back{font-size:.75rem;color:#6b7280;text-decoration:underline;background:none;border:none;cursor:pointer}.form-disclosure{font-size:.75rem;color:#4b5563;line-height:1.4;margin-top:1rem;border-left:3px solid #2563eb;padding-left:.75rem;text-align:left}.promotions-container{padding:1.5rem;max-height:100vh;overflow-y:auto;background:#fff}.promotions-heading{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#111827}.promotions-text,.promotions-list{text-align:left}.promotions-list{list-style-type:disc;padding-left:1.25rem;color:#374151;margin-bottom:1.5rem;text-align:left}.promotions-list li{margin-bottom:.5rem}.promotions-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.promotion-text{text-align:left;color:#374151;margin-bottom:1rem}.goodbye-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f3f4f6;text-align:center;padding:1.5rem}.goodbye-heading{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.goodbye-text{font-size:1.125rem;color:#4b5563;max-width:var(--app-max-width)}.onboard-container{padding:1.5rem;max-width:var(--app-max-width);margin:0 auto;background:#fff}.onboard-heading{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.onboard-form{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.onboard-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;width:100%}.onboard-input:focus{border-color:#2563eb;outline:none}.onboard-response{margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-family:monospace;font-size:.875rem;white-space:pre-wrap}.categories-page{padding:1.5rem;max-width:var(--app-max-width);margin:0 auto;text-align:center}.categories-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#111827}.categories-slider{display:flex;overflow-x:auto;gap:.5rem;padding:.5rem 0;scrollbar-width:thin}.categories-slider::-webkit-scrollbar{height:6px}.categories-slider::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-btn{flex:0 0 auto;width:120px;height:120px;padding:.5rem;border:1px solid #d1d5db;border-radius:8px;background:#d5a928;cursor:pointer;transition:background .2s;font-size:.9rem;line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;white-space:normal;word-wrap:break-word}.category-btn:hover{background:#e6c95a}.category-btn:active{background:#fef9c3;transform:scale(.98)}.category-btn .cat-icon{display:block;font-size:1.6rem;margin-bottom:.5rem}.categories-footer{margin-top:1.5rem}.password-wrapper-inline{position:relative;width:100%;display:flex;align-items:center}.pw-toggle-icon{width:20px;height:20px;margin-left:-30px;cursor:pointer}.form-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease}.form-option input{margin-right:.5rem}.form-option:hover{border-color:#60a5fa}.form-option.active{border-color:#2563eb;background:#eff6ff}.form-grid{max-width:var(--app-max-width);margin:0 auto}.form-row{display:flex;align-items:center;margin-bottom:12px}.form-label{flex:0 0 160px;text-align:left;font-weight:500;margin-right:10px}.form-input{flex:1;padding:6px 8px;border:1px solid #ccc;border-radius:4px}.wysiwyg-label{flex:0 px;text-align:left;font-weight:500;margin-right:10px}.member-form-error{color:#dc2626;font-size:.875rem}.member-form-grid{max-width:var(--app-max-width);margin:0 auto}.member-form-row{display:flex;align-items:center;margin-bottom:12px}.member-form-label{flex:0 0 100px;text-align:left;font-weight:500;font-size:.875rem;color:#444;margin-right:10px}.member-form-input{flex:1;font-size:1rem;padding:6px 8px;border:1px solid #ccc;border-radius:4px}.points-to-convert{width:60px;padding:8px;text-align:center;border:1px solid #ccc;border-radius:8px;color:#0056b3;font-Size:1rem}.stocklist-table{font-size:.85rem;border-collapse:collapse;width:100%}.stocklist-table th,.stocklist-table td{border-bottom:1px solid #e5e7eb;padding:.5rem;text-align:left;vertical-align:middle}.stocklist-table th{font-weight:600;font-size:.9rem;background:#f9fafb}.stocklist-table .symbol{font-weight:600;color:#2563eb}.price-change{display:flex;flex-direction:column;align-items:flex-start;font-size:.85rem}.price-change .price{font-weight:500;margin-bottom:.2rem}.change-positive{color:#16a34a;font-size:.8rem}.change-negative{color:#dc2626;font-size:.8rem}.change-neutral{color:#6b7280;font-size:.8rem}.range-wrapper{display:flex;align-items:center;gap:.5rem}.range-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:4px;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2563eb;cursor:grab}.range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2563eb;cursor:grab}.range-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:50%;width:32px;height:32px;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.range-btn:hover{background:#e5e7eb}.dev-toggle{position:fixed;top:12px;right:12px;z-index:99999;background:#000000b3;color:#fff;border:none;padding:8px 10px;border-radius:10px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 24px #00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dev-toggle:hover{opacity:.98}.dev-toggle:active{transform:translateY(1px)}.dev-toggle .dev-toggle-icon{font-size:18px;line-height:1}@media (max-width: var(--app-max-width)){.dev-toggle .dev-toggle-text{display:none}}.ck-editor{width:100%;box-sizing:border-box}.ck-editor__editable_inline{min-height:80px;font-size:.9rem;line-height:1.4;margin-top:0!important;margin-bottom:.5rem}.sidepanel-nav{@apply flex flex-col;}.sidepanel-link{@apply block w-full px-4 py-3 text-gray-700 rounded-md transition;}.sidepanel-link+.sidepanel-link{@apply mt-1;}.sidepanel-link:hover{@apply bg-gray-100 text-blue-600;}.sidepanel-link-active{@apply bg-gray-50 font-medium text-blue-600;}.slideout-body{padding:14px;overflow-y:auto;flex:1;background:#fff;min-height:100px}.floating-actions{position:fixed;bottom:70px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 16px;display:flex;flex-direction:column;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000000d;max-width:var(--app-max-width);margin:0 auto;right:0;left:0}