@font-face{font-family:Virgil;src:url(/fonts/Virgil.woff2) format("woff2");font-display:swap}@font-face{font-family:Architects Daughter;src:url(/fonts/ArchitectsDaughter.woff2) format("woff2");font-display:swap}@font-face{font-family:Share Tech Mono;src:url(/fonts/ShareTechMono.woff2) format("woff2");font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/SpecialElite.woff2) format("woff2");font-display:swap}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack.woff2) format("woff2");font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen.woff2) format("woff2");font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323.woff2) format("woff2");font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker.woff2) format("woff2");font-display:swap}@font-face{font-family:Luckiest Guy;src:url(/fonts/LuckiestGuy.woff2) format("woff2");font-display:swap}:root{--paper: #f9f6ee;--paper-line: #e8e2d4;--ink: #3a3733;--ink-faint: #8d8677;--accent: #1155cc;--font-hand: "Virgil", "Comic Sans MS", cursive;--paper-pattern: radial-gradient(circle, #d9d2bf 1px, transparent 1.15px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.42 0 0 0 0 0.36 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--paper-pattern-size: 18px 18px, 180px 180px;--hand-case: none;--hand-spacing: 0px;--month-name-size: 17px;--month-name-spacing: 3.5px;--radius-card: 10px 14px 10px 13px / 13px 10px 14px 10px;--radius-tag: 9px 12px 9px 11px / 12px 9px 12px 9px;--radius-tray: 12px 10px 13px 10px;--radius-chip: 10px 12px 10px 11px;--radius-btn: 9px 11px 9px 10px;--radius-swatch: 50% 45% 50% 48%;--edge-radius-left: 0 12px 10px 0 / 0 10px 12px 0;--edge-radius-right: 12px 0 0 10px / 10px 0 0 12px;--tilt-card: -.5deg;--tilt-badge: -2deg;--tilt-tray: .4deg;--tilt-note: -.6deg;--tilt-tag: -1.2deg;--tilt-edge: 1.2deg;--shadow-card: 4px 5px 0 rgba(60, 55, 45, .25);--shadow-pop: 2.5px 3px 0 rgba(60, 55, 45, .22);--shadow-tray: 3px 4px 0 rgba(60, 55, 45, .15);--dash-style: dashed;--hover-line: underline wavy 1px;--focus-bg: rgba(255, 255, 255, .75);--hover-bg: rgba(0, 0, 0, .06);--backdrop: rgba(60, 55, 45, .18);--danger: #a61c00}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-hand);background-image:var(--paper-pattern);background-size:var(--paper-pattern-size)}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:baseline;gap:14px;padding:10px 20px 6px;-webkit-user-select:none;user-select:none;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);flex-wrap:wrap}.toolbar h1{white-space:nowrap}@media(max-width:840px){.toolbar{gap:2px 10px;padding:8px 12px 4px}.toolbar h1,.toolbar .year-nav{font-size:17px}.toolbar button{font-size:13px;padding:2px 6px}.toolbar .today-chip{font-size:12px}.demo-badge{display:none}.settings-card{position:fixed;left:8px;right:8px;top:56px;width:auto;max-height:calc(100vh - 72px);overflow-y:auto}.empty-note{max-width:calc(100vw - 48px)}}.toolbar h1{font-size:26px;margin:0;font-weight:400;letter-spacing:.5px}.toolbar .year-nav{display:flex;align-items:baseline;gap:6px;font-size:22px}.toolbar .today-chip{font-size:13px;color:var(--accent);border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:var(--radius-chip);padding:1px 9px;transform:rotate(var(--tilt-badge));white-space:nowrap}.toolbar .today-chip:hover{background:var(--hover-bg)}.toolbar button{font-family:var(--font-hand);font-size:15px;color:var(--ink);background:none;border:none;cursor:pointer;padding:2px 8px;border-radius:6px;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.toolbar button:hover{background:var(--hover-bg)}.toolbar .spacer{flex:1}.demo-badge{font-size:13px;color:var(--ink-faint);border:1.5px var(--dash-style) var(--ink-faint);border-radius:8px;padding:1px 8px;transform:rotate(var(--tilt-badge))}.board-viewport{position:relative;flex:1;overflow:hidden;cursor:default}.board{position:absolute;top:0;left:0;transform-origin:0 0}.month{position:absolute;display:flex;flex-direction:column}.month-header{display:flex;align-items:center;justify-content:center;font-size:var(--month-name-size);cursor:zoom-in;letter-spacing:var(--month-name-spacing);text-transform:uppercase;padding-left:var(--month-name-spacing)}.month-header:hover{text-decoration:var(--hover-line);text-underline-offset:5px}.day-row{display:flex;align-items:center;position:relative}.day-num{width:24px;flex:none;text-align:right;padding-right:4px;font-size:11px;color:var(--ink-faint);cursor:crosshair;line-height:1;border-radius:4px}.day-num:hover{color:var(--ink);background:var(--hover-bg)}.day-num,.ink-overlay .hit,.pwin-ink .hit,.pwin-ink .ink-event,.board-viewport,.pwin{touch-action:none}.day-num .dow{font-size:8px;opacity:.75;display:block}.day-row.weekend{border-radius:3px}.day-row.today{background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:3px}.day-row.today .day-num{color:var(--ink);font-weight:700}.pwin-chip.now{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.day-input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-hand);font-size:12.5px;color:var(--ink);padding:0 2px;outline:none;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.day-input:focus{background:var(--focus-bg);border-radius:3px}@media(pointer:coarse){.day-input{pointer-events:none}.day-row{cursor:pointer}}@media(max-width:840px){.day-num{font-size:12px;color:color-mix(in srgb,var(--ink-faint) 45%,var(--ink))}.day-num .dow{opacity:.9}}.ink-overlay{position:absolute;top:0;left:0;pointer-events:none}.ink-overlay .hit{pointer-events:stroke;cursor:pointer}@media(pointer:coarse){.board-viewport .ink-overlay *{pointer-events:none!important}}.ink-event{transition:opacity .15s ease}.ink-event.dimmed{opacity:.45}.ink-label{font-family:var(--font-hand);-webkit-user-select:none;user-select:none}.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:10}.editor-card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 22px;width:340px;transform:rotate(var(--tilt-card));text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.editor-card h2{margin:0 0 10px;font-size:18px;font-weight:400}.editor-card input[type=text]{width:100%;font-family:var(--font-hand);font-size:16px;border:none;border-bottom:1.5px var(--dash-style) var(--ink-faint);background:transparent;outline:none;padding:4px 2px;margin-bottom:12px;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);color:var(--ink);caret-color:var(--accent)}.editor-card input[type=text]::placeholder{color:var(--ink-faint);opacity:1}.editor-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.editor-row .label{font-size:13px;color:var(--ink-faint);width:52px}.swatch{width:22px;height:22px;border-radius:var(--radius-swatch);border:2px solid transparent;cursor:pointer;padding:0}.swatch.selected{border-color:var(--ink);transform:scale(1.15) rotate(var(--tilt-badge))}.chip{font-family:var(--font-hand);font-size:13px;padding:2px 10px;border:1.5px solid var(--ink-faint);border-radius:var(--radius-chip);background:transparent;cursor:pointer;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.chip.selected{border-color:var(--ink);background:var(--hover-bg)}.editor-actions{display:flex;justify-content:space-between;margin-top:6px}.editor-actions button{font-family:var(--font-hand);font-size:14px;border:1.5px solid var(--ink);border-radius:var(--radius-btn);background:transparent;color:var(--ink);padding:4px 14px;cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.editor-actions button:hover{background:var(--hover-bg)}.editor-actions .danger{border-color:var(--danger);color:var(--danger)}.motif-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-hand);font-size:13px;padding:3px 10px;border:1.5px solid var(--ink-faint);border-radius:var(--radius-chip);background:transparent;cursor:pointer;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.motif-btn:hover,.motif-btn.open{border-color:var(--ink);background:var(--hover-bg)}.motif-btn .motif-art{width:22px;height:22px}.motif-caret{font-size:10px;color:var(--ink-faint)}.motif-picker{position:absolute;left:12px;right:12px;bottom:54px;max-height:300px;overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:10px;z-index:3}.motif-search{width:100%;font-family:var(--font-hand);font-size:13.5px;border:none;border-bottom:1.5px var(--dash-style) var(--ink-faint);background:transparent;outline:none;padding:3px 2px 5px;margin-bottom:8px;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.motif-pinned{display:flex;gap:6px;margin-bottom:4px}.motif-section{font-family:var(--font-hand);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);margin:8px 0 4px}.motif-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.motif-cell{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border:1.5px solid transparent;border-radius:var(--radius-chip);background:transparent;cursor:pointer;padding:2px}.motif-cell:hover{background:var(--hover-bg)}.motif-cell.selected{border-color:var(--ink)}.motif-cell.wide{flex:1;height:46px;border-color:var(--ink-faint)}.motif-cell.wide.selected{border-color:var(--ink);background:var(--hover-bg)}.motif-cell-label{font-family:var(--font-hand);font-size:12px;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.motif-art{width:34px;height:34px;flex:none}.motif-empty{font-family:var(--font-hand);font-size:16px;color:var(--ink-faint)}.motif-none{grid-column:1 / -1;font-family:var(--font-hand);font-size:13px;color:var(--ink-faint);padding:8px 2px}.pop-anchor{position:relative;display:inline-flex}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8}.lookbook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:12;animation:lookbook-in .18s ease-out}@keyframes lookbook-in{0%{opacity:0}to{opacity:1}}.lookbook-panel{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 20px 20px;width:min(1080px,calc(100vw - 48px));max-height:86vh;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lookbook-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.lookbook-title{font-family:var(--font-hand);font-size:19px;letter-spacing:var(--hand-spacing);text-transform:var(--hand-case);color:var(--ink)}.lookbook-close{border:none;background:none;font-family:var(--font-hand);font-size:20px;color:var(--ink-faint);cursor:pointer;line-height:1}.lookbook-close:hover{color:var(--ink)}.lookbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.look-card{display:flex;flex-direction:column;gap:2px;padding:0 0 8px;border:2px solid var(--ink-faint);border-radius:var(--radius-card);cursor:pointer;overflow:hidden;text-align:center;transition:transform .14s ease,box-shadow .14s ease}.look-card:hover{transform:translateY(-2px) rotate(var(--tilt-badge));box-shadow:var(--shadow-pop)}.look-card.active{box-shadow:var(--shadow-pop)}.look-card-art{width:100%;display:block}.look-card-name{font-size:17px}.look-card-check{font-size:13px}.settings-card{position:absolute;top:calc(100% + 8px);left:0;z-index:9;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:8px;width:320px;font-family:var(--font-hand);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.settings-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.settings-row .label,.settings-block .label{font-size:12px;color:var(--ink-faint);width:100%;margin-bottom:2px}.settings-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:10px;padding-top:8px;border-top:1.5px var(--dash-style) var(--paper-line)}.settings-note{font-size:11.5px;color:var(--ink-faint);line-height:1.35}.settings-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink);cursor:pointer}.chip.danger-armed{border-color:var(--danger);color:var(--danger)}body.adjusting,body.adjusting *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}body.adjusting .ink-overlay *,body.adjusting .pwin-ink *{pointer-events:none!important}body.adjusting .day-input{pointer-events:none}.landing{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--paper);background-image:var(--paper-pattern);background-size:var(--paper-pattern-size);color:var(--ink);font-family:var(--font-hand);letter-spacing:var(--hand-spacing)}.landing-bar{display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:0 auto;padding:22px 28px 0}.landing-mark{font-size:21px;text-transform:var(--hand-case)}.landing-open,.landing-secondary{font-family:var(--font-hand);font-size:15px;border:1.5px solid var(--ink);border-radius:var(--radius-btn);background:transparent;color:var(--ink);padding:7px 16px;cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.landing-open:hover,.landing-secondary:hover{background:var(--hover-bg)}.landing-primary{font-family:var(--font-hand);font-size:15px;border:2px solid var(--accent);border-radius:var(--radius-btn);background:var(--accent);color:var(--paper);padding:7px 18px;cursor:pointer;box-shadow:var(--shadow-pop);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.landing-primary:hover{filter:brightness(1.08)}.landing-hero{max-width:1140px;margin:0 auto;padding:72px 28px 30px;text-align:center}.landing-hero h1{font-size:clamp(34px,5.2vw,56px);font-weight:400;margin:0 0 18px;text-wrap:balance}.landing-sub{font-size:18px;line-height:1.6;max-width:620px;margin:0 auto 26px;color:var(--ink)}.landing-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.landing-swatches{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 22px;flex-wrap:wrap}.landing-swatches-label{font-size:14px;color:var(--ink-faint);margin-right:2px}.landing-swatch{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 13px;font-size:14px;border:1.5px solid var(--ink-faint);border-radius:var(--radius-chip);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.landing-swatch:hover{transform:translateY(-2px);border-color:var(--ink)}.landing-swatch.active{border-color:var(--ink);border-width:2px;box-shadow:var(--shadow-pop)}.landing-cta-note{font-size:13.5px;color:var(--ink-faint);margin:0}.landing-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:28px;text-align:left}.landing-shot.small{margin:0;transform:none}.landing-shot figcaption{font-size:13.5px;line-height:1.45;color:var(--ink-faint);padding:9px 12px 10px}.landing-shot{margin:34px auto 0;max-width:1040px;border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;background:var(--paper)}.landing-shot img{display:block;width:100%}.landing-shot.hero{transform:rotate(-.4deg)}.landing-shot.tilt-l{transform:rotate(-.7deg)}.landing-shot.tilt-r{transform:rotate(.6deg)}.landing-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:1040px;margin:64px auto 0;padding:0 28px}.landing-card{border:1.5px solid var(--ink-faint);border-radius:var(--radius-card);padding:18px 20px;background:color-mix(in srgb,var(--paper) 88%,white);text-align:left}.landing-card h3{margin:0 0 8px;font-size:18px;font-weight:400}.landing-card p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink)}.landing-section{max-width:1040px;margin:84px auto 0;padding:0 28px;text-align:center}.landing-section h2,.landing-split h2,.landing-final h2{font-size:clamp(26px,3.4vw,36px);font-weight:400;margin:0 0 12px;text-wrap:balance}.landing-lede{font-size:16.5px;line-height:1.6;max-width:640px;margin:0 auto;color:var(--ink)}.landing-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1140px;margin:84px auto 0;padding:0 28px;text-align:center}.landing-privacy{max-width:760px;margin:90px auto 0;padding:22px 28px;border:1.5px var(--dash-style) var(--ink-faint);border-radius:var(--radius-card);text-align:center;font-size:15.5px;line-height:1.6}.landing-privacy p{margin:0}.landing-final{text-align:center;margin:90px auto 0;padding:0 28px}.landing-final h2{margin-bottom:20px}.landing-foot{text-align:center;color:var(--ink-faint);font-size:13px;padding:70px 0 30px}.landing-privacy a,.landing-foot a{color:inherit;text-underline-offset:3px}.outbox-chip{position:fixed;left:18px;bottom:20px;background:var(--paper);border:1.5px solid var(--danger);border-radius:var(--radius-tag);color:var(--danger);font-family:var(--font-hand);font-size:13px;padding:4px 12px;cursor:pointer;box-shadow:var(--shadow-pop);z-index:15;transform:rotate(var(--tilt-badge));text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:16}.welcome-card{background:var(--paper);background-image:var(--paper-pattern);background-size:var(--paper-pattern-size);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);width:min(480px,calc(100vw - 48px));padding:22px 26px;font-family:var(--font-hand);color:var(--ink);transform:rotate(var(--tilt-card));text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.welcome-card h2{margin:0 0 10px;font-size:22px;font-weight:400}.welcome-card p{margin:0 0 10px;font-size:14.5px;line-height:1.5}.welcome-privacy{color:var(--ink-faint)}.welcome-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.welcome-actions button{font-family:var(--font-hand);font-size:14px;border:1.5px solid var(--ink);border-radius:var(--radius-btn);background:transparent;color:var(--ink);padding:6px 14px;cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.welcome-actions button:hover{background:var(--hover-bg)}.welcome-actions .welcome-primary{border-width:2px;border-color:var(--accent);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.no-motion *,.no-motion *:before,.no-motion *:after{transition:none!important;animation:none!important}.series-note{font-size:12px;color:var(--ink-faint);margin:-4px 0 8px;transform:rotate(var(--tilt-note))}.stage{position:relative;flex:1;display:flex;min-height:0;overflow:hidden}.board-viewport{transition:transform .32s ease,opacity .28s ease}.stage.win-open .board-viewport{transform:scale(1.05);opacity:0}.pwin{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--paper);background-image:var(--paper-pattern);background-size:var(--paper-pattern-size);transform-origin:50% 42%;opacity:0;transform:scale(.955);transition:transform .32s cubic-bezier(.3,.8,.3,1),opacity .28s ease}.pwin.settled{opacity:1;transform:none}.pwin.closing{opacity:0;transform:scale(.955)}.pwin-nav{position:relative;display:flex;align-items:center;gap:10px;padding:0 20px;font-family:var(--font-hand);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.pwin-nav button{font-family:var(--font-hand);font-size:13px;color:var(--ink);background:none;border:1.5px solid transparent;border-radius:var(--radius-chip);padding:2px 8px;cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.pwin-nav button:hover{background:var(--hover-bg)}.pwin-nav .pwin-back{border-color:var(--ink)}.pwin-step{font-size:16px}.pwin-strip{display:flex;gap:2px;flex:1;justify-content:center;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.pwin-strip::-webkit-scrollbar{display:none}@media(max-width:840px){.pwin-strip{justify-content:flex-start}.pwin-chip{flex:none}}.pwin-nav .pwin-chip{color:var(--ink-faint);font-size:11.5px;padding:2px 6px;transition:background-color .26s ease,color .26s ease,border-color .26s ease}.pwin-nav .pwin-chip.in-window{background:var(--hover-bg);color:var(--ink)}.pwin-nav .pwin-chip.focal{border-color:var(--ink)}.pwin-nav .pwin-chip.wrap{border-style:dashed;border-color:var(--ink-faint);color:var(--ink)}.pwin-col-year{margin-left:8px;font-size:11px;color:var(--ink-faint);letter-spacing:1px}.pwin-year{font-size:15px;color:var(--ink-faint)}.pwin-cols{position:absolute;overflow:hidden}.pwin-cols.scroll{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pwin-track{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .36s cubic-bezier(.33,.72,.22,1)}.pwin-track.instant{transition:none}.pwin-col{position:absolute;top:0;border:1.5px solid var(--ink-faint);border-radius:var(--radius-card);background:color-mix(in srgb,var(--paper) 90%,white);overflow:visible}.pwin-col-head{position:relative}.pwin-col-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.pwin-col-name{position:relative}.pwin-col.focal{border-color:var(--ink);box-shadow:var(--shadow-pop)}.pwin-col-head{display:flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:var(--month-name-spacing);text-transform:uppercase;border-bottom:1.5px var(--dash-style) var(--paper-line)}.pwin-col .day-row{border-bottom:1px solid color-mix(in srgb,var(--paper-line) 55%,transparent)}.pwin-col .day-num{width:30px;font-size:12px}.pwin-col .day-input{font-size:14.5px}.pwin-ink{position:absolute;top:0;overflow:visible;pointer-events:none}.pwin-ink .ink-event{pointer-events:all}.pwin-label{position:absolute;font-family:var(--font-hand);font-size:12.5px;line-height:1.16;white-space:normal;overflow-wrap:break-word;cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);text-shadow:0 0 4px var(--paper),0 0 6px var(--paper),0 0 8px var(--paper);z-index:2}.drag-chip{position:fixed;top:62px;left:50%;transform:translate(-50%) rotate(var(--tilt-badge));background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-tag);font-family:var(--font-hand);font-size:13px;color:var(--ink);padding:3px 12px;box-shadow:var(--shadow-pop);z-index:15;pointer-events:none;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.board-anim{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .19s ease,opacity .19s ease}.board-anim.out-left{transform:translate(-64px);opacity:0}.board-anim.out-right{transform:translate(64px);opacity:0}.board-anim.enter-right{transition:none;transform:translate(64px);opacity:0}.board-anim.enter-left{transition:none;transform:translate(-64px);opacity:0}.empty-note{position:absolute;top:24%;left:50%;transform:translate(-50%) rotate(var(--tilt-note));background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:10px 16px;font-family:var(--font-hand);font-size:14px;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);pointer-events:none;z-index:4}.drag-hint{position:fixed;top:92px;left:40px;display:flex;align-items:flex-start;gap:8px;max-width:240px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:9px 10px 9px 8px;font-family:var(--font-hand);font-size:13.5px;line-height:1.4;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);transform:rotate(var(--tilt-card));z-index:5}.drag-hint-arrow{width:28px;height:33px;flex:none;margin-top:3px;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.drag-hint button{border:none;background:none;color:var(--ink-faint);font-family:var(--font-hand);font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.drag-hint button:hover{color:var(--ink)}.undo-toast{position:fixed;left:50%;bottom:26px;display:flex;align-items:center;gap:12px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:8px 16px;font-family:var(--font-hand);font-size:14px;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);transform:translate(-50%) rotate(var(--tilt-note));animation:undo-toast-in .16s ease-out;z-index:20}@keyframes undo-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px) rotate(var(--tilt-note))}to{opacity:1;transform:translate(-50%) rotate(var(--tilt-note))}}.dismiss-toast{bottom:84px}.undo-toast button{font-family:var(--font-hand);font-size:14px;border:1.5px solid var(--ink);border-radius:var(--radius-btn);background:transparent;color:var(--ink);padding:2px 12px;cursor:pointer;white-space:nowrap;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.undo-toast button:hover{background:var(--hover-bg)}.toolbar .view-active{text-decoration:var(--hover-line);text-underline-offset:5px}.edge-tab{position:absolute;top:50%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--font-hand);background:var(--paper);border:1.6px solid var(--ink);color:var(--ink);padding:12px 12px 10px;cursor:pointer;box-shadow:var(--shadow-pop);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.edge-tab.left{left:-2px;transform:translateY(-50%) rotate(var(--tilt-edge));border-radius:var(--edge-radius-left)}.edge-tab.right{right:-2px;transform:translateY(-50%) rotate(calc(-1 * var(--tilt-edge)));border-radius:var(--edge-radius-right)}.edge-tab:hover{background:color-mix(in srgb,var(--paper) 88%,white)}.edge-tab.peek{transition:transform .22s ease}.edge-tab.left.peek{transform:translateY(-50%) rotate(var(--tilt-edge)) translate(calc(-100% + 14px))}.edge-tab.right.peek{transform:translateY(-50%) rotate(calc(-1 * var(--tilt-edge))) translate(calc(100% - 14px))}.edge-tab.left.peek:hover,.edge-tab.left.peek:focus-visible{transform:translateY(-50%) rotate(var(--tilt-edge)) translate(0)}.edge-tab.right.peek:hover,.edge-tab.right.peek:focus-visible{transform:translateY(-50%) rotate(calc(-1 * var(--tilt-edge))) translate(0)}.edge-tab-year{font-size:17px}.edge-tab-hint{font-size:11px;color:var(--ink-faint)}.edge-tab.left.bump{animation:bump-left .4s ease}.edge-tab.right.bump{animation:bump-right .4s ease}@keyframes bump-left{0%,to{transform:translateY(-50%) rotate(var(--tilt-edge)) translate(0)}35%{transform:translateY(-50%) rotate(calc(var(--tilt-edge) + .8deg)) translate(7px)}70%{transform:translateY(-50%) rotate(calc(var(--tilt-edge) - .4deg)) translate(2px)}}@keyframes bump-right{0%,to{transform:translateY(-50%) rotate(calc(-1 * var(--tilt-edge))) translate(0)}35%{transform:translateY(-50%) rotate(calc(-1 * var(--tilt-edge) - .8deg)) translate(-7px)}70%{transform:translateY(-50%) rotate(calc(-1 * var(--tilt-edge) + .4deg)) translate(-2px)}}.hover-tag{position:fixed;z-index:20;pointer-events:none;background:var(--paper);border:1.6px solid var(--ink);border-radius:var(--radius-tag);box-shadow:var(--shadow-pop);padding:5px 12px 6px;max-width:300px;display:flex;flex-direction:column;line-height:1.25;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.hover-tag-title{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-tag-dates{font-size:12px;color:var(--ink-faint)}.tray.welcome{border:2px solid var(--accent);box-shadow:var(--shadow-card);width:330px}.tray.welcome>.tray-header{color:var(--accent);font-weight:700}.tray-addall{display:block;width:calc(100% - 20px);margin:2px 10px 8px;padding:6px 10px;font-family:var(--font-hand);font-size:13px;color:var(--paper);background:var(--accent);border:none;border-radius:var(--radius-btn);cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.tray-addall:disabled{opacity:.6;cursor:default}.empty-note-more{display:block;margin-top:4px;color:var(--ink-faint);font-size:13px}.land-rail{display:flex;flex-direction:column;flex:none;width:210px;min-height:0;border-left:1.5px var(--dash-style) var(--paper-line);background:var(--paper);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.land-rail>*{flex:0 0 auto}.app.cockpit .tray,.app.cockpit .rotate-hint{display:none!important}.toolbar.rail{flex-direction:column;align-items:stretch;gap:8px;padding:12px 12px 6px;border-bottom:1.5px var(--dash-style) var(--paper-line)}.toolbar.rail h1{font-size:20px;line-height:1.05}.rail-tools-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar.rail .year-nav{font-size:20px}.rail-more{position:absolute;top:calc(100% + 4px);left:0;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:6px;min-width:150px}.rail-more button{width:100%;text-align:left}.land-sec{display:flex;flex-direction:column;min-height:0;padding:10px 12px}.land-sec+.land-sec{border-top:1.5px var(--dash-style) var(--paper-line)}.land-label{font-family:var(--font-hand);font-size:12px;color:var(--ink-faint);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);margin-bottom:6px}.land-looks{display:flex;flex-wrap:wrap;gap:6px}.land-look{font-size:13px;color:var(--ink);background:none;border:1.5px solid var(--paper-line);border-radius:var(--radius-chip);padding:3px 9px;cursor:pointer}.land-look.active{border-color:var(--accent);color:var(--accent)}.land-sug-head{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.land-addall{align-self:flex-start;font-family:var(--font-hand);font-size:13px;color:var(--paper);background:var(--accent);border:none;border-radius:var(--radius-btn);padding:4px 10px;cursor:pointer;text-transform:var(--hand-case)}.land-sug ul{list-style:none;margin:0;padding:0}.land-sug li{display:flex;align-items:center;gap:6px;padding:6px 2px;border-top:1.5px var(--dash-style) var(--paper-line);font-size:13px}.rotate-hint{display:none}@media(pointer:coarse)and (orientation:portrait)and (max-width:840px){.rotate-hint{display:flex;align-items:center;justify-content:center;position:absolute;left:32px;right:32px;top:28px;padding:10px;color:var(--ink-faint);font-family:var(--font-hand);font-size:14px;text-align:center;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);border:1.5px var(--dash-style) var(--ink-faint);border-radius:var(--radius-card);pointer-events:none}.stage.win-open .rotate-hint{display:none}}.synced-note{position:fixed;top:58px;right:18px;max-width:320px;background:var(--paper);border:1.5px solid var(--accent);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);padding:9px 30px 9px 14px;font-family:var(--font-hand);font-size:13.5px;color:var(--ink);text-transform:var(--hand-case);letter-spacing:var(--hand-spacing);transform:rotate(var(--tilt-note));z-index:6}.synced-note-sub{display:block;margin-top:3px;font-size:12px;color:var(--ink-faint)}.synced-note button{position:absolute;top:4px;right:6px;border:none;background:none;color:var(--ink-faint);font-family:var(--font-hand);font-size:15px;cursor:pointer;padding:2px}.tray{position:fixed;right:18px;bottom:16px;width:300px;background:var(--paper);border:1.5px var(--dash-style) var(--ink-faint);border-radius:var(--radius-tray);box-shadow:var(--shadow-tray);font-size:13px;z-index:5;transform:rotate(var(--tilt-tray));text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.tray-header{width:100%;text-align:left;font-family:var(--font-hand);font-size:14px;background:none;border:none;color:var(--ink);padding:8px 12px;cursor:pointer;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.tray ul{list-style:none;margin:0;padding:0 8px 8px;max-height:240px;overflow-y:auto}.tray li{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px}.tray li:hover{background:var(--hover-bg)}.tray-main{flex:1;min-width:0;display:flex;flex-direction:column}.tray-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-sub{color:var(--ink-faint);font-size:11px}.tray-group{border-top:1.5px var(--dash-style) var(--paper-line);margin-top:4px;padding-top:6px}.tray-group-toggle{flex:1;text-align:left;font-family:var(--font-hand);font-size:13px;background:none;border:none;color:var(--ink);cursor:pointer;padding:0;text-transform:var(--hand-case);letter-spacing:var(--hand-spacing)}.tray-act{font-family:var(--font-hand);background:none;border:none;cursor:pointer;color:var(--ink);padding:0 3px;font-size:14px}.tray-act:hover{transform:scale(1.3)}@media print{.toolbar{display:none}}