*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Courier Prime,Courier New,Courier,monospace;background:#ece5d3;color:#1c1c1c;line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Jost,Futura PT,Futura,Century Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1.25}body.dark-mode{background:#232019;color:#ddd6c4}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{background:#ece5d3;border-bottom:4px double #1c1c1c;padding:1.5em 2em;flex-shrink:0}body.dark-mode .app-header{background:#2c2820;border-bottom-color:#ddd6c4}.app-header h1{font-size:1.6rem;margin-bottom:.9em;color:#1c1c1c}body.dark-mode .app-header h1{color:#ddd6c4}.header-controls{display:flex;gap:1em;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:200px;padding:.6em .8em;border:1px solid #1c1c1c;background:#f7f3e8;border-radius:0;font-size:.95rem;font-family:inherit}body.dark-mode .search-input{background:#3a352a;border-color:#ddd6c4;color:#ddd6c4}.search-input:focus{outline:none;border-color:#8a1f11;box-shadow:inset 0 0 0 1px #8a1f11}body.dark-mode .search-input:focus{border-color:#c1440e;box-shadow:inset 0 0 0 1px #c1440e}.filters-section{background:#e3dac2;border-bottom:1px solid #1c1c1c;padding:1em 2em;display:flex;gap:1.5em;flex-shrink:0;flex-wrap:wrap}body.dark-mode .filters-section{background:#2c2820;border-bottom-color:#ddd6c4}.filter-select{padding:.55em .8em;border:1px solid #1c1c1c;background:#f7f3e8;border-radius:0;font-size:.9rem;color:#1c1c1c;cursor:pointer;font-family:inherit}body.dark-mode .filter-select{background:#3a352a;border-color:#ddd6c4;color:#ddd6c4}.app-main{flex:1;overflow-y:auto;padding:2em}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,170px);gap:1.5em;justify-content:start}@media (max-width: 768px){.recipe-grid{grid-template-columns:repeat(auto-fill,140px)}}.recipe-card{border:1px solid #1c1c1c;padding:.8em;cursor:pointer;display:flex;flex-direction:column;background:#f7f3e8;border-radius:0;transition:background .15s;overflow:hidden}body.dark-mode .recipe-card{background:#2c2820;border-color:#ddd6c4}.recipe-card:hover{background:#efe8d4}body.dark-mode .recipe-card:hover{background:#35301f}.recipe-card-image{width:100%;height:130px;object-fit:cover;background:#d8d0b8;margin-bottom:.6em;border:1px solid #1c1c1c;filter:grayscale(30%) sepia(15%)}body.dark-mode .recipe-card-image{border-color:#ddd6c4}.recipe-card-content{padding:0;display:flex;flex-direction:column;flex-grow:1}.recipe-card-title{font-family:Jost,Futura PT,Futura,Century Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:.85rem;margin-bottom:.5em;line-height:1.25;word-break:break-word;color:#1c1c1c;text-transform:uppercase;letter-spacing:.03em}body.dark-mode .recipe-card-title{color:#ddd6c4}.recipe-card-category{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8a1f11;margin-bottom:.4em}body.dark-mode .recipe-card-category{color:#c1440e}.recipe-card-times{display:flex;flex-direction:column;gap:.2em;font-size:.7rem;margin-bottom:.4em;color:#4a4536}body.dark-mode .recipe-card-times{color:#a8a190}.recipe-card-meta{font-size:.7rem;color:#4a4536;margin-bottom:.4em}body.dark-mode .recipe-card-meta{color:#a8a190}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:.25em;margin-top:auto}.tag{display:inline-block;font-size:.6rem;padding:.15em .35em;border:1px solid #1c1c1c;border-radius:0;background:transparent;color:#1c1c1c;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}body.dark-mode .tag{border-color:#ddd6c4;color:#ddd6c4}.tag-sm{font-size:.6rem;padding:.12em .3em}.status-msg{padding:1em;background:#f7f3e8;border:1px solid #1c1c1c;border-radius:0;color:#1c1c1c;text-align:center}body.dark-mode .status-msg{background:#2c2820;border-color:#ddd6c4;color:#ddd6c4}.status-msg.error{background:#f4e4df;border-color:#8a1f11;color:#8a1f11}body.dark-mode .status-msg.error{background:#3a2420;border-color:#c1440e;color:#e08a5c}button,.btn{display:inline-block;padding:.6em 1.3em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;background:#1c1c1c;color:#ece5d3;border:1px solid #1c1c1c;border-radius:0;cursor:pointer;transition:all .15s;font-weight:700;text-transform:uppercase;letter-spacing:.08em}button:hover,.btn:hover{background:#3a352a;border-color:#3a352a}button:active,.btn:active{transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}body.dark-mode button,body.dark-mode .btn{background:#ddd6c4;color:#1c1c1c;border-color:#ddd6c4}body.dark-mode button:hover,body.dark-mode .btn:hover{background:#c9c1a9;border-color:#c9c1a9}.btn-sm{padding:.4em .9em;font-size:.7rem}.btn-invert{background:#f7f3e8;color:#1c1c1c;border:1px solid #1c1c1c}.btn-invert:hover{background:#1c1c1c;color:#f7f3e8}body.dark-mode .btn-invert{background:#2c2820;color:#ddd6c4;border-color:#ddd6c4}body.dark-mode .btn-invert:hover{background:#ddd6c4;color:#1c1c1c}input[type=text],input[type=email],input[type=password],input[type=date],input[type=search],input[type=number],select,textarea{display:block;width:100%;padding:.5em .75em;font-family:inherit;font-size:.9rem;color:#1c1c1c;background:#f7f3e8;border:1px solid #1c1c1c;border-radius:0;margin-bottom:.5em}body.dark-mode input[type=text],body.dark-mode input[type=email],body.dark-mode input[type=password],body.dark-mode input[type=date],body.dark-mode input[type=search],body.dark-mode input[type=number],body.dark-mode select,body.dark-mode textarea{color:#ddd6c4;background:#3a352a;border-color:#ddd6c4}input:focus,select:focus,textarea:focus{outline:none;border-color:#8a1f11;box-shadow:inset 0 0 0 1px #8a1f11}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#c1440e;box-shadow:inset 0 0 0 1px #c1440e}label{display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4em;color:#1c1c1c}body.dark-mode label{color:#ddd6c4}.form-group{margin-bottom:1em}textarea{resize:vertical;min-height:4em}.form-inline{display:flex;flex-wrap:wrap;gap:.5em;align-items:flex-end}.form-inline .form-group{margin-bottom:0}.box{background:#f7f3e8;border:1px solid #1c1c1c;border-radius:0;padding:1.5em;margin-bottom:1em}body.dark-mode .box{background:#2c2820;border-color:#ddd6c4}.box-header{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1em;padding-bottom:.5em;border-bottom:2px solid #1c1c1c}body.dark-mode .box-header{border-bottom-color:#ddd6c4}.auth-box{max-width:400px;margin:4em auto;background:#f7f3e8;border:1px solid #1c1c1c;border-radius:0;padding:2.5em 2em;position:relative}.auth-box:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid #1c1c1c;pointer-events:none}body.dark-mode .auth-box{background:#2c2820;border-color:#ddd6c4}body.dark-mode .auth-box:before{border-color:#ddd6c4}.auth-box h1{text-align:center;margin-bottom:1.5em;font-size:1.4rem}.auth-divider{text-align:center;margin:1.5em 0;font-size:.8rem;color:#6b6653;text-transform:uppercase;letter-spacing:.08em}body.dark-mode .auth-divider{color:#a8a190}.tab-bar{display:flex;border-bottom:2px solid #1c1c1c;margin-bottom:1.5em}body.dark-mode .tab-bar{border-bottom-color:#ddd6c4}.tab-bar button.tab{flex:1;padding:.75em;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#6b6653;transition:all .15s}body.dark-mode .tab-bar button.tab{color:#a8a190}.tab-bar button.tab.active{color:#1c1c1c;border-bottom-color:#8a1f11}body.dark-mode .tab-bar button.tab.active{color:#ddd6c4;border-bottom-color:#c1440e}.auth-form{display:none}.auth-form.active{display:block}.detail-top-bar{background:#e3dac2;border-bottom:1px solid #1c1c1c;padding:1em 2em;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}body.dark-mode .detail-top-bar{background:#2c2820;border-bottom-color:#ddd6c4}.detail-actions{display:flex;gap:.75em}.detail-container{max-width:800px}.detail-header{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:4px double #1c1c1c}body.dark-mode .detail-header{border-bottom-color:#ddd6c4}.detail-image{width:100%;max-width:350px;height:auto;border:1px solid #1c1c1c;border-radius:0;background:#d8d0b8;filter:grayscale(30%) sepia(15%)}body.dark-mode .detail-image{border-color:#ddd6c4}.detail-info{margin-bottom:0}.detail-title{font-family:Jost,Futura PT,Futura,Century Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.4em;line-height:1.2}.detail-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8a1f11;margin-bottom:.8em}body.dark-mode .detail-category{color:#c1440e}.detail-source{margin-bottom:0;font-size:.85rem}.detail-source a{color:#1c1c1c;text-decoration:underline}body.dark-mode .detail-source a{color:#ddd6c4}.detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2em;margin-bottom:1.5em;font-size:.9rem;border:1px solid #1c1c1c;padding:1em}body.dark-mode .detail-meta-grid{border-color:#ddd6c4}.detail-meta-grid div{display:flex;flex-direction:column;gap:.3em}.detail-meta-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#6b6653;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}body.dark-mode .detail-meta-label{color:#a8a190}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-bottom:2em}@media (max-width: 900px){.detail-content{grid-template-columns:1fr}}.detail-left{display:flex;justify-content:center}.detail-right{display:flex;flex-direction:column;gap:1.5em}.detail-tags{display:flex;flex-wrap:wrap;gap:.5em}.detail-section{margin-bottom:2.5em}.detail-section h2{margin-bottom:1.1em;font-size:1.1rem;border-bottom:1px solid #1c1c1c;padding-bottom:.4em}body.dark-mode .detail-section h2{border-bottom-color:#ddd6c4}.ingredient-list{list-style:none;padding:0}.ingredient-list li{padding:.5em 0;border-bottom:1px dotted #6b6653}body.dark-mode .ingredient-list li{border-bottom-color:#a8a190}.step-list{list-style-position:inside;padding:0;counter-reset:step}.step-list li{padding:.6em 0;border-bottom:1px dotted #6b6653}body.dark-mode .step-list li{border-bottom-color:#a8a190}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:2em;border:1px solid #1c1c1c}body.dark-mode .calendar-week{border-color:#ddd6c4}.calendar-day{border-right:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c;border-radius:0;padding:.75em;min-height:120px;background:#f7f3e8}.calendar-day:nth-child(7n){border-right:none}body.dark-mode .calendar-day{border-color:#ddd6c4;background:#2c2820}.calendar-day-header{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:.8rem;margin-bottom:.5em;color:#6b6653}body.dark-mode .calendar-day-header{color:#a8a190}.calendar-entry{font-size:.7rem;padding:.3em .5em;margin-bottom:.3em;border:1px solid #1c1c1c;border-radius:0;background:#ece5d3;cursor:pointer;text-decoration:none;display:block;color:#1c1c1c;word-break:break-word}body.dark-mode .calendar-entry{background:#3a352a;border-color:#ddd6c4;color:#ddd6c4}.calendar-entry:hover{background:#d8d0b8}body.dark-mode .calendar-entry:hover{background:#4a4536}.calendar-entry.planned{border-style:dashed}h2{font-size:1.15rem;margin-bottom:1em}h3{font-size:1rem;margin-bottom:.75em}p{margin-bottom:.5em}a{color:#1c1c1c;text-decoration:underline}body.dark-mode a{color:#ddd6c4}.text-muted{color:#6b6653}body.dark-mode .text-muted{color:#a8a190}