*{box-sizing:border-box}body{font-family:Courier New,Courier,monospace;background-color:silver;color:#000;margin:0;padding:0;font-size:16px}.app-container{width:90%;max-width:750px;margin:10px auto;padding:10px;border:2px solid #000000;background-color:#d1d1d1;box-shadow:inset -2px -2px #888,inset 2px 2px #fff}.site-header{padding:5px;text-align:center;border-bottom:1px solid #000000}.site-header h1{font-size:1.5em;margin:5px 0;color:navy;text-transform:uppercase}.site-nav{margin-top:5px;font-size:.9em}.site-nav a.active{color:red!important;background-color:#ff0!important;font-weight:700}.site-nav a{color:#00f;text-decoration:underline;padding:0 5px}.site-nav a:hover{color:red;background-color:#ff0}.nav-separator{color:#000;margin:0 5px}hr.header-divider,hr.footer-divider{border:none;border-top:1px dashed #000000;margin:10px 0}.main-content{padding:10px 0;min-height:300px}.site-footer{padding:5px;text-align:center;font-size:.8em;color:#333;border-top:1px solid #000000}.site-footer p{margin:3px 0}button,input[type=submit],input[type=button]{font-family:Courier New,Courier,monospace;font-size:1em;padding:5px 10px;background-color:#b0b0b0;border:1px solid #000000;color:#000;cursor:pointer;box-shadow:1px 1px #000;margin-right:5px}button:active,input[type=submit]:active,input[type=button]:active{box-shadow:inset 1px 1px #000;background-color:#a0a0a0}input[type=text],input[type=number],textarea{font-family:Courier New,Courier,monospace;font-size:1em;padding:5px;border:1px solid #000000;background-color:#fff;color:#000;width:calc(100% - 12px);box-sizing:border-box;margin-bottom:8px}textarea{min-height:80px;resize:none}ul{list-style-type:square;padding-left:20px;margin:0 0 10px}li{margin-bottom:5px}.online-indicator{display:inline-block;width:10px;height:10px;background-color:#a0dda0;border-radius:50%;margin:0 6px 2px 0;vertical-align:middle;animation:simple-pulse-opacity 1.5s infinite ease-in-out;border:1px solid #000000;box-sizing:border-box}@keyframes simple-pulse-opacity{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 600px){.app-container{width:95%;max-width:none}.site-header h1{font-size:1.2em}.site-nav a{display:block;margin-bottom:5px;padding:10px 0}.nav-separator{display:none}}.recipe-list-component ul[data-v-8ed36c26]{list-style-type:"- ";padding-left:15px;margin:0}.recipe-list-component li[data-v-8ed36c26]{padding:3px 0}.recipe-list-component li a[data-v-8ed36c26]{color:#00f;text-decoration:none}.recipe-list-component li a[data-v-8ed36c26]:hover{text-decoration:underline;background-color:#ff0;color:red}.recipe-list-component p[data-v-8ed36c26]{font-style:italic;color:#555;text-align:center}.recipe-list-view[data-v-1079005a]{padding:10px;border:1px dotted #333333;margin-bottom:10px;background-color:#e8e8e8}.recipe-list-view h2[data-v-1079005a]{font-size:1.2em;color:navy;margin-top:0;margin-bottom:10px;border-bottom:1px solid #000080;padding-bottom:3px;text-transform:uppercase;text-align:center}.loading-message[data-v-1079005a],.error-message[data-v-1079005a]{text-align:center;padding:10px;margin-bottom:10px;font-weight:700}.error-message[data-v-1079005a]{color:red;background-color:#ff0}@media (max-width: 600px){.recipe-list-view h2[data-v-1079005a]{font-size:1em}}.add-recipe-form-component h2[data-v-38ba73ef]{font-size:1.2em;color:navy;margin-top:0;margin-bottom:15px;border-bottom:1px solid #000080;padding-bottom:3px;text-transform:uppercase;text-align:center}.form-section[data-v-38ba73ef]{margin-bottom:15px}.add-recipe-form-component label[data-v-38ba73ef]{display:block;margin-bottom:5px;font-weight:700}.ingredient-item-input[data-v-38ba73ef]{display:flex;align-items:center;margin-bottom:5px;gap:5px}.ingredient-item-input .input-qty[data-v-38ba73ef]{width:60px;flex-shrink:0;padding:5px}.ingredient-item-input .input-unit[data-v-38ba73ef]{width:100px;flex-shrink:0;padding:5px}.ingredient-item-input .input-name[data-v-38ba73ef]{flex-grow:1;padding:5px}.list-item-input[data-v-38ba73ef]{display:flex;align-items:center;margin-bottom:5px}.list-item-input textarea[data-v-38ba73ef]{flex-grow:1;margin-right:5px;min-height:40px}.remove-btn[data-v-38ba73ef],.add-btn[data-v-38ba73ef]{font-family:Courier New,Courier,monospace;padding:3px 6px;font-size:.9em;min-width:30px;border:1px solid #000;cursor:pointer;flex-shrink:0}.remove-btn[data-v-38ba73ef]{background-color:#dda0a0;color:#300;margin-bottom:8px}.remove-btn[data-v-38ba73ef]:hover{background-color:#cc8080}.remove-btn[data-v-38ba73ef]:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed;border-color:#999}.add-btn[data-v-38ba73ef]{background-color:#a0dda0;color:#030;margin-top:5px;display:inline-block}.add-btn[data-v-38ba73ef]:hover{background-color:#80cc80}.form-actions[data-v-38ba73ef]{margin-top:20px;text-align:right}.cancel-btn[data-v-38ba73ef]{background-color:#a0a0a0}.cancel-btn[data-v-38ba73ef]:hover{background-color:#909090}@media (max-width: 600px){.ingredient-item-input[data-v-38ba73ef]{flex-direction:column;align-items:stretch;gap:3px}.ingredient-item-input .input-qty[data-v-38ba73ef],.ingredient-item-input .input-unit[data-v-38ba73ef],.ingredient-item-input .input-name[data-v-38ba73ef]{width:100%;margin-right:0;margin-bottom:3px}.ingredient-item-input .remove-btn[data-v-38ba73ef]{width:100%;margin-top:2px}.add-recipe-form-component h2[data-v-38ba73ef]{font-size:1em}.add-btn[data-v-38ba73ef]{width:100%;padding:8px}}.add-recipe-view[data-v-91f26490]{padding:10px;border:1px dotted #333333;margin-bottom:10px;background-color:#e8e8e8}.loading-message[data-v-91f26490],.error-message[data-v-91f26490]{text-align:center;padding:10px;margin-top:10px;font-weight:700}.error-message[data-v-91f26490]{color:red;background-color:#ff0}.recipe-detail-component h2[data-v-56eb29d2]{font-size:1.2em;color:navy;margin-top:0;margin-bottom:10px;border-bottom:1px solid #000080;padding-bottom:3px;text-transform:uppercase;text-align:center}.recipe-detail-component .section[data-v-56eb29d2]{margin-bottom:15px}.recipe-detail-component h3[data-v-56eb29d2]{text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;padding:3px 0;margin-top:15px;margin-bottom:5px;background-color:#bdbdbd;font-size:1em;color:#000}.back-button[data-v-56eb29d2]{display:block;margin-bottom:10px;width:auto;padding:5px;font-family:Courier New,Courier,monospace;font-size:1em;background-color:#b0b0b0;border:1px solid #000000;color:#000;cursor:pointer;box-shadow:1px 1px #000}.back-button[data-v-56eb29d2]:active{box-shadow:inset 1px 1px #000;background-color:#a0a0a0}.recipe-data-list[data-v-56eb29d2]{font-family:Courier New,Courier,monospace;margin-top:5px;margin-bottom:10px;background-color:#fff;border:1px solid #999999;padding:10px 10px 10px 40px}.recipe-data-list li[data-v-56eb29d2]{margin-bottom:5px;line-height:1.4}.no-data-text[data-v-56eb29d2]{font-family:Courier New,Courier,monospace;font-style:italic;color:#555;padding:10px;border:1px dashed #999999;background-color:#f0f0f0;text-align:center}@media (max-width: 600px){.recipe-detail-component h2[data-v-56eb29d2]{font-size:1em}}.recipe-detail-view[data-v-7be5d662]{padding:10px;border:1px dotted #333333;margin-bottom:10px;background-color:#e8e8e8}.loading-message[data-v-7be5d662],.error-message[data-v-7be5d662]{text-align:center;padding:10px;margin-bottom:10px;font-weight:700}.error-message[data-v-7be5d662]{color:red;background-color:#ff0}.back-button[data-v-7be5d662]{font-family:Courier New,Courier,monospace;font-size:1em;padding:5px 10px;background-color:#b0b0b0;border:1px solid #000000;color:#000;cursor:pointer;box-shadow:1px 1px #000;margin-top:10px}.back-button[data-v-7be5d662]:active{box-shadow:inset 1px 1px #000;background-color:#a0a0a0}