@font-face{font-family:Inter;src:url(/tiga-diri/app/fonts/Inter.ttf);font-weight:100 900;font-display:swap}@font-face{font-family:Garamond;src:url(/tiga-diri/app/fonts/EBGaramond.ttf);font-weight:400 800;font-display:swap}@font-face{font-family:Garamond;font-style:italic;src:url(/tiga-diri/app/fonts/EBGaramond-Italic.ttf);font-weight:400 800;font-display:swap}@font-face{font-family:Hand;src:url(/tiga-diri/app/fonts/Caveat.ttf);font-weight:400 700;font-display:swap}:root{--bg:#EFE7D6;--note:#FBF6EA;--ink:#221F1A;--ink2:#5D564A;--ink3:#8A8170;--line:#CBBFA6;--soft:#E6DCC7;--blue:#3F66A8;--amber:#C9822B;--hand:#2B2A33;--acc:var(--ink)}.app[data-m=pagi]{--acc:var(--blue)}.app[data-m=malam]{--acc:var(--amber)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg)}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,a{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-decoration:none}textarea{font:inherit;color:inherit}#app{height:100%}.app{position:relative;height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}@media(min-width:520px){body{background:#e2d8c4}.app{box-shadow:0 0 0 1px var(--line),0 30px 80px #3c280a1f}}.view{flex:1;overflow-y:auto;padding-bottom:140px;scrollbar-width:none;position:relative}.view::-webkit-scrollbar{display:none}.scene{position:relative;width:100%;aspect-ratio:1 / .92;background-size:cover;background-position:center 70%}.scene.short{aspect-ratio:1 / .66}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(239,231,214,0) 18%,rgba(239,231,214,0) 70%,var(--bg) 100%),linear-gradient(90deg,#efe7d68c,#efe7d600 9%,#efe7d600 91%,#efe7d68c)}.body{position:relative;z-index:1;padding:0 22px;margin-top:-34px}.body.pt{margin-top:0;padding-top:calc(16px + env(safe-area-inset-top))}.view>.top,.ob>.top{position:absolute;left:22px;right:22px;top:calc(10px + env(safe-area-inset-top));z-index:2}.ob{position:relative}.top{display:flex;justify-content:space-between;align-items:center;padding:6px 0 14px}.brand{font:700 10px/1.3 Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3)}.pill{font:700 10px/1.3 Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}.h{font:400 30px/1.08 Garamond;letter-spacing:-.005em}.h em{font-style:italic}.h.xl{font-size:36px}.h.md{font-size:24px}.lbl{font:700 10px/1.3 Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3)}.muted{color:var(--ink2);font:400 17px/1.45 Garamond}.muted2{color:var(--ink3)}.sm{font-size:13px}.sm2{font-size:14px;line-height:1.5}.xs{font-size:12px}.right{text-align:right}.ink{color:var(--ink)}.mt{margin-top:10px}.mt2{margin-top:20px}.sec{margin-top:28px}.pb{padding-bottom:28px}.foot{font:italic 400 14.5px/1.4 Garamond;color:var(--ink3)}.paper{position:relative;background:var(--note);padding:22px 22px 20px;box-shadow:0 12px 26px -16px #3c280a80}.tilt-l{transform:rotate(-1.1deg)}.tilt-r{transform:rotate(.8deg)}.tape{position:absolute;left:50%;top:-11px;width:84px;height:22px;margin-left:-42px;background:var(--acc);opacity:.72}.from{font:italic 400 15px Garamond;color:var(--ink3)}.hand{font:400 25px/1.17 Hand;color:var(--hand);margin-top:4px}.hand.sm{font-size:18px;line-height:1.1;margin-top:4px}.commit{font:400 21px/1.3 Garamond}.commit em{color:var(--ink2)}.ask{font:400 21px/1.25 Garamond}.ask em{font-style:italic}.hand-in{width:100%;border:0;border-bottom:1.5px solid var(--line);background:transparent;font:400 23px/1.2 Hand;color:var(--hand);padding:6px 0 8px;resize:none;outline:none}.hand-in:focus{border-color:var(--acc)}.hand-in.bare{border:0;padding:4px 0 0}.hand-in::placeholder{color:#b4a98f}.btn{display:block;text-align:center;width:100%;padding:16px;border-radius:3px;background:var(--acc);color:var(--bg);font:700 12px Inter;letter-spacing:.2em;text-transform:uppercase;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn.acc{background:var(--acc)}.link{display:block;width:100%;text-align:center;font:italic 400 16px Garamond;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}.row{display:flex;gap:10px}.between{justify-content:space-between}.q{font:400 20px/1.2 Garamond;margin-top:4px}.q2{font:italic 400 18px/1.35 Garamond}.done{font:italic 400 18px/1.4 Garamond;color:var(--ink2);border-top:1.5px solid var(--acc);padding-top:14px}.done b{font-style:normal;font-weight:500;color:var(--acc)}.chips{display:flex;gap:6px}.chip{padding:9px 14px;border:1.5px solid var(--line);font:700 10.5px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.feel{display:flex;flex-direction:column;gap:10px}.scale5{display:grid;grid-template-columns:54px repeat(5,1fr) 54px;gap:8px;align-items:center;font:italic 400 14px Garamond;color:var(--ink3)}.scale5 span:last-child{text-align:right}.scale5 button{height:26px;border-radius:50%;border:1.5px solid var(--line);width:26px;justify-self:center}.scale5 button.on{background:var(--acc);border-color:var(--acc)}.rule{display:flex;justify-content:space-between;border-top:1.5px solid var(--ink);padding-top:12px;font:700 10px/1.3 Inter;letter-spacing:.2em;text-transform:uppercase}.rule span:last-child{color:var(--ink3)}.gap{display:flex;justify-content:space-between;font:400 19px/1.2 Garamond}.links{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font:italic 400 17px Garamond;color:var(--ink2)}.board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pin{background:var(--note);padding:10px 11px 12px;box-shadow:0 6px 14px -9px #3c280a80;border-top:4px solid var(--line);min-height:74px}.pin .lbl{display:flex;justify-content:space-between}.pin.jalan{border-top-color:var(--blue)}.pin.jalan .st{color:var(--blue)}.pin.minimum{border-top-color:var(--amber)}.pin.minimum .st{color:var(--amber)}.pin.tidak .st{color:#a0503a}.pin.empty{background:transparent;box-shadow:none;border:1.5px dashed var(--line)}.banner{display:block;width:100%;text-align:left;padding:13px 15px;background:var(--note);border-left:3px solid var(--acc);color:var(--ink2);font:400 16px/1.4 Garamond}.banner b{display:block;font:700 10px/1.6 Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:2px}.err{padding:12px 14px;background:#f6e3dc;color:#7e2f20;font:400 16px/1.4 Garamond}.err p+p{margin-top:4px}.card{background:var(--note);padding:18px;box-shadow:0 10px 22px -16px #3c280a80}.card+.card{margin-top:14px}.card.tight{padding:14px}.target{display:flex;justify-content:space-between;align-items:baseline}.big{font:400 44px/1 Garamond}.big small{font:400 16px Inter;color:var(--ink3)}.note{padding:12px 0;border-top:1px solid var(--line)}.sys{display:flex;flex-direction:column}.sys>div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line);font:400 17px/1.35 Garamond}.sys>div:first-child{border-top:0}.sys .k{font:700 10px/1.9 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}.sys ul{list-style:none;display:flex;flex-direction:column;gap:4px}.chg{background:#f3e2c4;padding:2px 6px;margin:-2px -6px}.tl{position:relative;padding-left:26px}.tl:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1.5px;background:var(--line)}.tv{position:relative;padding-bottom:18px}.tv:last-child{padding-bottom:0}.tv:before{content:"";position:absolute;left:-23px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--ink)}.tv.cur:before{background:var(--amber);border-color:var(--amber)}.tv .vh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tv .vh b{font:400 22px Garamond}.tv p{font:400 16px/1.4 Garamond;color:var(--ink2);margin-top:4px}.res{font:700 10px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}.ob .body{margin-top:-40px}.three{display:flex;flex-direction:column;gap:12px}.three>div{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}.three i{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--ink)}.three .m-malam i{background:var(--amber)}.three .m-pagi i{background:var(--blue)}.three b{font:700 10px/1.8 Inter;letter-spacing:.18em;text-transform:uppercase}.three span{display:block;font:400 17px/1.35 Garamond;color:var(--ink2)}.tabs{position:absolute;left:0;right:0;bottom:0;padding:16px 26px calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;background:linear-gradient(180deg,rgba(239,231,214,0),var(--bg) 30%,var(--bg));z-index:10}.tab{font:700 10.5px Inter;letter-spacing:.2em;text-transform:uppercase;color:#a1977f;padding:6px 0}.tab.on{color:var(--ink);border-bottom:2px solid var(--acc)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#221f1a59;opacity:0;pointer-events:none;transition:.3s;z-index:20}.scrim.on{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:90%;overflow-y:auto;background:var(--bg);border-radius:18px 18px 0 0;padding:12px 22px calc(28px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1);z-index:21;scrollbar-width:none}.sheet.on{transform:none}.grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 16px}.choice{display:flex;flex-direction:column;gap:10px}.opt{width:100%;text-align:left;padding:15px 16px;background:var(--note);border:1.5px solid transparent;display:flex;justify-content:space-between;align-items:center;gap:14px}.opt b{font:400 19px Garamond}.opt span{display:block;font:italic 400 15px Garamond;color:var(--ink2);margin-top:2px}.opt.on{border-color:var(--ink)}.opt.danger b{color:#7e2f20}.dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);flex:none}.opt.on .dot{border:7px solid var(--ink)}.ta{width:100%;min-height:96px;border:1.5px solid var(--line);background:var(--note);padding:12px;font:400 22px/1.2 Hand;color:var(--hand);resize:none;outline:none}.code{width:100%;min-height:150px;border:1.5px solid var(--line);background:#2a2620;color:#e8dfcb;padding:14px;font:16px/1.45 ui-monospace,Menlo,monospace;resize:none;outline:none}.steps{padding-left:20px;display:flex;flex-direction:column;gap:10px;font:400 17px/1.4 Garamond}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:11px 16px;font:italic 400 16px Garamond;opacity:0;transition:.3s;z-index:40;white-space:nowrap;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%)}.daybar{align-items:center}.daybar .brand{color:var(--ink)}.arrow{width:36px;height:36px;font:400 26px/1 Garamond;color:var(--ink)}.arrow:disabled{opacity:.2}.part{margin-top:26px}.part+.part,.night-anchor+.part{margin-top:44px}.night-anchor{scroll-margin-top:60px}.part-h{display:flex;align-items:center;gap:10px;font:700 11px/1 Inter;letter-spacing:.24em;text-transform:uppercase;border-top:1.5px solid var(--ink);padding-top:14px}.part-h i{width:10px;height:10px;border-radius:50%}.part-h .m-pagi{background:var(--blue)}.part-h .m-malam{background:var(--amber)}.btn.pagi{background:var(--blue)}.btn.malam{background:var(--amber)}.tape.pagi{background:var(--blue)}.tape.malam{background:var(--amber)}button.pin{display:block;width:100%;text-align:left}.pin.empty .lbl span:last-child{color:var(--ink2)}.pin.future{opacity:.45}.link.inline{display:inline;width:auto;font-size:inherit}.isteps{list-style:none;display:flex;flex-direction:column;gap:12px}.istep{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font:400 17px/1.4 Garamond}.istep .n{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font:700 12px Inter}.key{display:inline-grid;place-items:center;width:26px;height:26px;border:1.5px solid var(--ink);border-radius:6px;vertical-align:-7px;margin:0 2px}.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.key .ic circle{fill:currentColor;stroke:none}.safari{display:flex;justify-content:space-around;align-items:center;background:var(--note);border:1px solid var(--line);border-radius:14px;padding:12px 8px;font:400 18px Inter;color:var(--ink3)}.safari .hl{color:var(--blue);position:relative}.safari .hl .ic{width:22px;height:22px}.safari .hl:after{content:"";position:absolute;left:50%;top:-14px;width:2px;height:10px;background:var(--blue);transform:translate(-50%)}