:root{--berry:#8e3340;--rose:#e95072;--peach:#ffab78;--ink:#56343b;--line:#f1d9d8;--green:#06c755}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;background:radial-gradient(circle at 10% 2%,#f8b5c366 0 90px,transparent 91px),radial-gradient(circle at 95% 9%,#ffc79f66 0 105px,transparent 106px),linear-gradient(#fff4f2,#fffaf7 330px,#fff)}button,input,select{font:inherit}.app{width:min(780px,100%);margin:auto;min-height:100vh;padding:20px 16px 115px}.hero{position:relative;display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:16px;padding:15px 18px;border:1px solid #efcbd0;border-radius:24px;background:linear-gradient(135deg,#fffffffa,#ffebe7fa);box-shadow:0 14px 34px #a445571f;overflow:hidden}.hero:after{content:"";position:absolute;right:-30px;bottom:-55px;width:170px;height:100px;border-radius:50%;background:#f5a28a33}.hero img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 5px 8px #973d4e26);z-index:1}.hero div{z-index:1}.hero small{color:#d5747f;font-size:9px;font-weight:800;letter-spacing:.13em}.hero h1{margin:4px 0 0;font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:28px;line-height:1.25}.hero p{margin:6px 0 0;color:#c46b71;font-size:12px;font-weight:700}.badge{z-index:2;padding:6px 10px;border-radius:999px;background:#fff1d9;color:#8a5910;font-size:12px;font-weight:800}.datebar,.history-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:#ffffffee}.datebar label,.history-panel label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.datebar input,.datebar select,.history-panel select{min-height:40px;border:1px solid #e5c4c8;border-radius:9px;background:white;padding:7px 9px;color:var(--ink)}.history-panel{margin-top:-7px}.history-panel select{max-width:210px}.notice{margin:0 0 12px;padding:11px 14px;border:1px solid #efd69c;border-radius:10px;background:#fff6df;color:#705210;font-size:14px}.role-card{overflow:hidden;margin:0 0 14px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 7px 22px #8a3f4c12}.role-card h2{margin:0;padding:12px 16px;border-left:6px solid var(--rose);background:linear-gradient(90deg,#ffdfe5,#fff0e5);color:#7e3443;font-size:16px}.role-card:nth-child(even) h2{border-left-color:var(--peach);background:linear-gradient(90deg,#ffe6d7,#fff4e9)}.head,.row{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center}.head{padding:7px 10px;border-bottom:1px solid var(--line);background:#fff8f7;color:#a9757e;font-size:11px;font-weight:800;text-align:center}.head span:first-child{text-align:left}.row{min-height:54px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row:nth-child(odd){background:#fffafa}.row.changed{background:#fff8e8;box-shadow:inset 4px 0 #f3aa48}.role{padding:10px 13px;font-size:13px;font-weight:700}.row input{width:calc(100% - 14px);min-height:39px;margin:6px 7px;padding:7px 8px;border:1px solid #e4c7cb;border-radius:8px;color:var(--ink)}.row input.revised{border-color:#efb275;background:#fffdf7}.name{margin:0;padding:10px 12px;font-size:14px;font-weight:700;color:#a43f54}.name.same{color:#9a6670}.name.empty{color:#bca4aa;font-weight:500}.chip{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:999px;background:#f3aa48;color:#fff;font-size:9px}footer{text-align:center;margin:24px 0 0;color:#ce7180;font-size:13px;font-weight:800;letter-spacing:.1em}.actions{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(780px,100%);display:grid;grid-template-columns:1fr .8fr 1.1fr;gap:8px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -10px 28px #8a3f4c17;backdrop-filter:blur(10px)}.actions button{min-height:47px;border:0;border-radius:12px;font-weight:800}.save{background:linear-gradient(135deg,var(--berry),var(--rose));color:#fff}.sub{border:0;border-radius:10px;background:#fff0ee;color:var(--berry);padding:9px 12px;font-weight:800}.line{background:var(--green);color:#fff}.view-actions{grid-template-columns:1fr 1.2fr}.viewer .history-panel,.viewer .datebar select{display:none}@media(max-width:520px){.app{padding:10px 9px 112px}.hero{grid-template-columns:78px 1fr;padding:11px;border-radius:19px;gap:9px}.hero img{width:76px;height:76px}.hero h1{font-size:19px}.hero p{font-size:10px}.hero small{font-size:7px}.badge{position:absolute;right:9px;top:8px;padding:4px 7px}.datebar{padding:11px}.datebar label{font-size:11px}.datebar input{max-width:145px}.history-panel{align-items:flex-end}.history-panel label{display:grid}.head,.row{grid-template-columns:1.05fr 1fr 1fr}.head{padding:6px 5px;font-size:9px}.role{padding:8px;font-size:11px}.row input{width:calc(100% - 8px);margin:5px 4px;padding:6px 5px;font-size:11px}.name{padding:8px 6px;font-size:12px}.actions{padding-left:9px;padding-right:9px}.actions button{font-size:12px}}