@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Spectral:ital,wght@0,300;0,400;1,300;1,400&display=swap";:root{--lantai:#0a0a0f;--kayu:#1a1612;--lampu:#f4a261;--rose:#e8607b;--kertas:#e8e2d5;--bisik:#5a554d;--selection:#f4a2614d;--font-body:"Spectral", serif;--font-display:"Cormorant Garamond", serif;--ease-default:cubic-bezier(.16, 1, .3, 1);--ease-entrance:cubic-bezier(.22, 1, .36, 1);--ease-exit:cubic-bezier(.4, 0, .6, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--lantai);color:var(--kertas);font-family:var(--font-body);cursor:default;min-height:100dvh;font-weight:300;overflow:hidden}::selection{background:var(--selection);color:var(--kertas)}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;transition:color .4s var(--ease-default), letter-spacing .4s var(--ease-default);text-decoration:none}a:hover,button:hover{color:var(--lampu);text-shadow:0 0 8px #f4a26166}#dust-canvas{z-index:10;pointer-events:none;opacity:.8;position:fixed;inset:0}.weather-container{pointer-events:none;z-index:10;animation:4s ease-out forwards softWipeDown;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000 55%);-webkit-mask-position:0 100%;-webkit-mask-size:100% 200%}@keyframes softWipeDown{0%{opacity:0;-webkit-mask-position:0 100%}10%{opacity:1}to{opacity:1;-webkit-mask-position:0 0}}.weather-clear{pointer-events:none;z-index:10;position:absolute;inset:0}.fog{opacity:.2;mix-blend-mode:screen;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);animation:60s linear infinite alternate drift;position:absolute;inset:-100px}@keyframes drift{0%{transform:translate(0)translateY(0)}to{transform:translate(-50px)translateY(20px)}}.rain-streaks{z-index:2;position:absolute;inset:-100px;overflow:hidden}.rain-drop{filter:blur(.5px);will-change:transform, opacity;background:linear-gradient(#0000,#fff6);width:1px;height:40px;animation:linear infinite rain-fall;position:absolute;top:-20%;transform:rotate(15deg)}.rain-drop.heavy{background:linear-gradient(#0000,#ffffffb3);width:1.5px;height:60px}@keyframes rain-fall{0%{opacity:0;transform:translateY(-50px)rotate(15deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(15deg)}}.condensation-flow{opacity:.3;mix-blend-mode:overlay;pointer-events:none;z-index:3;background-image:url(https://www.transparenttextures.com/patterns/worn-dots.png);background-size:150px;animation:20s linear infinite water-flow;position:absolute;inset:0}@keyframes water-flow{0%{background-position:0 0}to{background-position:-50px 150px}}.snow-layer{opacity:.8;filter:blur(.5px);background-image:radial-gradient(circle at 10% 20%,#ffffffe6 1px,#0000 1.5px),radial-gradient(circle at 40% 60%,#ffffffb3 2px,#0000 2.5px),radial-gradient(circle at 70% 30%,#ffffff80 1.5px,#0000 2px),radial-gradient(circle at 90% 80%,#fffc 1px,#0000 1px);background-position:0 0,50px 50px,10px 10px,80px 80px;background-size:150px 150px,200px 200px,120px 120px,180px 180px;animation:20s linear infinite snowFall;position:absolute;inset:-200px}.snow-layer.heavy{opacity:.95;animation:10s linear infinite snowFall}@keyframes snowFall{0%{transform:translateY(0)translate(0)}to{transform:translateY(200px)translate(20px)}}.sakura-layer{opacity:.8;background-image:radial-gradient(#ffb7c599 2px,#0000 3px),radial-gradient(#ffdfba66 1px,#0000 2px);background-position:0 0,60px 60px;background-size:200px 200px,120px 120px;animation:20s linear infinite sakuraFall;position:absolute;inset:-200px}@keyframes sakuraFall{0%{background-position:0 0,60px 60px;transform:rotate(5deg)}to{background-position:300px 1500px,-100px 1000px;transform:rotate(15deg)}}.lightning-flash{opacity:0;pointer-events:none;background:#fff;animation:10s infinite lightning;position:absolute;inset:0}@keyframes lightning{0%,95%,98%,to{opacity:0}96%{opacity:.8}97%{opacity:.2}97.5%{opacity:.9}}.coffee-smoke-container{z-index:2;pointer-events:none;width:40px;height:100px;position:absolute;top:68.3%;left:78.6%;transform:translate(-50%,-100%)}.smoke-particle{filter:blur(6px);opacity:0;background-color:#fff6;border-radius:50%;width:14px;height:14px;animation:4s ease-in infinite smokeRise;position:absolute;bottom:0;left:50%}.smoke-particle.s1{animation-delay:0s;left:40%}.smoke-particle.s2{animation-delay:1.5s;left:60%;transform:scale(1.2)}.smoke-particle.s3{animation-delay:2.5s;left:50%;transform:scale(.8)}@keyframes smokeRise{0%{opacity:0;bottom:0;transform:scale(1)translate(0)}20%{opacity:.6}80%{opacity:.2;transform:scale(3)translate(-10px)}to{opacity:0;bottom:100px;transform:scale(4)translate(-15px)}}.splash-screen{z-index:9000;pointer-events:none;background-color:#0000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.door-container{z-index:50;pointer-events:none;display:flex;position:absolute;inset:0}.door-panel{-webkit-backdrop-filter:blur(25px)brightness(.4);background:#040408eb;flex:1;transition:transform 3s cubic-bezier(.8,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000000e6}.splash-screen.door-opening .door-panel.left-panel{transform:translate(-100%)}.splash-screen.door-opening .door-panel.right-panel{transform:translate(100%)}.splash-weather-wrapper{z-index:60;pointer-events:none;transition:opacity 2s;position:absolute;inset:0}.splash-weather-wrapper.fade-out{opacity:0}.splash-text-container{z-index:100;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-text{font-family:var(--font-body);color:var(--kertas);letter-spacing:1px;white-space:nowrap;font-size:18px;font-style:italic;transition:opacity 1s,transform 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-text.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-40%)}.splash-text.visible{opacity:.8;transform:translate(-50%,-50%)}.splash-text.second-text{color:var(--lampu)}.loading-text{color:var(--bisik);font-family:var(--font-body);letter-spacing:2px;opacity:0;font-size:14px;font-style:italic;transition:opacity 1s;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.loading-text.visible{opacity:.6;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.audio-menu{z-index:105;pointer-events:auto;flex-direction:column;align-items:center;gap:20px;display:flex}.audio-option{color:var(--kertas);font-family:var(--font-body);letter-spacing:1px;cursor:pointer;opacity:.5;background:0 0;border:none;font-size:16px;font-style:italic;transition:opacity .3s,transform .3s,color .3s;animation:2s 1s backwards fadeUpOption;transform:translateY(0)}@keyframes fadeUpOption{0%{opacity:0;transform:translateY(15px)}to{opacity:.5;transform:translateY(0)}}.audio-option:hover{opacity:1;color:var(--lampu);transform:scale(1.05)}@media (width<=768px){.audio-menu{text-align:center;gap:16px;padding:0 24px}.audio-option{white-space:normal;font-size:14px;line-height:1.5}}.departure-screen{background-color:var(--lantai);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;animation:5s cubic-bezier(.4,0,.6,1) forwards fadeToBlack;display:flex;position:fixed;top:0;left:0}.departure-text{color:var(--lampu);letter-spacing:.02em;opacity:0;text-align:center;text-shadow:0 0 40px #f4a26166;font-family:Spectral,serif;font-size:22px;transition:opacity 3s cubic-bezier(.22,1,.36,1),transform 3s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.departure-text.visible{opacity:.8;transform:translateY(0)}@keyframes fadeToBlack{0%{opacity:0}to{opacity:1}}.dinding-container{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;height:100vh;animation:fadeIn 1s var(--ease-entrance);background-color:#0a0a0fd9;position:absolute;inset:0;overflow:auto hidden}.dinding-container::-webkit-scrollbar{display:none}.dinding-scroll-area{width:100%;min-width:100vw;height:100%;position:relative}.wood-texture-overlay{opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.sticky-note{color:#2a2520;cursor:pointer;border-radius:2px 2px 15px;width:220px;padding:24px;font-family:Caveat,cursive,sans-serif;font-size:20px;line-height:1.4;transition:transform .3s;position:absolute;box-shadow:0 4px 15px #00000080,inset 0 0 20px #0000000d}.sticky-note:after{content:"";pointer-events:none;background:linear-gradient(to top left,#0000 50%,#0000001a 50%);border-bottom-right-radius:15px;width:30px;height:30px;position:absolute;bottom:0;right:0}.sticky-note:hover{z-index:10;box-shadow:0 8px 25px #0009;transform:scale(1.05)rotate(0)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.note-yellow{background-color:#fdfd96}.note-blue{background-color:#aec6cf}.note-green{background-color:#7d7}.note-pink{background-color:#ffb7b2}.note-white{background-color:#f4f1ea}.fab-write-note{color:var(--kertas);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#140f0ad9;border:1px solid #f4ecd84d;border-radius:8px;padding:16px 24px;font-family:Courier New,Courier,monospace;font-size:1rem;transition:all .3s;position:fixed;top:40px;right:60px;box-shadow:0 4px 15px #00000080}.fab-write-note:hover{border-color:var(--kertas);background:#281e14f2}.writing-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;background:#000000b3;justify-content:center;align-items:center;animation:.4s forwards fadeIn;display:flex;position:fixed;inset:0}.writing-modal{background:#f4f1ea;border-radius:2px 2px 15px;flex-direction:column;width:320px;min-height:320px;padding:30px;animation:.5s cubic-bezier(.2,.8,.2,1) forwards popIn;display:flex;position:relative;box-shadow:0 10px 40px #000c}.writing-modal:after{content:"";pointer-events:none;background:linear-gradient(to top left,#0000 50%,#0000001a 50%);border-bottom-right-radius:15px;width:40px;height:40px;position:absolute;bottom:0;right:0}.writing-textarea{resize:none;color:#2a2520;background:0 0;border:none;outline:none;flex:1;font-family:Caveat,cursive,sans-serif;font-size:22px;line-height:1.5}.writing-textarea::placeholder{color:#2a252066}.writing-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.writing-actions button{color:#2a2520;cursor:pointer;background:0 0;border:1px solid #2a25204d;border-radius:4px;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:all .2s}.writing-actions button:hover:not(:disabled){background:#2a25201a}.writing-actions button:disabled{opacity:.4;cursor:not-allowed}.confirmation-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.confirmation-question{color:#2a2520;font-family:Georgia,serif;font-size:1.2rem;line-height:1.6}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.dinding-scroll-area{min-width:250vw}.fab-write-note{width:max-content;padding:12px 24px;font-size:.9rem;inset:auto auto 70px 50%;transform:translate(-50%)}}.rak-buku-container{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0805cc;flex-direction:column;justify-content:flex-end;animation:1.2s forwards fadeIn;display:flex;position:absolute;inset:0}.rak-buku-ui{flex-direction:column;gap:20px;width:90%;max-width:600px;display:flex;position:absolute;bottom:10vh;left:50%;transform:translate(-50%)}.rak-yuga-message{color:#f4ecd8;text-shadow:0 2px 4px #000c;text-align:center;background:linear-gradient(#0000,#000c);border-radius:8px;padding:20px;font-family:Georgia,serif;font-size:1.1rem;line-height:1.6}.rak-options{flex-direction:column;align-items:center;gap:12px;display:flex}.rak-btn{color:#f4ecd8;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #f4ecd866;border-radius:4px;width:80%;padding:12px 24px;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:all .3s}.rak-btn:hover{background:#f4ecd81a;border-color:#f4ecd8;box-shadow:0 0 10px #ffe6b433}.rak-btn:disabled{opacity:.5;cursor:not-allowed}.focus-mode-overlay{-webkit-backdrop-filter:blur(8px)brightness(.6);backdrop-filter:blur(8px)brightness(.6);z-index:-1;background:#05030299;animation:1.5s forwards fadeIn;position:fixed;inset:0}.book-modal{text-align:left;background:#140f0af2;border:1px solid #f4ecd833;border-radius:8px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;padding:30px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards modal-pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px #ffe6b41a,inset 0 0 80px #ffe6b40d,0 20px 50px #000000e6}.book-content{white-space:pre-wrap;color:#f4ecd8;flex:1;min-height:250px;margin-bottom:20px;padding-right:10px;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.6;overflow-y:auto}.book-content::-webkit-scrollbar{width:6px}.book-content::-webkit-scrollbar-thumb{background-color:#f4ecd833;border-radius:4px}.book-content::-webkit-scrollbar-thumb:hover{background-color:#f4ecd866}.book-pagination{color:#f4ecd8b3;border-top:1px dashed #f4ecd84d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:15px;font-family:Courier New,Courier,monospace;font-size:.9rem;display:flex}.book-pagination button{color:#f4ecd8e6;cursor:pointer;background:0 0;border:1px solid #f4ecd84d;border-radius:4px;padding:5px 12px;font-family:inherit;transition:all .3s}.book-pagination button:disabled{opacity:.3;cursor:not-allowed}.book-pagination button:not(:disabled):hover{background:#f4ecd81a}.close-book-btn{color:#f4ecd8;cursor:pointer;background:0 0;border:1px solid #f4ecd866;margin:0 auto;padding:8px 16px;font-family:inherit;transition:background .3s;display:block}.close-book-btn:hover{background:#f4ecd81a}.rak-nav-back{color:#f4ecd899;cursor:pointer;background:0 0;border:none;font-family:Courier New,Courier,monospace;font-size:.85rem;transition:color .3s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.rak-nav-back:hover{color:#f4ecd8}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:.4s forwards fadeIn}.fade-out{animation:.4s forwards fadeOut}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=768px){.book-modal{width:92%;max-height:80vh;padding:24px 20px;font-size:.9rem}.rak-yuga-message{padding:15px;font-size:.95rem}.rak-btn{width:95%;padding:10px 16px;font-size:.8rem}}.book-marginalia{color:#f4ecd859;text-align:right;margin-top:-10px;margin-bottom:15px;font-family:Georgia,serif;font-size:.8rem;font-style:italic;animation:2s forwards fadeIn}.custom-cursor-active,.custom-cursor-active *{cursor:none!important}.custom-cursor-dot{background-color:var(--kertas);pointer-events:none;z-index:10000;border-radius:50%;width:4px;height:4px;margin-top:-2px;margin-left:-2px;position:fixed;top:0;left:0}.custom-cursor-trail{pointer-events:none;z-index:9999;opacity:.8;width:24px;height:24px;margin-top:8px;margin-left:8px;position:fixed;top:0;left:0}.custom-cursor-trail svg{filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%}.interactive-frost-container{z-index:105;pointer-events:none;position:absolute;inset:0}.mendekat-jendela-btn{color:#fff;letter-spacing:1px;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #fff6;border-radius:6px;padding:10px 16px;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:all .3s;animation:3s ease-in-out infinite floatButton;position:absolute;top:35%;left:20%;box-shadow:0 4px 12px #0000004d}.mendekat-jendela-btn:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.05)}@keyframes floatButton{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.frost-canvas-wrapper{z-index:95;pointer-events:auto;cursor:crosshair;background-color:#000;animation:2s ease-out forwards slowFadeIn;position:absolute;inset:0}@keyframes slowFadeIn{0%{opacity:0}to{opacity:1}}.scenery-hidden-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.frost-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.lihat-pemandangan-btn{color:#fff;text-shadow:1px 1px 4px #000c;letter-spacing:2px;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0006;border:2px solid #fff;border-radius:8px;padding:14px 24px;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;animation:1s forwards fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000080}.lihat-pemandangan-btn:hover{background:#0009;box-shadow:0 8px 32px #ffffff4d}.scenery-modal{z-index:110;pointer-events:auto;background-color:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes sceneryFadeIn{0%{opacity:0}to{opacity:1}}.scenery-image{object-fit:cover;opacity:0;width:100%;height:100%;animation:20s linear infinite alternate slightZoom,3s ease-in-out forwards sceneryFadeIn}@keyframes slightZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.kembali-meja-btn{color:#fff;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;border:1px solid #fff6;border-radius:6px;padding:12px 24px;font-family:Courier New,Courier,monospace;font-size:1rem;transition:all .3s;animation:2s ease-in-out 1.5s forwards sceneryFadeIn;position:absolute;bottom:40px}.kembali-meja-btn:hover{background:#000c;border-color:#fff}.omikuji-container{z-index:100;flex-direction:column;align-items:center;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.omikuji-box-wrapper{width:80px;height:160px;position:relative}.omikuji-box{z-index:2;transform-origin:bottom;background:linear-gradient(90deg,#8b5a2b,#a06e3d,#8b5a2b);border-radius:10px;width:100%;height:100%;position:relative;box-shadow:inset -5px -5px 15px #00000080,5px 10px 20px #00000080}.omikuji-box:before{content:"御神籤";color:#140a0566;writing-mode:vertical-rl;font-family:serif;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.omikuji-hole{z-index:3;background:#1a0d05;border-radius:50%;width:24px;height:12px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.omikuji-box.shaking{animation:.4s ease-in-out infinite shakeBox}.omikuji-stick{z-index:1;opacity:0;background:#e1c699;border-radius:4px;width:8px;height:80px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 1px 0 3px #0000004d}.omikuji-stick:after{content:"";background:#8b2b2b;width:4px;height:15px;position:absolute;bottom:5px;left:2px}.omikuji-stick.dropping{animation:1s cubic-bezier(.55,.085,.68,.53) forwards dropStick}@keyframes shakeBox{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(-25deg)translateY(-20px)}50%{transform:rotate(15deg)translateY(0)}75%{transform:rotate(-15deg)translateY(-10px)}to{transform:rotate(0)translateY(0)}}@keyframes dropStick{0%{opacity:1;bottom:5px}80%{opacity:1;bottom:-100px}to{opacity:0;bottom:-150px}}.omikuji-paper-container{z-index:101;perspective:1000px;justify-content:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.omikuji-paper{color:#2a1a10;transform-origin:top;background:#fdfaf2;border:1px solid #d4cbb3;border-radius:2px;flex-direction:column;align-items:center;width:280px;max-width:85vw;padding:30px 25px;font-family:Courier New,Courier,monospace;animation:1s ease-out forwards paperUnroll;display:flex;box-shadow:0 10px 30px #0006}.omikuji-paper:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes paperUnroll{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.omikuji-luck{color:#8b2b2b;letter-spacing:1px;text-align:center;border-bottom:2px solid #8b2b2b;margin-bottom:20px;padding-bottom:10px;font-size:1.4rem;font-weight:700}.omikuji-message{text-align:center;min-height:60px;margin-bottom:30px;font-size:.95rem;font-style:italic;line-height:1.6}.omikuji-close-btn{color:#2a1a10;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #2a1a10;padding:8px 24px;font-family:inherit;font-size:.85rem;transition:all .3s}.omikuji-close-btn:hover{color:#f4ecd8;background:#2a1a10}.omikuji-loading{color:#2a1a1080;font-size:.9rem;animation:1.5s infinite pulse}.bonsai-container{z-index:10;pointer-events:auto;cursor:pointer;width:88px;height:88px;position:absolute;bottom:62%;left:54.9%}.bonsai-base-img{object-fit:contain;width:100%;height:100%}.bonsai-leaves-wrapper{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.bonsai-leaf{opacity:.9;filter:drop-shadow(1px 2px 1px #00000040);border-radius:40% 60% 50% 50%;width:9px;height:6px;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards leafGrow;position:absolute;transform:scale(0);box-shadow:inset -2px -2px #00000026}@keyframes leafGrow{to{opacity:.9;transform:scale(1)}}.bonsai-tooltip{color:#d4cbb3;white-space:nowrap;opacity:0;pointer-events:none;letter-spacing:.5px;font-size:.6rem;font-style:italic;transition:opacity .3s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.bonsai-container:hover .bonsai-tooltip{opacity:.8}@media (width<=768px){.bonsai-container{width:82px;height:82px;bottom:57.5%;left:56%}}.app-container{background-color:var(--lantai);width:100vw;height:100vh;position:relative;overflow:hidden}.scene-container{aspect-ratio:1;z-index:1;background-position:50%;background-size:100% 100%;min-width:100vw;min-height:100vh;transition:background-image 4s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.weather-window-mask{z-index:10;pointer-events:none;border-radius:10px;height:40%;position:absolute;top:15%;overflow:hidden}.chat-rak-buku-btn.text-style{color:#ffffffe6;text-shadow:1px 1px 4px #000000e6;letter-spacing:1px;cursor:pointer;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;background:#00000059;border:1px solid #f4ecd84d;border-radius:4px;width:auto;height:auto;margin-top:8px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:all .3s}.chat-rak-buku-btn.text-style:hover{color:#f4ecd8;background:#f4ecd80d;border-color:#f4ecd899;transform:translateY(-2px);box-shadow:0 4px 15px #ffe6961a}.action-buttons-container{z-index:60;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.action-buttons-container.fade-in{animation:1s forwards fadeIn}.action-buttons-container.fade-out{animation:fadeOut .6s var(--ease-default) forwards}.weather-window-mask.window-left{width:34%;height:22.6%;top:17%;left:8.8%}.weather-window-mask.window-right{width:14%;height:22%;top:17.5%;left:44.6%}.bar-overlays{z-index:2;opacity:0;pointer-events:none;transition:opacity 3s;position:absolute;inset:0}.bar-overlays.active{opacity:1}.vignette-overlay{pointer-events:none;transition:background 3s;position:absolute;inset:0}.vignette-overlay.night{background:radial-gradient(circle,#0000 30%,#02020466 80%,#000c 100%)}.vignette-overlay.day{background:radial-gradient(circle,#0000 30%,#05050833 80%,#05050880 100%)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}25%,75%{opacity:.95}}.ui-layer{z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 2s,visibility 2s;position:absolute;inset:0}.ui-layer.visible{opacity:1;visibility:visible}.top-bar{z-index:210;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:40px;left:60px;right:60px}.brand{flex-direction:column;gap:4px;display:flex}.brand-name{font-family:var(--font-body);color:#ffffffe6;letter-spacing:2px;text-shadow:0 2px 4px #000c;font-size:14px}.brand-sub{font-family:var(--font-body);color:#fff9;text-shadow:0 2px 4px #000c;font-size:12px;font-style:italic}.clock{font-family:var(--font-body);color:#ffffffe6;letter-spacing:1px;text-shadow:0 2px 8px #000000e6,0 0 4px #00000080;font-size:15px}.time-weather-container{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.weather-label{font-family:var(--font-body);color:#ffffffb3;letter-spacing:1px;text-shadow:0 2px 8px #000000e6,0 0 4px #00000080;font-size:13px;font-style:italic}.bottom-nav-left{z-index:100;position:absolute;bottom:60px;left:60px}.bottom-nav-right{z-index:100;gap:32px;display:flex;position:absolute;bottom:60px;right:60px}.nav-link{font-family:var(--font-body);color:#d0b79e;letter-spacing:1.5px;text-transform:lowercase;pointer-events:auto;text-shadow:0 1px 4px #000c;font-size:15px;position:relative}.nav-link.active{color:var(--kertas)}.nav-link:after{content:"";background:var(--lampu);width:0;height:1px;transition:width .4s var(--ease-default);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.content-area{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.state-layer{opacity:0;visibility:hidden;transition:opacity 2s var(--ease-default), visibility 2s;pointer-events:none;flex-direction:column;display:flex;position:absolute}.state-layer.active{opacity:1;visibility:visible;pointer-events:auto}.state-layer.fade-out{opacity:0;visibility:hidden;transition:opacity 1.5s var(--ease-default), transform 2s var(--ease-default), visibility 2s;transform:translateY(-10px)}.greeting-text{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-base);opacity:0;z-index:10;text-shadow:0 2px 10px #000c;font-style:italic;transition:opacity 2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.greeting-text.visible{opacity:1}.display-text{font-family:var(--font-display);color:var(--kertas);letter-spacing:1px;text-shadow:0 4px 20px #000c;margin-bottom:24px;font-size:48px;font-style:italic;font-weight:300}.sub-text{color:var(--bisik);margin-left:2px;font-size:18px}.presence-layer{text-align:center;align-items:center}.poetic-text{color:var(--kertas);letter-spacing:.5px;opacity:.85;margin-bottom:8px;font-size:20px}.confession-layer{align-items:center;width:100%;max-width:600px}.confession-header{text-align:center;margin-bottom:32px}.confession-header p{color:var(--kertas);margin-bottom:8px;font-size:18px}.whisper{color:var(--bisik);font-size:14px}.confession-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14100c66;border:1px solid #5a554d33;border-radius:8px;width:100%;padding:24px;transition:border-color .4s}.confession-box:focus-within{border-color:#f4a26166;box-shadow:0 0 20px #f4a2610d}textarea{width:100%;height:150px;color:var(--kertas);font-family:var(--font-body);resize:none;background:0 0;border:none;outline:none;font-size:16px;line-height:1.6}textarea::placeholder{color:var(--bisik);opacity:.5;font-style:italic}.confession-footer{border-top:1px solid #5a554d1a;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.char-count{font-family:var(--font-body);color:var(--bisik);font-size:12px}.btn-release{color:var(--lampu);letter-spacing:1px;transition:all .4s var(--ease-default);background:#f4a2611a;border:1px solid #f4a26133;border-radius:4px;padding:8px 24px;font-size:14px}.btn-release:hover:not(:disabled){background:#f4a26133;border-color:#f4a26180;box-shadow:0 0 15px #f4a26126}.btn-release:disabled{opacity:.3;cursor:not-allowed;border-color:var(--bisik);color:var(--bisik);background:0 0}.mute-button{cursor:pointer;opacity:.6;pointer-events:auto;background:0 0;border:none;justify-content:space-between;align-items:flex-end;gap:3px;width:20px;height:16px;padding:0;transition:opacity .3s;display:flex}.mute-button:hover{opacity:1}.mute-button .wave{background:var(--bisik);transform-origin:bottom;border-radius:1px;width:3px;transition:background .3s}.mute-button .wave-1{height:6px}.mute-button .wave-2{height:14px}.mute-button .wave-3{height:10px}.mute-button:not(.muted) .wave{background:var(--lampu);box-shadow:0 0 6px #f4a26166}.mute-button:not(.muted) .wave-1{animation:1.4s ease-in-out infinite audio-wave}.mute-button:not(.muted) .wave-2{animation:1.4s ease-in-out .2s infinite audio-wave}.mute-button:not(.muted) .wave-3{animation:1.4s ease-in-out .4s infinite audio-wave}@keyframes audio-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.interaction-trigger-container{z-index:101;pointer-events:auto;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.interaction-trigger{font-family:var(--font-body);color:#d0b79e;letter-spacing:1.5px;text-transform:lowercase;cursor:pointer;transition:color .4s var(--ease-default), text-shadow .4s var(--ease-default);text-shadow:0 1px 4px #000c;background:0 0;border:none;padding-bottom:4px;font-size:15px;position:relative}.interaction-trigger:after{content:"";background:var(--lampu);width:0;height:1px;transition:width .4s var(--ease-default);position:absolute;bottom:0;left:0}.interaction-trigger:hover{color:var(--lampu);text-shadow:none}.interaction-trigger:hover:after{width:100%}.chat-interface{z-index:200;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-interface.fade-in{animation:1s forwards fadeIn}.chat-dim-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;background:#0a080c99;transition:all 1.5s ease-in-out;position:absolute;inset:0}.chat-dim-overlay.deep-dim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050408e6}.focus-timer-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:30px;animation:3s cubic-bezier(.22,1,.36,1) forwards etherealFadeIn;display:flex}.focus-timer-display{color:#f4ecd826;letter-spacing:4px;text-shadow:0 0 20px #f4ecd80d;-webkit-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;font-size:8rem;font-weight:300;transition:color .5s}.focus-timer-display:hover{color:#f4ecd880}.evaporating-chat-container{z-index:10;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:600px;padding:0 20px;display:flex}.chat-message{font-family:var(--font-body);text-align:center;font-size:18px;line-height:1.6;animation:2s cubic-bezier(.22,1,.36,1) forwards etherealFadeIn}.user-msg{color:#ffffffe6;transition:opacity 2s}.user-msg.dimmed{opacity:.4}.ai-msg{color:var(--lampu);text-shadow:0 0 15px #f4a26133}.yuga-gesture{color:#b08c6a;white-space:pre-wrap;font-style:italic;display:block}.yuga-dialog{color:#d4bc98;white-space:pre-wrap;font-style:normal;display:block}.typing-indicator{opacity:.5;color:#b08c6a;font-style:italic;animation:2s ease-in-out infinite pulse}.chat-input-wrapper{width:100%;max-width:400px;margin-top:20px;transition:opacity 1s}.minimal-input{width:100%;color:var(--kertas);font-family:var(--font-body);text-align:center;background:0 0;border:none;border-bottom:1px solid #fff3;outline:none;padding:10px;font-size:18px;transition:border-color .3s}.minimal-input:focus{border-bottom-color:#fff9}.minimal-input::placeholder{color:#fff3;font-style:italic}.minimal-input:disabled{opacity:0;pointer-events:none}.interaction-close{color:#fff9;font-family:var(--font-body);letter-spacing:1px;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:13px;transition:color .3s}.interaction-close:hover{color:var(--kertas)}@keyframes etherealFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.chat-interface.fade-out{animation:fadeOut .6s var(--ease-default) forwards}.cinematic-overlay{background-color:var(--lantai);z-index:999;opacity:0;pointer-events:none;transition:opacity .6s var(--ease-default);position:fixed;inset:0}.cinematic-overlay.active{opacity:1;pointer-events:auto}@media (width<=768px){.top-bar{top:20px;left:20px;right:20px}.bottom-nav-left{bottom:20px;left:20px}.bottom-nav-right{gap:16px;bottom:20px;right:20px}.nav-link{font-size:13px}.greeting-text{text-align:center;padding:0 20px;font-size:16px}.chat-rak-buku-btn.text-style{letter-spacing:0;padding:8px 12px;font-size:.8rem}}