:root{--blush-1:#f4e7de;--blush-2:#e6caba;--blush-3:#dcb9a6;--surface:#fbfaf8;--surface-2:#f5f0ea;--ink:#262221;--ink-2:#675c57;--ink-3:#6e6b5f;--line:#e0ccc0;--line-2:#efe3da;--terra:#c06a4b;--terra-deep:#96442c;--terra-soft:#f0dad0;--sage:#becfc9;--sage-deep:#5f7d73;--peri:#cbcad9;--peri-deep:#5c5c7a;--g-page:linear-gradient(175deg,#f6ebe3,#ebd5c7 46%,#e4c6b4);--g-card:linear-gradient(160deg,#fffefd,#faf5f0);--g-terra:linear-gradient(140deg,#bc6343,#a44f32);--g-warm:linear-gradient(90deg,var(--sage-deep) 0%,var(--terra) 55%,var(--terra-deep) 100%);--g-halus:linear-gradient(160deg,#fff,#f7efe9);--bayang:0 1px 2px rgba(38,34,33,.04),0 10px 26px -14px rgba(150,68,44,.28);--bayang-naik:0 2px 4px rgba(38,34,33,.05),0 20px 44px -20px rgba(150,68,44,.38);--f-display:"Newsreader",Georgia,serif;--f-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;--f-mono:"DM Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:var(--g-page);background-attachment:fixed;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}h1,h2,h3{font-family:var(--f-display);font-weight:600;margin:0;letter-spacing:-.015em;line-height:1.08}h1{font-size:clamp(38px,6.5vw,68px)}h2{font-size:27px}h3{font-size:18px}p{margin:0}a{color:var(--terra-deep);text-decoration:none}button{cursor:pointer;border:0;background:none}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--terra);outline-offset:3px;border-radius:8px}.misreg{position:relative;display:inline-block;color:var(--ink);white-space:nowrap;padding-right:4px}.misreg:before{content:attr(data-t);position:absolute;left:3px;top:3px;color:var(--terra);opacity:.32;z-index:-1;white-space:nowrap}.mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6f655e}.muted{color:var(--ink-2)}.shell{max-width:1000px;margin:0 auto;padding:30px 22px 90px}.head{margin-bottom:26px}.head .mono{display:block;margin-bottom:10px}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:hsla(25,51%,93%,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.bar-in{max-width:1000px;margin:0 auto;padding:13px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-family:var(--f-display);font-size:23px;color:var(--ink);letter-spacing:-.02em;display:inline-flex;align-items:baseline;line-height:1}.brand em{font-style:italic;font-weight:400;color:var(--terra);letter-spacing:0}.brand b{font-weight:700;color:var(--ink)}.tabs{display:flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;background:hsla(0,0%,100%,.55)}.tabs a{padding:8px 18px;font-size:13.5px;font-weight:500;color:var(--ink-2);transition:background .18s,color .18s}.tabs a:hover{background:hsla(0,0%,100%,.7);color:var(--ink)}.tabs a[aria-current=true]{background:var(--g-terra);color:#fff;font-weight:600}.keluar{margin-left:auto}.keluar button{text-decoration:underline;color:var(--ink-3)}.panel{background:var(--g-card);border:1px solid var(--line-2);border-radius:20px;padding:24px;box-shadow:var(--bayang)}.panel.pink{border-color:var(--terra-soft);background:linear-gradient(160deg,#fffcfa,#fbede5)}.panel-lab{display:inline-block;background:var(--surface-2);color:var(--ink-2);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:14px;border:1px solid var(--line-2)}.panel.pink .panel-lab{background:var(--g-terra);color:#fff;border-color:transparent}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stack>*+*{margin-top:18px}.grid{display:grid;grid-template-columns:1.45fr 1fr;grid-gap:20px;gap:20px;align-items:start}.rule{height:1px;background:var(--line);margin:20px 0}.slots{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;gap:15px;margin:22px 0}.slot{position:relative;aspect-ratio:1;border-radius:50%;border:2px dashed var(--line);display:grid;place-items:center;background:hsla(0,0%,100%,.35)}.slot.next{border:2px solid var(--terra);background:#fff;animation:denyut 2.6s ease-in-out infinite}@keyframes denyut{0%,to{box-shadow:0 0 0 0 rgba(192,106,75,.32)}50%{box-shadow:0 0 0 9px rgba(192,106,75,0)}}.slot .no{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3)}.slot.miss{border:2px solid var(--line);background:repeating-linear-gradient(45deg,transparent 0 6px,hsla(23,34%,82%,.5) 6px 8px)}.stamp{position:absolute;inset:-3px;border-radius:50%;display:grid;place-items:center;grid-gap:1px;gap:1px;font-family:var(--f-mono);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transform:rotate(var(--rot,0deg))}.stamp .ikon{font-size:17px;line-height:1}.stamp.full{background:var(--g-terra);color:#fff3ec;box-shadow:inset 0 0 0 2px rgba(255,247,243,.55),inset 0 0 14px rgba(120,50,30,.35)}.stamp.mini{background:var(--terra-soft);color:var(--terra-deep);box-shadow:inset 0 0 0 2px var(--terra),inset 0 0 0 4px var(--terra-soft),inset 0 0 0 5.5px var(--terra)}.stamp.patch{background:var(--sage);color:#33463f;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.6),inset 0 0 0 3.5px var(--sage-deep)}.stamp.land{animation:mendarat .45s cubic-bezier(.2,1.5,.4,1)}@keyframes mendarat{0%{transform:scale(2) rotate(0deg);opacity:0}55%{opacity:1}to{transform:scale(1) rotate(var(--rot,0deg));opacity:1}}.press{background:var(--g-terra);color:#fff;border-radius:99px;padding:17px 30px;font-family:var(--f-body);font-weight:700;font-size:16.5px;letter-spacing:.01em;box-shadow:var(--bayang);transition:transform .14s ease,box-shadow .2s ease,filter .2s ease}.press:hover{transform:translateY(-2px);box-shadow:var(--bayang-naik);filter:saturate(1.06)}.press:active{transform:translateY(0)}.press.sub{background:hsla(0,0%,100%,.7);color:var(--terra-deep);border:1px solid var(--terra-soft);font-size:14.5px;padding:13px 24px;font-weight:600}.press.sub:hover{background:#fff}.press[disabled]{opacity:.45;pointer-events:none}.btn{border:1px solid var(--line);border-radius:99px;padding:11px 22px;font-weight:600;font-size:14.5px;color:var(--ink-2);background:hsla(0,0%,100%,.6);display:inline-flex;align-items:center;gap:8px;transition:all .18s ease}.btn:hover{background:#fff;color:var(--ink);border-color:var(--ink-3)}.btn.solid{background:var(--g-terra);color:#fff;border-color:transparent}.btn.solid:hover{color:#fff;filter:saturate(1.06);box-shadow:var(--bayang)}.btn.kecil{padding:8px 15px;font-size:13px}label.f{display:block;margin-bottom:16px}label.f .l{display:block;font-weight:700;font-size:14.5px;margin-bottom:2px}label.f .h{display:block;font-size:13px;color:var(--ink-3);margin-bottom:8px}.in{width:100%;background:hsla(0,0%,100%,.65);border:1px solid var(--line);border-radius:12px;padding:12px 15px;transition:border-color .16s,background .16s,box-shadow .16s}.in::placeholder{color:var(--ink-3)}.in:focus{outline:none;border-color:var(--terra);background:#fff;box-shadow:0 0 0 4px rgba(192,106,75,.12)}textarea.in{min-height:84px;resize:vertical;line-height:1.55}.sentence{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,2.4vw,28px);line-height:1.32;color:var(--ink)}.sentence u{text-decoration:none;color:var(--terra-deep);background:linear-gradient(180deg,transparent 62%,var(--terra-soft) 62%)}.receipt{background:var(--g-halus);border:1px solid var(--line-2);border-radius:20px;padding:20px 22px;box-shadow:var(--bayang)}.receipt h3{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:400;margin-bottom:12px}.rline{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:14.5px}.rline:last-child{border-bottom:0}.rline b{font-weight:600;color:var(--ink)}.rline .big{font-family:var(--f-display);font-size:24px;font-weight:600;color:var(--terra-deep);line-height:1}.meter{height:12px;border-radius:99px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line-2);margin-top:12px}.meter span{display:block;height:100%;background:var(--g-warm);border-radius:99px;transition:width .9s cubic-bezier(.2,.7,.2,1)}.tokens{display:flex;gap:9px;margin-top:8px;flex-wrap:wrap}.token{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:linear-gradient(150deg,#fff3ec,var(--terra-soft));border:1px solid var(--terra-soft);box-shadow:var(--bayang)}.token.kosong{background:transparent;border:1.5px dashed var(--line);opacity:.6}.wallet{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px}.mini-card{border:1px solid var(--line-2);border-radius:18px;padding:16px;background:var(--g-card);box-shadow:var(--bayang);transition:transform .2s ease,box-shadow .2s ease}.mini-card:hover{transform:translateY(-3px);box-shadow:var(--bayang-naik)}.mini-card.aktif{border-color:var(--terra);background:linear-gradient(160deg,#fffcfa,#fbede5)}.mini-card.belum{border-color:var(--sage-deep);background:linear-gradient(160deg,#fafdfb,#edf4f1)}.mini-card .dots{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:7px;gap:7px;margin:12px 0}.mini-card .d{aspect-ratio:1;border-radius:50%;border:1px solid var(--line)}.mini-card .d.on{background:var(--g-terra);border-color:transparent}.mini-card .d.half{background:var(--terra-soft);border-color:var(--terra)}.mini-card .d.patch{background:var(--sage);border-color:var(--sage-deep)}.rank{font-family:var(--f-display);font-weight:600;font-size:15px;display:inline-flex;gap:6px;align-items:center}.rank.emas{color:var(--terra-deep)}.rank.perak{color:var(--peri-deep)}.rank.perunggu{color:var(--ink-3)}.burst{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,hsla(25,51%,93%,.93),hsla(21,44%,76%,.96));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:masuk .3s ease}@keyframes masuk{0%{opacity:0}to{opacity:1}}.burst-in{text-align:center;max-width:430px;width:100%}.burst-card{border:1px solid var(--terra-soft);border-radius:24px;padding:30px;background:var(--g-card);box-shadow:0 30px 70px -30px rgba(150,68,44,.55);animation:mendarat .55s cubic-bezier(.2,1.4,.4,1)}.burst .dots{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:9px;gap:9px;margin:20px 0}.burst .d{aspect-ratio:1;border-radius:50%;background:var(--g-terra)}.burst .d.off{background:var(--surface-2);border:1px solid var(--line)}.galat{font-family:var(--f-mono);font-size:12px;color:var(--terra-deep);margin-top:12px}.tracker-bar{margin-bottom:26px}.tracker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.tracker-head .tambah{color:var(--terra-deep);font-weight:500}.tracker-head .tambah:hover{text-decoration:underline}.tracker{border:1px solid var(--line-2);border-radius:16px;padding:14px 16px;background:var(--g-card);display:block;box-shadow:var(--bayang);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tracker:hover{transform:translateY(-2px);box-shadow:var(--bayang-naik)}.tracker.aktif{border-color:var(--terra);background:linear-gradient(160deg,#fffcfa,#fbede5)}.tracker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));grid-gap:13px;gap:13px}.tracker-atas{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.tracker .nama{font-weight:600;font-size:14.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker .titik{font-size:14px;flex:none;opacity:.3;filter:grayscale(1)}.tracker .titik.isi{opacity:1;filter:none}.tracker-meter{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-bottom:8px}.tracker-meter span{display:block;height:100%;background:var(--sage-deep);border-radius:99px}.tracker.aktif .tracker-meter span{background:var(--g-terra)}.perjalanan{display:flex;gap:8px;margin:14px 0 6px}.perjalanan .seg{flex:1 1;height:10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line-2);overflow:hidden}.perjalanan .seg span{display:block;height:100%;background:var(--g-terra);border-radius:99px;transition:width .9s cubic-bezier(.2,.7,.2,1)}.perjalanan .seg.lunas{background:var(--g-terra);border-color:transparent}.lulus-card{border:1px solid var(--terra-soft);border-radius:24px;padding:32px;background:var(--g-card);box-shadow:0 30px 70px -30px rgba(150,68,44,.55);animation:mendarat .55s cubic-bezier(.2,1.4,.4,1);text-align:left}.lulus-kartu{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:22px 0}.lulus-kartu div{border:1px solid var(--line-2);border-radius:14px;padding:12px 8px;text-align:center;background:var(--surface)}.lulus-kartu div.emas{border-color:var(--terra);background:linear-gradient(160deg,#fff6f1,var(--terra-soft))}.lulus-kartu div.perak{border-color:var(--peri);background:linear-gradient(160deg,#fbfbfd,#ededf4)}.lulus-kartu b{display:block;font-family:var(--f-display);font-size:15px;margin:3px 0}.lulus-pilih{display:grid;grid-gap:11px;gap:11px;margin-top:24px}.kunci{border:1.5px dashed var(--terra);border-radius:20px;padding:26px;background:linear-gradient(160deg,#fffcfa,#fbede5);box-shadow:var(--bayang)}.legal{max-width:760px}.legal h2{font-size:23px;margin:34px 0 10px}.legal h3{font-size:17px;margin:22px 0 6px}.legal p{margin-bottom:12px;color:var(--ink-2)}.legal ul{margin:0 0 14px;padding-left:20px;color:var(--ink-2)}.legal li{margin-bottom:7px}.legal strong{color:var(--ink)}.legal .kotak{background:var(--g-halus);border:1px solid var(--line-2);border-radius:16px;padding:18px 20px;margin:18px 0}.legal .kotak p:last-child{margin-bottom:0}.legal table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}.legal td,.legal th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line-2);vertical-align:top;color:var(--ink-2)}.legal th{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:400}.legal a{text-decoration:underline}.footer{border-top:1px solid var(--line);margin-top:50px;padding:22px 0 0;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer a{font-size:13.5px;color:var(--ink-2)}.footer a:hover{color:var(--ink)}.dock{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:70;background:var(--g-card);border:1px solid var(--line-2);border-radius:22px;padding:8px;box-shadow:var(--bayang);display:flex;flex-direction:column;gap:6px}.dock a.dock-btn{text-decoration:none}.dock-btn{width:60px;padding:10px 4px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink-3);font-size:11px;font-weight:500;transition:background .18s ease,color .18s ease}.dock-btn .ikon{font-size:21px;line-height:1}.dock-btn:hover{background:var(--surface-2);color:var(--ink-2)}.dock-btn.kini{background:var(--terra-soft);color:var(--terra-deep)}.dock-btn.aktif{background:var(--g-terra);color:#fff}.dock-garis{height:1px;background:var(--line-2);margin:2px 6px}.dock-tirai{position:fixed;inset:0;z-index:71;background:rgba(38,34,33,.14)}.pomo-panel{position:fixed;left:96px;top:50%;transform:translateY(-50%);z-index:72;width:308px;background:var(--g-card);border:1px solid var(--line-2);border-radius:24px;padding:22px;box-shadow:var(--bayang-naik);animation:pomo-masuk .26s cubic-bezier(.2,1.2,.4,1)}@keyframes pomo-masuk{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.pomo-atas{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pomo-tutup{text-decoration:underline}.pomo-mode{display:flex;gap:5px;background:var(--surface-2);border-radius:99px;padding:4px;margin:4px 0 18px}.pomo-tab{flex:1 1;padding:7px 4px;border-radius:99px;font-size:12px;font-weight:600;color:var(--ink-3);transition:background .16s,color .16s}.pomo-tab:hover{color:var(--ink-2)}.pomo-tab.aktif{background:#fff;color:var(--ink);box-shadow:var(--bayang)}.pomo-jam{position:relative;display:flex;justify-content:center;margin-bottom:18px}.pomo-alur{stroke:var(--surface-2)}.pomo-alur,.pomo-isi{fill:none;stroke-width:9}.pomo-isi{stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset .3s linear}.pomo-angka{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.pomo-angka .waktu{font-family:var(--f-display);font-size:40px;font-weight:600;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pomo-tombol{display:flex;gap:10px;align-items:center}.pomo-tombol .press{flex:1 1;padding:14px;font-size:15px}.pomo-sesi{margin-top:14px;text-align:center}.pomo-kabar{background:var(--terra-soft);border-radius:14px;padding:14px;margin-top:14px;font-size:13.5px}.pomo-kabar p{margin-bottom:10px;color:var(--terra-deep)}.pomo-catat{margin-top:14px;line-height:1.7;opacity:.75}.mood-baris{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-top:4px}.mood{border:1px solid var(--line-2);border-radius:16px;padding:12px 4px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .16s ease}.mood:hover{border-color:var(--line);transform:translateY(-2px)}.mood .wajah{font-size:26px;line-height:1;filter:grayscale(.55);transition:filter .16s,transform .16s}.mood:hover .wajah{filter:grayscale(.15)}.mood.aktif{border-color:var(--terra);background:linear-gradient(160deg,#fff6f1,var(--terra-soft));box-shadow:var(--bayang)}.mood.aktif .wajah{filter:none;transform:scale(1.12)}.mood .mono{font-size:9.5px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:99px;padding:9px 16px;font-size:14px;color:var(--ink);background:var(--surface);transition:background .16s ease,border-color .16s ease,color .16s ease}.chip:hover{border-color:var(--terra)}.chip[aria-pressed=true]{background:var(--g-terra);border-color:transparent;color:#fff;font-weight:600}.chip-emoji{font-size:15px;line-height:1;filter:grayscale(.55);transition:filter .16s ease}.chip:hover .chip-emoji{filter:grayscale(.2)}.chip[aria-pressed=true] .chip-emoji{filter:none}.template-list{display:grid;grid-gap:10px;gap:10px}.template{display:flex;gap:13px;text-align:left;padding:15px;border-radius:16px;border:1px solid var(--line-2);background:var(--surface);transition:all .16s ease;align-items:flex-start}.template:hover{border-color:var(--line);transform:translateY(-2px);box-shadow:var(--bayang)}.template.aktif{border-color:var(--terra);background:linear-gradient(160deg,#fffcfa,#fbede5)}.tem-emoji{font-size:24px;line-height:1.1;flex:none}.tem-isi{display:flex;flex-direction:column;gap:3px}.tem-isi b{font-size:15.5px}.tem-ringkas{font-size:13.5px;color:var(--ink-2);line-height:1.45}.tem-untuk{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-3);line-height:1.6;margin-top:3px}.tren{width:100%;height:auto;display:block;margin-top:4px}.tren-alur{stroke:var(--line-2);stroke-width:1}.tren-garis{fill:none;stroke:var(--terra);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tren-titik{fill:var(--terra)}.emosi-list{display:grid;grid-gap:9px;gap:9px}.emosi-baris{display:grid;grid-template-columns:118px 1fr 32px;grid-gap:9px;gap:9px;align-items:center;font-size:13.5px}.emosi-nama{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emosi-emoji{font-size:15px;line-height:1;flex:none}.emosi-bar{height:9px;background:var(--surface-2);border-radius:99px;overflow:hidden}.emosi-bar span{display:block;height:100%;background:var(--g-terra);border-radius:99px}.jurnal-list{display:grid;grid-gap:14px;gap:14px;margin-top:14px}.jurnal-item{padding:20px 22px}.jurnal-atas{display:flex;justify-content:space-between;align-items:center;gap:12px}.jurnal-hapus{text-decoration:underline;color:var(--ink-3)}.jurnal-hapus:hover{color:var(--ink-2)}.jurnal-hapus.tegas{color:var(--terra-deep)}.mood-tanda{background:var(--terra-soft);color:var(--terra-deep);padding:4px 12px;font-weight:600}.emosi-tanda,.mood-tanda{border-radius:99px;font-size:12.5px}.emosi-tanda{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);color:var(--ink-2);padding:4px 11px;border:1px solid var(--line-2)}.jurnal-jawab{margin-top:14px}.jurnal-jawab p{margin-top:4px;white-space:pre-wrap;color:var(--ink)}.hide{display:none!important}@media (max-width:760px){.grid{grid-template-columns:1fr}.shell{padding:22px 16px 80px}.bar-in{padding:11px 16px;gap:10px}.tabs{order:3;width:100%}.tabs a{flex:1 1;text-align:center;padding:9px 4px;font-size:12.5px}.keluar{margin-left:auto;order:2}.press{font-size:15.5px;padding:16px}.slots{gap:11px}.lulus-kartu{grid-template-columns:repeat(2,1fr)}.mood-baris{gap:5px}.mood{padding:10px 2px}.mood .wajah{font-size:22px}.emosi-baris{grid-template-columns:104px 1fr 28px}.dock{left:14px;bottom:16px;top:auto;transform:none;border-radius:20px}.dock,.dock-btn{flex-direction:row}.dock-btn{width:auto;padding:9px 14px;gap:7px}.dock-garis{width:1px;height:auto;margin:6px 2px}.pomo-panel{left:12px;right:12px;bottom:88px;top:auto;transform:none;width:auto;max-width:340px}@keyframes pomo-masuk{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}