:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;color:#27261f;background:#f7f5ef;font-size:16px;line-height:1.5;--ink:#27261f;--muted:#77756c;--line:#dfdcd2;--accent:#315c4d;--paper:#fffdf8;--red:#a84b42}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#ebe4d2 0,transparent 30%),var(--paper);min-height:100vh}button,input,textarea,select{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 980px)/2));border-bottom:1px solid #eae7df;background:#fffdf8cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{font-size:18px;font-weight:800;letter-spacing:.08em}.brand:before{content:"✦";color:#ba795c;margin-right:8px}nav{display:flex;gap:8px}nav button,.text-button{color:var(--muted);padding:8px 12px}main{max-width:980px;margin:0 auto;padding:44px 24px 80px}.hero{display:flex;justify-content:space-between;align-items:end;padding:28px 0 52px}.eyebrow{color:#ba795c;font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 8px}.hero h1,.page-title h1,.note-input h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,58px);line-height:1.12;margin:0 0 12px;letter-spacing:-.04em}.hero em{color:var(--accent);font-style:normal}.muted{color:var(--muted)}h2{font-family:Georgia,serif;font-weight:500;font-size:25px;margin:0 0 18px}h2 small{font:12px sans-serif;color:var(--muted);margin-left:7px}.primary,.secondary,.book-actions button{border-radius:8px;padding:11px 16px;font-weight:700}.primary{color:#fff;background:var(--accent);box-shadow:0 5px 15px #315c4d27}.primary:hover{background:#244b3e}.primary.big{padding:15px 22px}.secondary,.book-actions button{background:#eeece5;border:1px solid var(--line)}.full{width:100%;margin-top:14px}.centered{display:block;margin:16px auto}.toolbar{display:flex;gap:10px;margin:0 0 32px}.toolbar input,.form-card input,.form-card textarea,.note-input textarea,.page-row input,.inline input{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;outline:none;min-width:0}.toolbar input{flex:1}.toolbar input:focus,.form-card input:focus,.note-input textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #315c4d18}.section-title,.page-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 18px}.page-title{margin:0 0 28px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.book-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;text-align:left;gap:15px;transition:.2s}.book-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #42351a12}.cover{width:60px;height:86px;flex:0 0 60px;border-radius:3px;background:linear-gradient(145deg,#456b5d,#d19970);display:grid;place-items:center;color:#fff;font-size:10px;letter-spacing:.12em}.cover img{width:100%;height:100%;object-fit:cover}.book-card h3{margin:2px 0 5px;font-size:16px}.book-card p,.book-card small{color:var(--muted);margin:0;font-size:13px}.recent{border-top:1px solid var(--line)}.recent button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 4px;border-bottom:1px solid var(--line)}.recent button>span:nth-child(2){flex:1}.recent b{font-size:12px;color:var(--muted)}.recent time{font-size:12px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 9px}.dot.quote{background:#ba795c}.dot.question{background:#8b72a3}.dot.impression{background:#d1a237}.dot.action{background:#5c8aa1}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.chips button{border:1px solid var(--line);border-radius:20px;padding:7px 13px;color:var(--muted);background:#fff}.chips button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.chips button.quote.active{background:#ba795c}.chips button.question.active{background:#8b72a3}.chips button.impression.active{background:#b08a22}.chips button.action.active{background:#5c8aa1}.empty{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:42px 20px;color:var(--muted)}.form-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;max-width:680px;margin:0 auto 18px}.form-card label{display:block;font-size:13px;font-weight:700;margin:0 0 18px}.form-card input{display:block;width:100%;margin-top:7px}.inline{display:flex;gap:8px}.inline input{flex:1}.error{color:var(--red);font-size:14px}.choose-list{max-width:680px;margin:auto}.choose-list button{width:100%;display:flex;align-items:center;gap:13px;padding:13px;border-bottom:1px solid var(--line);text-align:left}.choose-list button span:nth-child(2){flex:1}.choose-list small{display:block;color:var(--muted)}.mini-cover{background:#315c4d;color:#fff;width:38px;height:52px;display:grid;place-items:center}.note-input{max-width:700px;margin:10px auto}.note-input textarea{display:block;width:100%;min-height:190px;resize:vertical;margin:25px 0 16px;font-size:19px;line-height:1.7}.note-types{margin-bottom:18px}.page-row{display:flex;justify-content:space-between;align-items:center}.page-row label{font-size:13px;color:var(--muted)}.page-row input{width:100px;margin-left:8px}.book-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.book-actions select{border:1px solid var(--line);border-radius:8px;padding:10px}.danger{color:var(--red)!important}.timeline{max-width:760px;margin-top:28px}.note{position:relative;border-left:1px solid var(--line);padding:0 0 28px 25px;margin-left:5px}.note>.dot{position:absolute;left:-5px;top:5px}.note-meta{display:flex;gap:10px;align-items:center;font-size:13px}.note-meta span{color:var(--muted)}.note-meta time{color:#aaa;font-size:12px}.note p{margin:8px 0 0;white-space:pre-wrap}.sent{color:var(--accent)}.result{display:block;width:100%;padding:14px 4px;border-bottom:1px solid var(--line);text-align:left}.result strong,.result span{display:block}.result span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-list{max-width:680px;margin:auto}.link-button{text-align:center;display:block;text-decoration:none}.about{background:transparent}.trash-list{max-width:680px;margin:auto}.trash-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.trash-row small{display:block;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#27261f;color:#fff;padding:11px 17px;border-radius:999px;z-index:10;box-shadow:0 5px 20px #0003}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:20}.scanner{background:var(--paper);border-radius:14px;padding:20px;text-align:center;max-width:450px;width:100%}.scanner video{width:100%;border-radius:8px;display:block;margin:15px 0}.scanner p{color:var(--muted);font-size:13px}@media(max-width:600px){main{padding:28px 17px 65px}.hero{display:block;padding-top:10px}.hero .primary{margin-top:25px;width:100%}.page-title{align-items:center}.page-title h1{font-size:38px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.book-grid{grid-template-columns:1fr}.note-input textarea{min-height:200px}.page-row{align-items:start;gap:10px;flex-direction:column}.book-actions button{flex:1}.book-actions select{width:100%}header{padding:0 16px}}