*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#1d1712;color:#f3e6cc;font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#view{position:absolute;inset:0}
#switcher{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:50;display:flex;gap:4px;padding:4px;background:rgba(20,14,10,.82);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.35);max-width:calc(100% - 16px);overflow-x:auto}
#switcher a{color:#f3e6cc;text-decoration:none;padding:5px 10px;border-radius:5px;white-space:nowrap;font-size:12.5px}
#switcher a.on{background:#c9923e;color:#231a10;font-weight:600}
#switcher a.soon{opacity:.45;pointer-events:none}
#status{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:60;padding:6px 12px;border-radius:6px;background:rgba(20,14,10,.85);font-size:12.5px;display:none}
#status.show{display:block}
/* shared panels (views may restyle or move them) */
.lw-panel{background:rgba(250,243,228,.96);color:#2f2519;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.25);padding:10px 12px;font-size:13px}
.lw-panel h3{margin:0 0 6px;font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6146}
.lw-clock b{font:600 15px Georgia,serif;display:block}
.lw-clock span{color:#7a6146;font-size:12px}
.lw-clock .lw-wx{display:block;margin-top:2px}
.lw-chron ol{list-style:none;margin:0;padding:0;max-height:40vh;overflow:auto}
.lw-chron li{padding:5px 0;border-bottom:1px solid #e6d8bd}
.lw-chron li:last-child{border-bottom:0}
.lw-chron .when{font-size:11px;color:#8a7053}
.lw-chron .why{font-size:12px;color:#5d4a36;font-style:italic;display:none;margin-top:2px}
.lw-chron li.open .why{display:block}
.lw-chron button{border:0;background:none;color:#a0522d;font-size:11.5px;cursor:pointer;padding:0 0 0 4px}
.lw-prof .name{font:600 16px Georgia,serif}
.lw-prof .sub{color:#7a6146;font-size:12px;margin-bottom:6px}
.lw-prof .need{display:grid;grid-template-columns:74px 1fr 30px;gap:6px;align-items:center;font-size:12px;margin:2px 0}
.lw-prof .bar{height:7px;background:#e6d8bd;border-radius:4px;overflow:hidden}
.lw-prof .bar i{display:block;height:100%;background:#6d8f4e}
.lw-prof .bar i.low{background:#c0502f}
.lw-prof dl,.lw-store dl{display:grid;grid-template-columns:74px 1fr;gap:2px 8px;margin:6px 0 0;font-size:12px}
.lw-prof dt{color:#7a6146}.lw-prof dd{margin:0}
.lw-chron-host{max-height:52vh;overflow:auto;padding:0}
/* web version (world.9online.de): notes such as "the Mac is off" sit above the view switcher, clear of the views' top bar */
body.lw-web #status{top:auto;bottom:58px;width:max-content;max-width:calc(100% - 24px);text-align:center;line-height:1.3;font-size:11.5px;padding:4px 10px;background:#2a1f16;color:#f3d9a8;border:1px solid #c9923e}