.cc-wrap-outer{--bg:#33221c;--surface:#ffffff;--surface-2:#f2ece1;--white:#ffffff;--border:#e3d8c8;--border-soft:#ebe2d3;--blue:#bcdcec;--blue-bright:#ddeef5;--blue-deep:#3f7fa0;--blue-line:rgba(120,175,200,.4);--blue-tint:#eef7fb;--blue-solid:#5fa8cc;--blue-solid-hover:#4f97ba;--brown:#5a4743;--brown-tint:#efe7e2;--text:#241a16;--text-dim:#7a6a5e;--text-faint:#a79689;--oncanvas-text:#f3ece1;--oncanvas-dim:#c9b8a8;--ochre:#a5762f;--ochre-tint:#f1e6d2;--rust:#af4a2c;--rust-tint:#f6e1d8;--matcha-tint:#e4ecd6;--matcha-deep:#4a6b3a;--hojicha-tint:#ede1cd;--hojicha-deep:#6b4a2a;--energy-tint:#f6e1d8;--energy-deep:#af4a2c;--choc-tint:#e8e0d3;--choc-deep:#4a3826;--radius:10px;--radius-pill:999px;--shadow-sm:0 8px 20px rgba(0,0,0,.32);--shadow-md:0 20px 44px rgba(0,0,0,.38);color-scheme:light}.cc-wrap-outer *{box-sizing:border-box}.cc-wrap-outer{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;margin:0;padding-inline:20px;padding-block:32px 56px}.cc-wrap-outer h1,.cc-wrap-outer h2,.cc-wrap-outer h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;margin:0;text-wrap:balance}.cc-wrap-outer .mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.cc-wrap-outer .wrap{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cc-wrap-outer a{color:var(--brown)}.cc-wrap-outer button{font-family:inherit;cursor:pointer}.cc-wrap-outer ::selection{background:var(--blue-tint);color:var(--text)}.cc-wrap-outer svg.icon{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cc-wrap-outer .accent{font-style:italic;color:var(--blue)}.cc-wrap-outer .ornament-blue{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:2px 0 0}.cc-wrap-outer .ornament-blue .line{height:1px;width:36px;background:linear-gradient(90deg,transparent,rgba(188,220,236,.7))}.cc-wrap-outer .ornament-blue .line.r{background:linear-gradient(270deg,transparent,rgba(188,220,236,.7))}.cc-wrap-outer .ornament-blue .dot{width:4px;height:4px;border-radius:50%;background:var(--blue);flex-shrink:0}.cc-wrap-outer .top{display:flex;flex-direction:column;gap:12px}.cc-wrap-outer .wordmark{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:500;font-size:23px;letter-spacing:.01em;color:var(--blue)}.cc-wrap-outer .top h1{font-size:clamp(28px,4vw,40px);font-weight:500;color:var(--oncanvas-text)}.cc-wrap-outer .top h1 .accent{font-size:1.02em}.cc-wrap-outer .top p{margin:0;color:var(--oncanvas-dim);font-size:15px;max-width:56ch;line-height:1.5}.cc-wrap-outer .row-top{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:880px){.cc-wrap-outer .row-top{grid-template-columns:minmax(300px,380px) 1fr}}.cc-wrap-outer .hero{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;background:var(--surface);border:1px solid var(--blue-line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-md)}.cc-wrap-outer .hero h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;font-family:Inter,sans-serif}.cc-wrap-outer .gauge-box{position:relative;width:100%;max-width:220px;margin:0 auto;aspect-ratio:1/1}.cc-wrap-outer .gauge-box svg{width:100%;height:100%;overflow:visible}.cc-wrap-outer .gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.cc-wrap-outer .gauge-mg{font-size:38px;font-weight:600;line-height:1;color:var(--text)}.cc-wrap-outer .gauge-mg-unit{font-size:13px;color:var(--text-faint);font-weight:500}.cc-wrap-outer .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.cc-wrap-outer .pill.wired{background:var(--rust-tint);color:var(--rust)}.cc-wrap-outer .pill.winding{background:var(--ochre-tint);color:var(--ochre)}.cc-wrap-outer .pill.clear{background:var(--blue-tint);color:var(--blue-deep);border:1px solid var(--blue-line)}.cc-wrap-outer .pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cc-wrap-outer .hero-stats{display:flex;flex-direction:column;gap:14px;width:100%}.cc-wrap-outer .stat-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.cc-wrap-outer .stat{display:flex;flex-direction:column;gap:3px;min-width:100px}.cc-wrap-outer .stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700}.cc-wrap-outer .stat .value{font-size:17px;font-weight:600;color:var(--text)}.cc-wrap-outer .verdict{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--blue-line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);text-align:left;width:100%}.cc-wrap-outer .verdict-icon{width:32px;height:32px;border-radius:50%;background:var(--blue-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:1}.cc-wrap-outer .verdict-text{font-size:14px;color:var(--text-dim);line-height:1.45}.cc-wrap-outer .verdict-text b{color:var(--text);font-weight:700}.cc-wrap-outer .sharebtn{background:var(--blue-solid);color:#fff;border:none;border-radius:var(--radius-pill);padding:12px 22px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.cc-wrap-outer .sharebtn:hover{background:var(--blue-solid-hover)}.cc-wrap-outer .chartpanel{background:var(--surface);border:1px solid var(--blue-line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:6px}.cc-wrap-outer .chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.cc-wrap-outer .legend{display:flex;gap:16px;font-size:12px;color:var(--text-dim);flex-wrap:wrap}.cc-wrap-outer .legend span{display:inline-flex;align-items:center;gap:6px}.cc-wrap-outer .legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.cc-wrap-outer .chart-wrap{position:relative;flex:1;display:flex;align-items:center}.cc-wrap-outer svg.chart{width:100%;height:auto;display:block;overflow:visible}.cc-wrap-outer .tooltip{position:absolute;pointer-events:none;background:var(--surface-2);border:1px solid var(--blue-line);border-radius:var(--radius);padding:7px 10px;font-size:12px;color:var(--text);transform:translate(-50%,-115%);white-space:nowrap;opacity:0;transition:opacity .1s;box-shadow:var(--shadow-sm)}.cc-wrap-outer .tooltip b{color:var(--blue-deep);font-family:IBM Plex Mono,monospace}.cc-wrap-outer .row-three{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:900px){.cc-wrap-outer .row-three{grid-template-columns:.85fr 1.2fr .95fr}}.cc-wrap-outer .panel{background:var(--surface);border:1px solid var(--blue-line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-md)}.cc-wrap-outer .panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cc-wrap-outer .panel h2{font-size:19px;font-weight:500;color:var(--text)}.cc-wrap-outer .panel-sub{margin:6px 0 0;color:var(--text-faint);font-size:12.5px}.cc-wrap-outer .linkbtn{background:none;border:none;color:var(--text-faint);font-size:12.5px;font-weight:600;padding:0}.cc-wrap-outer .linkbtn:hover{color:var(--rust)}.cc-wrap-outer .profilePanel{order:3}.cc-wrap-outer .logPanel{order:1}.cc-wrap-outer .historyPanel{order:2}@media(min-width:900px){.cc-wrap-outer .profilePanel{order:1}.cc-wrap-outer .logPanel{order:2}.cc-wrap-outer .historyPanel{order:3}}.cc-wrap-outer .whenbar{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:9px}.cc-wrap-outer .whenhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.cc-wrap-outer .whenlabel{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700}.cc-wrap-outer .whenpreview{font-size:12.5px;color:var(--brown);font-weight:700;font-family:IBM Plex Mono,monospace}.cc-wrap-outer .chips{display:flex;gap:6px;flex-wrap:wrap}.cc-wrap-outer .chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:var(--radius-pill)}.cc-wrap-outer .chip:hover{border-color:var(--blue)}.cc-wrap-outer .chip.active{background:var(--blue-solid);border-color:var(--blue-solid);color:#fff}.cc-wrap-outer .custom-time-input{margin-top:2px;max-width:160px}.cc-wrap-outer .drinkgroups{display:flex;flex-direction:column;gap:14px}.cc-wrap-outer .optgroup{display:flex;flex-direction:column;gap:8px}.cc-wrap-outer .optgroup-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700}.cc-wrap-outer .fieldlabel{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700;margin-bottom:-4px}.cc-wrap-outer .optiongrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cc-wrap-outer .qbtn{position:relative;display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--radius);padding:9px 12px 9px 9px;color:var(--text);transition:border-color .15s,transform .12s,box-shadow .15s,background .15s}.cc-wrap-outer .qbtn:hover{border-color:var(--blue);transform:translateY(-1px)}.cc-wrap-outer .qbtn.selected{border-color:var(--blue-solid);background:var(--blue-tint)}.cc-wrap-outer .qbtn.selected:after{content:"\2713";position:absolute;top:6px;right:8px;font-size:10px;font-weight:800;color:var(--blue-deep)}.cc-wrap-outer .qtext{display:flex;flex-direction:column;gap:1px;min-width:0}.cc-wrap-outer .qbtn .qname{font-size:13px;font-weight:700;line-height:1.25}.cc-wrap-outer .qbtn .qmg{font-size:11.5px;color:var(--brown);font-family:IBM Plex Mono,monospace;font-weight:600}.cc-wrap-outer .tile{width:38px;height:38px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px}.cc-wrap-outer .tile-sm{width:34px;height:34px;border-radius:var(--radius);padding:7px}.cc-wrap-outer .tile-coffee{background:var(--ochre-tint);color:var(--ochre)}.cc-wrap-outer .tile-tea{background:var(--blue-tint);color:var(--blue-deep)}.cc-wrap-outer .tile-matcha{background:var(--matcha-tint);color:var(--matcha-deep)}.cc-wrap-outer .tile-hojicha{background:var(--hojicha-tint);color:var(--hojicha-deep)}.cc-wrap-outer .tile-energy{background:var(--energy-tint);color:var(--energy-deep)}.cc-wrap-outer .tile-lowcaf{background:var(--blue-tint);color:var(--blue-deep);box-shadow:inset 0 0 0 1.5px var(--blue)}.cc-wrap-outer .tile-choc{background:var(--choc-tint);color:var(--choc-deep)}.cc-wrap-outer .tile-custom{background:var(--blue-tint);color:var(--blue-deep)}.cc-wrap-outer .qtybox{display:none;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:12px}.cc-wrap-outer .qtybox.show{display:block}.cc-wrap-outer .qtybox.qtybox-grid.show{display:grid;grid-template-columns:1fr 96px;gap:8px}.cc-wrap-outer .qtyrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cc-wrap-outer .qtyrow label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700}.cc-wrap-outer .qtyrow input{width:80px;flex:none}.cc-wrap-outer .qtypreview{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--brown);font-weight:700}.cc-wrap-outer .field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700;margin-bottom:4px}.cc-wrap-outer input,.cc-wrap-outer select{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:9px 10px;font-size:13.5px;font-family:Inter,sans-serif}.cc-wrap-outer input:focus,.cc-wrap-outer select:focus{outline:2px solid var(--blue-solid);outline-offset:1px}.cc-wrap-outer .logdrinkbtn{width:100%;background:var(--blue-solid);color:#fff;border:none;border-radius:var(--radius-pill);padding:14px;font-weight:800;font-size:14.5px;letter-spacing:.01em}.cc-wrap-outer .logdrinkbtn:hover:not(:disabled){background:var(--blue-solid-hover)}.cc-wrap-outer .logdrinkbtn:disabled{background:var(--surface-2);color:var(--text-faint);cursor:not-allowed}.cc-wrap-outer .proffield{display:flex;flex-direction:column;gap:6px}.cc-wrap-outer .checkline{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-dim)}.cc-wrap-outer .checkline input{width:16px;height:16px;accent-color:var(--blue-solid)}.cc-wrap-outer .slider-row{display:flex;align-items:center;gap:10px}.cc-wrap-outer .slider-row input[type=range]{accent-color:var(--blue-solid);padding:0;background:transparent}.cc-wrap-outer .slider-val{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--brown);min-width:52px;text-align:right}.cc-wrap-outer .hint{font-size:11.5px;color:var(--text-faint);line-height:1.4}.cc-wrap-outer .log{display:flex;flex-direction:column;max-height:420px;overflow-y:auto}.cc-wrap-outer .log-empty{color:var(--text-faint);font-size:13.5px;padding:8px 0}.cc-wrap-outer .log-row{display:grid;grid-template-columns:66px 36px 1fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border-soft)}.cc-wrap-outer .log-row:last-child{border-bottom:none}.cc-wrap-outer .log-time{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.02em}.cc-wrap-outer .log-name{font-size:13px;font-weight:700}.cc-wrap-outer .log-mg{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--brown);font-weight:600}.cc-wrap-outer .log-del{background:none;border:none;color:var(--text-faint);font-size:18px;line-height:1;padding:2px 6px}.cc-wrap-outer .log-del:hover{color:var(--rust)}.cc-wrap-outer .nudge{display:none;align-items:center;gap:16px;background:var(--blue-tint);border:1px solid var(--blue-line);border-radius:var(--radius);padding:18px 22px}.cc-wrap-outer .nudge.show{display:flex}.cc-wrap-outer .nudge-icon{font-size:26px}.cc-wrap-outer .nudge-body{flex:1;font-size:14px;color:var(--text-dim);line-height:1.5}.cc-wrap-outer .nudge-body b{color:var(--blue-deep)}.cc-wrap-outer .nudge a{background:var(--surface-2);color:var(--blue-deep);border:1px solid var(--blue-line);font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap}.cc-wrap-outer .nudge a:hover{background:var(--blue-solid);color:#fff}.cc-wrap-outer footer{color:var(--oncanvas-dim);font-size:12px;line-height:1.6;border-top:1px solid rgba(188,220,236,.3);padding-top:18px}.cc-wrap-outer .modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a04b3;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.cc-wrap-outer .modal-bg.show{display:flex}.cc-wrap-outer .modal{background:var(--surface);border:1px solid var(--blue-line);border-radius:var(--radius);padding:22px;max-width:380px;width:100%;display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-md)}.cc-wrap-outer .modal h3{font-size:19px}.cc-wrap-outer .modal img{width:100%;border-radius:var(--radius);border:1px solid var(--blue-line);display:block}.cc-wrap-outer .modal-actions{display:flex;gap:8px;flex-wrap:wrap}.cc-wrap-outer .modal-actions button{flex:1;min-width:110px;background:var(--blue-solid);color:#fff;border:none;border-radius:var(--radius-pill);padding:10px 12px;font-weight:700;font-size:13px}.cc-wrap-outer .modal-actions button.secondary{background:var(--blue-tint);color:var(--blue-deep);border:1px solid var(--blue-line)}.cc-wrap-outer .modal-close{align-self:flex-end;background:none;border:none;color:var(--text-faint);font-size:13px}.cc-wrap-outer .modal-close:hover{color:var(--blue-deep)}.cc-wrap-outer .modal-hint{font-size:11.5px;color:var(--text-faint);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/44/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAQ */