*{box-sizing:border-box}body{margin:0;background:#223c3c;color:#f1eadc;font-family:"Malgun Gothic",sans-serif;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:42px;left:48px;pointer-events:none;text-shadow:0 2px 20px #152e35}.eyebrow{font-size:10px;letter-spacing:3px;color:#c5d2c8}h1{font-family:serif;font-weight:400;font-size:38px;letter-spacing:4px;margin:15px 0}h1 span{font-size:17px;vertical-align:middle;margin-left:20px;border:1px solid #b5c6bb80;padding:7px}header p{font-size:12px;letter-spacing:2px;color:#c7d1c5}.weather{position:absolute;right:40px;top:48px;font-size:12px;letter-spacing:2px}.weather #clock{margin-left:24px;color:#bccbc4}.dot{display:inline-block;width:6px;height:6px;background:#bdcfb3;border-radius:50%;margin-right:8px}.panel{background:#172d2ce8;border:1px solid #b9bca82c;border-radius:5px;backdrop-filter:blur(16px)}#welcome{position:absolute;left:48px;top:34%;width:300px;padding:30px}small,.section-label{font-size:10px;letter-spacing:2px;color:#b9c3ab}h2{font-family:serif;font-size:29px;font-weight:400;line-height:1.6;margin:18px 0}p{font-size:13px;line-height:1.9;color:#c4cec3}button{cursor:pointer;color:inherit;font:inherit;border:1px solid #b9bca82c;background:#ffffff08;border-radius:3px;padding:10px 14px}button:hover,button:focus-visible{background:#c3d1b526;outline:1px solid #c5d1ba}.primary{background:#cfdbc2;color:#243a33;width:100%;margin-top:14px;padding:15px;text-align:left}.primary span{float:right}.fine{font-size:10px;margin-bottom:0}#controls{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);width:510px;padding:18px 24px}.actions{display:flex;gap:10px;margin:14px 0}.actions button{flex:1;font-size:20px}.actions span{display:block;font-size:11px;margin-top:6px}.settings{display:grid;grid-template-columns:1fr 95px;gap:9px;align-items:center}.settings label{display:flex;align-items:center;gap:12px;font-size:11px}.settings button{font-size:10px;padding:7px}input{width:110px;accent-color:#ced8b8}#status{position:absolute;left:50%;bottom:295px;transform:translateX(-50%);font-size:12px;letter-spacing:1px;max-width:90%;text-align:center;text-shadow:0 2px 5px #000;background:#172d2c80;padding:10px 18px;border-radius:30px}footer{position:absolute;bottom:18px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;color:#c2cec2;font-size:10px;letter-spacing:1px}footer button{font-size:11px}dialog{color:#eee9d9;background:#1c3432;border:1px solid #a5b39b;padding:28px;max-width:90vw}dialog::backdrop{background:#0008}.hidden{display:none!important}#mobile{position:absolute;left:16px;bottom:290px;text-align:center}#mobile button{background:#1b3535c0;width:42px;height:40px;padding:5px;touch-action:none}@media(max-width:700px){header{left:22px;top:22px}h1{font-size:28px}.eyebrow{font-size:8px;letter-spacing:2px}.weather{top:134px;right:22px}#welcome{left:22px;top:29%;width:280px}#controls{width:calc(100% - 28px);bottom:55px;padding:14px}footer{left:18px;right:18px}footer>span{max-width:240px;font-size:8px;line-height:1.6}#status{bottom:293px;width:80%;font-size:10px}.settings input{width:90px}header p{font-size:10px}}