@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#262622;background:#edeae3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app{height:100%;min-height:420px;background:#edeae3}.topline{height:74px;position:absolute;z-index:3;top:0;left:0;right:0;padding:19px 30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.35;letter-spacing:.11em;font-weight:600}.brand small{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.12em;color:#99968e;font-weight:400}.brand-mark{display:grid;place-items:center;border:1px solid #b9b6ad;width:32px;height:32px;border-radius:50%;font:10px DM Mono,monospace;letter-spacing:-.08em}.portfolio{display:flex;gap:6px;align-items:center;color:#77746d;text-decoration:none;font-size:10px;letter-spacing:.08em;pointer-events:auto}.stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 48% 49%,#f3f0e9 0,#edeae3 60%,#e9e6df)}.stage:active{cursor:grabbing}.world{position:absolute;left:50%;top:50%;width:1px;height:1px;transform-origin:center;will-change:transform}.origin{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;border:1px solid rgba(93,91,82,.23);display:grid;place-items:center;color:#8b887f;text-align:center;font-size:11px;line-height:1.5;letter-spacing:.09em}.origin i{position:absolute;width:4px;height:4px;background:#aaa69b;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.theme{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#58564f;font:300 20px Manrope,Arial,sans-serif;white-space:nowrap;cursor:pointer;padding:8px 12px;transition:color .2s}.theme:hover{color:#131310}.depth-2{font-size:15px;color:#858178}.depth-3{font-size:12px;color:#aaa69d}.photo{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:#d8d4ca;overflow:hidden;cursor:zoom-in;box-shadow:0 7px 24px #35322a14;transition:box-shadow .25s,transform .25s}.photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}.photo:hover{z-index:1;transform:translate(-50%,-50%) scale(1.045);box-shadow:0 12px 32px #35322a2e}.empty-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;margin-top:160px;color:#a09c92}.empty-note>span,.hint,.depth-indicator,.mode-button,.photo-count{font:9px DM Mono,monospace;letter-spacing:.13em}.empty-note p{font-size:11px;line-height:1.8;font-weight:300}.hint{position:absolute;left:30px;bottom:29px;display:flex;align-items:center;gap:9px;color:#a19d93;font-size:8px}.controls{position:absolute;right:28px;bottom:24px;display:flex;gap:7px}.controls button{border:1px solid #d3d0c8;background:#f3f0e9a3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#77746d;cursor:pointer}.controls button:hover{background:#faf8f2}.depth-indicator{position:absolute;left:50%;bottom:30px;transform:translate(-50%);color:#a29e94;display:flex;gap:10px;align-items:center;font-size:8px}.depth-indicator i{height:1px;width:31px;background:#d0ccc3}.mode-wrap{position:absolute;right:28px;top:91px}.mode-button{background:transparent;border:0;color:#99958c;font-size:8px;letter-spacing:.12em;cursor:pointer}.mode-button span{margin-left:8px;color:#56534c}.mode-menu{position:absolute;right:0;top:25px;width:178px;padding:6px;background:#f5f2ec;border:1px solid #dedbd3;box-shadow:0 8px 24px #3e3a3010}.mode-menu button{width:100%;text-align:left;padding:10px;border:0;background:transparent;color:#77746d;font:10px Manrope;cursor:pointer}.mode-menu button:hover,.mode-menu button.selected{color:#222;background:#eae7df}.photo-count{position:absolute;right:30px;bottom:72px;color:#a6a298;font-size:8px}.photo-count span{margin-left:10px;color:#c0bcb3}.viewer{position:fixed;z-index:10;inset:0;background:#161614f5;display:grid;place-items:center;cursor:zoom-out}.viewer>img{max-width:90vw;max-height:84vh;object-fit:contain;cursor:default}.close{position:absolute;right:28px;top:24px;background:none;color:#eee;border:0;cursor:pointer}.caption{position:absolute;bottom:25px;left:5vw;right:5vw;color:#ddd;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.04em}.caption small{color:#999;font-size:9px}.mode-menu button,.controls button,.theme{touch-action:manipulation}@media(max-width:640px){.topline{padding:16px 17px}.mode-wrap{top:77px;right:16px}.hint{left:17px;bottom:77px;font-size:7px;gap:6px}.controls{right:15px;bottom:17px}.depth-indicator{left:18px;bottom:29px;transform:none}.photo-count{right:17px;bottom:69px}.theme{font-size:16px}.depth-2{font-size:13px}.depth-3{font-size:11px}.caption{display:block;line-height:1.8}.caption small{display:block}.empty-note{margin-top:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}