:root{--bg-app:#dcddd8;--bg-card:#fff;--border-color:#000;--shadow-color:#000;--text-primary:#000;--text-secondary:#666;--accent-color:#224cf0;--accent-yellow:#f0ff2a;--flat-shadow:4px 4px 0 var(--shadow-color);--flat-shadow-sm:2px 2px 0 var(--shadow-color)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.soft-box{background-color:var(--bg-card);box-shadow:var(--flat-shadow);border:2px solid var(--border-color);border-radius:0}.soft-box-sm{background-color:var(--bg-card);box-shadow:var(--flat-shadow-sm);border:2px solid var(--border-color);border-radius:0}.soft-inset{background-color:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);border-radius:0;outline:none;padding:12px 16px}.soft-inset::placeholder{color:var(--text-secondary)}.soft-button{background-color:var(--bg-card);box-shadow:var(--flat-shadow-sm);border:2px solid var(--border-color);cursor:pointer;color:var(--text-primary);text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;transition:all .1s;display:flex}.soft-button:hover{box-shadow:4px 4px 0 var(--border-color);transform:translate(-2px,-2px)}.soft-button:active{box-shadow:0px 0px 0 var(--border-color);transform:translate(2px,2px)}.soft-button.soft-inset{background-color:var(--accent-yellow);color:var(--text-primary);box-shadow:0px 0px 0 var(--border-color);transform:translate(2px,2px)}.soft-button.primary{background-color:var(--accent-color);color:var(--accent-yellow)}.app-container{background-color:var(--bg-color);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}.page-content{padding:24px}.text-accent{color:var(--accent-color)}.text-secondary{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}