.mobile-layout{display:flex;flex-direction:column;min-height:100dvh}.mobile-layout__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:56px;padding:0 1rem;background-color:var(--color-primary);color:#fff}.mobile-layout__logo{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.mobile-layout__content{flex:1;overflow-y:auto;padding-bottom:64px}.mobile-layout__nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;align-items:center;height:60px;background-color:var(--color-nav-bg);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-layout__nav-item{display:flex;align-items:center;justify-content:center;flex:1;height:100%;min-height:44px;font-size:.8125rem;font-weight:500;color:var(--color-text);text-decoration:none;opacity:.6;transition:opacity .15s ease}.mobile-layout__nav-item:hover{opacity:.8}.mobile-layout__nav-item.active{opacity:1;color:var(--color-primary);font-weight:600}:root{--color-primary: #4f46e5;--color-background: #ffffff;--color-text: #1f2937;--color-border: #e5e7eb;--color-nav-bg: #f9fafb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background-color:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}