:root{--paper:#efe7d7;--cream:#faf6ec;--card:#fff;--ink:#2b2622;--muted:#8a8074;--line:#e7ddca;--nuruk:#c98a3c;--nuruk-soft:#f3e3c6;--amber:#c98a3c;--sky:#5b8aa6;--green:#6f9a5e;--shadow:0 12px 34px #3c2e1424}:root[data-theme=dark]{--paper:#14110c;--cream:#1b1712;--card:#221d17;--ink:#f1ede3;--muted:#9a9082;--line:#322b22;--nuruk:#d99f57;--nuruk-soft:#d99f5729;--amber:#d99f57;--sky:#74b6dc;--green:#86c98e;--shadow:0 16px 40px #0000008c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:var(--cream);width:100%;max-width:480px;min-height:100dvh;box-shadow:var(--shadow);flex-direction:column;margin:0 auto;display:flex;position:relative}.appbar{padding:max(env(safe-area-inset-top), 18px) 20px 14px;background:var(--cream);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:12px;display:flex;position:sticky;top:0}.appbar .title{letter-spacing:-.02em;flex:1;font-size:24px;font-weight:600}.appbar .title.sm{font-size:20px}.appbar .ko{color:var(--muted);font-size:14px;font-weight:400}.appbar a.chev,.appbar button.chev{color:var(--ink);cursor:pointer;background:0 0;border:none;width:22px;font-size:24px;line-height:1;text-decoration:none}.body{flex:1;padding:10px 16px 96px;overflow-y:auto}.card{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:18px;margin-bottom:12px;padding:16px;text-decoration:none;display:block}.batch-name{letter-spacing:-.01em;font-size:16px;font-weight:600}.batch-ko{color:var(--muted);margin-top:2px;font-size:12px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12.5px;display:flex}.meta b{color:var(--ink);font-weight:600}.pill{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:700}.pill.fermenting{color:#8a5a18;background:#c98a3c1f;border-color:#c98a3c73}.pill.straining{color:#2f5e76;background:#5b8aa61f;border-color:#5b8aa673}.pill.done{color:#44662f;background:#6f9a5e1f;border-color:#6f9a5e73}:root[data-theme=dark] .pill.fermenting{color:#e6b06a;background:#d99f571f;border-color:#d99f5766}:root[data-theme=dark] .pill.straining{color:#8ec6e8;background:#74b6dc1f;border-color:#74b6dc66}:root[data-theme=dark] .pill.done{color:#9ad6a1;background:#86c98e1f;border-color:#86c98e66}.bar{background:var(--line);border-radius:999px;height:5px;margin-top:14px;overflow:hidden}.bar>i{background:var(--amber);border-radius:999px;height:100%;display:block}.timeline{margin-top:8px;padding-left:26px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:6px;bottom:6px;left:7px}.tl-item{padding-bottom:20px;position:relative}a.tl-item{color:inherit;text-decoration:none;display:block}a.tl-item:active{opacity:.6}.appbar .edit-link{color:var(--nuruk);font-size:14px;font-weight:600;text-decoration:none}.tl-item:before{content:"";background:var(--cream);border:3px solid var(--nuruk);border-radius:50%;width:13px;height:13px;position:absolute;top:3px;left:-23px;box-shadow:0 0 0 4px #c98a3c26}.tl-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tl-type{font-size:14px;font-weight:600}.tl-type .ko{color:var(--muted);font-weight:400}.tl-when{color:var(--muted);white-space:nowrap;font-size:11.5px}.tl-detail{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45}.tl-detail .temp{color:var(--nuruk);font-weight:600}.stage-badge{letter-spacing:.03em;text-transform:uppercase;color:#8a5a18;background:var(--nuruk-soft);border-radius:999px;margin-top:6px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}:root[data-theme=dark] .stage-badge{color:#e6b06a}.field{margin-bottom:18px}.field label,.field .field-label{color:var(--muted);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field label .ko,.field .field-label .ko{font-weight:400}.input,textarea.input,select.input{background:var(--card);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:13px;padding:13px 15px;font-family:inherit;font-size:14px}textarea.input{resize:vertical;min-height:72px}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 13px;font-family:inherit;font-size:12px}.seg button.sel{background:var(--nuruk);color:#fff;border-color:var(--nuruk);font-weight:700}.seg-fixed{background:var(--nuruk);color:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}.banner{background:var(--nuruk-soft);color:#8a5a18;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.4}:root[data-theme=dark] .banner{color:#e6b06a}.btn{text-align:center;background:var(--nuruk);color:#fff;cursor:pointer;border:none;border-radius:15px;width:100%;margin-top:8px;padding:15px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:block}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--muted);background:0 0}.btn.danger{color:#b3422f;background:0 0;margin-top:0}:root[data-theme=dark] .btn.danger{color:#e8857c}.photo-drop{border:1.5px dashed var(--line);text-align:center;color:var(--muted);cursor:pointer;border-radius:15px;padding:24px;font-size:13px;display:block}.photo-grid{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.photo-thumb{width:96px;height:96px;position:relative}.photo-thumb-view{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.photo-thumb-view img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;height:100%}.photo-thumb-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;line-height:1;display:flex;position:absolute;top:-7px;right:-7px}.photo-thumb-remove:disabled{opacity:.5}.tl-photos{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tl-photo{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:88px;height:88px;display:block}.lightbox{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-backdrop{cursor:zoom-out;background:0 0;border:none;position:absolute;inset:0}.lightbox-img{pointer-events:none;border-radius:8px;max-width:100%;max-height:100%;position:relative}.lightbox-close{top:max(env(safe-area-inset-top), 16px);color:#fff;cursor:pointer;z-index:2;background:#ffffff29;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;line-height:1;position:absolute;right:18px}.fab{background:var(--nuruk);color:#fff;text-align:center;z-index:15;border-radius:15px;width:48px;height:48px;font-size:25px;font-weight:300;line-height:48px;text-decoration:none;position:fixed;bottom:88px;right:max(18px,50vw - 222px);box-shadow:0 6px 18px #c98a3c6b}.tabbar{border-top:1px solid var(--line);background:var(--cream);padding:10px 0 max(env(safe-area-inset-bottom), 18px);display:flex;position:sticky;bottom:0}.tab{text-align:center;color:var(--muted);flex:1;font-size:11px;text-decoration:none}.tab .ico{opacity:.5;margin-bottom:3px;font-size:20px;display:block}.tab.active{color:var(--nuruk);font-weight:600}.tab.active .ico{opacity:1}.sync{color:var(--green);align-items:center;gap:6px;font-size:11px;display:flex}button.sync{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.sync .dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #6f9a5ecc}.sync.pending{color:var(--nuruk)}.sync.pending .dot{background:var(--nuruk);box-shadow:0 0 7px #c98a3ccc}.login{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 34px;display:flex}.logo{background:linear-gradient(160deg, var(--card) 30%, var(--nuruk-soft));border:1px solid var(--line);width:92px;height:92px;box-shadow:var(--shadow);border-radius:28px;justify-content:center;align-items:center;margin-bottom:24px;font-size:46px;display:flex}.login h2{letter-spacing:-.02em;margin-bottom:8px;font-size:26px;font-weight:600}.login p{color:var(--muted);margin-bottom:42px;font-size:14px;line-height:1.55}.gbtn{color:#1f1f1f;border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;text-decoration:none;display:flex;box-shadow:0 2px 8px #0000000d}:root[data-theme=dark] .gbtn{color:#e3e3e3;box-shadow:none;background:#131314;border-color:#5f6368}.section-h{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 4px 12px;font-size:11.5px;font-weight:600}.empty{text-align:center;color:var(--muted);padding:48px 24px;font-size:14px;line-height:1.55}.tmpl-tag{color:#8a5a18;background:var(--nuruk-soft);letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700}:root[data-theme=dark] .tmpl-tag{color:#e6b06a}