.app{display:flex;flex-direction:column;min-height:100dvh;background:#fff8f0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100;min-height:56px}.app-header .header-back{min-height:40px;padding:.5rem .75rem;font-size:.875rem}.app-header .header-title{font-weight:700;font-size:1.25rem;flex:1;text-align:center}.app-header .header-settings{font-size:1.5rem;text-decoration:none;padding:.5rem}.app-header--debug{background:repeating-linear-gradient(-45deg,#fff8dc,#fff8dc 6px,#fff3bb 6px,#fff3bb 12px);border-bottom:2px solid #f4a701}.app-header .header-debug-badge{display:inline-block;font-size:.65rem;font-weight:700;background:#f4a701;color:#fff;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle;letter-spacing:.03em}.app-main{flex:1;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%}body{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:1rem;font-weight:400;color:#2b2d42;background-color:#fff8f0;min-height:100%;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-primary{color:#e63946}.text-secondary{color:#2d9e4f}.text-accent{color:#f4a701}.text-muted{color:#6b7280}.app-container{max-width:480px;margin:0 auto;padding:0 1rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:64px;padding:.75rem 1.5rem;border-radius:9999px;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:1.25rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:active{transform:translateY(2px);box-shadow:0 2px #0003!important}.btn--primary{background:#e63946;color:#fff;box-shadow:0 4px #0003,0 0 0 3px #ff6b6b}.btn--secondary{background:#2d9e4f;color:#fff;box-shadow:0 4px #0003,0 0 0 3px #52c77a}.btn--accent{background:#ffd60a;color:#2b2d42;box-shadow:0 4px #0003,0 0 0 3px #ffe357}.btn--ghost{background:transparent;color:#2b2d42;border:2px solid #e8e0d5}.card{background:#fff;border-radius:24px;box-shadow:0 4px 16px #0000001f;padding:1.5rem}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.decompose-ghost{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:.9}.decompose-ghost--raupe{background:transparent!important;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.38));display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}