*,:before,:after{box-sizing:border-box}body,html{color:#f5e6c4;background-color:#2c2929;background-image:url(/assets/background-mobile-Ci8scppI.jpg);background-repeat:no-repeat;background-size:cover;height:100%;margin:0;padding:0;font-family:Trebuchet MS,Arial,sans-serif}.page-container{flex-direction:column;min-height:100vh;display:flex}.header{height:auto;padding:10px 16px;position:relative}.dream-input-section{flex-direction:column;align-items:center;width:100%;padding:16px;display:flex}a{color:#f5e6c4;text-decoration:none}a:hover{text-decoration:none}.content-wrap{box-sizing:border-box;flex:1;width:100%;margin-top:0;padding:16px;display:block}.footer{text-align:center;box-sizing:border-box;width:100%;margin-top:auto;padding:10px 16px;position:relative}.footer p{margin:0}.dreamcatcher-image{height:80px;margin-bottom:16px}textarea{resize:none;color:#333;background:#d3cec1;border:1px solid #ccc;border-radius:5px;width:100%;max-width:500px;margin-bottom:5px;padding:12px;font-size:16px}button{color:#f5e6c4;cursor:pointer;background-color:#2a3d66;border:none;border-radius:8px;width:100%;max-width:500px;min-height:44px;margin-top:5px;margin-bottom:5px;padding:12px 16px;font-size:16px;transition:background-color .3s,box-shadow .3s}button:disabled{cursor:default;background-color:#2c2929}button:hover:not(:disabled){background-color:#364b7a;box-shadow:0 4px 8px #0003}.error{color:red;margin-top:20px}.response-container{background:#1a1a2ee6;border-radius:10px;margin-top:20px;padding:20px}.navbar{background-color:#0000;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.navbar-left{align-items:center;display:flex}.logo-image{height:26px;margin-right:10px}.navbar-brand{align-items:center;font-size:20px;font-weight:700;text-decoration:none;display:flex}.navbar-login{font-size:16px;text-decoration:none}.navbar-user{color:#f5e6c4;font-size:14px;text-decoration:none}.navbar-desktop{display:none}.nav-link{color:#f5e6c4;opacity:.85;font-size:14px;text-decoration:none}.nav-link:hover{opacity:1;text-decoration:underline}.nav-link-button{cursor:pointer;background:0 0;border:none;width:auto;min-height:auto;padding:0;font-family:inherit}.nav-link-button:hover:not(:disabled){box-shadow:none;background:0 0;text-decoration:underline}.hamburger{color:#f5e6c4;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:44px;max-width:44px;height:44px;min-height:44px;margin:0;padding:0;font-size:24px;line-height:1;display:flex}.hamburger:hover:not(:disabled){box-shadow:none;background:#f5e6c41a}.menu-backdrop{z-index:99;background:#0006;position:fixed;inset:0}.mobile-menu{z-index:100;background:#1a1a2e;border-top:1px solid #f5e6c426;flex-direction:column;padding:4px 0;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 6px 16px #00000080}.mobile-menu-user{opacity:.6;word-break:break-word;border-bottom:1px solid #f5e6c41a;margin-bottom:4px;padding:10px 20px 6px;font-size:13px}.mobile-menu-link{color:#f5e6c4;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;max-width:none;min-height:48px;padding:14px 20px;font-family:inherit;font-size:16px;text-decoration:none;display:block}.mobile-menu-link:hover:not(:disabled){box-shadow:none;background:#f5e6c414}.mobile-menu-logout{opacity:.8;border-top:1px solid #f5e6c41a;margin-top:4px}.signup-container,.login-container{background-color:#1a1a2e1a;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:20px 16px;display:flex}.signup-container h2,.login-container h2{margin-bottom:20px;font-size:22px}.signup-container input,.login-container input{color:#333;background-color:#d3cec1;border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:12px;font-size:16px}.signup-container button,.login-container button{color:#f5e6c4;cursor:pointer;background-color:#2a3d66;border:none;border-radius:8px;width:100%;max-width:none;min-height:44px;margin-top:10px;padding:12px 20px;font-size:16px;transition:background-color .3s,box-shadow .3s}.signup-container button:disabled,.login-container button:disabled{cursor:default;background-color:#2c2929}.signup-container button:hover:not(:disabled),.login-container button:hover:not(:disabled){background-color:#364b7a;box-shadow:0 4px 8px #0003}.signup-container .error,.login-container .error{color:red;margin-top:20px}.signup-container h3,.login-container h3{margin:20px 0;font-size:18px}.signup-container .social-login,.login-container .social-login{width:100%;margin-bottom:10px}.signup-container a,.login-container a{color:#f5e6c4;text-decoration:none}.signup-container a:hover,.login-container a:hover{text-decoration:underline}.subnav-link{color:#f5e6c4;opacity:.7;white-space:nowrap;font-size:13px;text-decoration:none}.subnav-link:hover{opacity:1}.dream-history{width:100%;max-width:700px;margin:0 auto;padding:16px}.dream-history h2{margin-bottom:20px}.dream-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dream-entry{background:#1a1a2e66;border-radius:8px;overflow:hidden}.dream-entry-header{text-align:left;cursor:pointer;background:#2a3d6680;border-radius:8px;align-items:center;gap:12px;width:100%;max-width:none;min-height:44px;padding:12px 16px;font-size:14px;display:flex}.dream-entry-header:hover:not(:disabled){box-shadow:none;background:#364b7a99}.dream-entry-date{opacity:.7;flex-shrink:0;font-size:13px}.dream-entry-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dream-entry-chevron{opacity:.6;flex-shrink:0;font-size:11px}.dream-entry-body{padding:16px}.dream-entry-dream{opacity:.7;margin:0 0 12px;font-style:italic}.dream-entry-divider{border:none;border-top:1px solid #f5e6c426;margin:0 0 12px}.dream-entry-interpretation{margin:0;line-height:1.6}.dream-summary{width:100%;max-width:700px;margin:0 auto;padding:16px}.question-container{text-align:center;max-width:600px;margin:0 auto;padding:20px 16px}.question-text{margin-bottom:30px;font-size:20px}.option-button{cursor:pointer;min-height:44px;margin:10px;padding:12px 24px;font-size:16px}.slider-container{width:80%;margin:0 auto}.slider-labels{justify-content:space-between;margin-bottom:10px;font-size:16px;display:flex}.next-button{cursor:pointer;min-height:44px;margin-top:30px;padding:12px 24px;font-size:16px}.slider-input{width:100%;height:5px}@media (width>=768px){.header{height:auto;padding:10px 20px}.hamburger{display:none}.navbar-desktop{align-items:center;gap:16px;display:flex}.dream-input-section{padding:10px 20px}.content-wrap{padding:20px}.dreamcatcher-image{height:100px}textarea{font-size:14px}button{width:auto;min-width:120px;font-size:14px}.signup-container button,.login-container button{width:100%;font-size:14px}.question-text{font-size:24px}.option-button,.slider-labels,.next-button{font-size:18px}}