.retro-card{background-color:var(--color-cream-paper);color:var(--color-coffee-text);padding:1rem;border-radius:var(--radius-md);border:2px solid var(--color-coffee-text);box-shadow:var(--shadow-hard);transition:transform .1s ease-in-out,box-shadow .1s ease-in-out}.retro-card.interactive:active{transform:translate(2px,2px);box-shadow:0 0 0 transparent}.retro-card.highlight{background-color:var(--color-teal-blue);color:var(--color-cream-paper)}.retro-card.highlight h3,.retro-card.highlight p,.retro-card.highlight span{color:var(--color-cream-paper)}.retro-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 24px;border:2px solid var(--color-coffee-text);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);cursor:pointer;transition:all .1s;font-size:1rem}.retro-btn:active{transform:translate(2px,2px);box-shadow:none}.retro-btn-primary{background-color:var(--color-teal-blue);color:var(--color-cream-paper)}.retro-btn-danger{background-color:var(--color-vintage-red);color:var(--color-cream-paper)}.retro-btn-secondary{background-color:var(--color-warm-sand);color:var(--color-coffee-text)}.retro-btn-icon{padding:12px;border-radius:50%;width:48px;height:48px}.retro-input{width:100%;padding:12px;font-family:var(--font-main);font-size:1.2rem;color:var(--color-coffee-text);background-color:transparent;border:none;border-bottom:2px solid var(--color-coffee-text);outline:none;border-radius:0}.retro-input:focus{background-color:#6794991a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#69433a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{width:90%;max-width:400px;max-height:90vh;overflow-y:auto;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.retro-toggle{appearance:none;width:50px;height:26px;background:var(--color-coffee-text);border-radius:13px;position:relative;outline:none;cursor:pointer;vertical-align:middle;border:none}.retro-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--color-cream-paper);border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1)}.retro-toggle:checked{background:var(--color-teal-blue)}.retro-toggle:checked:after{transform:translate(24px)}.retro-select{width:100%;padding:12px;font-family:var(--font-main);font-size:1rem;color:var(--color-coffee-text);background-color:transparent;border:none;border-bottom:2px solid var(--color-coffee-text);outline:none;border-radius:0;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2369433A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto}:root{--color-cream-paper: #E3D5B8;--color-coffee-text: #69433A;--color-teal-blue: #679499;--color-vintage-red: #C33740;--color-warm-sand: #D7A278;--font-main: "League Spartan", "Noto Sans TC", sans-serif;--font-display: "Fraunces", "Noto Sans TC", serif;--shadow-hard: 2px 2px 0px var(--color-coffee-text);--radius-sm: 4px;--radius-md: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-cream-paper);color:var(--color-coffee-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin-top:0}button{font-family:inherit;cursor:pointer}.retro-shadow{box-shadow:var(--shadow-hard);border:1px solid var(--color-coffee-text)}