:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2b2b27;background:#e9e6df;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #2b2b27;--muted: #77756e;--paper: #f8f6f0;--line: #d9d5ca;--moss: #5d705e;--moss-dark: #465847;--warm: #9a7655}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.88),transparent 32rem),linear-gradient(145deg,#eeebe4,#e4e0d6)}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:3px solid rgba(93,112,94,.26);outline-offset:2px}.app-shell{width:min(100%,1040px);min-height:100vh;margin:0 auto;padding:36px clamp(22px,5vw,64px) 24px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.masthead>p{margin:0;color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:.92rem;font-style:italic}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.36rem;font-weight:700;letter-spacing:-.025em}.brand-mark{position:relative;display:block;width:30px;height:29px}.brand-mark i{position:absolute;left:50%;display:block;height:7px;border-radius:55% 45% 48% 52%;background:var(--moss);transform:translate(-50%)}.brand-mark i:nth-child(1){bottom:1px;width:30px}.brand-mark i:nth-child(2){bottom:10px;width:21px;transform:translate(-50%) rotate(-3deg)}.brand-mark i:nth-child(3){bottom:19px;width:12px;transform:translate(-50%) rotate(5deg)}.capture-panel,.focus-panel,.recent-panel{border:1px solid rgba(113,109,98,.2);background:#f8f6f0eb;box-shadow:0 18px 50px #403c3214}.capture-panel{position:relative;padding:clamp(25px,4vw,42px);border-radius:24px;overflow:hidden}.capture-panel:after{position:absolute;top:0;right:0;width:150px;height:4px;background:linear-gradient(90deg,transparent,var(--warm));content:""}.section-label{margin-bottom:7px;color:var(--moss);font-size:.69rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:600}h1{max-width:700px;margin-bottom:7px;font-size:clamp(2rem,4.7vw,3.5rem);line-height:1.04;letter-spacing:-.045em}h2{margin-bottom:0;font-size:1.38rem;line-height:1.2;letter-spacing:-.025em}.capture-intro{margin-bottom:25px;color:var(--muted);font-size:.95rem}.capture-panel form{padding:6px 6px 6px 0;border:1px solid var(--line);border-radius:15px;background:#fffefb;transition:border-color .16s ease,box-shadow .16s ease}.capture-panel form:focus-within{border-color:#a9b3a7;box-shadow:0 0 0 4px #5d705e17}textarea{display:block;width:100%;min-height:96px;padding:14px 18px 8px;resize:vertical;border:0;outline:0!important;color:var(--ink);background:transparent;font-size:1.06rem;line-height:1.55}textarea::placeholder{color:#a29f96}.capture-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 4px 18px}.keyboard-hint{color:#98958d;font-size:.72rem}kbd{font-family:inherit;font-weight:650}.capture-button{display:inline-flex;align-items:center;gap:14px;padding:10px 15px 10px 18px;border:0;border-radius:10px;color:#fff;background:var(--moss);box-shadow:0 5px 15px #46584733;cursor:pointer;font-size:.87rem;font-weight:700;transition:background .14s ease,transform .14s ease}.capture-button:hover:not(:disabled){background:var(--moss-dark);transform:translateY(-1px)}.capture-button:disabled{opacity:.42;cursor:default}.capture-button span{font-size:1rem}.status{position:absolute;right:42px;bottom:14px;min-height:16px;color:var(--moss);font-size:.72rem;font-weight:650}.workspace-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:18px;margin-top:18px}.focus-panel,.recent-panel{min-height:282px;padding:25px;border-radius:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.focus-light{display:inline-flex;align-items:center;gap:7px;color:#99968e;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.focus-light:before{width:7px;height:7px;border:1px solid #aaa79f;border-radius:50%;content:""}.focus-light.is-active{color:var(--moss)}.focus-light.is-active:before{border-color:var(--moss);background:var(--moss);box-shadow:0 0 0 4px #5d705e1a}.empty-focus,.focus-content{display:flex;min-height:175px;margin-top:20px;border-top:1px solid var(--line)}.empty-focus{flex-direction:column;align-items:center;justify-content:center;padding:22px 12px 2px;text-align:center}.empty-focus span{margin-bottom:10px;color:#aaa79e;font-size:1.8rem}.empty-focus p,.empty-recent p{max-width:260px;margin-bottom:0;color:#8e8b83;font-family:Georgia,Times New Roman,serif;font-size:.91rem;line-height:1.5}.focus-content{flex-direction:column;justify-content:space-between;padding-top:22px}.focus-content>p{margin-bottom:28px;white-space:pre-wrap;font-family:Georgia,Times New Roman,serif;font-size:1.22rem;line-height:1.48}.focus-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#96938a;font-size:.71rem}.text-button{padding:0;border:0;color:var(--moss);background:none;cursor:pointer;font-weight:700}.capture-count{display:grid;min-width:30px;height:30px;padding:0 7px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:.8rem}.capture-list{max-height:310px;margin:20px 0 0;padding:0;overflow-y:auto;border-top:1px solid var(--line);list-style:none}.capture-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px;border-bottom:1px solid #e6e2d9}.capture-copy{min-width:0}.capture-copy p{display:-webkit-box;margin-bottom:5px;overflow:hidden;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#3c3b36;font-family:Georgia,Times New Roman,serif;font-size:.98rem;line-height:1.36}.capture-copy time{color:#9a978f;font-size:.68rem}.focus-button{flex:0 0 auto;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--moss);background:transparent;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.focus-button:hover{border-color:var(--moss);color:#fff;background:var(--moss)}.empty-recent{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;padding:20px;border-top:1px solid var(--line);text-align:center}.empty-line{width:48px;height:1px;margin-bottom:18px;background:#c9c5bb}.app-footer{display:flex;justify-content:center;gap:10px;padding-top:22px;color:#8e8b83;font-size:.68rem;letter-spacing:.02em}@media(max-width:720px){.app-shell{padding:24px 16px 20px}.masthead{margin-bottom:22px}.masthead>p{display:none}.capture-panel{border-radius:18px}.capture-actions{align-items:flex-end}.keyboard-hint{max-width:180px;line-height:1.45}.workspace-grid{grid-template-columns:1fr}.focus-panel,.recent-panel{min-height:0}.status{position:static;padding-top:8px;text-align:right}}@media(max-width:450px){.capture-actions{align-items:stretch;flex-direction:column;padding:8px 8px 8px 14px}.capture-button{justify-content:center}.app-footer{align-items:center;flex-direction:column;gap:2px}.app-footer span[aria-hidden=true]{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}