:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#282735;background:#f5f5f8;font-synthesis:none;--accent:#6e60cf;--border:#e5e4ec;--muted:#858391}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #b2a7ee;outline-offset:4px}button{border:0}a{color:var(--accent)}[hidden]{display:none!important}.topbar{height:92px;max-width:1160px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font-size:25px;letter-spacing:-1.4px;font-weight:750;color:#292736}.brand-dot{color:var(--accent);margin-left:-10px}.brand-icon{display:grid;place-items:center;border-radius:11px;background:var(--accent);color:white;width:34px;height:34px;font-size:24px;letter-spacing:-2px;padding-right:2px}.top-right{display:flex;gap:20px;align-items:center}.shared-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{height:6px;width:6px;border-radius:50%;background:#91aa91}.quiet{background:transparent;font-size:12px;color:var(--muted);padding:8px}main{max-width:1160px;margin:auto;padding:0 36px}.intro{padding:70px 0 58px;position:relative}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(36px,5vw,52px);line-height:1.28;letter-spacing:-2.4px;font-weight:650;margin:21px 0 19px}.intro p{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.intro>.primary{position:absolute;right:0;bottom:61px}.primary,.secondary,.danger{border-radius:10px;padding:13px 19px;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:12px;transition:background .15s,transform .15s}.primary{background:var(--accent);color:white}.primary:hover{background:#5d50bc}.primary>span{font-size:18px}.secondary{background:white;border:1px solid var(--border);color:#625f70}.secondary:hover{background:#efedf7}.board{min-height:300px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:25px 0 24px}.board-toolbar h2{font-size:15px;font-weight:600;margin:0;display:flex;gap:9px;align-items:center}.board-toolbar h2 span{font-size:11px;background:#eae8f3;border-radius:6px;padding:3px 7px;color:var(--accent)}.sort{display:flex;gap:3px;border:1px solid var(--border);padding:3px;border-radius:9px;background:#efeff3}.sort button{padding:7px 13px;border-radius:6px;background:transparent;font-size:12px;color:var(--muted)}.sort button[aria-pressed=true]{background:white;color:#423d61;box-shadow:0 1px 4px #2520460c}.memo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.memo-card{background:white;border:1px solid var(--border);border-radius:13px;padding:23px 22px;text-align:left;color:inherit;display:flex;flex-direction:column;min-height:209px;width:100%;transition:border-color .2s,transform .2s,box-shadow .2s}.memo-card:hover{border-color:#bab2df;transform:translateY(-2px);box-shadow:0 6px 20px #352c7008}.memo-card h3{font-size:16px;line-height:1.55;font-weight:600;letter-spacing:-.3px;margin:0 0 13px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memo-card .preview{font-size:13px;line-height:1.8;color:#8a8795;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 24px}.meta{font-size:11px;color:#aaa7b2;display:flex;justify-content:space-between;align-items:center;gap:16px}.memo-card .meta{margin-top:auto;padding-top:15px;border-top:1px solid #f0eff4}.board-status{color:var(--muted);padding:56px 20px;text-align:center;font-size:14px;line-height:1.9;border:1px dashed #d9d6e4;border-radius:13px}.more{margin:26px auto 0;display:flex}footer{max-width:1160px;margin:52px auto 0;padding:27px 36px 35px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:28px}.storage{width:360px;max-width:100%}.storage-label{font-size:11px;display:flex;justify-content:space-between;color:#868390;margin-bottom:8px;gap:12px}progress{width:100%;height:4px;border:0;border-radius:10px;display:block;appearance:none;background:#e7e5ef}progress::-webkit-progress-bar{background:#e7e5ef;border-radius:10px}progress::-webkit-progress-value{background:#a398de;border-radius:10px}progress::-moz-progress-bar{background:#a398de;border-radius:10px}.storage-note{font-size:10px;color:#aaa7b2;margin-top:8px}.footer-mark{font-size:11px;color:#aaa7b2}dialog{border:1px solid var(--border);border-radius:18px;padding:30px;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 48px);color:#282735;box-shadow:0 25px 100px #28204722}dialog::backdrop{background:#211d354d;backdrop-filter:blur(4px)}dialog h2{font-size:24px;line-height:1.5;letter-spacing:-.7px;margin:14px 0 25px;overflow-wrap:anywhere}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{background:transparent;color:#aaa5b5;font-size:28px;line-height:1;padding:0 4px}label{display:block;font-size:12px;color:#726d80;margin:20px 0 9px}input,textarea{width:100%;border:1px solid var(--border);background:#faf9fc;border-radius:9px;padding:13px 14px;font-size:14px;color:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6e60cf0b}input::placeholder,textarea::placeholder{color:#b3aebf}textarea{resize:vertical;line-height:1.85}.form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}#char-count{font-size:11px;color:#a5a0b1}.error{font-size:13px;line-height:1.7;color:#bf5367;margin:12px 0 0}.error:empty{display:none}.reader-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.95;padding:25px 0 30px}.reader-content a{text-decoration-thickness:1px;text-underline-offset:3px}.reader-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;gap:12px}.danger{color:#ba5967;background:#faf0f2}.danger:hover{background:#f4dfe4}.danger.filled{background:#ba5967;color:white}.muted{font-size:13px;color:var(--muted);line-height:1.8}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#delete-confirm,#login{max-width:440px}.full{width:100%;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 23px;border-radius:11px;background:#373044;color:white;font-size:13px;box-shadow:0 8px 35px #28204725;max-width:calc(100% - 24px);z-index:20}#reader-title{margin-bottom:13px}@media(max-width:850px){.memo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-mark{display:none}}@media(max-width:560px){.topbar{height:75px;padding:0 22px}main{padding:0 22px}.intro{padding:44px 0 32px}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro>.primary{position:static;margin-top:24px}h1{letter-spacing:-1.6px;margin-top:18px}.intro p{font-size:13px}.memo-grid{grid-template-columns:1fr;gap:12px}.memo-card{min-height:180px;padding:22px}.board-toolbar{padding:22px 0}.sort button{padding:7px 10px}footer{padding:23px 22px;margin-top:36px}.storage{width:100%}dialog{padding:23px}dialog h2{font-size:21px}.shared-label{font-size:10px}.top-right{gap:7px}.reader-bottom{gap:8px}.reader-bottom button{padding:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}