:root{font-family:"BIZ UDPGothic","Noto Sans JP","Yu Gothic",system-ui,sans-serif;color:#483626;background:#fffaf1;font-size:16px;--orange:#b94e10;--line:#e7d9c9;--green:#365c2c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d9c7b4;background:white;padding:11px 18px;border-radius:10px;min-height:44px;font-weight:700}button:hover{background:#fff2df}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--orange);color:white;border-color:var(--orange)}button.danger{color:#a32735;background:#fff3f3}.small{font-size:.88rem;padding:8px 12px}input,select,textarea{width:100%;border:1px solid #d9cbbb;border-radius:9px;background:#fff;padding:12px}textarea{resize:vertical;min-height:150px;line-height:1.8}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #e7a431;outline-offset:2px}label{display:block;font-weight:700;margin:0 0 16px}label input,label select,label textarea{margin-top:7px;font-weight:400}.devbar{padding:6px 24px;background:#fff0d4;color:#725118;font-size:.82rem;text-align:center}header{max-width:1500px;margin:auto;display:flex;align-items:center;gap:16px;padding:21px 28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:clamp(20px,2vw,29px);font-weight:900;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;letter-spacing:.02em}.panda{font-size:42px}.leaf{color:#63854a;padding-left:7px}.pill{background:#e9efdc;padding:6px 13px;border-radius:30px;font-size:.9rem;white-space:nowrap}nav{margin-left:auto;display:flex;gap:4px}nav button{border-color:transparent;background:transparent}nav button.active{background:var(--orange);color:white}main{max-width:1500px;margin:auto;padding:25px 28px}h1{font-size:1.65rem;line-height:1.5;margin:0 0 18px}h2{font-size:1.3rem;margin:0 0 16px}h3{margin:0 0 10px}p{line-height:1.8}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.columns{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.2fr);gap:22px;align-items:start}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.actions.end{justify-content:flex-end}.muted{color:#766c60;font-size:.9rem}.active-card{background:#f3f7ed;border:1px solid #d6e0ca;border-radius:13px;padding:18px;margin-bottom:12px}.active-card .top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status{color:#32582e;background:#e0edce;border-radius:20px;padding:5px 10px;font-size:.86rem;font-weight:bold}.count{font-size:1.3rem;font-weight:800;margin-left:auto}.history-list{max-height:430px;overflow:auto}.history-item{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #eee3d7;flex-wrap:wrap}.history-item .details{flex:1;min-width:160px}.history-item strong{display:block;line-height:1.7}.history-item button{font-size:.88rem}.empty{padding:30px 15px;text-align:center;color:#766c60}.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subject{min-height:140px;text-align:left;position:relative;padding:22px;background:var(--tint);border:2px solid transparent}.subject.selected{border-color:var(--orange)}.subject .name{display:block;font-size:1.5rem;line-height:1.7}.subject .sub{display:block;font-size:.85rem;margin-top:10px;line-height:1.7;font-weight:400}.subject .status{position:absolute;right:10px;top:10px}.student-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.student-panel{min-height:420px}.student-panel textarea{height:210px}.prompt{padding:12px 16px;background:#fff6e5;border-radius:10px}.counter{text-align:right;font-size:.85rem;color:#766c60}.record{padding:20px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:14px}.record p{white-space:pre-wrap}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.toolbar h1{margin:0}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.map-card{border:3px solid var(--border);background:var(--tint);border-radius:16px;padding:22px}.map-card h2{font-size:clamp(22px,2.2vw,34px);text-decoration:underline;text-underline-offset:7px;line-height:1.5}.map-card ul{list-style:disc;margin:0;padding-left:1.3em}.map-card li{font-size:clamp(20px,1.85vw,30px);line-height:1.75;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.map-foot{text-align:center;font-weight:700;font-size:1.2rem;margin-top:18px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px}.raw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.raw-card{background:white;border:1px solid var(--line);padding:20px;border-radius:12px;font-size:1.15rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.map-view header{display:none}.map-view main{max-width:none;padding:18px}.map-view .devbar{font-size:.75rem;padding:3px}.table-wrap{overflow:auto;max-height:65vh}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);white-space:pre-wrap;line-height:1.7}th{position:sticky;top:0;background:#fff2df}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#463629;color:white;border-radius:12px;padding:12px 22px;box-shadow:0 5px 22px #0002;max-width:90vw;z-index:20;display:none}#notice.show{display:block}dialog{border:1px solid var(--line);border-radius:18px;padding:25px;max-width:950px;width:90vw;max-height:85vh;overflow:auto}dialog::backdrop{background:#2f241a66}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qr-card{padding:16px;border:1px solid var(--line);border-radius:12px;text-align:center;break-inside:avoid}.qr-card canvas{width:170px;height:170px;max-width:100%;image-rendering:pixelated}.qr-card a{font-size:.8rem;display:block;overflow-wrap:anywhere;color:#864018}.qr-card .actions{justify-content:center}.welcome{max-width:660px;margin:20px auto}.setup-message{border-left:4px solid #c77624;padding:12px 16px;background:#fff4de;line-height:1.8}a{color:#975022}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.7}.check input{width:20px;height:20px;flex-shrink:0}.hidden{display:none!important}.list-scroll{max-height:60vh;overflow:auto}@media(max-width:950px){.columns,.student-layout{grid-template-columns:1fr}.subjects{grid-template-columns:repeat(4,1fr)}.subject{padding:12px}.subject .name{font-size:1.2rem}.subject .status{position:static;display:inline-block}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header,main{padding:14px}nav{margin:0;overflow:auto;width:100%}.subjects,.map-grid,.raw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:17px}.row{display:block}.cards{grid-template-columns:1fr}.brand{font-size:20px}.panda{font-size:32px}.map-card li{font-size:19px}}@media print{body{background:white}.devbar,header,main,#notice,dialog>.actions{display:none!important}dialog[open]{display:block;position:static;max-width:none;width:100%;max-height:none;overflow:visible;border:0;padding:0}dialog::backdrop{display:none}.cards{grid-template-columns:repeat(3,1fr)}.qr-card .actions,.qr-card a,.print-hide{display:none}.qr-card{margin-bottom:10px}.qr-card canvas{width:155px;height:155px}}