@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#20383a;background:#f4f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100svh;padding:30px 20px 128px;background:radial-gradient(circle at 90% 0%,#e8efe7 0,transparent 34%),#f4f0e8}.topbar,.stats,.status-message,.action-area{width:min(100%,540px);margin-inline:auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow,.section-label{color:#a46b52;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 6px}h1{font:700 29px/1 Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0}.period-control{display:grid;gap:5px;color:#73817c;font-size:11px;font-weight:600;text-align:right}.period-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid #b9c3ba;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2320383a' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right center;color:#20383a;font-size:14px;font-weight:700;padding:0 18px 7px 0}.stats{margin-top:52px}.summary-row{align-items:end;border-bottom:1px solid #cdd4cb;display:flex;justify-content:space-between;padding-bottom:20px}.total-count{font:700 76px/.8 Space Grotesk,sans-serif;letter-spacing:-.08em;margin:0}.period-label{color:#73817c;font-size:13px;padding-bottom:4px}.category-list{padding-top:10px}.category-row{align-items:center;border-bottom:1px solid #dce0d9;display:flex;gap:14px;min-height:67px}.category-row span:not(.category-icon){font-size:16px;font-weight:600}.category-row strong{font:600 22px Space Grotesk,sans-serif;margin-left:auto}.category-icon{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 34px;font:700 14px Space Grotesk,sans-serif;height:34px;justify-content:center}.sea{background:#c7e2df;color:#27706e}.sun{background:#f2d98f;color:#8a641b}.coral{background:#efc1ad;color:#99533d}.mint{background:#c9dfc8;color:#4b7953}.status-message{color:#73817c;font-size:13px;margin-top:26px;text-align:center}.action-area{bottom:0;left:0;padding:0 20px 20px;position:fixed;right:0;z-index:2}.add-button{align-items:center;background:#20383a;border:0;border-radius:8px;box-shadow:0 10px 24px #20383a2b;color:#fff;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;min-height:58px;width:100%}.add-button:active{transform:translateY(1px)}.plus{font-size:25px;font-weight:400;line-height:1}.marker-picker{background:#fffdf9;border:1px solid #e0e0d8;border-radius:12px;box-shadow:0 16px 40px #20383a24;margin-bottom:13px;padding:18px;position:relative}.bubble-tip{background:#fffdf9;border-bottom:1px solid #e0e0d8;border-right:1px solid #e0e0d8;bottom:-7px;height:13px;position:absolute;right:34px;transform:rotate(45deg);width:13px}.picker-heading{display:flex;justify-content:space-between;margin-bottom:14px;position:relative}.picker-heading>span:first-child{font:600 17px Space Grotesk,sans-serif}.picker-hint{color:#87918b;font-size:11px}.category-grid{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);position:relative}.category-choice{align-items:center;background:#f4f0e8;border:0;border-radius:8px;color:#20383a;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;padding:12px 4px 10px}.category-choice:disabled{cursor:wait;opacity:.55}.category-choice .category-icon{height:32px;flex-basis:32px}@media(min-width:600px){.app-shell{padding-top:50px}.action-area{padding-bottom:28px}}