/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}@font-face{font-family:SSRONET;src:url(/fonts/ssronet-handwritten.woff2)format("woff2");font-display:swap}@font-face{font-family:KimBold;src:url(/fonts/kim-bold.woff2)format("woff2");font-display:swap}:root{--ink:#282820;--paper:#fdfdfb;--pink:#efc3c2;--blue:#b9dedc;--yellow:#e1dba6}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#e7e7e5;margin:0}body{font-synthesis:weight;font-family:SSRONET,Malgun Gothic,sans-serif;font-weight:700}button,input,textarea{color:inherit;font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.site-stage{background:#e8e8e6;place-items:center;min-height:100dvh;display:grid;overflow:hidden}.app-frame{background:var(--paper);width:min(100vw,440px);height:100dvh;max-height:930px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 18px 60px #0000001f}.journal-header{height:calc(270px + env(safe-area-inset-top,0px));padding:calc(47px + env(safe-area-inset-top,0px)) 26px 4px;border-bottom:0;grid-template-columns:1.12fr .88fr;gap:20px;display:grid;position:relative;transform:rotate(-.15deg)}.journal-header:after{content:"";background:var(--ink);clip-path:polygon(0 28%,9% 19%,18% 34%,29% 18%,41% 31%,52% 17%,65% 35%,77% 21%,89% 32%,100% 20%,100% 76%,89% 68%,78% 82%,65% 69%,53% 84%,40% 67%,27% 80%,14% 66%,0 78%);height:6px;position:absolute;bottom:-2px;left:7px;right:7px}.calendar-block{align-self:start}.calendar-nav{grid-template-columns:28px 1fr 28px;align-items:center;height:30px;display:grid}.calendar-nav button{color:#0000;background:0 0;border:0;width:22px;height:29px;padding:0;position:relative}.calendar-nav button:before{content:"";border:4px solid var(--ink);border-top:0;border-right:0;border-radius:2px;position:absolute;inset:5px 4px;transform:rotate(45deg)skew(-6deg,-6deg)}.calendar-nav button:last-child:before{transform:rotate(225deg)skew(-6deg,-6deg)}.week-labels{color:#dd9fa8;text-align:center;border-bottom:0;grid-template-columns:repeat(7,1fr);align-items:end;padding:0 1px 6px;font-family:KimBold,sans-serif;font-size:14px;display:grid;position:relative}.week-labels:after{content:"";clip-path:polygon(0 31%,15% 18%,29% 35%,46% 20%,62% 38%,79% 21%,100% 35%,100% 78%,80% 69%,63% 83%,46% 66%,29% 81%,14% 68%,0 80%);background:#e4aeb3;height:4px;position:absolute;bottom:0;left:0;right:0}.mini-calendar{grid-template-columns:repeat(7,1fr);gap:5px 1px;padding-top:5px;display:grid}.mini-calendar button,.mini-calendar span{text-align:center;background:0 0;border:0;min-width:0;height:20px;padding:0;font-family:KimBold,sans-serif;font-size:13px;line-height:20px;position:relative}.mini-calendar button.active:after{content:"";border:3px solid var(--ink);border-radius:43% 56% 46% 52%/55% 45% 57% 43%;position:absolute;inset:-3px -1px;transform:rotate(-7deg)}.mini-calendar button.current{color:#d48791}.mini-calendar button.has-record:before{content:"";clip-path:polygon(0 30%,20% 11%,43% 28%,65% 8%,100% 25%,93% 78%,69% 64%,45% 87%,19% 68%,4% 85%);background:#d98f9a;border-radius:50%;height:3px;position:absolute;bottom:-2px;left:22%;right:22%}.header-tools{padding-top:3px}.tool-row{justify-content:space-between;align-items:center;gap:13px;display:flex}.today-sketch{border:3px solid var(--ink);background:var(--yellow);letter-spacing:1px;border-radius:3px 7px 2px 5px/5px 3px 6px 2px;min-width:89px;height:40px;padding:0 9px 4px;font-family:KimBold,sans-serif;font-size:27px;font-weight:800;line-height:31px;transform:rotate(-1deg);box-shadow:2px 2px #282820e6,inset 0 -1px #2828202e}.today-sketch:active{transform:rotate(-1deg)translateY(2px)}.menu-sketch{background:0 0;border:0;align-content:center;gap:5px;width:49px;height:42px;padding:5px 2px;display:grid}.menu-sketch i{background:var(--ink);clip-path:polygon(0 18%,13% 6%,29% 16%,48% 5%,67% 17%,83% 7%,100% 15%,100% 85%,84% 94%,65% 83%,47% 95%,29% 84%,12% 94%,0 83%);border-radius:2px 1px/1px 2px;width:39px;height:7px;display:block;transform:rotate(-1deg)}.menu-sketch i:nth-child(2){width:37px;margin-left:2px;transform:rotate(.5deg)}.menu-sketch i:nth-child(3){width:39px;margin-left:0;transform:rotate(-.5deg)}.year-month{letter-spacing:1px;white-space:nowrap;gap:12px;margin-top:9px;font-family:KimBold,sans-serif;font-size:39px;line-height:1;display:flex}.friend-row{gap:7px;margin-top:9px;display:flex}.friend-row button{--avatar:var(--pink);border:3px solid var(--ink);background:var(--avatar);border-radius:45% 55% 47% 53%/52% 44% 56% 48%;width:48px;height:48px;transition:translate .18s,box-shadow .18s;position:relative;overflow:hidden;transform:rotate(-2deg)}.friend-row button:nth-child(2){transform:rotate(2deg)}.friend-row button:nth-child(3){transform:rotate(-1deg)}.friend-row button.active{box-shadow:0 5px 0 var(--ink);translate:0 -5px}.friend-row button span{border:3px solid var(--ink);background:var(--paper);border-radius:50%;width:17px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.friend-row button i{border:3px solid var(--ink);background:var(--paper);border-radius:50% 50% 0 0;height:30px;position:absolute;bottom:-10px;left:6px;right:6px}.friend-row .friend-empty,.friend-row .friend-overflow{background:var(--yellow);place-items:center;font-family:KimBold,sans-serif;font-size:21px;line-height:1;display:grid;overflow:visible}.friend-row .friend-empty{background:var(--yellow);white-space:nowrap;border-radius:3px 6px 2px 5px/5px 2px 6px 3px;width:148px;height:42px;padding:0 9px 2px;font-family:KimBold,sans-serif;font-size:20px;font-weight:800;transform:rotate(-.2deg);box-shadow:2px 2px #282820e6,inset 0 -1px #2828202e}.friend-row .friend-empty:active{transform:rotate(-.2deg)translateY(2px)}.friend-banner{z-index:6;top:calc(245px + env(safe-area-inset-top,0px));border:2px solid var(--ink);background:var(--yellow);align-items:center;gap:9px;padding:5px 9px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)rotate(-1deg)}.friend-banner button{border:0;border-left:1px solid var(--ink);background:0 0;padding:2px 5px;font-size:10px}.record-track{height:calc(100% - 270px - env(safe-area-inset-top,0px));overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:flex;position:relative;overflow:auto hidden}.record-track::-webkit-scrollbar{display:none}.day-sheet::-webkit-scrollbar{display:none}.day-sheet{scroll-snap-align:start;scrollbar-width:none;background:#fff;border-right:0;flex:0 0 58.8%;min-width:0;height:100%;position:relative;overflow-y:auto}.day-sheet:after{content:"";z-index:5;background:var(--ink);pointer-events:none;clip-path:polygon(28% 0,72% 0,66% 8%,80% 17%,65% 28%,78% 39%,64% 50%,76% 62%,63% 74%,78% 86%,68% 100%,25% 100%,34% 87%,20% 75%,35% 63%,22% 51%,36% 40%,21% 29%,34% 17%,23% 8%);width:6px;position:absolute;top:8px;bottom:10px;right:-2px}.day-sheet>header{z-index:3;background:#fffffff2;justify-content:space-between;align-items:flex-start;height:72px;padding:8px 13px 5px 15px;display:flex;position:sticky;top:0}.day-sheet>header b{letter-spacing:2px;font-family:KimBold,sans-serif;font-size:57px;line-height:57px}.day-sheet>header .track-add{z-index:12;border:3px solid var(--ink);background:#fff;border-radius:46% 54% 48% 52%/53% 45% 55% 47%;place-items:center;width:52px;height:52px;padding:0 0 3px;font-size:39px;font-weight:700;line-height:1;display:grid;position:absolute;top:8px;right:18px;transform:rotate(-2deg);box-shadow:0 0 0 4px #fff}.day-content{min-height:calc(100% - 72px);padding:2px 10px 90px}.record-card{box-shadow:none;background:0 0;border:0;margin:14px 3px 28px;padding:0;position:relative;transform:none}.record-card:nth-child(2n){transform:none}.record-card:before{content:"";z-index:2;background:#e1dba6d1;width:54px;height:17px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg)}.record-card img{object-fit:contain;pointer-events:none;border:3px solid #282820d1;width:100%;height:auto;display:block}.record-placeholder{pointer-events:none;border:3px solid #282820d1;place-items:center;width:100%;min-height:170px;display:grid}.record-placeholder span{font-family:KimBold;font-size:44px;transform:rotate(-14deg)}.record-card figcaption{background:0 0;padding:9px 3px 3px}.record-card figcaption b{font-size:17px;line-height:24px;display:block}.record-card figcaption p{min-height:25px;margin:0;font-size:12px;line-height:25px}.record-card figcaption small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:25px;display:block;overflow:hidden}.photo-layer{z-index:20;background:var(--paper);animation:.25s ease-out both layer-in;position:absolute;inset:0;overflow-y:auto}.photo-layer,.photo-layer button,.photo-layer input,.photo-layer textarea,.photo-layer b,.photo-layer strong{font-weight:500}@keyframes layer-in{0%{opacity:0;translate:0 35px}}.photo-mini-head{z-index:3;background:var(--paper);border-bottom:0;grid-template-columns:48px 1fr 48px;align-items:center;height:66px;padding:0 14px;display:grid;position:sticky;top:0}.photo-mini-head:after{content:"";background:var(--ink);clip-path:polygon(0 25%,12% 12%,25% 31%,39% 16%,54% 33%,68% 15%,83% 30%,100% 18%,100% 82%,84% 68%,69% 85%,53% 67%,38% 83%,24% 66%,11% 82%,0 72%);height:5px;position:absolute;bottom:0;left:8px;right:8px}.photo-mini-head button{background:0 0;border:0;font-family:KimBold;font-size:39px}.photo-mini-head span{text-align:center;font-size:20px}.photo-layer form{padding:22px 28px 36px}.photo-drop{border:3px dashed var(--ink);text-align:center;cursor:pointer;background:#ddd;place-content:center;width:100%;height:220px;display:grid;overflow:hidden}.photo-drop b{font-size:21px}.photo-drop small{margin-top:8px;font-size:11px}.photo-drop.with-image{background:#fff;border-style:solid;padding:5px;display:block}.photo-drop img{object-fit:contain;background:#fff;width:100%;height:100%}.line-field{grid-template-columns:112px 1fr;align-items:center;gap:10px;margin-top:16px;font-size:16px;display:grid}.line-field>div{grid-template-columns:1.2fr .8fr;gap:6px;display:grid}.line-field input,.memo-field textarea,.drawer-panel input{border:3px solid var(--ink);background:#f7f7f5;border-radius:2px 4px 1px 3px/3px 1px 4px 2px;outline:0;min-width:0;height:40px;padding:7px 8px;font-size:12px}.meal-type-field,.visibility-field{border:0;margin:17px 0 0;padding:0}.meal-type-field legend,.visibility-field legend{float:left;width:112px;padding-top:9px;font-size:16px}.meal-type-field>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.meal-type-field button,.visibility-field button{border:3px solid var(--ink);background:#fff;border-radius:2px 4px 1px 3px/3px 1px 4px 2px;height:39px;padding:0 9px;font-size:12px}.meal-type-field button.active,.visibility-field button.active{background:var(--yellow);box-shadow:inset 0 -2px #28282029}.visibility-field button{margin-right:5px}.visibility-field label{margin:9px 0 0 112px;font-size:11px;display:block}.visibility-field label input{accent-color:var(--ink);margin-right:5px}.memo-field{margin-top:18px;font-size:16px;display:block}.memo-field span{margin-bottom:7px;display:block}.memo-field textarea{resize:vertical;width:100%;height:auto;min-height:86px}.form-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.form-actions button{border:2px solid var(--ink);background:#fff;min-height:48px;font-size:17px}.form-actions button:last-child{background:var(--yellow)}.drawer-shade{z-index:28;opacity:0;pointer-events:none;background:#fff6;transition:opacity .28s;position:absolute;inset:0}.drawer-shade.open{opacity:1;pointer-events:auto}.more-drawer{z-index:30;background:var(--paper);border-left:0;width:62%;transition:translate .32s cubic-bezier(.22,.8,.25,1);position:absolute;top:0;bottom:0;right:0;translate:102%}.more-drawer:before{content:"";z-index:3;background:var(--ink);clip-path:polygon(30% 0,73% 0,65% 11%,79% 24%,64% 38%,78% 52%,63% 66%,77% 81%,67% 100%,24% 100%,35% 82%,21% 67%,36% 53%,22% 39%,35% 24%,23% 11%);width:6px;position:absolute;top:7px;bottom:9px;left:-3px}.more-drawer.open{translate:0}.more-drawer>header{height:calc(93px + env(safe-area-inset-top,0px));padding:calc(20px + env(safe-area-inset-top,0px)) 14px 12px;border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;display:flex}.more-drawer>header>button:first-child:not(.menu-sketch){background:0 0;border:0;width:40px;font-family:KimBold;font-size:39px}.more-drawer nav{display:grid}.more-drawer nav>a,.more-drawer nav>button{border:0;border-bottom:3px solid var(--ink);min-height:70px;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:22px;text-decoration:none;display:flex}.more-drawer nav>a:after,.more-drawer nav>button:after{content:"›";font-family:KimBold;font-size:24px}.more-drawer .account-row span{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}.more-drawer .account-row small{margin-left:auto;margin-right:5px;font-size:13px}.drawer-panel{padding:18px 14px;font-size:18px;font-weight:500}.drawer-panel button,.drawer-panel input,.drawer-panel textarea,.drawer-panel b,.drawer-panel strong,.drawer-panel h3{font-weight:500}.drawer-panel h2{margin:0 0 18px;font-size:28px;font-weight:800}.drawer-panel form{gap:6px;display:flex}.drawer-panel form input{flex:1;min-width:0;font-size:17px}.drawer-panel form button,.spin-button{border:2px solid var(--ink);background:var(--yellow);min-width:48px;font-size:17px}.friend-list{margin-top:14px}.friend-message{color:#a75561;margin-top:9px;font-size:15px;line-height:1.4;display:block}.friend-requests{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);margin-top:15px;padding:10px 0}.friend-requests h3{margin:0 0 8px;font-size:20px}.friend-requests>div{grid-template-columns:minmax(0,1fr) 48px 48px;align-items:center;gap:5px;padding:8px 0;display:grid}.friend-requests span b,.friend-requests span small{display:block}.friend-requests span small{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.friend-requests button{border:2px solid var(--ink);background:#fff;height:38px;padding:0;font-size:16px}.friend-requests button:first-of-type{background:var(--yellow)}.friend-list>div{border-bottom:1px solid var(--ink);grid-template-columns:34px 1fr 25px;align-items:center;gap:8px;padding:9px 0;display:grid}.friend-list i{border:2px solid var(--ink);border-radius:50%;width:32px;height:32px}.friend-list span b,.friend-list span small{display:block}.friend-list span b{font-size:18px}.friend-list span small{text-overflow:ellipsis;max-width:130px;font-size:13px;overflow:hidden}.friend-list button{background:0 0;border:0;font-size:21px}.roulette-panel{text-align:center}.roulette-wheel{border:4px solid var(--ink);border-radius:48% 52% 46% 54%;place-items:center;width:168px;height:168px;margin:5px auto 14px;display:grid;position:relative}.roulette-wheel:before{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;position:absolute;inset:34px}.roulette-wheel span{z-index:2;max-width:95px;font-size:22px;position:relative}.roulette-wheel.spinning{animation:1.1s cubic-bezier(.22,.8,.25,1) spin}@keyframes spin{to{transform:rotate(360deg)}}.spin-button{width:100%;height:46px;margin-bottom:13px;font-size:19px}.roulette-tags{text-align:left;flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.roulette-tags button{border:1px solid var(--ink);background:#fff;padding:5px 8px;font-size:15px}.stat-summary{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);margin-bottom:20px;padding:15px 0}.stat-summary b{font-family:KimBold;font-size:50px;line-height:1;display:block}.stat-summary span{font-size:18px}.stat-range{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}.journal-header:after,.calendar-nav button:before,.menu-sketch i,.day-sheet:after,.more-drawer:before{display:none}.calendar-nav button{width:28px;height:32px;color:inherit;place-items:center;display:grid}.calendar-nav button img{width:auto;height:25px;display:block}.menu-sketch{place-items:center;width:48px;height:42px;padding:0;display:grid}.menu-sketch img{width:36px;height:26px;display:block}.day-sheet{background:0 0}.day-sheet>header{background:#ffffffe0}.day-sheet>header .track-add{width:57px;height:71px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;top:5px;right:14px;transform:none}.track-add img{width:100%;height:100%;display:block}.meal-type-field button,.visibility-field button,.form-actions button{box-shadow:none;background-color:#0000;background-image:url(/ui/frame-23.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;position:relative}.meal-type-field button.active,.visibility-field button.active,.form-actions button:last-child{background-color:var(--yellow);background-blend-mode:multiply}.form-actions button{min-height:48px}.more-drawer{background:var(--paper) url(/ui/frame-13.svg) left top / 100% 100% no-repeat;border:0;width:min(62%,265px)}.more-drawer>header{border:0;height:93px}.more-drawer nav{padding-top:0}.more-drawer nav>a,.more-drawer nav>button{border:0;min-height:66px}.record-track{background:#fff}.journal-header:after{content:"";background:var(--ink);opacity:.9;filter:contrast(1.3);clip-path:polygon(0 22%,5% 31%,11% 18%,18% 33%,25% 20%,32% 29%,41% 17%,49% 32%,58% 20%,66% 34%,74% 18%,83% 30%,91% 19%,100% 27%,100% 78%,92% 69%,84% 83%,75% 70%,66% 82%,57% 68%,48% 81%,39% 70%,30% 84%,21% 69%,11% 82%,0 72%);height:6px;display:block;position:absolute;bottom:-1px;left:8px;right:8px}.day-sheet:after{content:"";z-index:5;background:var(--ink);opacity:.9;pointer-events:none;clip-path:polygon(25% 0,76% 0,65% 7%,82% 15%,62% 24%,79% 34%,61% 44%,81% 54%,64% 64%,78% 74%,60% 84%,73% 100%,24% 100%,36% 87%,20% 76%,38% 65%,21% 55%,36% 44%,18% 34%,39% 24%,22% 14%,36% 7%);width:6px;display:block;position:absolute;top:9px;bottom:11px;right:-2px}.more-drawer{background:var(--paper);background-image:none;width:62%}.more-drawer:before{content:"";z-index:3;background:var(--ink);opacity:.9;clip-path:polygon(25% 0,77% 0,64% 8%,81% 18%,61% 29%,79% 41%,62% 52%,80% 63%,60% 75%,76% 87%,68% 100%,22% 100%,37% 88%,18% 76%,39% 64%,20% 52%,38% 40%,19% 29%,36% 18%,21% 8%);width:6px;display:block;position:absolute;top:8px;bottom:9px;left:-2px}.more-drawer>header,.more-drawer nav>a,.more-drawer nav>button{border-bottom:3px solid var(--ink)}.meal-type-field button,.visibility-field button,.form-actions button{border:2.5px solid var(--ink);background-image:none;border-radius:2px 4px 1px 3px/3px 1px 4px 2px}.meal-type-field button.active,.visibility-field button.active,.form-actions button:last-child{background:var(--yellow)}.photo-mini-head span,.photo-mini-head:after{display:none}.photo-mini-head{height:calc(54px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);grid-template-columns:48px 1fr 48px}.line-field input,.memo-field textarea,.photo-drop{border-width:2.5px}.day-sheet>header .track-add{top:15px}.meal-type-field{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;display:grid}.meal-type-field legend{float:none;width:auto;padding:0}.meal-type-field>div{width:100%}.visibility-field{grid-template-columns:112px repeat(2,minmax(0,1fr));align-items:center;gap:7px 5px;display:grid}.visibility-field legend{float:none;width:auto;padding:0}.visibility-field button{width:100%;margin:0;padding-left:3px;padding-right:3px}.visibility-field label{grid-column:2/4;margin:0}.choice-field{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px 10px;margin-top:17px;display:grid}.choice-label{font-size:17px;line-height:1.15}.choice-options{gap:6px;width:100%;display:grid}.meal-type-field .choice-options{display:block}.meal-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.visibility-field .choice-options{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-options button{width:100%;margin:0}.choice-field>label{grid-column:2;margin:0;font-size:11px}.expense-inline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;margin-top:8px;font-size:13px;display:grid}.expense-inline input{border:2.5px solid var(--ink);text-align:right;background:#f1f1ef;border-radius:2px 4px 1px 3px/3px 1px 4px 2px;outline:0;width:100%;min-width:0;height:39px;padding:6px 9px;font-size:13px}.expense-inline b{font-weight:400}.journal-header:after{opacity:1;clip-path:polygon(0 24%,8% 17%,17% 30%,27% 18%,38% 29%,49% 17%,60% 31%,71% 19%,82% 30%,91% 18%,100% 26%,100% 78%,91% 70%,82% 83%,72% 69%,61% 82%,50% 68%,39% 81%,28% 70%,17% 83%,8% 69%,0 77%);height:6px}.day-sheet:after{opacity:1;clip-path:polygon(25% 0,76% 0,67% 8%,82% 18%,65% 29%,80% 41%,64% 52%,81% 63%,65% 75%,78% 87%,72% 100%,24% 100%,35% 88%,20% 76%,37% 64%,21% 52%,36% 40%,19% 29%,35% 18%,22% 8%);width:6px}.login-screen{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:#f3f2ee;place-items:center;display:grid}.login-card{width:min(100%,390px);box-shadow:none;background:0 0;padding:28px 25px 24px}.brand-logo{object-fit:contain;width:min(100%,280px);max-height:155px;margin:0 auto 8px;display:block}.login-card h1{text-align:center;margin:0;font-family:KimBold;font-size:34px}.login-card>p{color:#68685f;text-align:center;margin:4px 0 24px;font-size:13px}.login-card form{gap:14px;display:grid}.login-card label{gap:6px;font-size:14px;display:grid}.login-card input{border:2px solid var(--ink);background:#fff;border-radius:3px 5px 2px 4px/4px 2px 5px 3px;outline:none;width:100%;height:46px;padding:8px 11px;box-shadow:1px 0 #2828206b,-1px 1px #28282038,inset 0 1px #28282029}.login-card output{color:#b6525f;font-size:12px;line-height:1.4}.login-primary{border:2px solid var(--ink);background:var(--yellow);border-radius:2px 5px 2px 4px/4px 2px 5px;height:48px;margin-top:4px;font-size:17px;box-shadow:1px 1px #28282073,-1px 0 #28282033,inset 0 -1px #2828202e}.login-links{justify-content:center;gap:18px;margin-top:18px;display:flex}.login-links button{color:#67675f;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.login-screen *{transition:none!important;animation:none!important}.login-screen button:hover,.login-screen button:active{filter:none;transform:none}@media (width<=380px){.app-frame{width:100vw}.journal-header{grid-template-columns:1.05fr .95fr;gap:10px;padding-left:13px;padding-right:13px}.year-month{gap:7px;font-size:34px}.friend-row{gap:4px}.friend-row button{width:41px;height:41px}.login-card{padding:22px 18px}}.stat-range label{text-align:left;font-size:18px}.stat-range input{border:3px solid var(--ink);background:#fff;border-radius:2px 4px 1px 3px/3px 1px 4px 2px;width:100%;height:43px;margin-top:5px;padding:4px;font-size:16px}.type-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px;display:grid}.type-stats div{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:3px 1px 4px 2px/2px 4px 1px 3px;place-content:center;gap:3px;min-height:78px;padding:8px 4px;display:grid}.type-stats b,.type-stats span{display:block}.type-stats b{font-family:KimBold;font-size:29px;line-height:1}.type-stats span{font-size:18px}.expense-total{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;margin-bottom:18px;padding:9px 0;display:flex}.expense-total span{font-size:18px}.expense-total b{font-family:KimBold;font-size:24px}.stat-row{grid-template-columns:1fr 55px 34px;align-items:center;gap:6px;margin:12px 0;font-size:17px;display:grid}.stat-row>i{border:1px solid var(--ink);background:#fff;height:8px}.stat-row>i b{background:var(--pink);height:100%;display:block}.stat-row small{text-align:right}.empty-stats{border-top:1px solid var(--ink);padding:50px 10px;font-size:18px;line-height:1.6}.delete-confirm{z-index:4;background:#ffffffb8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.delete-confirm>div{border:3px solid var(--ink);background:var(--paper);width:100%;box-shadow:5px 5px 0 var(--ink);padding:20px 14px 14px}.delete-confirm b{font-size:20px;display:block}.delete-confirm p{margin:9px 0 18px;font-size:15px;line-height:1.5}.delete-confirm span{grid-template-columns:1fr 1fr;gap:7px;display:grid}.delete-confirm button{border:2px solid var(--ink);background:#fff;min-height:42px}.delete-confirm button:last-child{background:var(--pink)}@media (width<=390px){.journal-header{grid-template-columns:1.08fr .92fr;gap:13px;padding-left:18px;padding-right:18px}.year-month{gap:8px;font-size:35px}.friend-row button{width:44px;height:44px}.today-sketch{min-width:78px;font-size:24px}.day-sheet{flex-basis:58.8%}.line-field{grid-template-columns:96px 1fr}.meal-type-field{grid-template-columns:96px minmax(0,1fr)}.visibility-field{grid-template-columns:96px repeat(2,minmax(0,1fr))}.meal-type-field legend,.visibility-field legend{width:auto}.visibility-field label{margin-left:0}.choice-field{grid-template-columns:96px minmax(0,1fr)}.choice-field>label{grid-column:2;margin-left:0}}@media (height<=720px){.journal-header{height:calc(260px + env(safe-area-inset-top,0px));padding-top:calc(31px + env(safe-area-inset-top,0px));padding-bottom:3px}.record-track{height:calc(100% - 260px - env(safe-area-inset-top,0px))}.friend-banner{top:calc(235px + env(safe-area-inset-top,0px))}.mini-calendar{gap:2px 1px}.friend-row{margin-top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.record-track{cursor:grab;touch-action:pan-y;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overflow:auto}.record-track:active{cursor:grabbing}.day-sheet{scroll-snap-stop:normal;align-self:stretch;height:auto;min-height:100%;overflow:visible}.day-sheet:after{display:none}.day-sheet>header:after,.day-content:after{content:"";z-index:5;background:var(--ink);pointer-events:none;clip-path:polygon(25% 0,76% 0,67% 8%,82% 18%,65% 29%,80% 41%,64% 52%,81% 63%,65% 75%,78% 87%,72% 100%,24% 100%,35% 88%,20% 76%,37% 64%,21% 52%,36% 40%,19% 29%,35% 18%,22% 8%);width:6px;position:absolute;top:0;bottom:0;right:-2px}.day-sheet>header{position:sticky}.day-sheet>header:after{top:8px;bottom:0}.day-content{position:relative}.day-content:after{top:0;bottom:0}.record-expense{margin-top:-4px;white-space:normal!important;font-size:11px!important;line-height:18px!important}.more-drawer{overflow:hidden auto}.more-drawer>header{z-index:8;background:var(--paper);position:sticky;top:0}.drawer-panel,.stats-panel,.stat-range,.stat-range label{min-width:0;max-width:100%}.stat-range input{width:100%;min-width:0;max-width:100%;padding:4px 2px;font-size:14px;display:block}.photo-layer .photo-drop b{font-size:22px}.photo-layer .photo-drop small{font-size:15px}.photo-layer .line-field,.photo-layer .memo-field{font-size:18px}.photo-layer .line-field input,.photo-layer .memo-field textarea{font-size:17px}.photo-layer .choice-label{font-size:18px}.photo-layer .meal-type-field button,.photo-layer .visibility-field button{font-size:16px}.photo-layer .choice-field>label{font-size:14px}.photo-layer .expense-inline,.photo-layer .expense-inline input{font-size:16px}.photo-layer .form-actions button{font-size:19px}.remember-login{grid-template-columns:auto 1fr;justify-content:flex-start;align-items:center;width:max-content;gap:8px!important;font-size:13px!important;display:flex!important}.login-card .remember-login input{width:18px;height:18px;accent-color:var(--ink);box-shadow:none;padding:0}.refresh-message{color:#a75561;padding:10px 14px;font-size:14px;display:block}.profile-panel small{margin-top:9px;font-size:13px;line-height:1.4;display:block}.friend-list>div{grid-template-columns:minmax(0,1fr) 31px 25px;gap:5px}.friend-list .friend-open{text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0;display:grid}.friend-list .friend-open i{display:block}.friend-list .favorite-button,.friend-list .friend-delete{background:0 0;border:0;place-items:center;width:28px;height:34px;padding:0;font-size:22px;display:grid}.friend-list .favorite-button.active{color:#c78b37}.suggestions-panel>form{gap:8px;display:grid}.suggestions-panel textarea{border:3px solid var(--ink);resize:vertical;background:#fff;border-radius:2px 4px 1px 3px/3px 1px 4px 2px;width:100%;min-width:0;padding:10px;font-size:16px;line-height:1.45}.suggestions-panel>form button{min-height:43px}.admin-suggestions{border-top:3px solid var(--ink);margin-top:20px;padding-top:14px}.admin-suggestions h3{margin:0 0 10px;font-size:21px}.admin-suggestions>p{font-size:14px}.admin-suggestions article{border:2px solid var(--ink);background:#fff;margin:10px 0;padding:10px}.admin-suggestions article.done{opacity:.58}.admin-suggestions article header{align-items:baseline;gap:5px;display:flex}.admin-suggestions article header small{font-size:12px}.admin-suggestions article p{white-space:pre-wrap;margin:8px 0;font-size:14px;line-height:1.45}.admin-suggestions article footer{justify-content:space-between;align-items:center;gap:7px;display:flex}.admin-suggestions article time{font-size:10px}.admin-suggestions article button{border:1px solid var(--ink);background:var(--yellow);min-height:31px;padding:3px 7px;font-size:12px}.more-drawer:before{z-index:20;width:5px;top:0;bottom:0;left:0}.more-drawer>header,.more-drawer nav,.more-drawer .drawer-panel{z-index:8;position:relative}.more-drawer>header{z-index:9}.record-photo-button{width:100%;color:inherit;text-align:inherit;background:0 0;border:0;padding:0;display:block}.record-card.editable .record-photo-button{cursor:pointer}.record-card.editable .record-photo-button:active{opacity:.88}.record-action-shade{z-index:20;background:#28282040;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.record-action-sheet{border:3px solid var(--ink);background:var(--paper);border-radius:5px 3px 4px 2px/3px 5px 2px 4px;width:100%;padding:14px;box-shadow:5px 5px #282820d1}.record-action-sheet>b{white-space:nowrap;text-overflow:ellipsis;margin:2px 4px 10px;font-size:18px;display:block;overflow:hidden}.record-action-sheet button{border:0;border-top:2px solid var(--ink);text-align:left;background:0 0;width:100%;min-height:48px;font-size:18px;display:block}.record-action-sheet button.danger{color:#a23f4b}.record-action-sheet button:last-child{color:#6e6e66}.record-delete-dialog{border:3px solid var(--ink);background:var(--paper);width:100%;box-shadow:5px 5px 0 var(--ink);margin:auto 0;padding:20px 15px 15px}.record-delete-dialog>b{font-size:21px;display:block}.record-delete-dialog p{margin:10px 0 18px;font-size:14px;line-height:1.5}.record-delete-dialog span{grid-template-columns:1fr 1fr;gap:8px;display:grid}.record-delete-dialog button{border:2px solid var(--ink);background:#fff;min-height:44px;font-size:16px}.record-delete-dialog button:last-child{background:var(--pink)}.record-track:before{content:"";z-index:40;pointer-events:none;background:#fff;flex:0 0 6px;width:6px;min-width:6px;height:100%;margin-right:-6px;position:sticky;top:0;left:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}