:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5eee5;--paper:#fffaf3;--paper-strong:#fffdfa;--ink:#20160f;--muted:#7a6757;--line:#40251421;--accent:#8d4f2b;--accent-dark:#5f321e;--green:#66764a;--green-soft:#eef2e6;--danger:#9d362d;--shadow:0 18px 50px #633c1c14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{color:var(--ink);background:radial-gradient(circle at 0 0,#d9a66b4d,#0000 32rem),radial-gradient(circle at 96% 12%,#66764a29,#0000 26rem),linear-gradient(135deg,#f7efe4 0%,#efe3d5 48%,#f9f4ec 100%);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.appFrame{grid-template-columns:260px minmax(0,1fr);gap:18px;height:100dvh;padding:18px;display:grid;overflow:hidden}.sidebar{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3d6;border-radius:30px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;padding:18px;display:grid}.brandBtn{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brandBtn b{letter-spacing:-.03em;font-size:1.08rem;display:block}.brandBtn small{color:var(--muted);margin-top:1px;font-size:.78rem;display:block}.bean{color:#fff;background:#2f2118;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 22px #2f21182e}.tabs{gap:8px;display:grid}.tab{width:100%;min-height:46px;color:var(--muted);text-align:left;background:#ffffff8c;border:0;border-radius:16px;padding:0 14px;font-weight:850}.tab.active{color:#fff;background:#2f2118;box-shadow:0 10px 24px #2f211829}.sidebarCard{color:#fff;background:#2f2118;border-radius:22px;align-self:end;padding:18px;box-shadow:0 22px 48px #4d281229}.sidebarCard span{color:#d7b28d;font-size:.78rem;font-weight:850;display:block}.sidebarCard strong{letter-spacing:-.06em;margin:9px 0 5px;font-size:1.8rem;display:block}.sidebarCard small{color:#e8d6c1;line-height:1.55}.actions{gap:8px;display:grid}.workspace{grid-template-rows:auto minmax(0,1fr);gap:16px;min-width:0;min-height:0;display:grid;overflow:hidden}.workspaceHead{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3b8;border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:20px 22px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin:0 0 8px;font-size:.72rem;font-weight:850}h1{letter-spacing:-.075em;text-wrap:pretty;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.95}h2{letter-spacing:-.04em;margin:0 0 14px;font-size:1.35rem}h3{letter-spacing:-.03em;margin:0}.lead{max-width:760px;color:var(--muted);margin:12px 0 0;font-size:.98rem;line-height:1.55}.headStats{align-items:stretch;gap:8px;display:flex}.headStats span{background:var(--paper-strong);border:1px solid var(--line);min-width:92px;color:var(--muted);border-radius:18px;place-items:center;gap:2px;padding:12px 14px;font-size:.78rem;font-weight:800;display:grid}.headStats b{color:var(--ink);letter-spacing:-.04em;font-size:1.25rem}.workspaceBody{min-height:0;overflow:hidden}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:100%;min-height:0;box-shadow:var(--shadow);background:#fffaf3d1;border-radius:28px;padding:20px;overflow:hidden}.sectionHead{justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px;display:flex}.stack{align-content:stretch;gap:16px;min-height:0;display:grid}.dashboardGrid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:16px;height:calc(100% - 104px);min-height:0;margin-top:16px;display:grid}.dashboardGrid .widePanel,.dashboardGrid .stack>.panel{height:100%}.dashboardGrid .stack{grid-template-rows:minmax(0,1fr) auto}.primary,.ghost,.danger,.brewTop button{border:0;border-radius:999px;min-height:38px;padding:9px 14px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s}.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #8d4f2b38}.ghost{border:1px solid var(--line);color:var(--accent-dark);background:#ffffff94}.danger{color:var(--danger);background:#9d362d1a;border:1px solid #9d362d2e}.primary:hover,.ghost:hover,.danger:hover,.brewTop button:hover{transform:translateY(-1px)}.fileBtn{justify-content:center;align-items:center;display:inline-flex}.statGrid{grid-template-columns:repeat(4,1fr);gap:12px;height:88px;display:grid}.statCard{border:1px solid var(--line);background:var(--paper-strong);border-radius:22px;min-height:0;padding:14px 16px;box-shadow:0 10px 30px #633c1c0d}.statCard span{color:var(--muted);font-size:.78rem;font-weight:850;display:block}.statCard strong{letter-spacing:-.06em;margin:4px 0 1px;font-size:1.75rem;display:block}.statCard small{color:var(--muted);font-size:.78rem;line-height:1.25}.compactList,.miniCards,.brewList,.cardGrid{gap:12px;display:grid}.compactList,.brewList,.cardGrid{max-height:calc(100% - 112px);padding-right:4px;overflow:auto}.compactItem{border:1px solid var(--line);background:var(--paper-strong);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.compactItem b,.compactItem span{display:block}.compactItem div:first-child span{color:var(--muted);margin-top:3px;line-height:1.35}.compactMetrics{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.compactMetrics span{color:var(--accent-dark);background:#f5ece2;border-radius:999px;padding:6px 9px;font-size:.8rem;font-weight:800}.beanMini{color:#fff;background:#2f2118;border-radius:18px;padding:14px}.beanMini span{color:#d8b489;margin:6px 0;font-weight:800;display:block}.beanMini small{color:#e9d7c5;line-height:1.45}.empty{color:var(--muted);background:#ffffff59;border:1px dashed #40251438;border-radius:18px;gap:6px;padding:20px;display:grid}.empty b{color:var(--ink)}.manageForm{border:1px solid var(--line);background:#ffffff94;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 14px;padding:14px;display:grid}.manageForm.hidden{display:none}label{color:var(--muted);gap:6px;font-size:.82rem;font-weight:780;display:grid}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdfa;border-radius:13px;outline:none;padding:10px 12px}textarea{resize:vertical;max-height:92px}input:focus,textarea:focus,select:focus{border-color:#8d4f2b8c;box-shadow:0 0 0 4px #8d4f2b14}.full{grid-column:1/-1}.formActions{justify-content:flex-end;gap:8px;display:flex}.toolbar{border:1px solid var(--line);background:#ffffff6b;border-radius:18px;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 12px;padding:12px;display:flex}.searchBox{flex:1;min-width:220px}.brewCard,.manageCard{background:var(--paper-strong);border:1px solid var(--line);border-radius:22px;padding:17px}.brewTop{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:.86rem;display:flex}.brewTop>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.brewTop button{color:var(--accent-dark);background:#f8ebe4;min-height:32px;padding:7px 11px}.brewTop .deleteBtn{color:var(--danger)}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.metrics span{border:1px solid var(--line);color:var(--muted);background:#fbf3eb;border-radius:16px;gap:1px;padding:10px;font-size:.74rem;display:grid}.metrics b{color:var(--ink);font-size:.98rem}.pour{color:var(--green);font-weight:850}.cardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.manageCard{align-content:start;gap:8px;display:grid}.manageCard strong{color:var(--accent)}.manageCard p,.manageCard small{color:var(--muted);margin:0;line-height:1.45}.statusLine{justify-content:space-between;align-items:center;gap:10px;display:flex}.status{background:var(--green-soft);width:max-content;color:var(--green);border-radius:999px;align-items:center;padding:5px 9px;font-size:.76rem;font-weight:850;display:inline-flex}.status.done{color:var(--danger);background:#f5e4df}.typePill{width:max-content;color:var(--accent-dark);background:#f5ece2;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:850}.cardActions{gap:7px;margin-top:6px;display:flex}.cardActions button{min-height:34px;padding:7px 11px}.tip ul{color:var(--muted);margin:0;padding-left:18px;font-size:.92rem;line-height:1.65}@media (width<=980px){.appFrame{grid-template-columns:210px minmax(0,1fr);gap:12px;padding:12px}.workspaceHead{grid-template-columns:1fr}.headStats{justify-content:stretch}.headStats span{flex:1;min-width:0}.dashboardGrid{grid-template-columns:1fr}.dashboardGrid .stack{display:none}.statGrid{grid-template-columns:repeat(2,1fr);height:176px}.manageForm,.metrics{grid-template-columns:1fr 1fr}.cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){html,body,#app{overflow:hidden}.appFrame{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sidebar{border-radius:24px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:12px}.tabs{grid-column:1/-1;display:flex;overflow-x:auto}.tab{text-align:center;min-width:max-content}.sidebarCard,.actions{display:none}.workspaceHead{border-radius:22px;padding:14px}h1{font-size:1.75rem}.lead,.headStats{display:none}.manageForm,.metrics,.cardGrid{grid-template-columns:1fr}.sectionHead,.compactItem,.brewTop{flex-direction:column;align-items:flex-start}.panel{border-radius:22px;padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}