*{box-sizing:border-box}html,body{margin:0;height:100%;background:#fff9ff;color:#25232a;font:16px system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}#app{height:100vh;height:100dvh;display:flex;flex-direction:column}header{flex:none;background:#fff9ff;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid #eee6ef}header .wrap{max-width:860px;margin:auto;display:flex;align-items:center;gap:8px;justify-content:space-between}h1{font-size:24px;font-weight:600;margin:0 0 4px}h2{font-size:23px;margin:0 0 12px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.5;margin:8px 0}.muted,.small{font-size:13px;color:#57515c}.preline{white-space:pre-line}main{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:36px;scroll-behavior:smooth}main>.content{max-width:860px;margin:auto}.card{border-radius:20px;padding:18px;margin-bottom:16px;background:#f0f2f5}.current{background:#ddecfd}.edit{background:#ffebd3}.saved{background:#e3f1e9}.time{font-size:30px;margin:8px 0;font-weight:500}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spread{justify-content:space-between}.stack>*+*{margin-top:10px}.btn{border:0;border-radius:20px;padding:12px 18px;background:#69509c;color:#fff;font-weight:600;min-height:44px}.textbtn{border:0;background:transparent;color:#69509c;padding:10px 12px;font-weight:600;min-height:44px}.outline{background:transparent;color:#69509c;border:1px solid #bcaecd}.danger{color:#a31a32}.field{display:block;margin:12px 0;font-size:14px;color:#514955}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #a99dad;background:transparent;border-radius:9px;padding:13px;color:#25232a;margin-top:6px;font-size:16px;min-height:48px}.field textarea{resize:vertical;min-height:82px}.field input[type=date]{min-width:0;-webkit-appearance:none}.notice{padding:10px 12px;border-radius:10px;background:#f1eaf5;white-space:pre-line;font-size:14px;line-height:1.5;margin:12px 0}.error{background:#ffe4e8}.nav{flex:none;display:flex;justify-content:center;gap:40px;background:#f2edf5;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid #e5dce9}.nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;color:#635969;min-width:112px;min-height:56px;font-size:13px}.nav .symbol{display:flex;align-items:center;justify-content:center;width:64px;height:30px;border-radius:20px}.nav svg{width:23px;height:23px}.nav .selected{color:#69509c;font-weight:650}.nav .selected .symbol{background:#eaddff}.chip{border:1px solid #c7bace;padding:9px 14px;border-radius:12px;background:transparent;color:#51475b}.chip.selected{background:#eaddff;border-color:#69509c;color:#553885}.chart{background:#f1f4f8}.legend{display:flex;gap:18px;margin:8px 0;font-size:13px}.dot{display:inline-block;width:10px;height:10px;margin-right:5px}.blue{background:#3879c9}.green{background:#248a63}.chartframe{display:flex;margin-top:30px}.axis{width:44px;flex:none;position:relative;height:220px}.tick{position:absolute;right:6px;transform:translateY(-50%);font-size:12px;color:#57515c}.chartscroll{overflow-x:auto;flex:1;min-width:0;-webkit-overflow-scrolling:touch;padding-top:28px;margin-top:-28px}.clusters{display:flex;width:max-content;gap:10px}.cluster{width:128px;flex:none}.plot{height:220px;display:flex;justify-content:center;gap:4px;position:relative;border-bottom:1px solid #b8c2cf}.gridline{position:absolute;left:0;right:0;border-top:1px solid #d3d9e1;pointer-events:none}.bar-slot{position:relative;width:54px;height:220px}.bar{position:absolute;bottom:0;left:12px;width:30px}.bar-value{position:absolute;left:0;width:54px;text-align:center;font-size:12px;white-space:nowrap}.cluster-label{text-align:center;font-size:13px;line-height:1.4;overflow-wrap:anywhere;min-height:64px;padding:10px 4px 4px}.device{padding:12px 0;border-bottom:1px solid #d8ccd9}.device strong{font-size:15px}.check{display:flex;align-items:center;gap:8px;padding:8px 0}.check input{width:20px;height:20px}.login{max-width:460px;margin:50px auto}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a788d8;outline-offset:2px}@media(max-width:420px){h1{font-size:22px}.card{padding:14px}header{padding-left:14px;padding-right:10px}.nav{gap:24px}.btn{padding:12px 14px}.time{font-size:28px}}