.gd-view{max-width:760px;margin:auto;color:#443422;padding:10px 16px 80px}.gd-top,.gd-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.gd-top h1{font-size:23px}.gd-book{background:#fff2d8 url('/assets/growth-diary/growth_dairy_bg2.png') center/cover;border:4px solid #ba9260;border-radius:16px;padding:16px;box-shadow:0 6px 16px #0003}.gd-nav h2{font-size:22px;margin:8px}.gd-chapter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:14px;background:#fff9e8d9;border-radius:12px;margin:12px 0}.gd-tasks{display:grid;gap:12px}.gd-task{display:flex;align-items:center;gap:12px;padding:14px;background:#fff9e8ed;border:1px solid #d6be91;border-radius:8px}.gd-copy{flex:1;min-width:0}.gd-copy>b{display:block;font-size:14px;line-height:1.4}.gd-special{color:#e79620;font-size:21px;float:left;margin-right:6px}.gd-rewards{display:flex;align-items:center;gap:6px}.gd-rewards>span{position:relative;display:flex;align-items:center;flex-direction:column;font-size:11px;min-width:40px}.gd-rewards img{width:40px;height:40px;object-fit:contain}.gd-bar{position:relative;height:18px;border-radius:9px;background:#b9a07a;overflow:hidden;margin-top:8px;min-width:100px}.gd-bar i{display:block;height:100%;background:#55a9df url('/assets/growth-diary/growth_dairy_progress.png') center/cover}.gd-bar span{position:absolute;inset:0;text-align:center;font-size:12px;color:white;text-shadow:0 1px 2px #222;line-height:1;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.gd-button{border:2px solid #c28438;border-radius:8px;background:#ffe8a1;color:#61401d;padding:8px 14px;font-weight:bold;cursor:pointer}.gd-button:disabled{opacity:.48;cursor:default}.gd-foot{font-size:12px;text-align:center;color:#785e3e}.gd-message{text-align:center;background:#ffe2c2;padding:12px;border-radius:8px}.gd-home{border:0;background:none;cursor:pointer;position:relative;width:74px;color:inherit}.gd-home img{width:56px;height:56px;object-fit:contain}.gd-home small{display:block;font-size:10px}@media(max-width:480px){.gd-view{padding:8px 6px 72px}.gd-book{padding:9px}.gd-task{flex-wrap:wrap;gap:8px;padding:9px}.gd-copy{flex-basis:100%}.gd-task .gd-button{margin-left:auto}.gd-top h1{font-size:20px}}

#remaining-systems-view select{max-width:100%;padding:6px;font:14px Arial,sans-serif;border:1px solid #ba9260;border-radius:6px;background:#fffdf5;color:#443422}#remaining-systems-view .gd-task{gap:12px}#remaining-systems-view .gd-nav{flex-wrap:wrap}#remaining-systems-view .gd-top h1{flex:1;min-width:0}#remaining-systems-view .gd-task>small{flex-basis:100%;line-height:1.5}