:root{color-scheme:light;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#65543f;background:#faf2e5}*{box-sizing:border-box}body{margin:0;background:linear-gradient(125deg,#fff8eb,#f3e6d2)}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #fffaf0;border-radius:12px;background:linear-gradient(#fffaf0,#ecddc4);padding:12px 15px;box-shadow:0 4px 10px #75542b12;min-height:44px}button:hover{background:#fffdf5}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7d9060;outline-offset:3px}.notice{text-align:center;padding:10px 16px;background:#e9ecdc;color:#788164;font-size:11px;line-height:1.6}header,main{max-width:1340px;margin:auto}header{padding:23px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dfd2bd}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:23px;font-weight:650;min-width:0;overflow-wrap:anywhere}.home-icon{width:40px;height:40px;flex-shrink:0;background:url('./assets/08-ui-icons.png') 66.667% 100%/400% 300%}.tag,.eyebrow{font-size:10px;letter-spacing:2px;color:#9a886f}.tag{white-space:nowrap}main{padding:34px 40px 20px}.intro{margin-bottom:28px}h1{font-family:Georgia,"Batang",serif;font-size:34px;font-weight:500;margin:12px 0;overflow-wrap:anywhere}.intro>p:last-child{font-size:13px;color:#998770;line-height:1.8}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.layout>section{min-width:0}.room-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9b8365;margin:0 4px 12px}.badge{background:#e8e6d5;border-radius:20px;padding:6px 12px;font-size:10px}.room{position:relative;isolation:isolate;aspect-ratio:3/2;border-radius:24px;overflow:hidden;background:#e7c9a0;box-shadow:0 15px 30px #81603420;border:1px solid #d9bd9a;touch-action:pan-y}.room-art{position:absolute;width:100%;height:100%;object-fit:cover}.cushion{position:absolute;left:5%;bottom:5%;width:25%;filter:drop-shadow(3px 8px 5px #5e3b303d)}.plant{position:absolute;right:3%;bottom:20%;width:19%;filter:drop-shadow(2px 6px 4px #5e3b302d)}.cat-wrap{position:absolute;left:42%;top:40%;width:42%;z-index:3}.cat{display:block;width:100%;padding:0;background:none;border:0;box-shadow:none;border-radius:50%;line-height:0;touch-action:manipulation}.cat:hover{background:none}.cat canvas{display:block;width:100%;height:auto;pointer-events:none}#treat{position:absolute;z-index:4;width:5%;aspect-ratio:1;background:url('./assets/08-ui-icons.png') 66.667% 0/400% 300%;pointer-events:none}.scene-caption{position:absolute;bottom:12px;left:16px;font-size:9px;color:#896a45}.status{font-size:12px;margin:15px 3px;min-height:20px;line-height:1.7;overflow-wrap:anywhere}.status:before{content:'●';color:#9ba682;font-size:8px;margin-right:9px}.actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:9px;background:linear-gradient(#efdfc8,#e5d3b7);border:1px solid #fffaf0;border-radius:18px}.actions button{padding:12px 4px;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;box-shadow:none}.actions button[aria-pressed=true]{background:#fffdf6;box-shadow:0 4px 9px #74532b22}.heart-icon,.food-icon{display:inline-block;width:26px;height:26px;background-image:url('./assets/08-ui-icons.png');background-size:400% 300%}.heart-icon{background-position:0 0}.food-icon{background-position:66.667% 0}.motion-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;font-size:11px}.motion-options button{font-size:11px}.motion-options button[aria-pressed=true]{background:#dde3cc}.motion-options label{display:flex;gap:5px;align-items:center;min-height:44px}input[type=checkbox]{accent-color:#83956b}.hint{font-size:10px;text-align:center;color:#998a75;line-height:1.8}aside{align-self:start;margin-top:42px;padding:25px;background:linear-gradient(135deg,#fffcf4,#f3e7d3);border:1px solid #fffaf0;border-radius:22px;box-shadow:0 12px 24px #79562b14;min-width:0}h2{font:500 23px/1.6 Georgia,"Batang",serif;margin:16px 0 25px}form>label{display:block;font-size:12px;margin-bottom:9px}input:not([type=checkbox]){width:100%;border:1px solid #ddd0b8;border-radius:10px;background:#faf3e7;color:inherit;padding:12px;font-size:15px;min-width:0}#name-help,#name-message{font-size:10px;color:#9a876e;line-height:1.8}#name-message{min-height:18px;overflow-wrap:anywhere}.primary{width:100%;background:linear-gradient(#a2af8a,#7e9068);color:#fff;border-color:#a8b397;margin-top:6px}.primary:hover{background:#7e9068}.letter{border-top:1px dashed #d9ccb4;margin-top:20px;padding-top:22px}.letter h3{font-size:12px;font-weight:500;margin:10px 0}.letter p,.scope{font-size:11px;line-height:1.9;color:#998870;overflow-wrap:anywhere}.scope{border-top:1px solid #e4d8c3;padding-top:17px;margin-top:24px;font-size:10px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 5px;margin-top:30px;border-top:1px solid #e0d3bd;font-size:10px;color:#a3947f;line-height:1.7}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:19px}.tag{display:none}main{padding:25px 18px 15px}h1{font-size:28px}.layout{grid-template-columns:1fr;gap:15px}.room{border-radius:17px}.actions{gap:4px;padding:6px}.actions button{font-size:10px;min-height:56px;padding:8px 2px}.actions .heart-icon,.actions .food-icon{width:23px;height:23px}.scene-caption{font-size:7px;bottom:8px;left:10px}aside{margin-top:10px}.letter{margin-top:15px}h2{font-size:22px}footer{font-size:9px;flex-wrap:wrap}.notice{font-size:10px}}