:root{--ink:#1a1a1a;--muted:#6b6b68;--line:#deded8;--paper:#f7f7f5;--panel:#fff;--soft:#edede8;--accent:#414c42;font-family:'Noto Sans JP','Yu Gothic','游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.8;letter-spacing:.05em}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:.02em;line-height:1.4}h1{font-size:clamp(32px,5vw,56px);font-weight:600}h2{font-size:24px}h3{font-size:18px}button{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px;padding:8px 16px;transition:background .15s}button:hover{background:var(--soft)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7b897d;outline-offset:3px}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#41413e}.quiet{background:transparent;border-color:transparent}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.topbar{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:600;padding:0;background:transparent;border:0}.brandmark{display:grid;grid-template-columns:repeat(3,8px);gap:4px}.brandmark i{display:block;width:8px;height:8px;background:#b4b7b0;border-radius:2px}.brandmark i:nth-child(5){background:var(--ink)}.top-actions,.toolbar,.row,.tabs,.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.top-actions{justify-content:flex-end}.shell{max-width:1280px;margin:auto;padding:48px 24px 64px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.hero p{margin-top:16px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.toolbar{justify-content:space-between;margin-bottom:24px}.filters{display:flex;flex-wrap:wrap;gap:8px}.cards{display:grid;gap:16px;grid-template-columns:1fr}.card{display:flex;flex-direction:column;gap:16px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card h3{overflow-wrap:anywhere}.card .goal-summary{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;color:#555551}.tag{font-size:11px;background:var(--soft);border-radius:8px;padding:4px 8px;display:inline-block;letter-spacing:.02em}.card .card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.child-list{border-top:1px solid var(--line);padding-top:16px}.child-list button{display:block;text-align:left;width:100%;margin-top:8px;font-size:12px}.empty{padding:64px 24px;text-align:center}.empty p{margin:16px 0 24px;color:var(--muted)}.empty-symbol{display:grid;grid-template-columns:repeat(3,24px);gap:8px;width:max-content;margin:0 auto 32px}.empty-symbol i{height:24px;background:var(--soft);border-radius:4px}.empty-symbol i:nth-child(5){background:#7e897e}.footnote{font-size:12px;color:var(--muted);margin-top:24px}.save-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px;color:var(--muted);font-size:12px}.save-strip .error{color:#914d3b}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.breadcrumb button{font-size:12px;padding:8px}.detail-title{margin-bottom:24px;overflow-wrap:anywhere}.detail-title h1{font-size:clamp(24px,4vw,40px)}.detail-title p{margin-top:8px;color:var(--muted)}.tabs{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.selected:hover{background:#41413e}.question{margin-bottom:24px}.question p{margin-top:8px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr;gap:24px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:500}.field .hint{font-size:12px;color:var(--muted)}input,textarea,select{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-height:48px;width:100%}select{padding:8px 16px}textarea{resize:vertical;min-height:120px;line-height:1.8}.wide-text{min-height:192px;font-size:18px}.editor-layout{display:grid;gap:24px}.element-nav{display:flex;flex-wrap:wrap;gap:8px}.element-nav button{flex:1 0 40%;overflow-wrap:anywhere;text-align:left}.chart-controls{margin-bottom:24px}.chart-controls select{width:auto;max-width:100%}.mandala{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mandala.single{display:block;max-width:768px;margin:auto}.block{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #c9cac4;border-radius:12px;overflow:hidden;background:#c9cac4}.block.central-block{border-color:#80877e}.cell{display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;text-align:center;border:0;border-radius:0;background:#fff;min-height:72px;padding:8px;min-width:0;overflow:hidden;font-size:12px;line-height:1.8}.cell:hover{background:#f1f3ee}.cell.element{background:#e8ece5}.cell.goal{background:#414c42;color:#fff}.cell-label{font-size:10px;opacity:.7;letter-spacing:.02em}.cell-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;width:100%}.cell.goal .cell-text{font-weight:600}.cell-child{font-size:10px;opacity:.7}.single .cell{min-height:120px;font-size:16px}.subheading{margin:24px 0 16px}.linked{background:var(--soft);padding:24px;border-radius:12px;white-space:pre-wrap}.danger{color:#914d3b}.action-menu{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.inline-note{background:var(--soft);border-radius:12px;padding:16px;margin:16px 0;font-size:12px}.warn{background:#f3eae5;color:#7c4939}.print-toolbar{margin-bottom:24px}.print-sheet{background:#fff;padding:24px;border:1px solid var(--line);border-radius:18px}.print-head{margin-bottom:16px}.print-head h2{font-size:24px}.print-head p{white-space:pre-wrap;overflow-wrap:anywhere}.print-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:1px solid #a8aaa2}.print-grid.partial{grid-template-columns:repeat(3,minmax(0,1fr))}.print-cell{min-height:72px;border:1px solid #c9cbc4;padding:8px;font-size:11px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.print-cell.element{background:#edf0e9}.print-cell.goal{background:#d3dbcc;font-weight:600}.print-number{font-size:9px;color:#666b63;display:block}.print-fulltext{margin-top:32px}.print-fulltext h3{margin-bottom:16px}.print-fulltext article{padding:16px 0;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;max-width:640px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:#fff;overflow:auto}dialog::backdrop{background:#1a1a1a66}dialog h2{margin-bottom:16px}dialog .field{margin-bottom:24px}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:24px}.help p{margin-bottom:16px}.help ol{padding-left:24px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:16px 24px;border-radius:12px;z-index:10;max-width:calc(100% - 32px);font-size:12px}.search{width:100%;max-width:320px}.back-row{margin:24px 0;display:flex;justify-content:space-between;gap:16px}.hide{display:none!important}
@media(min-width:768px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:240px minmax(0,1fr)}.element-nav{display:flex;flex-direction:column;align-self:start}.element-nav button{flex:none;width:100%}.cell{min-height:80px}.shell{padding:48px 32px 64px}}
@media(min-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cell{min-height:88px}}
@media(max-width:767px){.topbar{padding:16px;align-items:flex-start}.brand{font-size:16px;gap:8px}.top-actions{gap:0}.top-actions button{padding:8px;font-size:11px}.shell{padding:32px 16px 48px}.hero{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch}.filters{width:100%}.search{max-width:none}.panel{padding:16px}.mandala:not(.single){gap:4px;overflow:auto}.mandala:not(.single) .cell{font-size:10px;padding:4px;min-height:72px}.mandala:not(.single) .cell-label{display:none}.single .cell{font-size:12px;min-height:112px}.detail-title h1{font-size:32px}dialog{padding:24px}.empty{padding:48px 16px}.print-sheet{overflow:auto}.print-sheet .print-grid:not(.partial){min-width:720px}}
@media print{body{background:#fff;font-size:10pt;color:#1a1a1a}.topbar,.no-print,#notice,dialog,.breadcrumb,.save-strip,.detail-title,.print-toolbar,.footnote{display:none!important}.shell{max-width:none;margin:0;padding:0}.print-sheet{border:0;border-radius:0;padding:0;overflow:visible}.print-head{height:24mm;overflow:hidden;margin:0}.print-head h2{font-size:16pt}.print-head p{font-size:9pt;line-height:1.4}.print-grid{break-inside:avoid;height:144mm;min-width:0!important}.print-grid.partial{height:210mm}.print-cell{height:16mm;min-height:0;padding:2mm;font-size:8pt;line-height:1.3;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-grid.partial .print-cell{height:70mm;font-size:12pt;padding:4mm}.print-number{font-size:7pt}.print-fulltext{break-before:page;margin:0}.print-fulltext article{break-inside:avoid;font-size:10pt}.format-a3 .print-grid{height:225mm}.format-a3 .print-cell{height:25mm;font-size:11pt}.format-a3 .print-head{height:28mm}h3{font-size:12pt}.print-fulltext article{white-space:pre-wrap}}

@media screen{.format-a4 .print-cell{font-size:9px}.format-a3 .print-cell{font-size:12px}}
@media print{.print-head h2,.print-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-fulltext article{break-inside:auto;orphans:3;widows:3}}

@media(max-width:767px){.topbar{flex-wrap:wrap}.brand{white-space:nowrap;flex-shrink:0}.top-actions{justify-content:flex-start}}

/* 81マスノート — ミニマルな見出しとニュートラルな配色 */
:root{--paper:#f5f5f2;--soft:#eeeee9;--accent:#353733}
.hero{padding:16px 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}
.hero h1{white-space:pre-line;font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.4}
.hero .eyebrow{font-size:10px;letter-spacing:.16em;color:#6b6b68;margin:0 0 24px}
.hero p:not(.eyebrow){max-width:480px;font-size:14px;margin-top:24px}
.brand{letter-spacing:.02em}
.brandmark{gap:4px;padding:8px;background:#eeeee9;border-radius:12px}
.brandmark i{background:#c0c1b9}
.brandmark i:nth-child(5){background:#353733}
.cell.element{background:#edeee9}
.cell.goal{background:#353733}
.empty-symbol i:nth-child(5){background:#6d7169}
@media(max-width:767px){.hero{padding:8px 0 24px;gap:24px}.hero h1{font-size:40px}.brand{font-size:18px}.topbar{gap:16px}.hero p:not(.eyebrow){font-size:13px}}