:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:#1d1d1f;background:#f5f5f7;--blue:#06c;--muted:#6e6e73;--line:#d2d2d7;--surface:#fff}*{box-sizing:border-box}body{margin:0;background:#f5f5f7}body.detail-open{overflow:hidden}.shell{max-width:1120px;margin:auto;padding:0 24px 64px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.nav-links{display:flex;gap:4px}.nav-link{border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:500;padding:8px 12px;border-radius:20px;cursor:pointer}.nav-link.active,.nav-link:hover{color:#1d1d1f;background:#e8e8ed}.topbar #userbar{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.panel{background:var(--surface);border:1px solid #e5e5ea;border-radius:18px;padding:24px;box-shadow:0 4px 18px #00000008}.login-card{max-width:390px;margin:13vh auto}.login-mark{font-size:28px;margin-bottom:20px}h1{font-size:32px;letter-spacing:-.04em;margin:0 0 8px;font-weight:700}h2{font-size:20px;letter-spacing:-.02em;margin:0 0 18px}h3{margin:0}.muted{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 24px}.kicker{font-size:10px;letter-spacing:.14em;color:#86868b;font-weight:700;margin:0 0 6px}.home-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:54px 0 24px}.home-heading h1{font-size:42px;letter-spacing:-.05em}.home-heading .muted{margin:6px 0 0}.new-button{border:1px solid var(--line);background:transparent;color:#1d1d1f}.capture{padding:14px 16px;margin-bottom:28px}.capture-form{display:flex;align-items:center;gap:10px}.capture-form textarea{min-height:42px;height:42px;resize:none;margin:0;line-height:20px}.capture-submit{flex:0 0 auto;height:42px;padding:0 20px}.capture-footer{display:flex;align-items:center;gap:12px;margin-top:9px}.capture-footer span{font-size:11px;color:#86868b}.text-button{background:transparent;color:var(--blue);padding:3px 0;font-size:12px}.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}label{display:block;font-size:12px;color:#515154;margin:0 0 14px;font-weight:600}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #d2d2d7;border-radius:10px;padding:11px 12px;font:inherit;color:#1d1d1f;background:#fff;transition:.18s}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #06c1a}textarea{resize:vertical;min-height:120px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}button{border:0;border-radius:22px;padding:10px 17px;background:#1d1d1f;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:.18s}button:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #06c3;outline-offset:2px}button.primary{background:var(--blue)}button.secondary{background:#1d1d1f;font-size:12px;padding:9px 14px}.wide{width:100%;display:flex;justify-content:space-between}.icon-button{border:1px solid var(--line);background:#fff;color:#1d1d1f;border-radius:50%;width:34px;height:34px;padding:0;font-size:19px;line-height:1}.ghost{background:transparent;color:#1d1d1f;padding:5px 0;font-size:12px}.library{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.toolbar h2{margin-bottom:4px}.filters{display:flex;gap:8px;margin:14px 0}.filters select{width:90px;margin:0;padding:9px}.search{position:relative;flex:1;margin:0}.search span{position:absolute;left:11px;top:8px;color:#86868b;font-size:18px}.search input{margin:0;padding-left:31px}.cards{display:flex;flex-direction:column;gap:8px}.favorite-row{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:15px 16px;border:1px solid #e5e5ea;border-radius:14px;background:#fff;color:#1d1d1f;box-shadow:none}.favorite-row:hover,.favorite-row.selected{border-color:#b8b8bd;box-shadow:0 6px 18px #0000000b;transform:none}.kind-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#f0f0f2;color:#6e6e73;font-size:19px}.row-body{display:flex;flex-direction:column;min-width:0;gap:4px}.row-body strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-summary{font-size:13px;color:#515154;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:680px}.row-chevron{margin-left:auto;color:#a1a1a6;font-size:22px;font-weight:300}.meta{font-size:11px;color:#86868b}.empty{background:#f8f8fa;border:1px dashed #c7c7cc;border-radius:14px;padding:28px 18px;text-align:center}.error{color:#bf4800;min-height:18px;font-size:12px;margin:8px 0 0}.detail-panel{position:fixed;z-index:10;top:64px;right:0;width:min(520px,100vw);height:calc(100vh - 64px);padding:28px 32px;background:#fff;border-left:1px solid #d2d2d7;box-shadow:-10px 0 30px #00000012;overflow:auto}.detail-panel[hidden]{display:none}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.detail-header h2{font-size:28px;margin:0}.detail-form textarea{min-height:220px}.attachment-block{margin:18px 0}.detail-preview{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#f5f5f7}.file-tile{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8f8fa}.file-icon{font-size:26px;color:#86868b}.file-tile div{display:flex;flex-direction:column;gap:4px}.open-attachment,.detail-link{display:inline-block;color:var(--blue);text-decoration:none;font-size:13px;margin-top:12px}.open-attachment:hover,.detail-link:hover{text-decoration:underline}.detail-actions{display:flex;align-items:center;gap:16px;border-top:1px solid #e5e5ea;padding-top:18px;margin-top:24px}.detail-delete{background:transparent;color:#bf4800;padding:5px 0;font-size:12px}.detail-created{margin-top:24px}.page-intro{display:flex;justify-content:space-between;align-items:end;padding:58px 0 28px}.page-intro h1{font-size:40px}.page-intro.compact{padding:0 0 28px;align-items:center}.page-intro.compact h1{font-size:32px}.intro-copy{margin:0;max-width:280px;text-align:right}.inline-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.inline-form input{width:auto;flex:1;min-width:150px;margin:0}.user-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e5ea;padding:13px 0;gap:8px;font-size:14px}.badge{font-size:11px;border-radius:99px;padding:3px 8px;background:#e8e8ed;color:#6e6e73}#users-view{margin-top:48px}#toast{position:fixed;z-index:20;right:22px;bottom:22px;background:#1d1d1f;color:#fff;padding:11px 15px;border-radius:9px;font-size:13px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}#upload-form{display:none}
@media(max-width:760px){.shell{padding:0 14px 40px}.home-heading{padding:34px 0 18px;align-items:center}.home-heading h1{font-size:32px}.home-heading .muted{font-size:13px;margin-bottom:0}.new-button{font-size:12px;padding:8px 12px}.capture{margin-bottom:22px}.capture-form{align-items:stretch}.capture-form textarea{height:44px}.capture-submit{height:44px;padding:0 15px}.capture-footer{justify-content:space-between}.filters{margin-top:12px}.favorite-row{padding:13px 12px}.row-summary{max-width:calc(100vw - 110px)}.detail-panel{top:0;width:100vw;height:100vh;padding:22px 18px}.detail-header h2{font-size:24px}.detail-form textarea{min-height:260px}.page-intro{padding:34px 0 22px;display:block}.page-intro h1{font-size:32px}.intro-copy{text-align:left;margin-top:8px}.panel{padding:18px}.login-card{margin:8vh auto}.topbar{height:58px}}
:where([hidden]){display:none!important}
.capture{transition:border-color .18s,background .18s}.capture.dragging{border-color:var(--blue);background:#f7fbff}