:root{--bg:#f4efe6;--paper:#fffaf2;--ink:#282018;--muted:#766858;--line:#dfd0bc;--green:#2f6d62;--amber:#c68a24;--red:#b25246;--blue:#496d9a;--shadow:0 24px 80px rgba(74,51,24,.14)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#fbf6ed,#eadfce);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:999px;padding:10px 14px;font-weight:900;font-size:13px;background:#eadcc8;color:#4c3721}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,109,98,.22);outline-offset:2px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(14px,3vw,34px);border-bottom:1px solid rgba(88,61,32,.13);background:rgba(255,250,242,.86);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px}.mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#2b2118;color:#f8ead2;font-weight:900;font-size:22px}.brand p,.section-label{margin:0;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.brand h1{margin:2px 0 0;font-size:clamp(20px,3vw,32px);letter-spacing:-.04em}.rolebox{display:flex;align-items:center;gap:10px}#roleLabel{font-size:12px;font-weight:900;color:#4d3b2a;background:#fff7e8;border:1px solid var(--line);border-radius:999px;padding:9px 12px;white-space:nowrap}.shell{max-width:1320px;margin:0 auto;padding:18px clamp(10px,3vw,34px) 44px}.card{background:rgba(255,250,242,.93);border:1px solid rgba(113,83,52,.17);border-radius:26px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1fr auto;gap:24px;padding:26px;margin-bottom:16px}.hero h2{max-width:780px;margin:6px 0 8px;font-size:clamp(30px,5vw,56px);line-height:.98;letter-spacing:-.06em}.lead{max-width:680px;margin:0;color:var(--muted);line-height:1.7}.stats{display:grid;grid-template-columns:repeat(5,minmax(86px,112px));gap:10px;align-content:center}.stats div{min-height:84px;border-radius:21px;background:linear-gradient(180deg,#fff7e8,#efe2cf);border:1px solid #dfcfb9;padding:14px}.stats b{display:block;font-size:27px}.stats span{font-size:11px;color:var(--muted);font-weight:900;text-transform:uppercase;line-height:1.2}.notice{margin:0 0 16px;padding:12px 14px;border-radius:16px;background:#fff6df;border:1px solid #ebd199;color:#5f4628;font-size:13px;font-weight:800}.notice.error{background:#fff0ed;border-color:#efc1bb;color:#9b342b}.notice.success{background:#edf8f1;border-color:#a7d6b5;color:#276744}.tabs{display:flex;gap:8px;margin-bottom:16px;overflow:auto}.tab{background:#fff7e8;border:1px solid #decbb4;color:#6b533c}.tab.active{background:var(--green);color:white;border-color:var(--green)}.view{display:none}.view.active{display:block}.toolbar-card,.add-card{padding:16px;margin-bottom:14px}.filters{display:grid;grid-template-columns:1fr 180px 160px;gap:10px}input,select,textarea{width:100%;border:1px solid #d9c8b1;border-radius:15px;background:#fffdf8;color:var(--ink);padding:11px 12px}textarea{resize:vertical;min-height:88px}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.item-card{background:#fffdf8;border:1px solid #e5d6c0;border-radius:24px;padding:15px;display:grid;gap:10px;box-shadow:0 12px 36px rgba(74,51,24,.08)}.item-card.check{border-color:#e4c56e}.item-card.owner{border-color:#dfb46c;background:#fffaf0}.item-card.designer{border-color:#87b9ad;background:#f6fffb}.item-card.done{border-color:#9ac7b0;background:#f8fff9}.item-card.hold{border-color:#c9c1b4}.item-top,.meta,.general-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;width:max-content;max-width:100%;background:#efe3d2;border:1px solid #ddcbb2;border-radius:999px;padding:4px 8px;color:#6b5239;font-weight:900;font-size:11px;line-height:1.25}.priority,.status-pill{border-radius:999px;padding:4px 8px;font-weight:900;font-size:11px;background:#eee3d5;color:#654e34;line-height:1.25}.status-pill.owner{background:#fff3cc;color:#7b5609}.status-pill.designer{background:#dff0e7;color:#286a5f}.status-pill.done{background:#e3f4e8;color:#2d6f41}.status-pill.hold{background:#eee3d5;color:#654e34}.p-高{background:#fff0ed;color:#a3342b}.p-中{background:#fff3cc;color:#7b5609}.p-低{background:#e7f0f8;color:#345e8f}.item-card h3{margin:0;font-size:22px;letter-spacing:-.04em}.place{margin:0;color:var(--muted);font-size:13px}.meta{background:#f4eadb;border-radius:15px;padding:9px 10px;color:#5e4a35;font-size:12px;font-weight:900}.comments{display:grid;gap:8px}.comments p,.general-card p{margin:0;color:#594634;font-size:13px;line-height:1.55;background:#fbf3e7;border-radius:14px;padding:10px;overflow-wrap:anywhere;word-break:break-word}.comments b,.general-card b{display:block;color:#2f241a;margin-bottom:3px}.item-card button{background:var(--green);color:#fff}.general-list{display:grid;gap:10px}.general-card{background:#fffdf8;border:1px solid #e5d6c0;border-radius:22px;padding:14px;box-shadow:0 12px 36px rgba(74,51,24,.08);display:grid;gap:10px}.general-card.owner{border-color:#dfb46c;background:#fffaf0}.general-card.designer{border-color:#87b9ad;background:#f6fffb}.general-card.done{border-color:#9ac7b0;background:#f8fff9}.general-card time{margin-left:auto;color:var(--muted);font-size:12px;font-weight:900}.add-card h3{margin:4px 0 12px;font-size:22px;letter-spacing:-.04em}.add-row{display:grid;grid-template-columns:210px 1fr auto;gap:10px;align-items:start}.add-row button{background:var(--green);color:white}.empty{grid-column:1/-1;color:var(--muted);font-size:14px;line-height:1.6;background:#fffaf2;border:1px dashed #d9c8b1;border-radius:18px;padding:18px}dialog{border:0;border-radius:28px;padding:0;background:transparent;max-width:min(760px,94vw)}dialog::backdrop{background:rgba(33,24,16,.42);backdrop-filter:blur(3px)}.dialog-card{position:relative;background:#fffaf2;border:1px solid #e0d0ba;border-radius:28px;box-shadow:0 30px 120px rgba(31,21,11,.34);padding:24px;display:grid;gap:14px}.dialog-card h3{margin:0;font-size:28px;letter-spacing:-.04em}.close{position:absolute;right:14px;top:14px;width:34px;height:34px;padding:0;background:#eee2d2}.dialog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.dialog-card label{font-size:12px;font-weight:900;color:#5b4937}.comment-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comment-preview div{background:#fbf3e7;border-radius:16px;padding:12px;min-height:80px}.comment-preview b{font-size:12px}.comment-preview p{margin:6px 0 0;color:#594634;font-size:13px;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button:last-child{background:var(--green);color:white}.dialog-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:980px){.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters,.add-row{grid-template-columns:1fr}.comment-preview{grid-template-columns:1fr}.dialog-grid{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{position:static;display:grid}.rolebox{overflow:auto}.shell{padding:12px 10px 32px}.hero{padding:18px}.hero h2{font-size:32px;line-height:1.04}.stats{grid-template-columns:repeat(2,1fr)}.stats div:last-child{grid-column:1/-1}.tabs{position:sticky;top:0;z-index:5;background:rgba(244,239,230,.92);padding:8px 0}.item-grid{grid-template-columns:1fr}.item-card h3{font-size:20px}.dialog-actions{display:grid}.dialog-actions button{width:100%}}