.studio,.studio-tokens{--paper-page:#e7cdd6;--paper-card:#fbf5f4;--paper-well:#fffdfd;--aged-edge:#e2c9cf;--paper-binding:#f3e4e9;--walnut-ink:#43303a;--pencil-muted:#7e5e68;--marigold:#e0a6bc;--marigold-deep:#c76c8e;--marigold-text:#b23a6a;--washi-rose:#f2b3c8;--sage:#6fa07a;--sage-deep:#487257;--periwinkle:#8487d6;--brick:#c2503b;--brick-soak:#a8412e;--font-display:var(--font-bricolage), "Bricolage Grotesque", system-ui, sans-serif;--font-mono:var(--font-spline-mono), "Spline Sans Mono", ui-monospace, monospace;--font-hand:var(--font-caveat), "Caveat", cursive;--paper-shadow:0 1px 0 #43303a14, 0 12px 26px -10px #43303a3d;--paper-shadow-lift:0 3px 0 #43303a1a, 0 24px 40px -12px #43303a4d;color:var(--walnut-ink);font-family:var(--font-display)}.studio{background-color:var(--paper-page);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M40 26 C42 36 44 38 54 40 C44 42 42 44 40 54 C38 44 36 42 26 40 C36 38 38 36 40 26 Z' fill='%238487D6' opacity='0.15'/%3E%3Cpath d='M124 40 l5 6 l11 -13' fill='none' stroke='%236FA07A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' opacity='0.18'/%3E%3Ccircle cx='104' cy='120' r='6.5' fill='none' stroke='%23C76C8E' stroke-width='2.2' opacity='0.16'/%3E%3Cpath d='M166 150 l2.5 7 l7 2.5 l-7 2.5 l-2.5 7 l-2.5 -7 l-7 -2.5 l7 -2.5 Z' fill='%23C76C8E' opacity='0.14'/%3E%3Ccircle cx='58' cy='152' r='2.6' fill='%238487D6' opacity='0.18'/%3E%3Ccircle cx='178' cy='92' r='2.6' fill='%23C76C8E' opacity='0.16'/%3E%3Cpath d='M22 108 C24 114 25 115 31 117 C25 119 24 120 22 126 C20 120 19 119 13 117 C19 115 20 114 22 108 Z' fill='%236FA07A' opacity='0.13'/%3E%3C/svg%3E"),radial-gradient(circle,#d5b4bc66 1.1px,#0000 1.3px);background-position:0 0,-1px -1px;background-size:200px 200px,26px 26px;min-height:100dvh}.studio .mono,.studio-tokens .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.studio .hand,.studio-tokens .hand{font-family:var(--font-hand)}.studio .ink,.studio-tokens .ink{color:var(--walnut-ink)}.studio .muted,.studio-tokens .muted{color:var(--pencil-muted)}.studio-grain{pointer-events:none;z-index:0;opacity:.035;mix-blend-mode:multiply;position:fixed;inset:0}.paper{background:var(--paper-card);min-width:0;box-shadow:inset 0 0 0 1px #43303a0d, var(--paper-shadow);transform:rotate(var(--tilt,0deg));border-radius:14px;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s;position:relative}.paper:hover,.paper:focus-within{box-shadow:inset 0 0 0 1px #43303a0d, var(--paper-shadow-lift);transform:rotate(0)translateY(-2px)}.paper:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#43303a12 50%,#43303a05 72%,#0000 73%);border-radius:0 0 14px;width:22px;height:22px;position:absolute;bottom:0;right:0}.paper--index{border-radius:6px}.paper--index:after{border-radius:0 0 6px}.paper--sticky{clip-path:polygon(0% 3%,7% 0%,22% 4%,38% 1%,54% 4%,70% 0%,86% 4%,100% 1%,99% 18%,100% 40%,99% 62%,100% 82%,99% 97%,84% 100%,66% 97%,50% 100%,34% 97%,16% 100%,2% 98%,1% 80%,0% 58%,1% 36%,0% 18%);border-radius:4px}.paper--sticky:after{display:none}.paper--graph{background-color:var(--paper-card);background-image:radial-gradient(circle,#7e8fd62e 1px,#0000 1.1px);background-size:18px 18px;border-radius:6px}.paper--graph:after{border-radius:0 0 6px}.paper--chit{border-radius:10px}.paper--chit:after{border-radius:0 0 10px}.paper--plate{box-shadow:inset 0 0 0 1px #43303a0d, 3.5px 3.5px 0 #7e8fd673, var(--paper-shadow)}.paper--plate:hover,.paper--plate:focus-within{box-shadow:inset 0 0 0 1px #43303a0d, 3.5px 3.5px 0 #7e8fd673, var(--paper-shadow-lift)}.well{background:var(--paper-well);border-radius:8px}.rule-gutter{background-image:linear-gradient(var(--brick) 0 100%), repeating-linear-gradient(transparent 0 26px, #7e98b84d 26px 27px);background-position:30px 0,0 8px;background-repeat:no-repeat,repeat;background-size:1.5px 100%,100% 100%}.washi{opacity:.7;height:22px;transform:rotate(var(--washi-tilt,-3deg));--tape:var(--marigold);position:absolute;box-shadow:0 1px #43303a14}.washi:before{content:"";background:var(--tape);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 3px calc(100% - 3px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 3px calc(100% - 3px),#0000 100%)}.washi--rose{--tape:var(--washi-rose)}.washi--sage{--tape:var(--sage)}.washi--peri{--tape:var(--periwinkle)}.washi--marigold{--tape:var(--marigold)}.washi--stripe:after{content:"";opacity:.5;background:repeating-linear-gradient(115deg,#ffffff8c 0 3px,#0000 3px 7px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 3px calc(100% - 3px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 3px calc(100% - 3px),#0000 100%)}.washi--dots:after{content:"";opacity:.55;background-image:radial-gradient(circle,#ffffffb3 1px,#0000 1.4px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 3px calc(100% - 3px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 3px calc(100% - 3px),#0000 100%)}.marker-underline{display:inline-block;position:relative}.marker-underline>svg{z-index:-1;mix-blend-mode:multiply;pointer-events:none;width:calc(100% + 12px);height:14px;position:absolute;bottom:-2px;left:-4px;right:-6px}.marker-underline>svg path{stroke-dasharray:240;stroke-dashoffset:240px;animation:.7s ease-out .15s forwards marker-draw}@keyframes marker-draw{to{stroke-dashoffset:0}}.ink-track{background:#d3c2a0;border-radius:7px;height:13px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #43303a29}.ink-fill{width:var(--soak,0%);background:linear-gradient(90deg, color-mix(in srgb, var(--soak-color,var(--sage)) 66%, #fff 34%) 0%, var(--soak-color,var(--sage)) 72%, var(--soak-deep,var(--sage-deep)) 100%);border-radius:7px;transition:width .75s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.ink-fill:after{content:"";background:var(--soak-deep,var(--sage-deep));filter:blur(2px);opacity:.75;border-radius:42% 58% 52% 48%/50%;width:13px;position:absolute;top:-2px;bottom:-2px;right:-5px}.ledger-ticks{gap:3px;display:flex}.ledger-ticks>i{background:var(--paper-well);height:12px;box-shadow:inset 0 0 0 1.4px var(--aged-edge);border-radius:3px;flex:1}.ledger-ticks>i.on{background:var(--soak-color,var(--sage));box-shadow:inset 0 0 0 1.4px color-mix(in srgb, var(--soak-color,var(--sage)) 70%, var(--walnut-ink) 30%)}.stamp{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--stamp-ink,var(--sage-deep));border:2px dashed;border-radius:9px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;transform:rotate(-2deg);box-shadow:1.5px 1.5px #43303a12}.stamp--paid{--stamp-ink:var(--sage-deep)}.stamp--due{--stamp-ink:var(--marigold-text)}.stamp--over{--stamp-ink:var(--brick-soak)}.stamp--done{--stamp-ink:var(--sage-deep)}.btn{font-family:var(--font-display);border-radius:11px;font-weight:600;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s}.btn:active{transform:scaleY(.94)scaleX(1.03)}.btn--cta{background:var(--marigold);color:var(--walnut-ink);box-shadow:0 2px 0 var(--marigold-deep), 0 8px 16px -8px #c76c8e73}.btn--cta:hover{background:color-mix(in srgb, var(--marigold) 86%, #fff 14%);box-shadow:0 4px 0 var(--marigold-deep), 0 12px 20px -8px #c76c8e80;transform:translateY(-1px)}.btn--ghost{background:var(--paper-well);color:var(--walnut-ink);box-shadow:inset 0 0 0 1.6px var(--aged-edge)}.btn--ghost:hover{box-shadow:inset 0 0 0 1.6px var(--marigold);background:#fff}.btn--danger{background:var(--brick);color:#fff;box-shadow:0 2px 0 var(--brick-soak), 0 8px 16px -8px #a8412e80}.btn--danger:hover{background:#b5472f}.btn[disabled]{opacity:.5;pointer-events:none}.studio :is(a,button,summary,[role=button],[tabindex="0"]):focus-visible,.studio-tokens :is(a,button,summary,[role=button],[tabindex="0"]):focus-visible{outline:3px solid color-mix(in srgb, var(--marigold) 80%, var(--walnut-ink) 0%);outline-offset:2px}.ledger-table{border-collapse:collapse;width:100%;font-family:var(--font-display)}.ledger-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--pencil-muted);border-bottom:1.5px solid var(--aged-edge);white-space:nowrap;padding:7px 12px;font-size:11px;font-weight:700}.ledger-table tbody td{color:var(--walnut-ink);border-bottom:1px dotted var(--aged-edge);vertical-align:middle;padding:10px 12px;font-size:13.5px}.ledger-table tbody tr:last-child td{border-bottom:none}.ledger-table tbody tr{transition:background-color .15s}.ledger-table tbody tr:hover{background:color-mix(in srgb, var(--marigold) 8%, transparent)}.ledger-table .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}@keyframes pip-bob{0%,to{transform:translateY(0) rotate(var(--pip-rot,0deg))}50%{transform:translateY(-3px) rotate(var(--pip-rot,0deg))}}@keyframes pip-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes pip-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}}.pip-bob{transform-origin:bottom;animation:3.4s ease-in-out infinite pip-bob}.pip-eye{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite pip-blink}.pip-wiggle{transform-origin:bottom;animation:.7s ease-in-out pip-wiggle}@keyframes doodle-drift{0%,to{transform:translateY(0) rotate(var(--d-rot,0deg))}50%{transform:translateY(-5px) rotate(var(--d-rot,0deg))}}.doodle{animation:5s ease-in-out infinite doodle-drift}@keyframes paper-settle{0%{opacity:0;transform:translateY(10px) rotate(var(--tilt,0deg)) scale(.99)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}}.settle>*{animation:.5s ease-out backwards paper-settle}.settle>:first-child{animation-delay:40ms}.settle>:nth-child(2){animation-delay:.1s}.settle>:nth-child(3){animation-delay:.16s}.settle>:nth-child(4){animation-delay:.22s}.settle>:nth-child(5){animation-delay:.28s}.settle>:nth-child(6){animation-delay:.34s}.studio.calm,.studio.calm .paper--graph{background-image:none}.studio.calm .studio-grain,.studio.calm .washi,.studio.calm .paper:after,.studio.calm .marker-underline>svg{display:none}.studio.calm .paper{transform:none!important}.studio.calm .settle>*{animation:none!important}.studio.calm{--pencil-muted:#6a4f58;--sage-deep:#3e6750;--marigold-text:#9c2f5a}@media (prefers-reduced-motion:reduce){.studio .paper,.studio .pip-bob,.studio .pip-eye,.studio .pip-wiggle,.studio .doodle,.studio .settle>*,.studio .marker-underline>svg path,.studio .ink-fill,.studio .btn{transition:none!important;animation:none!important}.studio .marker-underline>svg path{stroke-dashoffset:0!important}.studio .paper{transform:rotate(var(--tilt,0deg))!important}.studio [role=switch],.studio [role=switch] *,.studio-tokens [role=switch],.studio-tokens [role=switch] *{transition:none!important;animation:none!important}}@media (max-width:1023px){.studio{background-size:200px 200px,24px 24px}}@media (max-width:767px){.studio .paper{transform:none!important}.studio .paper:hover,.studio .paper:focus-within{transform:translateY(-2px)!important}.studio .washi{height:16px}}