:root{--bg:#f6f7f9;--card:#fff;--text:#1f2328;--muted:#6b7280;--border:#e5e7eb;--primary:#8ec96d;--primary-strong:#3d8526;--on-primary:#fff;--primary-text:#3d8526;--danger:#dc2626;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111318;--card:#1b1e25;--text:#e6e7ea;--muted:#9aa0aa;--border:#2c3039;--primary:#8ec96d;--primary-strong:#3d8526;--on-primary:#fff;--primary-text:#9fd47f;--danger:#f87171}}*{box-sizing:border-box}:root{--inset-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--inset-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}body{background:var(--bg);padding-bottom:var(--inset-bottom);margin:0}a{color:var(--primary-text);text-decoration:none}.header{padding:calc(8px + var(--inset-top)) 12px 8px;background:var(--primary);color:#000;justify-content:space-between;align-items:center;gap:8px;display:flex}.logo{color:#000;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;font-weight:800;line-height:1;display:inline-flex}.header .menu{align-items:center;gap:24px;display:flex}.menu-icon{color:#0000008c;border-radius:10px;justify-content:center;align-items:center;width:44px;height:40px;display:inline-flex}.menu-icon:hover{color:#000}.menu-icon.active{color:#000;background:#ffffff73}.subtabs{gap:8px;margin:0 0 16px;display:flex}.subtab{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:14px}.subtab.active{border-color:var(--primary-strong);background:var(--primary-strong);color:var(--on-primary);font-weight:600}.page-title{margin:0 0 12px;font-size:18px}.editor+.page-title{margin-top:28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notice{border:1px solid var(--primary);background:var(--card);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:14px}.notice a{font-weight:600}.badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px}.user{color:var(--muted);font-size:14px}.mypage{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.mypage .card{box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:8px;width:100%;padding:16px}.mypage h3{margin:0 0 8px;font-size:15px}.hint{color:var(--muted);margin:0;font-size:13px}.info-list{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.info-list dt{color:var(--muted)}.info-list dd{word-break:break-all;margin:0}.name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.name-value{word-break:break-all;font-size:16px}.name-actions{gap:8px;margin-left:auto;display:flex}.name-form{flex-direction:column;gap:8px;margin-top:10px;display:flex}.name-form input{font:inherit;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;padding:8px;font-size:16px}.name-form input[aria-invalid=true]{border-color:var(--danger)}.name-form .error{margin:0;font-size:13px}.links{color:var(--muted);margin-top:16px;font-size:13px}.footer-links{align-items:center;gap:8px;display:flex}.invite{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;display:flex}.invite-form{flex-direction:column;gap:12px;width:100%;display:flex}.invite-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.invite-form input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:6px;padding:8px;font-size:16px}.invite-form .error{margin:0;font-size:14px}.invite-form .hint{display:inline}.invite-form button[type=submit]{align-self:flex-start}.link-button{font:inherit;color:var(--muted);background:0 0;border:none;padding:0}.link-button:hover:not(:disabled){color:var(--text);text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:16px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:6px;padding:6px 12px}button.primary{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary);font-weight:700}button:disabled{opacity:.6;cursor:default}button.danger{color:var(--danger)}.editor{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.editor input,.editor textarea{font:inherit;border:1px solid var(--border);color:var(--text);resize:vertical;background:0 0;border-radius:6px;padding:8px}.actions{justify-content:flex-end;gap:8px;display:flex}.more{text-align:center;margin:16px 0 8px}.more button{min-width:140px}.editor-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.visibility{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.visibility button{color:var(--muted);border:none;border-radius:0;align-items:center;gap:5px;font-size:14px;display:inline-flex}.visibility button svg{color:var(--primary-text)}.visibility button+button{border-left:1px solid var(--border)}.visibility button.on{background:var(--primary-strong);color:var(--on-primary);font-weight:700}.visibility button.on svg{color:var(--on-primary)}.memo .info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.author{color:var(--text);font-weight:600}.edited{color:var(--muted)}.lock{color:var(--muted);display:inline-flex}.memo-list{flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.memo{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px}.memo p{white-space:pre-wrap;word-break:break-word;margin:0}.memo p,.editor textarea{font-size:16px}@media (width>=768px){.memo p,.editor textarea{font-size:15px}}.memo p{line-height:1.5}.memo-body{position:relative}.inline-toggle{cursor:pointer;font:inherit;line-height:inherit;color:var(--muted);vertical-align:baseline;background:0 0;border:none;margin:0;padding:0}.inline-toggle:hover{color:var(--text)}.memo .meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;display:flex}.more-menu{position:relative}.more-menu-button{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.more-menu-button:hover,.more-menu-button[aria-expanded=true]{background:var(--bg);color:var(--text)}.more-menu-list{z-index:10;background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:112px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001f}.more-menu-list button{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;display:block}.more-menu-list button:hover,.more-menu-list button:focus-visible{background:var(--bg);outline:none}.memo .editor{border:none;padding:0}.empty{text-align:center;color:var(--muted);margin-top:32px}.login{text-align:center;margin-top:48px}.google-btn{color:#1f1f1f;letter-spacing:.25px;background:#fff;border:1px solid #747775;border-radius:4px;align-items:center;gap:10px;height:40px;padding:0 12px;font-family:Roboto,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s;display:inline-flex}.google-btn:hover:not(:disabled){background:#f7f8f8;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.google-btn-logo{flex:none;width:18px;height:18px}@media (prefers-color-scheme:dark){.google-btn{color:#e3e3e3;background:#131314;border-color:#8e918f}.google-btn:hover:not(:disabled){background:#1f1f20}}.error{color:var(--danger)}.exit-dialog{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.exit-dialog-box{background:var(--card);width:100%;max-width:320px;color:var(--text);border-radius:12px;padding:20px;box-shadow:0 10px 30px #00000040}.exit-dialog-box p{margin:0 0 20px;font-size:17px;font-weight:600}.exit-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.exit-dialog-actions button{min-width:72px}.app-toast{left:50%;bottom:calc(32px + var(--inset-bottom));z-index:90;opacity:0;pointer-events:none;color:#fff;white-space:nowrap;background:#202124e6;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%)translateY(8px)}.app-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.editor.locked textarea{background:var(--bg);cursor:not-allowed}.editor.locked textarea::placeholder{color:var(--muted);opacity:1}.editor textarea:disabled,.editor button:disabled{cursor:not-allowed}