:root{font-family:Noto Sans JP,system-ui,sans-serif;color:#253727;background:#f5f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.mochiwari{min-height:100svh;padding:92px 20px 44px;background:radial-gradient(circle at 90% 5%,#e7e4bc 0,transparent 26%),#f5f1e8}.shell{max-width:1080px;margin:auto}.back{font-size:13px;text-decoration:none}header{padding:44px 0 32px}.eyebrow{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;margin:0}.shell h1{font:clamp(48px,9vw,92px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.08em;margin:18px 0}.shell h1 span{color:#d26643}.lead{font-size:clamp(20px,3vw,28px);font-weight:700;margin:18px 0 8px}.caption{font-size:14px;color:#61735f;margin:0}.overview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9d8c7;border-radius:16px;background:#fbfaf4;margin-bottom:22px}.overview div{padding:20px 24px;border-left:1px solid #d9d8c7}.overview div:first-child{border-left:0}.overview strong{display:block;font:28px ui-monospace,SFMono-Regular,Consolas,monospace}.overview span{font-size:12px;color:#61735f}.workspace{display:grid;grid-template-columns:.9fr 1.4fr;gap:22px;align-items:start}.panel{padding:28px;background:#fbfaf4;border:1px solid #d9d8c7;border-radius:18px}.panel-title{display:flex;justify-content:space-between;align-items:baseline}.panel h2,.share-panel h2{font-size:17px;margin:0}.panel h2 span{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#82917a;margin-right:8px}.panel-title small{font-size:12px;color:#61735f}.members{display:grid;gap:10px;margin-top:22px}.members label{display:flex;gap:12px;align-items:center}.members label>span{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#82917a}input,select{border:1px solid #d5d5c4;border-radius:8px;background:#fffef9;padding:11px;min-width:0}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d26643;outline-offset:3px}.members input{width:100%}.text-button{border:0;background:none;color:#a84d34;padding:16px 0 0;font-size:13px;margin-right:16px}.burden{border-top:1px solid #d9d8c7;margin-top:24px;padding-top:20px}.burden h3{font-size:13px;margin:0 0 14px}.burden-row{display:grid;grid-template-columns:82px 1fr auto;gap:9px;align-items:center;font-size:12px;margin:10px 0}.burden-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.burden-row>div{height:7px;background:#e5e6d9;border-radius:10px;overflow:hidden}.burden-row i{display:block;height:100%;background:#92a15c;border-radius:10px}.burden-row b{font-weight:500;white-space:nowrap}.burden-row small{color:#61735f}.add-item{display:flex;gap:10px;margin:22px 0}.add-item input{flex:1;width:0}.add-item button,.share-panel button{border:0;border-radius:8px;background:#d26643;color:#fff;padding:11px 14px;font-size:13px;font-weight:700;white-space:nowrap}.item-list{display:grid;gap:9px}.item{display:grid;grid-template-columns:auto minmax(0,1fr) 112px auto;gap:10px;align-items:center;border:1px solid #d9d8c7;border-radius:10px;padding:8px}.item.unassigned{border-color:#d26643;background:#fff8f4}.ready{position:relative;width:24px;height:24px}.ready input{position:absolute;opacity:0}.ready span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #b6bbab;border-radius:6px;font-size:14px;color:#fff}.ready input:checked+span{background:#607c3f;border-color:#607c3f}.item-name{border:0;background:transparent;padding:8px 2px;width:100%}.item select{font-size:13px;padding:8px}.delete{border:0;background:none;font-size:24px;padding:0 5px}.share-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:18px;margin-top:22px;padding:27px 30px;background:#283b2c;color:#fff}.share-panel p:not(.eyebrow){font-size:13px;line-height:1.7;color:#d6ded1;margin:9px 0 0}.share-panel button{background:#e6e6b3;color:#283b2c}.notice{min-height:20px;font-size:13px;color:#a84d34}.shell footer{display:flex;justify-content:space-between;border-top:1px solid #d9d8c7;padding-top:18px;font-size:12px;color:#61735f}.shell footer a{text-decoration:none}@media(max-width:720px){.mochiwari{padding:76px 16px 30px}header{padding:34px 0 26px}.overview div{padding:16px 12px}.overview strong{font-size:22px}.workspace{grid-template-columns:1fr}.panel{padding:22px}.item{grid-template-columns:auto minmax(0,1fr) auto}.item select{grid-column:2/3}.delete{grid-column:3/4;grid-row:1/3}.share-panel{display:grid;padding:24px}.share-panel button{width:100%}.shell footer{gap:12px;align-items:flex-start;flex-direction:column}}