*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8F8FB;--surface: #FFFFFF;--surface-subtle: #F3EEF9;--charcoal: #1C1C1C;--charcoal-light: #444444;--purple: #5B2D8E;--purple-light: #8B46D1;--purple-pale: #F3EEF9;--pink: #F4547A;--pink-dark: #E8356A;--text-muted: #888888;--border: #EBEBF0;--border-strong: #D8D0E8;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", sans-serif;--radius: 12px;--shadow: 0 2px 16px rgba(91,45,142,.08);--shadow-lg: 0 8px 40px rgba(91,45,142,.12)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--charcoal);line-height:1.6;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.gate-grid{grid-template-columns:1fr!important}.gate-photo{order:2!important;min-height:260px!important;max-height:320px!important}.gate-form{order:1!important;padding:28px 20px!important}}@media (max-width: 640px){.hdr-logo{height:48px!important}.hdr-label{display:none!important}.hdr-buttons{gap:6px!important}.hdr-buttons button{font-size:10px!important;padding:3px 7px!important}.day-content-wrap{min-height:60vh;padding:20px 14px!important}.progress-wrap{padding:8px 12px!important;top:0!important}.tab-bar-inner{gap:3px!important}.tab-bar-inner button{min-width:32px!important;padding:3px 7px!important;font-size:10px!important}.card-inner{padding:16px 14px!important}.btn-row{flex-direction:column!important}.btn-row button,.btn-row a{width:100%!important;text-align:center!important;justify-content:center!important}.gate-grid{grid-template-columns:1fr!important}.gate-photo{min-height:220px!important;max-height:280px!important;order:1!important}.gate-form{order:2!important;padding:24px 16px!important}.result-card{overflow-x:hidden!important;word-break:break-word!important}}.day-content-wrap{min-height:400px;transition:none!important;box-sizing:border-box;max-width:100vw}textarea{min-height:80px}html,body,#root{overflow-x:hidden;max-width:100vw}*{max-width:100%}textarea,input{max-width:100%;box-sizing:border-box}pre,code{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.result-card,.card-inner{overflow-x:hidden;word-break:break-word;overflow-wrap:break-word}p,li,div{overflow-wrap:break-word;word-break:break-word}@media (max-width: 480px){.hdr-logo{height:40px!important}.hdr-label{display:none!important}}.btn-text-mobile{display:none}.btn-text-desktop{display:inline}@media (max-width: 480px){.btn-text-mobile{display:inline}.btn-text-desktop,.hdr-label{display:none}}@media (max-width: 768px){.hdr-logo{height:52px!important}.gate-photo-overlay-logo{display:none!important}.gate-photo-quote{font-size:12px!important}.gate-grid{min-height:auto!important}}@media (max-width: 640px){.hdr-logo{height:40px!important}}input,textarea,select{box-sizing:border-box;max-width:100%}.day-content-wrap *{max-width:100%}#root{overflow-x:hidden;width:100%;max-width:100vw}html,body{max-width:100vw;overflow-x:hidden}.tab-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.tab-scroll::-webkit-scrollbar{display:none}