:root{--gold: #e8b64a;--gold-deep: #c8951f;--ink: #1c170f;--paper: #ffffff;--page: #eee8db;--line: rgba(28, 23, 15, .08);--muted: #7a7264;--shadow: 0 10px 30px rgba(28, 23, 15, .1), 0 2px 8px rgba(28, 23, 15, .06);--r-lg: 22px;--r-md: 16px;--r-pill: 999px}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--page);background-image:radial-gradient(rgba(28,23,15,.07) 1px,transparent 1px);background-size:14px 14px;overflow:hidden}.frame{position:fixed;top:14px;right:14px;bottom:14px;left:14px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:#0e0c09}canvas{display:block}.topbar{position:fixed;top:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 10px 8px 18px;background:#17130e;border-radius:var(--r-pill);box-shadow:var(--shadow);color:#f4f0e6;max-width:calc(100% - 48px);z-index:5}.topbar .brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.topbar .brand b{font-family:Marcellus,serif;font-weight:400;letter-spacing:.18em;text-transform:uppercase;font-size:14px}.topbar .brand span{font-size:11px;color:#f4f0e68c;letter-spacing:.04em}.tabs{display:flex;gap:4px;background:#ffffff0f;border-radius:var(--r-pill);padding:4px}.tabs button{font:inherit;font-size:12px;color:#f4f0e6cc;background:none;border:none;border-radius:var(--r-pill);padding:7px 14px;cursor:pointer;transition:.15s}.tabs button.active{background:#fff;color:var(--ink);font-weight:500}@media (max-width: 1180px){.tabs button{padding:7px 10px}}.tabs button:hover:not(.active),.tabs button:focus-visible{color:#fff;outline:none}.cut{font:inherit;font-size:12px;font-weight:500;color:var(--ink);background:var(--gold);border:none;border-radius:var(--r-pill);padding:9px 16px;cursor:pointer;transition:.15s}.cut.active{background:#fff}.cut:hover,.cut:focus-visible{filter:brightness(1.05);outline:none}.card{background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow);padding:14px}.left{position:fixed;left:30px;top:96px;display:flex;flex-direction:column;gap:12px;width:172px;z-index:4}.card h4{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sunrow{display:flex;align-items:center;gap:8px;font-size:12px}.sunrow .sun{color:var(--gold-deep)}.sunrow .clock{margin-left:auto;font-weight:600;color:var(--gold-deep);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--gold-deep);margin-top:10px}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;justify-items:center}.pad button{width:40px;height:40px;font-size:14px;border:1px solid var(--line);background:#faf7f0;border-radius:12px;cursor:pointer;color:var(--ink);transition:.15s}.pad button:hover,.pad button:focus-visible{background:var(--gold);border-color:var(--gold);outline:none}.pad .home{font-size:10px;font-weight:600;letter-spacing:.04em}.zoomrow{display:flex;gap:6px;margin-top:8px}.zoomrow button{flex:1;height:36px;font-size:17px;border:1px solid var(--line);background:#faf7f0;border-radius:12px;cursor:pointer;transition:.15s}.zoomrow button:hover,.zoomrow button:focus-visible{background:var(--gold);border-color:var(--gold);outline:none}.right{position:fixed;right:30px;top:96px;bottom:26px;width:264px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-bottom:4px;scrollbar-width:none;z-index:4}.right::-webkit-scrollbar{display:none}details.card{padding:0;overflow:hidden}details.card summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}details.card summary::-webkit-details-marker{display:none}.dot{width:34px;height:34px;border-radius:11px;flex:none}.sum-txt{flex:1;min-width:0}.sum-txt b{display:block;font-size:13px;font-weight:600}.sum-txt span{font-size:11px;color:var(--muted)}summary .chev{color:var(--muted);transition:transform .2s;font-size:11px}details[open] .chev{transform:rotate(180deg)}details .body{padding:0 14px 14px;font-size:12px;line-height:1.6;color:#3d372c}details .body em{color:var(--gold-deep);font-style:normal;font-weight:600}.chip{position:fixed;left:30px;bottom:26px;display:flex;align-items:center;gap:8px;font:inherit;font-size:12px;font-weight:500;background:var(--paper);border:none;border-radius:var(--r-pill);box-shadow:var(--shadow);padding:10px 16px;cursor:pointer;z-index:4}.chip .spark{width:22px;height:22px;border-radius:8px;background:var(--gold);display:grid;place-items:center;font-size:12px}.chip:hover,.chip:focus-visible{outline:none;box-shadow:0 10px 30px #1c170f29,0 2px 8px #1c170f1a}.about{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1c170f59;z-index:10}.about-card{max-width:460px;margin:20px;padding:28px 30px;background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow)}.about-card h2{font-family:Marcellus,serif;font-weight:400;letter-spacing:.1em;margin:0 0 12px}.about-card p{font-size:13.5px;line-height:1.65;color:#3d372c}.about-card button{font:inherit;font-size:12px;font-weight:500;margin-top:8px;color:var(--ink);background:var(--gold);border:none;border-radius:var(--r-pill);padding:9px 18px;cursor:pointer}@media (max-width: 900px){.right{display:none}.left{width:150px;left:22px;top:88px}.topbar{gap:8px;padding-left:14px}.topbar .brand span{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.rooms{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:9px}.room{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.swatch{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000029}