:root{--bg-color:#1a1a1a;--text-color:#f0f0f0;--clock-bg:#2a2a2a;--accent-color:#fdcc52}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}#app{flex-direction:column;align-items:center;width:100%;display:flex}h1{text-align:center;margin-top:20px}.subtitle{color:#aaa;text-align:center;margin-bottom:60px;font-size:.9rem;font-style:italic}.clock-container{aspect-ratio:1;width:75vw;max-width:400px;margin-bottom:60px;position:relative}.clock-face{background-color:var(--clock-bg);border:4px solid #444;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 10px 30px #00000080,inset 0 0 20px #00000080}.mineral-label{text-align:center;width:140px}.mineral-name{font-size:.9rem;font-weight:700}.mineral-formula{color:#888;font-family:monospace;font-size:.7rem}.tick{background-color:#555;border-radius:2px;width:2px;height:10px}.tick.intermediate-tick{background-color:#777;border-radius:2px;width:2px;height:28px}.tick.hour-tick{background-color:#aaa;width:4px;height:18px}.hand{transform-origin:bottom;z-index:10;border-radius:4px;position:absolute;bottom:50%;left:50%}.hour-hand{background-color:var(--text-color);width:6px;height:25%;margin-left:-3px}.minute-hand{background-color:#aaa;width:4px;height:38%;margin-left:-2px}.second-hand{background-color:var(--accent-color);z-index:11;width:2px;height:42%;margin-left:-1px}.center-dot{background-color:var(--accent-color);z-index:12;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intermediate-label{color:#777;text-align:center;background-color:#2a2a2a99;border-radius:4px;width:90px;padding:2px;font-size:.75rem;font-style:italic}.scratchable{transition:opacity .5s,filter .5s}.scratched{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent-color);text-decoration-color:var(--accent-color);opacity:.3;filter:grayscale()}.back-button{color:var(--accent-color);align-self:flex-start;margin-bottom:20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s}.back-button:hover{opacity:.7}header{margin-bottom:40px}h1{margin-bottom:5px}.subtitle{color:#aaa;margin-bottom:5em;font-size:.9rem;font-style:italic}footer{text-align:center;max-width:80vw;margin-top:20px}.metaphor{color:#999;padding-top:20px;font-size:.95rem;font-style:italic;line-height:1.6}.top-nav{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:20px;display:flex}.back-button{color:var(--accent-color);margin-bottom:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s}.theme-toggle-btn{color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #555;border-radius:20px;padding:6px 12px;font-size:.85rem;transition:all .2s}.theme-toggle-btn:hover{background-color:#ffffff1a}body.light-theme{--bg-color:#f0f4f8;--text-color:#1a1a1a;--clock-bg:#fff;--accent-color:#fdcc52}body.light-theme .theme-toggle-btn{border-color:#ccc}body.light-theme .theme-toggle-btn:hover{background-color:#0000000d}body.light-theme .clock-face{border-color:#e0e0e0;box-shadow:0 10px 30px #00000014,inset 0 0 20px #00000008}body.light-theme .tick{background-color:#ddd}body.light-theme .hour-tick{background-color:#888}body.light-theme .intermediate-tick{background-color:#aaa}body.light-theme .subtitle{color:#666}body.light-theme .metaphor{color:#555;border-top-color:#ddd}body.light-theme .intermediate-label{color:#444;background-color:#fafafad9}