*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#f6f7f9;color:#222;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:15px;padding:8px 10px;border:1px solid #d0d4da;border-radius:8px;background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid #ff7043;outline-offset:-1px;border-color:transparent}.layout{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#fff;border-bottom:1px solid #e6e8eb}.logo{margin:0;font-size:18px}.nav{display:flex;gap:4px;margin-left:auto}.nav a{padding:6px 12px;border-radius:8px;text-decoration:none;color:#555;font-size:15px}.nav a.active{background:#fff0e9;color:#e64f1e;font-weight:600}.content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px}.btn-primary,.btn-secondary,.btn-danger,.btn-text{padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:15px;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#ff7043;color:#fff}.btn-secondary{background:#fff;border-color:#d0d4da;color:#333}.btn-danger{background:#fff;border-color:#e53935;color:#e53935}.btn-text{background:none;border:none;color:#888;padding:8px 4px;font-size:13px;flex-shrink:0}.btn-text:disabled{color:#ccc;cursor:default}.error{color:#e53935}.loading{text-align:center;color:#888}.home-header{margin-bottom:16px}.search-input{width:100%}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.recipe-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid #e6e8eb;transition:box-shadow .15s ease}.recipe-card:hover{box-shadow:0 4px 16px #00000014}.card-media{aspect-ratio:4 / 3;background:#f0f1f3}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px}.card-body{padding:10px 12px 12px}.card-title{margin:0 0 6px;font-size:16px}.card-tags{display:flex;gap:4px;flex-wrap:wrap}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tag{background:#fff0e9;color:#e64f1e;border-radius:999px;padding:2px 10px;font-size:12px}.recipe-form{display:grid;gap:16px}.field{display:grid;gap:6px;border:none;margin:0;padding:0}.field>span,.field>legend{font-size:14px;font-weight:600;color:#444;padding:0}.row{display:flex;gap:8px;align-items:flex-start}.row input,.row textarea{flex:1;min-width:0}.step-no{padding-top:10px;color:#999;flex-shrink:0;width:20px}.cover-preview{max-width:240px;border-radius:8px;margin-top:4px}.form-actions{display:flex;gap:12px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.detail-header h2{margin:0}.detail-actions{display:flex;gap:8px}.description{color:#555}.detail-cover{width:100%;border-radius:12px;margin:8px 0}.ingredient-list{list-style:none;padding:0;margin:0;background:#fff;border-radius:12px;border:1px solid #e6e8eb;overflow:hidden}.ingredient-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px}.ingredient-list li+li{border-top:1px solid #f0f1f3}.ing-amount{color:#888}.step-list{margin:0;padding-left:24px;display:grid;gap:10px}.detail-footer{margin-top:24px}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:8px 0}.detail-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.detail-gallery img:first-child{grid-column:1 / -1;aspect-ratio:16 / 9}.category-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{padding:4px 14px;border-radius:999px;border:1px solid #d0d4da;background:#fff;color:#555;font-size:13px}.chip.on{background:#ff7043;border-color:#ff7043;color:#fff}.home-header{display:flex;align-items:center;gap:12px}.log-timeline{display:grid;gap:12px}.log-card{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:14px 16px}.log-meta{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.log-date{color:#888;font-size:13px;flex-shrink:0}.log-title{font-weight:600;font-size:16px}.log-rating{color:#f5b301;font-size:14px}.log-note{margin:8px 0 0;color:#444;white-space:pre-wrap}.log-card .thumb-grid{margin-top:10px}.log-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:8px}.rating-input{display:flex;gap:4px}.rating-input .star{background:none;border:none;padding:0 2px;font-size:28px;line-height:1;color:#d0d4da}.rating-input .star.on{color:#f5b301}.thumb-grid{display:flex;gap:8px;flex-wrap:wrap}.thumb{position:relative;width:84px;height:84px;border-radius:8px;overflow:hidden;background:#f0f1f3;flex-shrink:0}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;line-height:1;padding:0}