:root{color-scheme:light;--bg:#f7f8f4;--ink:#24332b;--muted:#65715f;--line:#dfe3d9;--green:#537b54;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #759b61;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.shell{max-width:960px;min-height:100dvh;margin:auto;padding:0 40px;display:flex;flex-direction:column}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;letter-spacing:-.6px}.brand-mark{position:relative;background:var(--ink);color:var(--bg);width:34px;height:34px;border-radius:10px;font:italic 30px Georgia;text-align:center;padding-right:5px}.brand-mark span{position:absolute;right:3px;top:2px;font:15px sans-serif}.muted{color:var(--muted);font-weight:400}.files-link{font-size:12px;color:var(--muted)}.files-link span{margin-left:7px}main{flex:1}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 27px;gap:16px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h1{font-size:26px;font-weight:550;letter-spacing:-.8px;margin:13px 0 10px}.intro p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.lifetime{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:var(--green);background:#eaf0e3;padding:9px 12px;border-radius:7px}.lifetime>span{font-size:16px}.composer{background:#fffefb;border:1px solid #d5decd;border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.composer:focus-within{border-color:#829d74;box-shadow:0 0 0 3px #829d7415}textarea{resize:vertical;display:block;width:100%;border:0;background:transparent;color:var(--ink);font-size:14px;line-height:1.8;min-height:150px;padding:20px;outline:none;overflow-wrap:anywhere}textarea::placeholder{color:#7a8475}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px 12px 20px;border-top:1px solid #edf0e7;font-size:10px;color:var(--muted)}.compose-actions{display:flex;align-items:center;gap:16px}.shortcut{font-size:10px;color:#77826f}.send{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:var(--bg);font-size:12px;padding:10px 17px;min-height:42px}.send:hover{background:#3d533c}.send span{font-size:17px}.error,.connection-error{font-size:12px;line-height:1.7;color:#9b4234}.connection-error{background:#f2ecdf;color:#7d613d;padding:10px 13px;border-radius:6px;margin-bottom:12px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px}h2{font-size:14px;font-weight:550;margin:0;display:flex;align-items:center;gap:9px}#count{background:#e9ede3;color:var(--muted);font-size:10px;min-width:22px;padding:3px 7px;border-radius:20px;text-align:center}.sync{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.sync-dot,.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#86a578}.sync-dot.offline{background:#b29868}#refresh{background:transparent;border:0;color:var(--muted);font-size:20px;width:35px;height:35px;margin-left:4px;border-radius:7px}#refresh:hover{background:#e8ede1}.card{border:1px solid var(--line);border-radius:10px;background:#fffefb;padding:17px 18px;margin-bottom:10px}.card-head{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.item-type{display:inline-flex;align-items:center;gap:6px}.item-type svg{height:13px;width:13px}.countdown{margin-left:auto;font-variant-numeric:tabular-nums}.countdown.soon{color:#9a7236}.snippet-content{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 15px;max-height:240px;overflow:auto;tab-size:2}.snippet-content a{color:#476c4b;text-decoration:underline;text-decoration-color:#bdccaf;text-underline-offset:3px}.snippet-content a:hover{color:#24332b}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.created{font-size:10px;color:var(--muted)}.item-actions{display:flex;gap:8px;align-items:center}.copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce4d5;background:#edf2e7;color:#46643d;border-radius:6px;padding:8px 13px;font-size:11px;min-height:36px}.copy svg{height:13px;width:13px}.copy:hover{background:#e1ead9}.delete{border:0;border-radius:6px;background:transparent;color:#7d8677;min-height:36px;min-width:36px;padding:9px;display:inline-flex;align-items:center;justify-content:center}.delete svg{width:14px;height:14px}.delete:hover{background:#f5e9e3;color:#9b4234}.empty{padding:38px 16px 40px;text-align:center;border:1px dashed var(--line);border-radius:10px}.empty-icon{font:34px Georgia;color:#8c9e80;display:block;margin-bottom:12px}.empty h3{font-size:13px;font-weight:500;margin:0 0 8px}.empty p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.footnote{display:flex;align-items:baseline;gap:7px;font-size:10px;color:var(--muted);line-height:1.9;margin:17px 0 30px}.tiny-dot{width:4px;height:4px;flex-shrink:0}footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:18px 0 calc(18px + env(safe-area-inset-bottom));font-size:10px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--ink);color:var(--bg);font-size:12px;padding:13px 22px;border-radius:9px;box-shadow:0 4px 20px #0002;z-index:10;line-height:1.6;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:480px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:24px;color:var(--ink)}dialog::backdrop{background:#26352a50;backdrop-filter:blur(3px)}dialog p{font-size:12px;color:var(--muted);line-height:1.8}dialog textarea{border:1px solid var(--line);background:#fffefb;border-radius:7px;margin:15px 0}dialog .send{float:right}
@media(max-width:600px){.shell{padding:0 22px}header{height:73px}.brand{font-size:16px;gap:9px}.brand-mark{width:30px;height:30px;font-size:27px}.files-link{font-size:11px}.intro{padding:32px 0 23px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:23px;margin-top:12px}.intro p{font-size:11px}.lifetime{font-size:10px;padding:7px 9px;margin-top:28px}.lifetime>span{font-size:14px}.shortcut{display:none}textarea{font-size:16px;padding:16px;min-height:158px}.composer-bottom{padding:10px 12px 10px 16px}.send{min-height:44px}.list-heading{margin-top:26px}.card{padding:15px 14px}.snippet-content{font-size:13px}.copy,.delete{min-height:44px}.delete{min-width:40px}.footnote{font-size:9px}footer{font-size:9px}.empty{padding:32px 10px}.empty p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}