:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #ececef;--text: #1c1c1e;--muted: #8a8a8e;--border: #e2e2e6;--accent: #0a84ff;--danger: #ff3b30;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06);--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--text: #f2f2f7;--muted: #8e8e93;--border: #38383a;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100dvh;width:100%;overflow:hidden}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.decoy{display:flex;flex-direction:column;height:100dvh;max-width:720px;margin:0 auto;padding:calc(var(--safe-top) + 8px) 0 0}.decoy-top{display:flex;align-items:baseline;gap:10px;padding:8px 20px 4px}.decoy-top h1{font-size:32px;font-weight:800;letter-spacing:-.02em}.decoy-count{color:var(--muted);font-size:15px;font-variant-numeric:tabular-nums}.search{display:flex;align-items:center;gap:8px;margin:8px 16px 4px;padding:9px 12px;background:var(--surface-2);border-radius:12px}.search-ico{width:18px;height:18px;fill:var(--muted);flex:none}.search input{flex:1;border:none;background:none;color:var(--text);font-size:16px;outline:none}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.note-list{list-style:none;flex:1;min-height:0;overflow-y:auto;padding:8px 16px 0;-webkit-overflow-scrolling:touch}.note{display:flex;align-items:flex-start;gap:8px;background:var(--surface);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow)}.note-body{flex:1;min-width:0}.note-body p{font-size:16px;line-height:1.35;word-break:break-word;white-space:pre-wrap}.note-body time{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.note-del{color:var(--muted);font-size:22px;line-height:1;padding:0 4px;opacity:.6}.note-del:hover{opacity:1;color:var(--danger)}.note-empty{text-align:center;color:var(--muted);padding:48px 0;font-size:15px}.composer{display:flex;gap:10px;padding:12px 16px calc(var(--safe-bottom) + 12px);border-top:1px solid var(--border);background:var(--bg)}.composer textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:10px 12px;font-size:16px;max-height:120px;outline:none}.composer textarea:focus{border-color:var(--accent)}.composer-add{align-self:stretch;padding:0 18px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600}.composer-add:disabled{opacity:.4}.viewer{position:fixed;inset:0;background:#000;overflow:hidden;touch-action:none}.progress{position:absolute;top:0;left:0;width:100%;height:4px;background:#ffffff1f;z-index:20;opacity:0;transition:opacity .25s ease;pointer-events:none}.progress[data-on]{opacity:1}.progress-bar{height:100%;background:#ffffff8c;transition:width .1s linear}.stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.frame{width:100vw;height:100dvh;object-fit:contain;user-select:none;-webkit-user-select:none;will-change:transform}.fav-badge{position:absolute;top:calc(var(--safe-top) + 14px);right:16px;font-size:20px;color:#ffd60a;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}.overlay-msg{position:absolute;inset:0;display:grid;place-content:center;gap:16px;text-align:center;color:#fff;padding:24px}.menu-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:30;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.menu-sheet{width:100%;max-width:480px;background:var(--surface);color:var(--text);border-radius:20px 20px 0 0;padding:10px 16px calc(var(--safe-bottom) + 16px);box-shadow:var(--shadow);animation:slideup .22s cubic-bezier(.2,.8,.2,1)}@media(min-width:520px){.menu-backdrop{align-items:center}.menu-sheet{border-radius:20px}}@keyframes slideup{0%{transform:translateY(100%)}}.menu-grabber{width:36px;height:5px;border-radius:3px;background:var(--border);margin:4px auto 14px}.menu-section{margin-bottom:16px}.menu-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.seg{display:flex;gap:4px;background:var(--surface-2);border-radius:12px;padding:4px}.seg button{flex:1;padding:8px;border-radius:9px;font-size:15px;font-weight:500;color:var(--text)}.seg .seg-on{background:var(--surface);box-shadow:var(--shadow)}.menu-actions{display:flex;flex-direction:column}.menu-btn{display:flex;align-items:center;gap:12px;padding:14px 8px;font-size:16px;border-radius:10px;text-align:left}.menu-btn:hover{background:var(--surface-2)}.menu-btn:disabled{opacity:.4}.menu-btn.danger{color:var(--danger)}.menu-ico{width:22px;text-align:center;font-size:18px}.menu-close{width:100%;margin-top:10px;padding:14px;border-radius:12px;background:var(--surface-2);font-weight:600;font-size:16px}.confirm{width:100%;max-width:360px;margin:0 16px calc(var(--safe-bottom) + 16px);background:var(--surface);border-radius:18px;padding:22px;text-align:center;box-shadow:var(--shadow);animation:pop .18s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}}.confirm-title{font-size:17px;font-weight:600}.confirm-sub{margin-top:6px;font-size:14px;color:var(--muted)}.confirm-actions{display:flex;gap:10px;margin-top:20px}.ghost-btn,.danger-btn{flex:1;padding:12px;border-radius:12px;font-weight:600;font-size:16px}.ghost-btn{background:var(--surface-2);color:var(--text)}.danger-btn{background:var(--danger);color:#fff}.danger-btn:disabled{opacity:.5}