*{box-sizing:border-box}body{margin:0;background:#fbfaf7;color:#24211d;font:14px/1.8 'IBM Plex Sans JP',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:1px solid #d8d2c7;padding:10px 16px;min-height:44px}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){border-color:#a64129;color:#a64129}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a64129;outline-offset:4px}[hidden]{display:none!important}.eyebrow{font:10px/1.7 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#746e64}.breadcrumb{display:flex;gap:16px;padding:24px 0;font-size:10px;color:#746e64}.skip{position:fixed;top:-100px;left:16px;z-index:100}.skip:focus{top:8px;background:#24211d;color:white;padding:12px}.notes-cover{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;border-bottom:1px solid #24211d;padding:18px 0 36px}.notes-cover h1{font:400 clamp(60px,6vw,88px)/1 'Fraunces',Georgia,serif;letter-spacing:-.05em;margin:14px 0 20px}.notes-cover h1 em{color:#a64129}.notes-cover h2{font:500 23px 'Noto Serif JP',serif;margin:0}.notes-intro{max-width:430px;justify-self:end}.notes-intro p{font-size:13px;line-height:2}.notes-intro small{color:#746e64;font-size:11px}.sample-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin:26px 0;background:#eee9de;border-left:3px solid #a64129}.sample-banner p{margin:0;font-size:12px}.sample-banner strong{display:block;font-size:13px;font-weight:500}.sample-banner button{background:#fbfaf7;white-space:nowrap}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:8px 0 22px}.notes-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.primary{background:#24211d;color:#fbfaf7;border-color:#24211d}.notes-toolbar .primary:hover{background:#a64129;color:#fff}.board-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8d2c7;padding:18px 0;gap:20px}.board-heading p{margin:0}.board-heading label{font-size:11px;color:#746e64}.board-heading select{margin-left:12px;border:0;border-bottom:1px solid #d8d2c7;background:none;padding:8px}.notes-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.note-card{border:1px solid #d8d2c7;display:flex;flex-direction:column;min-width:0;background:#fffefa}.card-top{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:9px 'IBM Plex Mono',monospace;color:#746e64}.card-top .card-order{color:#a64129}.note-art{display:block;height:220px;background:#f0ede6}.note-art img{height:100%;width:100%;object-fit:contain}.note-body{padding:20px 22px;flex:1}.note-body h3{font:400 27px/1.2 'Fraunces',Georgia,serif;margin:8px 0 12px;overflow-wrap:anywhere}.note-type{font-size:10px;color:#746e64}.note-body .note-description{font-size:12px;line-height:1.95;color:#746e64;margin:0 0 16px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;margin:0}.note-caption{border-top:1px solid #d8d2c7;padding-top:14px}.note-caption small{display:block;color:#a64129;font:9px 'IBM Plex Mono',monospace;margin-bottom:8px}.note-placeholder{font-size:12px;color:#8f877b}.note-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid #d8d2c7}.note-footer button{border:0;font-size:11px;padding:8px;min-width:40px}.note-footer .move{display:flex;gap:0}.note-footer a{font-size:11px;border-bottom:1px solid #d8d2c7}.memo-card{background:#f1ecdf;position:relative}.memo-card:before{content:'';position:absolute;top:-1px;left:22px;width:23px;height:34px;background:#a64129;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.memo-card .card-top{padding-left:62px}.memo-card .note-body{padding-top:28px;background:repeating-linear-gradient(transparent,transparent 35px,#cfc3ac44 36px);background-origin:content-box}.memo-card h3{font:500 22px/1.7 'Noto Serif JP',serif;margin-bottom:24px}.memo-card .note-text{line-height:36px}.board-empty{padding:65px 24px;text-align:center;background:#f1eee7;border:1px dashed #c7bcaa}.board-empty h3{font:500 24px 'Noto Serif JP',serif}.board-empty p{font-size:13px;color:#746e64}.notes-status{min-height:30px;font-size:12px;color:#a64129;margin:16px 0}.board-help{border-top:1px solid #d8d2c7;margin-top:34px;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#746e64}.board-help a{border-bottom:1px solid #746e64}.note-card[draggable=true]{cursor:grab}.note-card.dragging{opacity:.5}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;background:#fbfaf7;border:1px solid #b8ad9b;padding:26px;color:#24211d}dialog::backdrop{background:#24211d66}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-head h2{font:500 24px 'Noto Serif JP',serif;margin:0}.dialog-head button{border:0;font-size:20px}.dialog-fields{display:flex;gap:12px;margin-bottom:16px}.dialog-fields input{min-width:0;flex:1}.dialog-fields input,.dialog-fields select,dialog textarea{border:1px solid #d8d2c7;background:#fffefa;padding:12px}dialog textarea{width:100%;resize:vertical;line-height:1.9}dialog label{font-size:12px}#picker-results{display:grid}#picker-results button{display:flex;justify-content:space-between;gap:18px;text-align:left;border-width:0 0 1px;padding:14px 0}#picker-results small{color:#746e64}dialog .dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}#share-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:18px;background:#eee9de;max-height:300px;overflow:auto}#share-status{font-size:12px;color:#a64129}#edit-name{font:24px 'Fraunces',serif}#undo{border:0;text-decoration:underline;font-size:12px}
@media(max-width:1050px){.notes-board{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-cover{gap:32px}.note-art{height:240px}}
@media(max-width:650px){.notes-cover{grid-template-columns:1fr;gap:18px;padding-top:8px;padding-bottom:24px}.notes-cover h1{font-size:62px}.notes-cover h2{font-size:21px}.notes-intro{justify-self:start}.notes-intro p{margin:0 0 8px}.sample-banner{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.notes-toolbar{gap:12px}.notes-toolbar button{font-size:12px;padding:10px 12px}.notes-board{grid-template-columns:1fr;gap:20px}.note-art{height:230px}.board-heading{align-items:flex-start}.board-heading label{display:flex;align-items:center;white-space:nowrap}.board-heading select{margin-left:4px}.memo-card{min-height:330px}.board-help{flex-direction:column;gap:12px}.dialog-fields{flex-direction:column}dialog{padding:20px}.dialog-head h2{font-size:21px}.note-body h3{font-size:28px}}