:root{--postbox:#cf2a27;--postbox-deep:#8f1714;--paper:#fcfcfa;--ink:#2a2826;--desk:#d9dcdf;--on-desk:#2a2826;--edge:#9ea3a8;--muted:#77736e;--line:#e6e4e0;--ok:#2f7d4f;--focus:#1d6fd8;--letter:"Gowun Dodum", "IBM Plex Sans KR", sans-serif;--sans:"IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--zig:8px;--tabbar:calc(58px + env(safe-area-inset-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--desk:#1f2326;--on-desk:#e9ebed;--edge:#5c6268;--muted:#a19d97;--postbox:#c42a27;--postbox-deep:#5e0f0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--desk:#1f2326;--on-desk:#e9ebed;--edge:#5c6268;--muted:#a19d97;--postbox:#c42a27;--postbox-deep:#5e0f0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--desk);color:var(--on-desk);font:400 17px/1.6 var(--sans);font-synthesis:none;word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input[type=range],input[type=checkbox]{accent-color:var(--postbox)}input[type=range]{width:100%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:560px;min-height:100dvh;margin:0 auto;position:relative}.app.wide{max-width:960px}.page{padding-bottom:calc(var(--tabbar) + 24px)}.page.no-tabs{padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}.tabs{z-index:10;background:var(--paper);color:var(--ink);border-top:1px solid var(--line);padding:4px 0 env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs-inner{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;max-width:560px;display:grid}.tab{font:500 12px/1.2 var(--sans);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;text-decoration:none;display:flex;position:relative}.tab svg{width:22px;height:22px}.tab.active{color:var(--postbox)}.tab .badge{background:var(--postbox);color:#fff;min-width:18px;height:18px;font:600 11px/18px var(--sans);text-align:center;border-radius:9px;padding:0 5px;position:absolute;top:4px;left:calc(50% + 6px)}@media (width>=600px){.tabs{border-top:0;border-bottom:1px solid var(--line);padding:0;position:sticky;top:0;bottom:auto}.tab{flex-direction:row;gap:8px;min-height:48px;font-size:14px}.tab .badge{position:static}.page{padding-bottom:48px}}.postbox{background:var(--postbox);color:#fff;padding:calc(env(safe-area-inset-top) + 40px) 24px 0}.postbox h1{font:400 38px/1.05 var(--letter);letter-spacing:-.02em}.postbox p{font:400 15px/1.5 var(--sans);opacity:.9;margin-top:6px}.slot{background:var(--postbox-deep);border-radius:7px 7px 0 0;height:14px;margin:22px -4px 0;box-shadow:inset 0 3px 4px #00000073}.bar{padding:calc(env(safe-area-inset-top) + 20px) 12px 12px;align-items:center;gap:8px;min-height:64px;display:flex}.bar h1{font:400 27px/1.2 var(--letter);flex:1;padding-left:8px}.bar.stick{z-index:11;background:var(--desk);box-shadow:0 1px 0 var(--edge);position:sticky;top:0}.bar.center h1{text-align:center;padding-left:0}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:22px;flex:none;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.icon-btn svg{width:24px;height:24px}.paper,.strip{background:var(--paper);color:var(--ink);--muted:#77736e;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--zig)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--zig) * 2) var(--zig) repeat-x;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--zig)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--zig) * 2) var(--zig) repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--zig)) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--zig) * 2) var(--zig) repeat-x}.strips{flex-direction:column;gap:18px;padding:0 20px 24px;display:flex}.strips.from-slot>.strip:first-child{margin-top:-2px}.strip{padding:18px 18px calc(18px + var(--zig));text-decoration:none;display:block;position:relative}.strip.unread:before{content:"";top:0;left:0;bottom:var(--zig);background:var(--postbox);width:4px;position:absolute}.strip-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.from{font:400 22px/1.3 var(--letter);letter-spacing:-.01em}.when{font:400 13px/1.3 var(--sans);color:var(--muted);white-space:nowrap}.strip .body{font:400 16.5px/1.8 var(--letter);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;display:-webkit-box;overflow:hidden}.strip .photo{background:#eee;margin-top:12px}.strip .photo img{object-fit:cover;width:100%;max-height:320px}.strip .photo.note img{object-fit:contain;background:#f4f1e6}.kind{font:500 13px/1.3 var(--sans);color:var(--muted);margin-top:10px}@media (prefers-reduced-motion:no-preference){.strips.from-slot>.strip.fresh:first-child{animation:.9s cubic-bezier(.2,.8,.2,1) .2s both drop}@keyframes drop{0%{clip-path:inset(0 0 100%);transform:translateY(-10px)}to{clip-path:inset(0);transform:none}}}.letter{padding:22px 20px calc(26px + var(--zig));margin:4px 20px 0}.letter .date{font:400 14px/1.4 var(--sans);color:var(--muted)}.letter .photo{cursor:zoom-in;background:#eee;margin:16px -4px 0}.letter .photo img{width:100%}.letter .text{font:400 18px/1.85 var(--letter);white-space:pre-wrap;margin-top:16px}.letter .reply-of{font:400 14px/1.5 var(--sans);color:var(--muted);margin-top:18px;display:block}.actions{gap:10px;padding:18px 20px 0;display:flex}.actions>*{flex:1}.zoom-hint{font:400 13px/1.3 var(--sans);color:var(--muted);align-items:center;gap:6px;margin:8px 0 0;display:flex}.minor-actions{justify-content:center;gap:22px;padding:18px 20px 0;display:flex}.minor-actions button{color:var(--muted);font:500 14.5px/1.3 var(--sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 4px;text-decoration:underline}.btn{font:600 16px/1 var(--sans);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;text-decoration:none;display:inline-flex}.btn svg{width:20px;height:20px}.btn:disabled{opacity:.45;cursor:default}.btn-red{background:var(--postbox);color:#fff}.btn-quiet{color:var(--on-desk);border:1.5px solid var(--edge);background:0 0}.paper .btn-quiet{color:var(--ink);border-color:#c9c6c1}.btn-text{color:var(--postbox);background:0 0;padding:0 8px}.btn-sm{min-height:40px;padding:0 14px;font-size:14px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label,.field .label{font:500 14px/1.4 var(--sans);color:var(--muted)}.input{min-height:48px;color:var(--ink);background:#fff;border:1.5px solid #c9c6c1;border-radius:10px;padding:10px 14px;font-size:17px}.input:focus{border-color:var(--ink);outline:0}.hint{font:400 13px/1.5 var(--sans);color:var(--muted)}.error{font:500 14px/1.5 var(--sans);color:var(--postbox)}.section-label{font:500 14px/1.4 var(--sans);color:var(--muted);padding:8px 20px 10px}.chips{flex-wrap:wrap;gap:8px;padding:0 20px;display:flex}.chip{font:500 15px/1 var(--sans);border:1.5px solid var(--edge);min-height:42px;color:var(--on-desk);cursor:pointer;background:0 0;border-radius:21px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip svg{width:16px;height:16px}.chip[aria-pressed=true]{background:var(--on-desk);border-color:var(--on-desk);color:var(--desk)}.chip.off:not([aria-pressed=true]){opacity:.6}.chip:disabled{cursor:default}.sheet{padding:20px 18px calc(22px + var(--zig));margin:20px 20px 0}.sheet .head{font:400 20px/1.3 var(--letter)}.sheet .date{font:400 13px/1.4 var(--sans);color:var(--muted);margin-top:2px}.sheet hr{border:0;border-top:2px solid var(--ink);margin:12px 0 14px}.sheet textarea{resize:none;width:100%;min-height:160px;font:400 17px/1.8 var(--letter);color:var(--ink);field-sizing:content;background:0 0;border:0;outline:0}.sheet textarea::placeholder{color:#a9a6a1}.sheet .photo-preview{margin-bottom:14px;position:relative}.sheet .photo-preview img{object-fit:contain;background:#eee;width:100%;max-height:360px}.remove{color:#fff;cursor:pointer;background:#2a2826cc;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.remove svg{width:16px;height:16px}.write-tools{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px 0;display:flex}.length{font:400 14px/1.5 var(--sans);color:var(--muted);padding:14px 20px 0}.length b{color:var(--on-desk);font-weight:600}.replying{border-left:3px solid var(--postbox);font:400 14px/1.5 var(--sans);color:var(--muted);margin:0 20px;padding:12px 14px}.to-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.to-row{align-items:center;gap:12px;min-height:70px;display:flex}.to-row .who{font:500 16px/1.4 var(--sans);flex:1}.to-row .who small{font:400 13px/1.35 var(--sans);color:var(--muted);display:block}.postmark{--c:var(--postbox);border:2px solid var(--c);outline:1px solid var(--c);outline-offset:-6px;width:68px;height:68px;color:var(--c);text-align:center;font:600 12.5px/1.1 var(--sans);border-radius:50%;flex:none;place-content:center;display:grid;transform:rotate(-9deg)}.postmark small{font:500 10px/1.15 var(--sans);margin-top:3px;display:block}.postmark.sent{--c:#8e9398;border-style:dashed;outline:0}.postmark.delivered{opacity:.8}.postmark.done{background:color-mix(in srgb, var(--postbox) 9%, transparent)}.notice{border:1.5px dashed var(--edge);border-radius:10px;align-items:center;gap:12px;margin:20px 20px 4px;padding:14px 16px;display:flex}.notice p{font:400 14px/1.5 var(--sans);flex:1}.empty{text-align:center;color:var(--muted);font:400 15px/1.7 var(--sans);padding:48px 32px}.empty .btn{margin-top:16px}.offline{z-index:20;color:#fff;font:500 14px/1.4 var(--sans);text-align:center;background:#3a3a3a;padding:8px 16px;position:sticky;top:0}.toast-wrap{left:0;right:0;bottom:calc(var(--tabbar) + 16px);z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{background:var(--ink);color:#fff;font:500 15px/1.4 var(--sans);pointer-events:auto;border-radius:10px;padding:12px 18px;box-shadow:0 6px 18px #00000040}.toast.error{background:var(--postbox)}.more{justify-content:center;padding:4px 0 8px;display:flex}.spinner{border:3px solid var(--edge);border-top-color:var(--postbox);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fab{right:max(20px,50% - 260px);bottom:calc(var(--tabbar) + 20px);z-index:11;background:var(--postbox);color:#fff;height:56px;font:700 16px/1 var(--sans);border:0;border-radius:28px;align-items:center;gap:8px;padding:0 22px 0 18px;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 6px 14px #8f171459}.fab svg{width:22px;height:22px}.group{padding:6px 18px calc(10px + var(--zig));margin:18px 20px 0}.group h2{font:400 20px/1.3 var(--letter);padding:12px 0 6px}.row{border-bottom:1px solid var(--line);min-height:56px;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.row:last-child{border-bottom:0}.row .main{flex:1;min-width:0}.row .main small{font:400 13px/1.4 var(--sans);color:var(--muted);display:block}.row .chev{color:var(--muted)}.dot{vertical-align:middle;background:#b5b2ad;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--ok)}.form{padding:14px 0 6px}.switch{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.switch input{width:48px;height:28px;accent-color:var(--postbox)}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline .input{flex:1;min-width:0}.contact .name{width:84px;font:500 14px/1.3 var(--sans);color:var(--muted);flex:none}.contact .input{flex:1;min-width:0;min-height:42px;padding:6px 10px;font-size:16px}.contact .icon-btn{width:36px;height:36px;color:var(--muted)}.viewer{z-index:40;touch-action:pinch-zoom;background:#000000eb;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.viewer img{max-width:100%;max-height:100dvh}.viewer .icon-btn{top:calc(env(safe-area-inset-top) + 12px);color:#fff;position:fixed;right:12px}.steps{counter-reset:s;padding:0;list-style:none}.steps li{counter-increment:s;font:400 16px/1.6 var(--sans);gap:12px;padding:10px 0;display:flex}.steps li:before{content:counter(s);background:var(--postbox);color:#fff;width:28px;height:28px;font:600 14px/28px var(--sans);text-align:center;border-radius:50%;flex:none}.login{flex-direction:column;min-height:100dvh;display:flex}.login .postbox{padding-bottom:0}.login .postbox h1{font-size:46px}.login form{padding:24px 20px calc(28px + var(--zig));margin:-2px 20px 0}.drawer-wrap{z-index:35;background:#14161873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--paper);width:100%;max-width:560px;max-height:92dvh;color:var(--ink);padding:10px 20px calc(env(safe-area-inset-bottom) + 24px);--muted:#77736e;border-radius:20px 20px 0 0;outline:0;overflow:auto}.drawer .grab{background:#d6d3ce;border-radius:3px;width:40px;height:5px;margin:0 auto 14px}.drawer h2{font:400 25px/1.3 var(--letter);margin-bottom:6px}.drawer-head{align-items:flex-start;gap:8px;display:flex}.drawer-head h2{flex:1;padding-top:6px}.drawer-head .icon-btn{flex:none;margin:-4px -8px 0 0}.drawer .btn-quiet{color:var(--ink);border-color:#c9c6c1}.stack{flex-direction:column;gap:10px;display:flex}.btn-row{gap:8px;display:flex}.btn-row.wrap{flex-wrap:wrap}.btn-row.wrap>.btn{white-space:nowrap;flex:calc(50% - 4px)}.kv{margin:0}.kv>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.kv dt{color:var(--muted);font:500 14px/1.4 var(--sans)}.kv dd{text-align:right;font:500 15px/1.4 var(--sans);overflow-wrap:anywhere;margin:0}.kv .hint{margin-top:6px}.btn-row>*{flex:1}.code-box{font:600 26px/1 var(--sans);letter-spacing:.08em;text-align:center;border:1.5px dashed #c9c6c1;border-radius:12px;padding:16px 8px}.qr{align-items:center;gap:14px;display:flex}.qr img{width:132px;height:132px;image-rendering:pixelated;border:1px solid var(--line);border-radius:8px;flex:none}.badge-tag{font:600 12px/1 var(--sans);color:var(--postbox-deep);vertical-align:3px;background:#f1e3e2;border-radius:6px;margin-left:6px;padding:4px 7px;display:inline-block}.state{font:400 15.5px/1.55 var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;margin:14px 20px 0;padding:14px 16px}.state b{margin-bottom:2px;font-weight:600;display:block}.state.warn{background:#fff6e5;border-color:#e7c27a}.state.err{background:#fceceb;border-color:#e6a19f}.state .btn{margin-top:10px}.state .steps{margin:4px 0 0}.state .steps li{padding:6px 0;font-size:15.5px}.state .steps b{margin:0;display:inline}.state .btn-quiet{color:var(--ink);border-color:#c9c6c1}.big-cta{background:var(--postbox);color:#fff;border-radius:16px;align-items:center;gap:14px;min-height:88px;margin:16px 20px 0;padding:18px;text-decoration:none;display:flex}.big-cta b{font:400 23px/1.25 var(--letter);display:block}.big-cta small{font:400 14px/1.4 var(--sans);opacity:.92}.av{width:44px;height:44px;font:400 19px/1 var(--letter);color:var(--ink);background:#edeae5;border-radius:50%;flex:none;place-items:center;display:grid}.av.device{background:var(--postbox);color:#fff}.av.device svg{width:22px;height:22px}.big-cta .av{color:var(--postbox);background:#fff}.row .av{width:40px;height:40px;font-size:17px}.row-btn{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:0}.kinds{grid-template-columns:1fr 1fr;gap:12px;margin:8px 20px 0;display:grid}.kind-card{background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;min-height:100px;font:inherit;border:2px solid #0000;border-radius:14px;padding:16px}.kind-card[aria-pressed=true]{border-color:var(--postbox)}.kind-card b{font:400 22px/1.3 var(--letter);display:block}.kind-card span{font:400 13.5px/1.4 var(--sans);color:#77736e}.todo{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:64px;display:flex}.todo:last-child{border-bottom:0}.todo .n{border:2px solid var(--postbox);width:30px;height:30px;color:var(--postbox);font:600 15px/26px var(--sans);text-align:center;border-radius:50%;flex:none}.todo .n.done{background:var(--ok);border-color:var(--ok);color:#fff}.todo .main{flex:1}.todo .main small{font:400 13px/1.4 var(--sans);color:var(--muted);display:block}.pend{color:var(--ink);font:400 15.5px/1.55 var(--sans);background:#fff6e5;border:1.5px solid #e7c27a;border-radius:14px;margin:14px 20px 0;padding:14px 16px}.pend b{font-weight:600}.pend .btn-row{flex-wrap:wrap;margin-top:12px}.pend .btn-quiet{color:var(--ink);border-color:#c9c6c1}.group-head{padding:calc(env(safe-area-inset-top) + 20px) 20px 4px;align-items:center;gap:10px;display:flex}.group-head h1{font:400 30px/1.2 var(--letter);flex:1}.group-head select{border:1.5px solid var(--edge);max-width:46%;min-height:40px;font:500 14px var(--sans);color:var(--on-desk);background:0 0;border-radius:22px;padding:0 14px}.sub-head{font:400 15px/1.4 var(--sans);color:var(--muted);padding:0 20px}.chips.wrap{margin-top:10px;padding:0}.chips.wrap .chip{min-height:48px;color:var(--ink);border-color:#c9c6c1;border-radius:24px;padding:0 18px;font-size:16px}.chips.wrap .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.field-error{font:500 14px/1.4 var(--sans);color:var(--postbox)}.link-quiet{text-align:center;font:500 15px/1.4 var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px;margin:22px auto 0;text-decoration:underline;display:block}.link-quiet.danger{color:var(--postbox)}.pw{position:relative}.pw .input{width:100%;padding-right:64px}.pw button{min-width:56px;color:var(--muted);font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;position:absolute;top:4px;bottom:4px;right:4px}details.fold summary{cursor:pointer;min-height:56px;font:400 17px var(--sans);align-items:center;list-style:none;display:flex}details.fold summary::-webkit-details-marker{display:none}.postbox{position:relative}.me-tag{right:18px;top:calc(env(safe-area-inset-top) + 40px);background:var(--paper);min-height:36px;color:var(--ink);font:500 14px/1 var(--sans);border-radius:18px;align-items:center;gap:6px;padding:0 12px 0 6px;text-decoration:none;display:inline-flex;position:absolute}.me-tag i{background:var(--ink);color:#fff;width:24px;height:24px;font:600 12px/24px var(--sans);text-align:center;border-radius:12px;font-style:normal}.gsec{font:600 14px/1 var(--sans);color:var(--on-desk);margin:20px 22px 8px}.gsec small{color:var(--muted);font-weight:400}.sub{font:400 14px/1.4 var(--sans);color:var(--muted)}.thread-list{background:var(--paper);color:var(--ink);--muted:#77736e;margin:0 20px}.strips+.thread-list,.postbox+.thread-list{margin-top:-2px}.thread-row{border-bottom:1px solid var(--line);min-height:72px;color:inherit;cursor:pointer;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex;position:relative}.thread-row:last-child{border-bottom:0}.thread-row.invite-row{background:var(--paper);color:var(--ink);--muted:#77736e;border-bottom:0;margin:0 20px}.thread-row .chev{color:var(--muted)}.thread-row.unread:before{content:"";background:var(--postbox);width:4px;position:absolute;top:10px;bottom:10px;left:0}.thread-row .who{flex:1;min-width:0}.thread-row .name{font:400 20px/1.25 var(--letter)}.thread-row .name small{font:400 13px var(--sans);color:var(--muted)}.thread-row .last{font:400 14.5px/1.4 var(--sans);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thread-row .last.new{color:var(--ink);font-weight:500}.thread-row.left .name,.thread-row.left .av{opacity:.55}.thread-row .meta{font:400 13px var(--sans);color:var(--muted);flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.thread-row .count{background:var(--postbox);color:#fff;min-width:22px;height:22px;font:600 12px/22px var(--sans);text-align:center;border-radius:11px;padding:0 6px}.thread-row .st.done{color:var(--postbox);font-weight:600}.thread-row.pick input{width:24px;height:24px;accent-color:var(--ink);flex:none}.thread{padding:0 16px calc(96px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.thread .day{text-align:center;font:500 13px/1 var(--sans);color:var(--muted);margin:8px 0 2px}.sheet-in,.sheet-out{background:var(--paper);max-width:82%;color:var(--ink);--muted:#77736e;flex-direction:column;gap:8px;padding:14px 16px 21px;text-decoration:none;display:flex;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 7px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 7px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 7px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 7px repeat-x}.sheet-in{align-self:flex-start}.sheet-in.new{border-left:4px solid var(--postbox)}.new-tag{background:var(--postbox);color:#fff;font:700 12.5px/1.5 var(--sans);border-radius:999px;align-self:flex-start;padding:2px 9px;display:inline-block}.sheet-out{align-self:flex-end}.sheet-in img,.sheet-out img{object-fit:contain;background:#f4f1e6;width:100%;max-height:260px}.sheet-in .txt,.sheet-out .txt{font:400 17px/1.65 var(--letter);white-space:pre-wrap;-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet-in .when,.sheet-out .when{font:400 12.5px/1.3 var(--sans);color:var(--muted)}.stamp-row{align-self:flex-end;margin-top:-10px}.stamp-row .postmark{background:var(--desk);width:58px;height:58px;font-size:12px}.compose{z-index:12;padding:14px 20px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(transparent, var(--desk) 35%);max-width:560px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.page.no-tabs:has(.compose){padding-bottom:calc(env(safe-area-inset-bottom) + 100px)}.quote{background:var(--paper);color:var(--ink);border-left:4px solid var(--postbox);font:400 14.5px/1.5 var(--sans);align-items:center;gap:10px;margin:0 20px 8px;padding:10px 14px;display:flex}.quote img{object-fit:cover;flex:none;width:52px;height:52px}.btn-text.link{min-height:44px;font:600 14px var(--sans);color:var(--postbox);cursor:pointer;background:0 0;border:0;padding:0}.print-preview{background:var(--paper);cursor:zoom-in;text-align:left;border:1.5px dashed #c9c6c1;border-radius:10px;width:calc(100% - 40px);margin:12px 20px 0;padding:10px;display:block}.print-preview img{object-fit:contain;object-position:top;background:#fff;width:100%;max-height:320px;margin-top:6px}.setting{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;min-height:64px;padding:8px 0;display:flex}.setting:last-child{border-bottom:0}.setting.col .main{flex:1}.setting.col input[type=range]{flex-basis:100%;height:32px}.setting .main{min-width:140px;font:400 16px/1.4 var(--sans);flex:1}.setting .main small{font:400 13.5px/1.4 var(--sans);color:var(--muted);display:block}.setting .main b{font-weight:600}.setting select.input{flex:none;min-width:0}.toggle{width:52px;height:30px;accent-color:var(--postbox);flex:none}.save-mark{font:500 12.5px/1 var(--sans);color:var(--muted);white-space:nowrap}.save-mark.applied{color:var(--ok)}.save-mark.error{color:var(--postbox)}.contact{border-bottom:1px solid var(--line);align-items:center;gap:6px 8px;padding:12px 0;display:grid}.contact .who{font:500 15px/1.3 var(--sans);flex-wrap:wrap;grid-area:who;align-items:center;gap:8px;display:flex}.contact .input{grid-area:input;min-height:48px;font-size:17px}.ord{gap:6px;display:inline-flex}.ord button,.remove-btn{width:48px;height:48px;color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #c9c6c1;border-radius:10px;place-items:center;display:grid}.ord button:disabled{opacity:.35;cursor:default}.ord button svg,.remove-btn svg{width:22px;height:22px}.contact .ord{grid-area:ord}.contact .remove-btn{color:var(--muted);grid-area:remove}.setting{padding-bottom:18px;position:relative}.setting>.save-mark{position:absolute;bottom:3px;right:0}.setting .main{min-width:96px}.flat{background:var(--paper);color:var(--ink);--muted:#6e6a65;border-radius:14px;padding:6px 18px 10px}.group.flat{padding-bottom:10px}.flat h2{font:400 20px/1.3 var(--letter);padding:14px 0 6px}.steps svg{vertical-align:-4px;width:20px;height:20px;display:inline-block}.pend-sum{margin:14px 20px 0}.pend-sum>summary{cursor:pointer;min-height:56px;color:var(--ink);font:500 16px/1.3 var(--sans);background:#fff6e5;border:1.5px solid #e7c27a;border-radius:14px;align-items:center;gap:10px;padding:0 16px;list-style:none;display:flex}.pend-sum>summary::-webkit-details-marker{display:none}.pend-sum>summary svg{margin-left:auto;transition:transform .15s;transform:rotate(90deg)}.pend-sum[open]>summary svg{transform:rotate(-90deg)}.pend-sum>summary .count{background:var(--postbox);color:#fff;min-width:26px;height:26px;font:600 13px/26px var(--sans);text-align:center;border-radius:13px}.pend-sum .pend{margin:10px 0 0}.av.plus{color:var(--muted);font:400 22px/1 var(--sans);background:0 0;border:1.5px dashed #b9b5af}.add-row .main{color:var(--ink);font-weight:500}details.fold>summary small{font:400 13px/1.4 var(--sans);color:var(--muted);display:block}details.fold>summary{flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 0}.drawer-sec{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.sec-title{font:600 13px/1 var(--sans);color:var(--muted);margin:12px 0 2px}.sec-title.danger{color:var(--postbox-deep);margin-top:18px}.danger-btn{color:var(--postbox-deep)!important;border-color:#e6a19f!important}.sheet{flex-direction:column;min-height:48dvh;display:flex}.sheet textarea{background:repeating-linear-gradient(#0000 0 29px,#e9e6e1 29px 30px) local;flex:1;min-height:30dvh;line-height:30px}.to-change{border:1.5px solid var(--edge);width:calc(100% - 40px);min-height:48px;color:var(--on-desk);font:500 15px/1.2 var(--sans);cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:8px;margin:0 20px 4px;padding:0 14px;display:flex}.to-change>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.to-change>span:first-child b{color:var(--on-desk);margin-left:4px;font-weight:600}.to-change-act{color:var(--muted);align-items:center;gap:2px;font-size:14px;display:inline-flex}.to-change svg{color:var(--muted)}.stamp-row{align-self:flex-end;align-items:center;gap:10px;max-width:92%;margin-top:-8px;display:flex}.status-line{font:500 13.5px/1.35 var(--sans);color:var(--on-desk);text-align:right}.status-line.done{color:var(--postbox);font-weight:600}.stamp-row .postmark{background:var(--desk);flex:none;width:60px;height:60px;font-size:12.5px}.postmark.sent{color:#5e6368;--c:#6e7378}.postmark.done{color:#fff;outline-color:#fff9;background:var(--postbox)!important}@media (prefers-reduced-motion:no-preference){.postmark.stamp-in{animation:.42s cubic-bezier(.3,1.6,.5,1) both stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg)scale(1.8)}60%{opacity:1}to{transform:rotate(-9deg)scale(1)}}}.thread-row .last{color:#5c5853}.thread-row .meta{color:#9a958f;font-size:12.5px}.slim-note{font:500 14px/1.4 var(--sans);color:var(--muted);align-items:center;gap:6px;margin:0 20px 6px;display:flex}.form-head{align-items:center;gap:6px;margin:-8px 0 10px -10px;display:flex}.contact{grid-template-columns:1fr auto;grid-template-areas:"who who""input ord"}.contact .who{justify-content:flex-start}.contact.no-label{grid-template-columns:1fr auto;grid-template-areas:"who ord"}.remove-link{min-height:40px;color:var(--muted);font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 6px;text-decoration:underline}.status-big{align-items:center;gap:16px;padding:16px 0 10px;display:flex}.status-big>div:first-child{flex:1}.status-big b{font:400 26px/1.25 var(--letter);display:block}.status-big b.off{color:var(--muted)}.status-big b.on{color:var(--ok)}.status-big small{font:400 13.5px/1.4 var(--sans);color:var(--muted);margin-top:2px;display:block}.status-big .num{text-align:center;background:var(--desk);border-radius:12px;min-width:84px;padding:8px 10px}.status-big .num b{font:600 28px/1 var(--sans);color:var(--ink)}@media (width>=600px){.app{max-width:720px}.tabs{z-index:15;position:fixed;top:0;bottom:auto}.tabs-inner{max-width:720px}.page:not(.no-tabs){padding-top:48px}.postbox{padding-top:40px}.compose,.drawer{max-width:720px}.fab{bottom:24px;right:max(20px,50% - 340px)}.toast-wrap{bottom:24px}}textarea.input{resize:vertical;width:100%;min-height:110px;padding:10px 12px;line-height:1.5}.hchart{margin:8px 0 6px}.hchart svg{width:100%;height:auto;display:block}.hchart text{font:400 10px var(--sans);fill:var(--muted)}.hchart figcaption{font:400 13px var(--sans);color:var(--muted);flex-wrap:wrap;gap:14px;padding-top:4px;display:flex}.hchart figcaption i{vertical-align:middle;border-top-width:2.5px;width:18px;margin-right:6px;display:inline-block}.input.lim{flex:none;width:76px;min-height:40px;padding:0 10px}.row .main small.said{overflow-wrap:anywhere;font-style:italic}