*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}textarea{-webkit-user-select:text;user-select:text;font-family:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid #ff9f0a}html{background:#111}body{color:#eee;background:#111;margin:0;font-family:system-ui,sans-serif}main{max-width:600px;margin:0 auto;padding:20px}h1{letter-spacing:2px;margin:0}.tag{color:#888;margin:4px 0 20px}textarea{color:#eee;resize:vertical;background:#1c1c1c;border:1px solid #333;border-radius:10px;width:100%;padding:12px;font-size:16px}button{color:#000;background:#fff;border:0;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600}ul{margin-top:20px;padding:0;list-style:none}li{background:#1c1c1c;border-radius:10px;margin-bottom:10px;padding:12px}li p{white-space:pre-wrap;word-break:break-word;margin:0 0 8px}.meta{color:#888;justify-content:space-between;align-items:center;font-size:12px;display:flex}.del{color:#fff;background:#c0392b;width:auto;margin:0;padding:6px 12px;font-size:13px}.empty{color:#666;text-align:center;margin-top:30px}main{padding-bottom:100px}.tabbar{padding:8px 16px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);background:#111111d9;border-top:1px solid #2a2a2a;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:#888;background:0 0;flex-direction:column;flex:1;align-items:center;gap:2px;max-width:280px;margin:0;padding:6px;font-size:12px;font-weight:500;display:flex}.tabbar button.on{color:#ff9f0a}.tabbar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.watch{flex-direction:column;align-items:center;padding-top:10px;display:flex}.dial{filter:drop-shadow(0 12px 30px #0009);width:min(85vw,340px);height:auto}.num{fill:#eee;font-family:system-ui,sans-serif;font-size:16px;font-weight:600}.hand{stroke-linecap:round}.hand.hr{stroke:#eee;stroke-width:6px}.hand.mn{stroke:#eee;stroke-width:4px}.hand.sc{stroke:#ff9f0a;stroke-width:1.5px}.digital{font-variant-numeric:tabular-nums;margin:24px 0 4px;font-size:40px;font-weight:200}.date{color:#888;margin:0}header{justify-content:space-between;align-items:flex-start;display:flex}.gear,.back{color:#eee;background:#1c1c1c;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:10px;display:flex}.gear svg,.back svg,.opt svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}[dir=rtl] .back svg{transform:scaleX(-1)}.settings h2{margin:16px 0 24px;font-size:32px}.label{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;padding:0 4px;font-size:13px}.group{background:#1c1c1c;border-radius:14px;overflow:hidden}.opt{color:#eee;text-align:start;background:0 0;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:16px;font-weight:500;display:flex}.opt+.opt{border-top:1px solid #2a2a2a}.opt.on{color:#ff9f0a}