@font-face{font-family:NanumSquareRound;src:url(/fonts/nsr-r.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NanumSquareRound;src:url(/fonts/nsr-b.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ink:#5a3e36;--ink-soft:#5a3e369e;--light:#fff8ee;--pill:#fff7edb3;--pill-light:#fff7ed99;--blur:blur(8px);--gold:#e4b067;--gold-soft:#e4b0674d;--cute:"Jua", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--round:"NanumSquareRound", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--title:18px;--body:14px;--small:12px;--pill-h:40px;--shadow:0 6px 18px #3c1e2829;--paper:var(--pill);--accent:var(--gold);--font:var(--round)}.ui{font-family:var(--round);font-size:var(--body);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cute{font-family:var(--cute);font-weight:400}.ui button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;transition:transform .12s,background .2s,opacity .3s}.ui button:active:not(:disabled){transform:scale(.95)}button.ui{border:0}.ui button:focus,button.ui:focus{outline:none}.ui button:focus-visible,.ui button.open{background:var(--gold-soft)}button.ui:focus-visible,button.ui.open{background:linear-gradient(var(--gold-soft), var(--gold-soft)), var(--pill)}.recording .ui:not(.fade):not(.room-dim):not(.desk-settle):not(.read-soften):not(.read-note):not(.buddy){display:none!important}.pill,.ui.bar,.ui.panel,.ui.msg,.ui.hud-status,.ui.focus-exit,.ui.round-btn,.ui.static-study{background:var(--pill);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow)}.hud-status{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:5;box-sizing:border-box;max-width:calc(100% - 170px);height:34px;font-size:var(--small);white-space:nowrap;text-overflow:ellipsis;color:inherit;cursor:pointer;border-radius:999px;align-items:center;padding:0 13px;display:flex;position:fixed;overflow:hidden}.hud-status .cute{font-size:var(--body);margin-right:1px}.hud-status[hidden],.hud-line[hidden]{display:none}.hud-line{top:calc(52px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));z-index:5;cursor:pointer;max-width:calc(100% - 40px);font-size:var(--small);color:var(--light);text-shadow:0 1px 2px #28181e80,0 1px 10px #28181e8c;white-space:nowrap;text-overflow:ellipsis;margin:-8px -10px;padding:8px 10px;transition:opacity .4s;position:fixed;overflow:hidden}.desk-clock{z-index:4;text-align:center;color:var(--light);text-shadow:0 2px 18px #28181e73;pointer-events:none;opacity:0;transition:opacity 1.2s;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}.desk-clock.on{opacity:.6}.desk-clock p{margin:0}.desk-clock .time{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:64px}.desk-clock .what{font-size:var(--small);margin-top:2px}.hud-line,.hud-progress{transition:opacity .6s}body.desk-clock-on .ui.hud-line,body.desk-clock-on .ui.hud-progress{opacity:0}.hud-line .cute{font-size:var(--body)}.hud-progress{top:calc(72px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:5;pointer-events:none;background:#fff8ee59;border-radius:1px;width:96px;height:2px;position:fixed;overflow:hidden;box-shadow:0 1px 4px #28181e40}.hud-progress[hidden]{display:none}.hud-progress span{background:#d9a15c;height:100%;transition:width 1s linear;display:block}.round-btn{top:calc(8px + env(safe-area-inset-top));z-index:22;border-radius:50%;place-items:center;width:38px;height:38px;margin:3px;display:grid;position:fixed}.round-btn:before{content:"";position:absolute;inset:-3px}.round-btn svg{opacity:.8;width:18px;height:18px}.sound{right:calc(12px + env(safe-area-inset-right,0px))}.camera{right:calc(58px + env(safe-area-inset-right,0px))}.info{right:calc(104px + env(safe-area-inset-right,0px))}.ui.round-btn,.ui.hud-status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff8ee;text-shadow:0 1px 2px #28181e59,0 1px 8px #28181e66;background:#fff7ed3d;box-shadow:0 2px 10px #28181e1a}.ui.round-btn svg{opacity:.95;filter:drop-shadow(0 1px 2px #28181e73)}.ui.round-btn.view{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));z-index:8;-webkit-backdrop-filter:none;backdrop-filter:none;width:44px;height:44px;box-shadow:none;color:#fff8eebf;background:0 0;margin:0;right:max(27px,50vw - 165px)}.ui.round-btn.view svg{opacity:1;filter:drop-shadow(0 1px 3px #28181e8c);width:22px;height:22px}.round-btn.view[hidden]{display:none}@media (width<=360px){.round-btn{width:34px;height:34px}.sound{right:calc(10px + env(safe-area-inset-right,0px))}.camera{right:calc(50px + env(safe-area-inset-right,0px))}.info{right:calc(90px + env(safe-area-inset-right,0px))}.hud-status{max-width:calc(100% - 140px)}}.focus{--pill:#fff7ed94;--pill-light:#fff7ed7a}.bar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;box-sizing:border-box;border-radius:999px;justify-content:space-around;width:min(360px,100% - 24px);padding:3px 6px;display:flex;position:fixed;transform:translate(-50%)}.bar:empty{display:none}.bar button,.bar .item{border-radius:999px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:2px;min-width:52px;min-height:46px;padding:5px 2px 4px;display:flex}.bar button svg,.bar .face>svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;width:21px;height:21px}.bar button .lbl,.bar .face .lbl{font-family:var(--cute);font-size:var(--small);white-space:nowrap;line-height:1.1}.bar .item{border-radius:999px;padding:0;position:relative}.bar .item.open{background:var(--gold-soft)}.bar .item>button.main{min-width:0;min-height:0;padding:0;position:absolute;inset:0}.bar .face{pointer-events:none;flex-direction:column;align-items:center;gap:2px;padding:5px 2px 4px;display:flex;position:relative}.bar .line{white-space:nowrap;align-items:baseline;gap:3px;display:flex}.bar .dot,.bar button.sub{color:var(--ink-soft);font-size:11px}.bar button.sub{pointer-events:auto;border-radius:0;flex-direction:row;flex:none;align-items:center;gap:1px;min-width:0;min-height:0;padding:0;line-height:1.1;display:inline-flex;position:relative}.bar button.sub:before{content:"";position:absolute;inset:-4px -8px -27px -5px}.bar button.sub svg{fill:currentColor;stroke:none;opacity:1;width:9px;height:9px}.bar button.on{background:var(--gold-soft)}.ui .bar button.plain.open,.ui .bar button.plain:focus-visible{background:0 0}.bar button:disabled{opacity:.45;cursor:default}.panel{z-index:23;box-sizing:border-box;border-radius:18px;flex-direction:column;width:max-content;min-width:120px;max-width:min(320px,100vw - 24px);max-height:min(70vh,100dvh - 120px);padding:4px;animation:.18s ease-out both panel-in;display:flex;position:fixed;overflow-y:auto}.panel button,.panel .row{box-sizing:border-box;min-height:36px;font-size:var(--small);text-align:left;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;display:flex}.panel button:hover:not(:disabled),.panel button:active:not(:disabled){background:#ffffff73}.panel button:disabled{opacity:.45;cursor:default}.panel button.on{background:var(--gold-soft)}.panel .note{font-size:var(--small);color:var(--ink-soft);margin:4px 11px 2px}.panel .fine{max-width:236px;font-size:var(--small);color:var(--ink-soft);margin:4px 11px 3px;line-height:1.5}.panel hr{border:0;border-top:1px solid #5a3e361f;width:calc(100% - 24px);margin:4px auto}.panel .seg{scrollbar-width:none;background:#5a3e360f;border-radius:999px;gap:2px;padding:2px;display:flex;overflow-x:auto}.panel .seg::-webkit-scrollbar{display:none}.panel .seg>*{flex-shrink:0}.panel .seg>button,.panel .seg>.menu-date{min-height:34px;font-size:var(--small);white-space:nowrap;flex:auto;justify-content:center;gap:4px;padding:0 11px}.panel .seg>.on:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;flex:none;width:7px;height:3.5px;margin:-2px 1px 0 0;transform:rotate(-45deg)}.panel .seg>.menu-date.on{background:var(--gold-soft)}.panel .stepper{font-size:var(--small);justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.panel .stepper[hidden]{display:none}.panel .stepper button{width:36px;min-height:32px;font-size:var(--body);background:#5a3e360f;justify-content:center;padding:0}.panel .stepper .minutes{align-items:baseline;gap:2px;display:flex}.panel .stepper input{width:3.2em;color:var(--ink);font:inherit;text-align:center;-moz-appearance:textfield;background:#ffffff8c;border:0;border-radius:8px;padding:4px 0;font-size:16px}.panel .stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.panel .stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.panel:has(>.act-grid){padding:3px}.panel .act-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.panel .act-grid button{white-space:nowrap;border-radius:10px;justify-content:center;gap:2px;min-height:30px;padding:0 2px;font-size:11px}.panel .act-grid button.on{background:var(--gold-soft)}.panel .act-grid button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;flex:none;width:11px;height:11px}.panel .act-grid button.wide{color:var(--ink-soft);grid-column:1/-1}.panel .act-grid hr{border:0;border-top:1px solid #5a3e361f;grid-column:1/-1;height:0;margin:1px 8px}.panel .own-words{grid-column:1/-1;gap:4px;margin:2px 0;display:flex}.panel .own-words input{min-width:0;color:var(--ink);font:inherit;background:#fff9;border:0;border-radius:999px;flex:1;padding:6px 10px;font-size:16px}.panel .own-words button{background:var(--gold-soft);border-radius:999px;flex:none;justify-content:center}.panel .seg button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;flex:none;width:13px;height:13px;margin-right:3px}.panel .foot.now{min-height:0;margin-top:0}.panel .foot.now[hidden]{display:none}.panel .foot{min-height:1.4em;font-size:var(--small);color:var(--ink-soft);text-align:center;margin:4px 11px 2px}.panel button.foot{justify-content:center;align-self:center;gap:5px;min-height:30px;padding:0 10px}.panel button.foot:disabled{opacity:1}.panel button.foot:not(:disabled):after{content:"";opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin-top:-3px;transform:rotate(45deg)}.panel button.foot.open:after{margin-top:3px;transform:rotate(-135deg)}.panel .seg.rest{margin-bottom:2px}.panel .seg.rest[hidden]{display:none}.panel .seg.rest>button{padding:0 9px}.panel .invite-link{max-width:236px;font-size:var(--small);color:var(--ink-soft);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:6px 11px 4px}.panel button.invite-copy{background:var(--gold-soft);justify-content:center;margin:2px}.polaroid-back~.panel{z-index:25}.panel .tiles{gap:2px;display:flex}.panel .tiles button{white-space:nowrap;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;min-width:58px;min-height:54px;padding:6px 6px 5px}.panel .tiles svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;width:20px;height:20px}.panel .switch{background:#5a3e362e;border-radius:999px;flex:none;width:34px;height:20px;transition:background .2s;position:relative}.panel .switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.panel [aria-checked=true] .switch{background:var(--gold)}.panel [aria-checked=true] .switch:after{transform:translate(14px)}.panel input[type=range]{width:96px;accent-color:var(--gold)}.panel ul{margin:0;padding:2px 12px 6px;list-style:none}.panel li{font-size:var(--small);margin:6px 0;line-height:1.4}.panel li small{color:var(--ink-soft);display:block}.panel .menu-date{min-height:36px;font-size:var(--small);cursor:pointer;border-radius:999px;align-items:center;padding:0 11px;display:flex;position:relative}.panel .menu-date input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}@keyframes panel-in{0%{opacity:0;scale:.96}}.msg{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:9;box-sizing:border-box;max-width:calc(100% - 32px);font-size:var(--small);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;padding:8px 14px;transition:opacity .6s;animation:.5s ease-out both msg-in;position:fixed;overflow:hidden;transform:translate(-50%)}.ui.msg{background:var(--pill-light)}.msg .cute{font-size:var(--body)}.msg.out{opacity:0}.msg.undo-toast{pointer-events:auto;padding:0 4px 0 14px;line-height:36px}.msg.undo-toast button{min-height:36px;font-size:var(--small);color:var(--ink);border-radius:999px;padding:0 10px;font-weight:700}@keyframes msg-in{0%{opacity:0;transform:translate(-50%,6px)}}.ui.focus-exit{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:5;min-height:36px;font-family:var(--cute);font-size:var(--small);opacity:.75;border-radius:999px;padding:0 14px;position:fixed}.ui.focus-exit:hover{opacity:1}.ui.focus-exit.hidden,.idle .ui.focus-exit.hidden{opacity:0;pointer-events:none}.ui.hud{transition:opacity 1.6s}.idle .ui.hud{opacity:.12}.idle .ui.hud-status{opacity:1}.still .ui.hud,.still .hud-line,.still .msg,.still .panel{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.ui.hud,.hud-line,.msg,.panel{transition:none;animation:none}}.static-study{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:4;box-sizing:border-box;text-align:center;border-radius:22px;width:min(320px,100% - 32px);padding:16px 18px;position:fixed;transform:translate(-50%)}.static-study h2{font-family:var(--cute);font-size:var(--title);margin:0 0 6px;font-weight:400}.static-study p{font-size:var(--small);color:var(--ink-soft);word-break:keep-all;margin:0;line-height:1.5}.still-frame{z-index:2;pointer-events:none;width:100%;height:100%;transition:opacity .45s;position:fixed;inset:0}.still-frame.out{opacity:0}.fade{z-index:8;opacity:0;pointer-events:none;background:#2b2236;transition:opacity .9s;position:fixed;inset:0}.fade.on{opacity:1}.cheer-float{z-index:4;font-size:var(--body);white-space:nowrap;background:var(--pill);-webkit-backdrop-filter:var(--blur);opacity:0;will-change:transform, opacity;border-radius:999px;padding:6px 12px;position:fixed;top:0;left:0;box-shadow:0 4px 14px #e4b0674d}.share{left:50%;bottom:calc(132px + env(safe-area-inset-bottom));z-index:9;background:var(--pill);width:40px;height:40px;-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);border-radius:50%;place-items:center;transition:opacity .8s;display:grid;position:fixed;transform:translate(-50%)}.share svg{width:18px;height:18px}.share.out{opacity:0}.photo-flash{z-index:25;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0}.polaroid-back{z-index:24;-webkit-backdrop-filter:blur(5px);opacity:0;background:#22150b4d;place-items:center;padding:16px;transition:opacity .45s;display:grid;position:fixed;inset:0}.polaroid-back.in{opacity:1}body:has(.polaroid-back) .msg{z-index:26}.polaroid{flex-direction:column;align-items:center;display:flex}.polaroid-card{-webkit-touch-callout:default;border-radius:3px;width:min(72vw,300px,42.2164vh);height:auto;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;transform:rotate(-1deg)scale(.94);box-shadow:0 14px 34px #28181452,0 2px 6px #2818142e}.polaroid-back.in .polaroid-card{transform:rotate(-3deg)}.polaroid-pills{gap:8px;margin-top:26px;display:flex}.polaroid-pills button{height:34px;font-size:var(--small);background:var(--pill);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);border-radius:999px;padding:0 15px}.polaroid-note{color:var(--light);text-shadow:0 1px 8px #3c1e2899;opacity:.9;margin:8px 0 0;font-size:11px}.polaroid-note button{color:var(--gold);text-underline-offset:2px;text-shadow:inherit;margin-left:2px;padding:8px 6px;font-size:11px;text-decoration:underline}.polaroid-note button:before{content:"·";color:var(--light);margin-right:6px;text-decoration:none;display:inline-block}.polaroid-note button[hidden]{display:none}.photo-hold{z-index:27;opacity:0;background:#140d08b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;transition:opacity .4s;display:flex;position:fixed;inset:0}.photo-hold.in{opacity:1}.photo-hold img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:3px;max-width:min(92vw,520px);max-height:76vh;display:block;box-shadow:0 14px 34px #00000059}.photo-hold p{font-size:var(--small);color:var(--light);opacity:.9;margin:0}.still .polaroid-back,.still .polaroid-card,.still .photo-hold{transition:none}.room-dim{z-index:1;pointer-events:none;visibility:hidden;opacity:0;background:linear-gradient(#22150b00 80%,#22150b2e 100%),radial-gradient(64% 46% at 50% 72%,#22150b00 42%,#22150b38 80%,#22150b45 100%);position:fixed;inset:0}.read-soften{z-index:2;pointer-events:none;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(3px);background:#22150b29;position:fixed;inset:0}.read-note{z-index:3;transform-origin:0 0;visibility:hidden;opacity:0;cursor:pointer;filter:drop-shadow(0 6px 10px #28181452);width:100px;height:100px;position:fixed;top:0;left:0}.buddy{z-index:1;pointer-events:none;visibility:hidden;opacity:0;width:34vmin;height:40vmin;position:fixed;top:9%;right:-9vmin}.buddy-glow{background:radial-gradient(circle,#ffc8788c 0%,#ffbe6e00 70%);border-radius:50%;width:70%;height:60%;position:absolute;bottom:4%;left:-12%}.desk-settle{z-index:1;pointer-events:none;visibility:hidden;opacity:0;background:linear-gradient(#22150b26 0%,#22150b17 45%,#22150b00 62%),radial-gradient(70% 55% at 50% 74%,#0000 55%,#22150b1c 100%);position:fixed;inset:0}.jar-layer{z-index:30;padding:24px 16px calc(24px + env(safe-area-inset-bottom));opacity:0;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 50% 45%,#28181e2e,#28181e6b);justify-content:center;align-items:center;font-family:NanumSquareRound,Apple SD Gothic Neo,Noto Sans KR,sans-serif;transition:opacity .6s;display:flex;position:fixed;inset:0}.jar-layer.on{opacity:1}body.jar-open .hud,body.jar-open .msg,body.jar-open .cheer-float{transition:opacity .5s;opacity:0!important;pointer-events:none!important}.jar-note{--paper:#fff3c4;--ink:#5a3e2c;width:min(330px,100%);transition:transform .9s cubic-bezier(.2,.8,.25,1),opacity .7s;position:relative}.jar-note.folded{opacity:0;transform:translate(var(--dx,0px), var(--dy,0px)) scale(.08) rotate(-28deg)}.jar-note.away{opacity:0;transform:translate(var(--dx,0px), var(--dy,0px)) scale(.06) rotate(32deg);transition:transform .8s cubic-bezier(.5,0,.75,.4),opacity .8s ease-in}.jar-paper{background:linear-gradient(#ffffff47, #fff0 30%), var(--paper);min-height:250px;color:var(--ink);border-radius:3px 3px 14px;flex-direction:column;padding:40px 26px 18px;display:flex;position:relative;transform:rotate(-1.4deg);box-shadow:inset 0 1px #ffffff80,0 14px 30px #321a1447,0 2px 6px #321a1429}.jar-paper:before{content:"";background:#ffffff80;border-left:1px dashed #fff9;border-right:1px dashed #fff9;width:96px;height:24px;margin-left:-48px;position:absolute;top:-10px;left:50%;transform:rotate(2.5deg);box-shadow:0 1px 2px #3c281e1f}.jar-note.operator .jar-paper:after{content:"";clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.9;background:#f0bb4f;width:22px;height:22px;position:absolute;top:14px;right:16px}.jar-body{white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;flex:1;margin:0;font-family:Nanum Pen Script,Gaegu,cursive;font-size:29px;line-height:1.32}.jar-sign{text-align:right;margin:14px 0 0;font-family:Nanum Pen Script,Gaegu,cursive;font-size:26px}.jar-from{text-align:right;opacity:.62;margin:6px 0 0;font-size:11.5px}.jar-quiet{justify-content:flex-end;gap:2px;margin:8px -8px -8px 0;display:flex}.jar-quiet button{min-height:32px;color:inherit;font:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:11.5px}.jar-quiet button:active{opacity:.8}.jar-actions{gap:8px;margin-top:18px;display:flex}.jar-actions button{color:#5a3e36;white-space:nowrap;cursor:pointer;background:#fff7ede0;border:0;border-radius:999px;flex:1;min-height:44px;padding:0 6px;font-family:Jua,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:15px;transition:transform .15s,background .3s;box-shadow:0 4px 12px #3c1e2829}.jar-actions button:active{transform:scale(.96)}.jar-actions button.main{color:#3f2c22;background:#e4b067}.jar-actions button.done{background:#ffe4e4eb}.jar-actions button:disabled{opacity:.55}.jar-actions button:focus{outline:none}.jar-actions button:focus-visible{box-shadow:0 0 0 3px #e4b06799}.jar-heart{pointer-events:none;color:#e86f86;font-size:22px;animation:1.3s ease-out forwards jar-heart;position:absolute}@keyframes jar-heart{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-70px)scale(1.15)}}.jar-write textarea{resize:none;width:100%;min-height:132px;color:inherit;background:repeating-linear-gradient(#0000 0 37px,#785a3c29 37px 38px);border:0;outline:none;flex:1;margin:0;padding:0;font-family:Nanum Pen Script,Gaegu,cursive;font-size:29px;line-height:38px}.jar-write textarea::placeholder{color:#5a3e2c6b}.jar-write .jar-count{text-align:right;opacity:.55;margin:4px 0 0;font-size:11.5px}.jar-write .jar-hint{opacity:.66;margin:8px 0 0;font-size:11.5px;line-height:1.5}.jar-write .jar-hint.warn{color:#b04a3a;opacity:.9}.jar-line{text-align:center;color:#fff8ee;text-shadow:0 1px 8px #321a1e99;opacity:0;font-size:13px;transition:opacity .5s;position:absolute;bottom:calc(100% + 12px);left:0;right:0}.jar-line.on{opacity:1}@media (prefers-reduced-motion:reduce){.jar-note,.jar-note.folded,.jar-note.away{transition:opacity .4s;transform:none}.jar-heart{animation-duration:10ms}}.still .jar-note,.still .jar-note.folded,.still .jar-note.away{transition:opacity .4s;transform:none}.still .jar-heart{display:none}.jar-none .jar-paper{text-align:center;justify-content:center;min-height:210px}.jar-none .jar-body{flex:none}.jar-none-more{opacity:.72;word-break:keep-all;margin:14px 0 0;font-size:14px;line-height:1.55}.jar-list .jar-paper{min-height:0;max-height:min(560px,100dvh - 190px);padding:34px 16px 14px;transform:rotate(-.6deg)}.jar-list .jar-body{text-align:center;flex:none;padding:50px 0 60px}.jar-list-title{text-align:center;margin:0 0 12px;font-family:Nanum Pen Script,Gaegu,cursive;font-size:25px}.jar-list-items{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;min-height:0;margin:0 -6px;padding:4px 6px 8px;display:flex;overflow-y:auto}.jar-item{background:var(--paper);border-radius:3px 3px 10px;flex:none;padding:12px 14px 9px;transform:rotate(.7deg);box-shadow:0 3px 8px #321a1424}.jar-item:nth-child(2n){transform:rotate(-.8deg)}.jar-item-body{white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-family:Nanum Pen Script,Gaegu,cursive;font-size:23px;line-height:1.28}.jar-item-from{text-align:right;opacity:.6;word-break:keep-all;margin:4px 0 0;font-size:11px}.jar-item-day{white-space:nowrap}.jar-tabs{justify-content:center;gap:6px;margin:0 0 12px;display:flex}.jar-tab{min-height:34px;color:inherit;opacity:.7;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#5a3e2c12;border:0;border-radius:999px;padding:0 16px;font-family:Jua,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:14px;transition:background .3s,opacity .3s}.jar-tab.on{opacity:1;background:#e4b06761}.jar-tab:focus{outline:none}.jar-tab:focus-visible{box-shadow:0 0 0 3px #e4b06799}.jar-list-empty{text-align:center;opacity:.6;margin:0;padding:36px 0 44px;font-size:13px}.jar-list-people{opacity:.7;white-space:nowrap;font-family:NanumSquareRound,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:12px}.jar-pile{color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff3c4;border:0;border-radius:3px 3px 10px;flex:none;margin:2px 10px 10px 0;padding:14px 40px 12px 14px;font-family:Nanum Pen Script,Gaegu,cursive;font-size:23px;line-height:1.2;transition:box-shadow .5s;position:relative;transform:rotate(-.6deg);box-shadow:0 3px 8px #321a1424}.jar-pile.many{box-shadow:0 3px 8px #321a1424,4px 5px 0 -1px #f8e7a9,4px 6px 6px -1px #321a141f,8px 10px 0 -2px #f1dd98,8px 11px 6px -2px #321a141a}.jar-pile.open{box-shadow:0 3px 8px #321a1424}.jar-pile:after{content:"";clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.9;background:#f0bb4f;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;right:14px}.jar-pile:focus{outline:none}.jar-pile:focus-visible{box-shadow:0 0 0 3px #e4b06799}.jar-pile-items{flex-direction:column;gap:12px;animation:.6s both jar-fade-in;display:flex}.jar-pile-items[hidden]{display:none}.jar-next{text-align:center;color:#fff8ee;margin-top:18px;animation:.9s 1.6s both jar-fade-in}.jar-next p{text-shadow:0 1px 8px #321a1e99;margin:0 0 8px;font-size:13px}.jar-next button{color:#5a3e36;cursor:pointer;background:#fff7ede0;border:0;border-radius:999px;min-height:40px;padding:0 22px;font-family:Jua,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:14px;transition:transform .15s;box-shadow:0 4px 12px #3c1e2829}.jar-next button:active{transform:scale(.96)}.jar-next button:focus{outline:none}.jar-next button:focus-visible{box-shadow:0 0 0 3px #e4b06799}@keyframes jar-fade-in{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}