:root{--primary-color: #2c3e50;--accent-color: #e74c3c;--highlight-color: #f1c40f;--bg-color: #fffdf7;--text-color: #2c3e50;--input-bg: #ffffff;--input-border: #bdc3c7;--input-focus: #3498db;--secondary-bg: #ffffff;--font-body: "Patrick Hand", cursive, sans-serif;--font-display: "Caveat", cursive, serif}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:var(--font-body);background-color:var(--bg-color);background-image:linear-gradient(#e1e1e1 1px,transparent 1px),linear-gradient(90deg,#e1e1e1 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;color:var(--text-color);line-height:1.6;font-weight:400;font-size:1.2rem;padding:2rem;box-sizing:border-box}#app{max-width:1000px;margin:0 auto;text-align:center;width:100%;position:relative;background:#fffffff2;padding:3rem 2rem;border-radius:2px;box-shadow:0 1px 4px #0000000d,0 10px 30px #0000001a;transform:rotate(-.5deg)}header{position:relative;margin-bottom:2rem}.header-top{display:flex;justify-content:center;align-items:center;position:relative}#lang-selector{position:absolute;top:2rem;right:2rem;background:transparent;border:2px solid var(--text-color);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.5rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--text-color);cursor:pointer;outline:none;transition:transform .2s;z-index:10}#lang-selector:hover{transform:scale(1.05) rotate(1deg);background-color:#f1c40f1a}h1{font-family:var(--font-display);font-size:4em;line-height:1;margin:0 0 .5rem;color:var(--accent-color);text-shadow:2px 2px 0px rgba(0,0,0,.1);transform:rotate(-2deg)}h2{font-family:var(--font-display);font-size:2.2em;margin-bottom:1rem;color:var(--primary-color);border-bottom:2px dashed var(--input-border);display:inline-block;padding-bottom:.2rem}header p{font-size:1.4rem;color:#7f8c8d;font-style:italic}.controls{background-color:#fff9c4;padding:1.5rem;border-radius:2px;box-shadow:0 4px 6px #0000001a;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;transform:rotate(1deg);position:relative}.controls:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:120px;height:30px;background-color:#fff9;border-left:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;opacity:.7}.controls label{font-size:1.5rem;font-weight:700;font-family:var(--font-display)}#scale-factor{font-size:1.8rem;padding:.5rem;width:100px;border:none;border-bottom:3px solid var(--text-color);background-color:transparent;color:var(--text-color);text-align:center;font-family:var(--font-display);font-weight:700}#scale-factor:focus{outline:none;border-color:var(--accent-color)}.quick-buttons button{background-color:#fff;border:2px solid var(--text-color);border-radius:255px 15px 225px/15px 225px 15px 255px;color:var(--text-color);padding:.5rem 1.2rem;cursor:pointer;transition:all .2s;font-size:1.1rem;font-family:var(--font-body);margin:0 .3rem;font-weight:700}.quick-buttons button:hover{background-color:var(--highlight-color);transform:translateY(-2px) rotate(-2deg);box-shadow:2px 2px #0003}.recipe-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;width:100%;align-items:start}.column{background-color:transparent;display:flex;flex-direction:column}textarea,.recipe-display{width:100%;height:500px;padding:0 1.5rem;padding-top:5px;font-size:1.3rem;line-height:32px;border:2px solid var(--input-border);border-radius:8px;background-color:var(--secondary-bg);color:var(--text-color);font-family:var(--font-body);box-sizing:border-box;background-image:repeating-linear-gradient(transparent,transparent 31px,#e1e1e1 31px,#e1e1e1 32px);background-attachment:local;background-position:0 5px;box-shadow:inset 0 1px 5px #0000000d;transition:border-color .3s;overflow-y:auto;white-space:pre-wrap;text-align:left}textarea:focus{outline:none;border-color:var(--input-focus);background-color:#fff}textarea{resize:vertical}.recipe-display#recipe-output{background-color:#fcfcfc;border-style:dashed;cursor:default}.recipe-display:empty:before{content:attr(data-placeholder);color:#7f8c8d;font-style:italic}.scaled-number{color:#c50;font-weight:700}footer{margin-top:4rem;color:#95a5a6;font-size:1rem;border-top:1px solid #eee;padding-top:2rem}@media (max-width: 768px){.recipe-container{grid-template-columns:1fr;gap:2rem}h1{font-size:3rem}#app{padding:1.5rem;transform:none}#lang-selector{position:relative;top:auto;right:auto;margin-bottom:1rem;display:inline-block}.header-top{flex-direction:column}}