:root{--bg: #f5f5f3;--surface: #ffffff;--surface-muted: #efefec;--border: #e3e3df;--border-strong: #cdcdc7;--text: #1b1b1a;--text-secondary: #5e5e59;--text-muted: #8b8b85;--accent: #1b1b1a;--accent-contrast: #ffffff;--warning-bg: #fbf0d9;--warning-text: #7a4a05;--danger: #b3261e;--danger-bg: #fbeceb;--radius: 10px;--radius-lg: 14px;--font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #121211;--surface: #1c1c1b;--surface-muted: #262624;--border: #2e2e2c;--border-strong: #3d3d3a;--text: #ededeb;--text-secondary: #b0b0aa;--text-muted: #85857f;--accent: #ededeb;--accent-contrast: #121211;--warning-bg: #3a2c10;--warning-text: #f2c46b;--danger: #f0857c;--danger-bg: #3a1a18}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-block{display:flex;width:100%}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted)}.btn-danger{background:transparent;border-color:var(--border-strong);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.can-content{display:flex;flex-direction:column;gap:16px}.can-memo{margin:0;font-size:22px;font-weight:600;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.can-image{width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted)}.can-link{display:flex;flex-direction:column;gap:10px}.can-link-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .15s}.can-link-card:hover{border-color:var(--border-strong)}.can-link-title{font-size:15px;font-weight:500;overflow-wrap:anywhere}.can-link-domain{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.can-link-domain svg{width:14px;height:14px}.can-saved{margin:8px 0 0;font-size:13px;color:var(--text-muted)}.copy-field{display:flex;flex-direction:column;gap:6px}.copy-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.copy-row{display:flex;align-items:center;gap:2px;padding:4px 4px 4px 12px;background:var(--surface-muted);border-radius:var(--radius)}.copy-value{flex:1;min-width:0;overflow:hidden;font-family:var(--mono);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-btn:hover{background:var(--surface);color:var(--text)}.icon-btn:focus-visible{outline:2px solid var(--text);outline-offset:1px}.icon-btn svg{width:18px;height:18px}.badge{display:inline-block;padding:2px 10px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.badge-unopened{background:var(--warning-bg);color:var(--warning-text)}.badge-opened{background:var(--surface-muted);color:var(--text-secondary)}.badge-empty{border-color:var(--border);color:var(--text-muted)}.admin-header{position:sticky;top:0;z-index:1;background:var(--bg);border-bottom:1px solid var(--border)}.admin-header-inner{display:flex;align-items:center;max-width:760px;margin:0 auto;padding:14px 20px}.admin-brand{font-size:15px;font-weight:600;text-decoration:none}.admin-brand span{margin-left:6px;font-weight:400;color:var(--text-muted)}.admin-main{display:flex;flex-direction:column;gap:28px;max-width:760px;margin:0 auto;padding:24px 20px 64px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title{margin:0 0 12px;font-size:17px;font-weight:600}.section-head .section-title{margin:0}.panel{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-body{display:flex;flex-direction:column;gap:14px;padding:16px}.add-form{margin-bottom:12px}.can-list{margin:0;padding:0;list-style:none}.can-list li+li{border-top:1px solid var(--border)}.can-row{display:grid;grid-template-columns:48px 1fr auto 16px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none}.can-row:hover{background:var(--surface-muted)}.can-row:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.can-row-id{font-family:var(--mono);font-size:14px}.can-row-main{min-width:0}.can-row-title,.can-row-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.can-row-title{font-size:15px}.can-row-title.is-empty{color:var(--text-muted)}.can-row-meta{font-size:12px;color:var(--text-muted)}.can-row-chevron{width:16px;height:16px;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.field-hint{margin:0;font-size:12px;color:var(--text-muted)}.input{width:100%;min-height:44px;padding:10px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:16px}.input:focus{outline:2px solid var(--text);outline-offset:-1px}textarea.input{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:140px 1fr;gap:12px}@media(max-width:520px){.form-grid{grid-template-columns:1fr}}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px}.notice{margin:0;padding:10px 12px;border-radius:var(--radius);font-size:14px}.notice-error{background:var(--danger-bg);color:var(--danger)}.empty-text{margin:0;padding:28px 16px;text-align:center;font-size:14px;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);text-decoration:none}.back-link svg{width:16px;height:16px}.detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.detail-title{margin:0;font-family:var(--mono);font-size:24px;font-weight:600}.detail-label{color:var(--text-secondary)}.preview{padding:24px 20px;background:var(--bg)}.timeline{margin:0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 16px;font-size:14px}.timeline li+li{border-top:1px solid var(--border)}.timeline-time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.timeline-summary{font-size:13px;color:var(--text-secondary);overflow-wrap:anywhere}.action-row{display:flex;flex-wrap:wrap;gap:8px}.public-shell{display:flex;flex-direction:column;gap:16px;max-width:440px;min-height:100dvh;margin:0 auto;padding:max(40px,env(safe-area-inset-top)) 20px max(56px,env(safe-area-inset-bottom))}.state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:48px 0;text-align:center}.state-icon svg{width:28px;height:28px;color:var(--text-muted)}.state-title{margin:8px 0 0;font-size:16px;font-weight:600}.state-desc{margin:0;font-size:14px;color:var(--text-secondary)}.state-action{margin-top:16px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.can-kicker{margin:0;font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--text-muted)}.home{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.home-kicker{margin:0;font-family:var(--mono);font-size:13px;color:var(--text-muted)}.home-title{margin:0;font-size:24px;font-weight:600;line-height:1.5}.home-body{margin:0;font-size:15px;color:var(--text-secondary)}