.dh-wrap{--paper:#efe7d8;--paper2:#f4eee2;--card:#f8f3ea;--cream:#f3ede1;--ink:#1b1a16;--ink2:#403a30;--soft:#7c7363;--faint:#a99d88;--green:#21413a;--green2:#2d564b;--green-deep:#15302a;--orange:#df642a;--orange-deep:#c4521b;--orange-soft:#f6e2d2;--line:#dccfb9;--line2:#e7ddc9;--dh-disp:"Archivo Black","Arial Black","Helvetica Neue",system-ui,sans-serif;max-width:480px;margin:0 auto;padding:6px 2px 24px;position:relative;color:var(--ink);font-family:var(--font-sans,"Lexend",system-ui,sans-serif);line-height:1.5}.dh-surface{background:var(--paper);min-height:100%}.dh-mast{justify-content:space-between;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--green);padding-bottom:10px;border-bottom:1.5px solid var(--ink)}.dh-brand,.dh-mast{display:flex;align-items:center}.dh-brand{gap:8px}.dh-spark{display:inline-block;color:var(--orange)}.dh-pg{color:var(--faint);letter-spacing:.08em}.dh-hero{margin:20px 0 8px;position:relative}.dh-eyebrow{display:inline-block;background:var(--green);color:var(--cream);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:4px}.dh-eyebrow,.dh-hl{font-family:var(--dh-disp)}.dh-hl{font-size:clamp(32px,9vw,40px);line-height:.98;letter-spacing:-.01em;color:var(--ink);margin-top:14px;font-weight:400}.dh-mark{display:inline-block;background:var(--green);color:var(--cream);padding:1px 11px 3px;border-radius:7px 9px 6px 10px;transform:rotate(-1.4deg)}.dh-lead{font-size:13.5px;color:var(--ink2);margin-top:20px;max-width:38ch;line-height:1.55;font-weight:500}.dh-lead b{color:var(--ink);font-weight:700}.dh-panel{position:relative;background:var(--green);color:var(--cream);border-radius:16px;padding:18px;margin-top:24px;box-shadow:0 20px 40px -26px rgba(21,48,42,.8);overflow:hidden}.dh-panel-top{display:flex;align-items:center;gap:13px;position:relative;margin-bottom:15px}.dh-pface{width:50px;height:50px;border-radius:50%;background:rgba(243,237,225,.1);display:grid;place-items:center;flex:0 0 auto;box-shadow:inset 0 0 0 1.5px rgba(243,237,225,.25)}.dh-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--orange)}.dh-big{font-family:var(--dh-disp);font-weight:400;font-size:19px;margin-top:2px;color:#fff}.dh-sub{font-size:12px;color:rgba(243,237,225,.7);margin-top:3px}.dh-write{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(7px);color:var(--green-deep);border-radius:13px;padding:15px;text-decoration:none;font-family:var(--dh-disp);font-weight:400;font-size:15px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -7px 16px rgba(20,45,35,.1),0 16px 30px -14px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.18);animation:dh-write-pulse 1.7s ease-in-out infinite}.dh-write:before{content:"";position:absolute;left:0;right:0;top:0;height:46%;background:rgba(255,255,255,.55);pointer-events:none}.dh-write>*{position:relative}@keyframes dh-write-pulse{0%,to{transform:scale(1);box-shadow:inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -7px 16px rgba(20,45,35,.1),0 16px 30px -14px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.18)}50%{transform:scale(1.045);box-shadow:inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -7px 16px rgba(20,45,35,.1),0 24px 44px -12px rgba(0,0,0,.62),0 4px 8px rgba(0,0,0,.24)}}.dh-write:active{transform:scale(.98);animation-play-state:paused}.dh-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(243,237,225,.16);border-radius:11px;overflow:hidden;margin-top:13px}.dh-chip{background:var(--green);padding:11px 6px;text-align:center}.dh-n{font-family:var(--dh-disp);font-weight:400;font-size:17px;color:#fff;line-height:1}.dh-kk{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,237,225,.65);margin-top:5px;font-weight:700}.dh-tip{display:flex;gap:11px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-top:14px}.dh-bulb{width:30px;height:30px;border-radius:50%;background:var(--orange-soft);display:grid;place-items:center;flex:0 0 auto}.dh-tip p{font-size:12.5px;color:var(--ink2);line-height:1.5}.dh-u{color:var(--ink);font-weight:700;border-bottom:2px solid var(--orange);padding-bottom:1px}.dh-sec{justify-content:space-between;margin:30px 0 13px;padding-bottom:9px;border-bottom:1.5px solid var(--ink)}.dh-sec,.dh-sec-t{display:flex;align-items:center}.dh-sec-t{font-family:var(--dh-disp);font-weight:400;font-size:16px;color:var(--ink);gap:9px}.dh-badge{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--green);background:var(--cream);border:1px solid var(--line);padding:4px 9px;border-radius:999px}.dh-sec-a{font-size:12px;color:var(--orange-deep);font-weight:800}.dh-entry,.dh-sec-a{text-decoration:none}.dh-entry{display:flex;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;color:inherit;margin-bottom:10px;transition:transform .12s}.dh-entry:hover{transform:translateY(-2px)}.dh-num{width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--cream);font-family:var(--dh-disp);font-weight:400;font-size:12px;display:grid;place-items:center;flex:0 0 auto}.dh-bd{flex:1;min-width:0}.dh-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.dh-meta,.dh-mood{align-items:center}.dh-mood{display:inline-flex;gap:7px}.dh-mface{width:24px;height:24px;flex:0 0 auto}.dh-mname{font-family:var(--dh-disp);font-weight:400;font-size:13px;color:var(--ink)}.dh-mdate{font-size:11px;color:var(--faint);font-weight:600}.dh-tidur{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--green);background:var(--cream);border:1px solid var(--line2);padding:3px 8px;border-radius:999px}.dh-bd p{font-size:13.5px;color:var(--ink2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dh-plan{margin-top:8px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ink)}.dh-tag{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--orange);padding:3px 7px;border-radius:4px;flex:0 0 auto}.dh-gtxt{border-bottom:2px solid var(--orange);padding-bottom:1px}.dh-more{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--dh-disp);font-weight:400;font-size:13px;color:var(--green);text-decoration:none;padding:14px;border:1.5px dashed var(--line);border-radius:12px;margin-top:4px}.dh-empty{background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:22px 18px;text-align:center;color:var(--soft);font-size:13px;line-height:1.55}.dh-foot{display:flex;justify-content:center;gap:18px;background:var(--green);border-radius:14px;padding:14px 16px;margin-top:18px}.dh-foot,.dh-foot a{align-items:center;color:var(--cream)}.dh-foot a{text-decoration:none;font-size:12px;font-weight:700;display:inline-flex;gap:6px}.dh-fdot{width:4px;height:4px;border-radius:50%;background:rgba(243,237,225,.4)}@media (prefers-reduced-motion:reduce){.dh-write{animation:none}.dh-entry{transition:none}}.diary-monolog-prompt{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-left:3px solid var(--color-primary,#c0603a);background:rgba(192,96,58,.07);border-radius:0 8px 8px 0;margin-bottom:14px}.diary-monolog-prompt-text{flex:1;font-size:.84rem;line-height:1.55;color:var(--color-ink);font-style:italic}.diary-monolog-prompt-dismiss{flex-shrink:0;background:none;border:none;font-size:1.1rem;color:var(--color-ink);opacity:.4;cursor:pointer;padding:0 2px;line-height:1}.diary-keinginan-bridge{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-surface-3,rgba(0,0,0,.08))}.diary-keinginan-bridge-label{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink);opacity:.5;margin-bottom:8px}.diary-keinginan-bridge-card{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:10px;background:var(--color-primary-50,rgba(192,96,58,.08));border:1px solid var(--color-primary-100,rgba(192,96,58,.18));text-decoration:none;transition:background .15s}.diary-keinginan-bridge-card:hover{background:var(--color-primary-100,rgba(192,96,58,.15))}.diary-keinginan-bridge-nama{font-weight:700;font-size:.9rem;color:var(--color-ink)}.diary-keinginan-bridge-mapel{font-size:.75rem;color:var(--color-ink);opacity:.6}.diary-keinginan-bridge-arrow{font-size:.78rem;font-weight:600;color:var(--color-primary,#c0603a);margin-top:4px}.diary-keinginan-bridge-alt{display:block;margin-top:8px;font-size:.78rem;color:var(--color-ink);opacity:.55;text-decoration:underline;text-align:center}.diary-monolog-prompt-dismiss:hover{opacity:.7}.dw-root{padding:16px 16px 48px}.dw-pvt{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--soft);opacity:.85}.dw-date-str,.dw-pvt{text-transform:uppercase}.dw-date-str{font-size:10.5px;font-weight:800;letter-spacing:.13em;color:var(--green)}.dw-stage-track{display:flex;gap:5px;margin:14px 0 5px}.dw-seg{flex:1;height:3px;border-radius:2px;background:var(--line);transition:background .25s}.dw-seg--done{background:var(--green)}.dw-seg--active{background:var(--orange)}.dw-stage-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:0 0 22px}.dw-h1{font-family:var(--dh-disp,"Archivo Black","Arial Black",system-ui);font-size:clamp(24px,7vw,32px);font-weight:400;line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin:0 0 22px}.dw-field-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dw-field-row--wrap{flex-wrap:wrap}.dw-field-label{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--soft);flex:0 0 auto;min-width:72px}.dw-field-label--block{display:block;min-width:0;margin-bottom:8px}.dw-mood-chips{display:flex;gap:6px;flex-wrap:wrap}.dw-mood-chip{padding:7px 15px;border:1.5px solid var(--line);border-radius:999px;background:transparent;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap;font-family:inherit}.dw-mood-chip:hover{border-color:var(--green);color:var(--green)}.dw-mood-chip--on{background:var(--green);color:var(--cream);border-color:var(--green)}.dw-sleep-input{width:62px;padding:7px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--paper2);font-size:15px;font-weight:700;color:var(--ink);text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;font-family:inherit}.dw-sleep-input::-webkit-inner-spin-button,.dw-sleep-input::-webkit-outer-spin-button{-webkit-appearance:none}.dw-sleep-input:focus{outline:none;border-color:var(--green)}.dw-sleep-unit{font-size:12px;color:var(--soft);font-weight:600}.dw-prompt{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-left:3px solid var(--orange);background:var(--orange-soft);border-radius:0 8px 8px 0;margin-bottom:16px}.dw-prompt p{flex:1;font-size:13px;line-height:1.55;color:var(--ink2);font-style:italic;margin:0}.dw-prompt-dismiss{background:none;border:none;font-size:1.1rem;color:var(--soft);cursor:pointer;padding:0 2px;line-height:1;flex:0 0 auto}.dw-prompt-dismiss:hover{color:var(--ink)}.dw-paper-wrap{position:relative;margin-bottom:16px}.dw-paper{display:block;width:100%;min-height:340px;padding:20px 20px 36px;background:var(--paper2);border:1.5px solid var(--line);border-radius:14px;font-size:16px;line-height:1.8;color:var(--ink);resize:vertical;font-family:var(--font-sans,"Lexend",system-ui,sans-serif);transition:border-color .15s,box-shadow .15s;box-sizing:border-box;box-shadow:inset 0 1px 3px rgba(27,26,22,.04)}.dw-paper::-moz-placeholder{color:var(--faint);font-style:italic}.dw-paper::placeholder{color:var(--faint);font-style:italic}.dw-paper:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(33,65,58,.09),inset 0 1px 3px rgba(27,26,22,.04)}.dw-charcount{position:absolute;bottom:10px;right:14px;font-size:10px;font-weight:700;color:var(--faint);pointer-events:none;letter-spacing:.04em}.dw-hint{padding:10px 14px;border-radius:8px;background:var(--orange-soft);border-left:3px solid var(--orange);font-size:13px;color:var(--ink2);line-height:1.5;margin-bottom:14px}.dw-btn{display:block;width:100%;padding:15px 20px;border:none;border-radius:13px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit;text-align:center;letter-spacing:.02em}.dw-btn-primary{background:var(--green);color:var(--cream)}.dw-btn-primary:hover{background:var(--green2)}.dw-btn-primary:active{transform:scale(.98)}.dw-btn--disabled{opacity:.45;cursor:not-allowed}.dw-btn-spaced{margin-top:20px}.dw-choices{display:flex;flex-direction:column;gap:9px;margin-bottom:4px}.dw-choice{display:block;width:100%;padding:15px 18px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper2);cursor:pointer;text-align:left;font-size:14px;font-weight:600;color:var(--ink2);transition:border-color .15s,color .15s,background .15s;font-family:inherit;line-height:1.4}.dw-choice:hover{border-color:var(--green);color:var(--ink)}.dw-choice--on{background:var(--green);color:var(--cream);border-color:var(--green)}.dw-lead{font-size:14px;color:var(--ink2);line-height:1.6;margin:0 0 16px}.dw-plan-textarea{display:block;width:100%;min-height:130px;padding:16px;background:var(--paper2);border:1.5px solid var(--line);border-radius:12px;font-size:15px;line-height:1.65;color:var(--ink);resize:vertical;font-family:inherit;box-sizing:border-box;box-shadow:inset 0 1px 3px rgba(27,26,22,.04)}.dw-plan-textarea::-moz-placeholder{color:var(--faint);font-style:italic}.dw-plan-textarea::placeholder{color:var(--faint);font-style:italic}.dw-plan-textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(33,65,58,.09)}.dw-reminder-block{margin-top:20px}.dw-datetime-input{width:100%;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper2);font-size:14px;color:var(--ink);font-family:inherit;box-sizing:border-box}.dw-datetime-input:focus{outline:none;border-color:var(--green)}.dw-note-muted{font-size:11.5px;color:var(--soft);margin:7px 0 0;line-height:1.5}.dw-loading{text-align:center;padding:40px 0 20px}.dw-loading-pulse{width:42px;height:42px;border-radius:50%;background:var(--green);margin:0 auto 20px;animation:dw-pulse 1.5s ease-in-out infinite}@keyframes dw-pulse{0%,to{transform:scale(.88);opacity:.7}50%{transform:scale(1.08);opacity:1}}.dw-loading-title{font-family:var(--dh-disp,"Archivo Black",system-ui);font-size:18px;font-weight:400;color:var(--ink);margin:0 0 10px}.dw-done-fallback{padding:8px 0}.dw-link-muted{display:block;margin-top:14px;font-size:13px;color:var(--soft);text-decoration:underline;text-align:center}@media (prefers-reduced-motion:reduce){.dw-loading-pulse{animation:none;opacity:1;transform:none}.dw-btn-primary,.dw-choice,.dw-mood-chip{transition:none}}.materi-doc{--m-line:var(--color-line,#e7e0d4);--m-ink:var(--color-ink,#2a2622);color:var(--m-ink)}.materi-doc-head{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--m-line)}.materi-doc-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--m-ink);opacity:.55;margin-bottom:6px}.materi-doc-title{font-family:var(--font-figtree,inherit);font-size:23px;line-height:1.2;font-weight:600;margin:0;letter-spacing:-.01em}.materi-doc-body{display:flex;flex-direction:column;gap:18px}.materi-p{font-size:15.5px;line-height:1.78;margin:0;color:var(--m-ink);max-width:64ch}.materi-callout{position:relative;padding:2px 0 2px 16px;border-left:2.5px solid var(--m-accent,var(--color-primary));display:flex;flex-direction:column;gap:7px}.materi-callout--primary{--m-accent:var(--color-primary,#c0603a)}.materi-callout--amber{--m-accent:var(--color-amber,#c08a2e)}.materi-callout--coral{--m-accent:var(--color-coral,#cf5b4e)}.materi-callout--sage{--m-accent:var(--color-sage,#5f8a5a)}.materi-callout--ink{--m-accent:color-mix(in srgb,var(--m-ink) 45%,transparent)}.materi-callout-label{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--m-accent)}.materi-callout--ink .materi-callout-label{color:color-mix(in srgb,var(--m-ink) 72%,transparent)}.materi-callout-body{display:flex;flex-direction:column;gap:8px}.materi-callout-text{font-size:14.5px;line-height:1.7;margin:0;color:var(--m-ink)}.materi-def-term{font-weight:700;font-size:15px;color:var(--m-ink)}.materi-mnemonik{align-self:flex-start;font-family:var(--font-mono,monospace);font-size:12.5px;padding:6px 10px;border-radius:7px;background:color-mix(in srgb,var(--m-accent) 12%,var(--color-surface,#fff));color:var(--m-accent)}.materi-langkah{margin:2px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.materi-langkah li{font-size:14px;line-height:1.65}.materi-summary-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.materi-summary-list li{font-size:14px;line-height:1.6}.materi-formula{margin:0;text-align:center;padding:16px 14px;border:1px solid var(--m-line);border-radius:12px;background:color-mix(in srgb,var(--color-primary,#c0603a) 4%,var(--color-surface,#fff))}.materi-formula-eq{font-family:var(--font-mono,monospace);font-size:17px;color:var(--m-ink)}.materi-formula figcaption{font-size:12.5px;opacity:.7;margin-top:8px}.materi-figure{margin:0}.materi-figure figcaption{font-size:12.5px;opacity:.7;margin-top:8px;text-align:center}.materi-svg{border:1px solid var(--m-line);border-radius:12px;padding:14px;overflow:hidden;background:var(--color-surface,#fff)}.materi-media-ph{min-height:120px;border:1px dashed var(--m-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:color-mix(in srgb,var(--m-ink) 55%,transparent);font-size:13px;text-align:center;padding:16px}.materi-media-ph--video{aspect-ratio:16/9;min-height:0}.materi-dialog{padding-left:16px;border-left:2.5px solid color-mix(in srgb,var(--m-ink) 30%,transparent)}.materi-dialog-who{font-size:11px;font-weight:700;letter-spacing:.05em;opacity:.6;margin-bottom:4px}.materi-checkpoint{padding:16px}.materi-checkpoint-label{color:color-mix(in srgb,var(--m-ink) 72%,transparent);margin-bottom:10px}.materi-checkpoint-q{margin:0 0 12px;font-size:14.5px;line-height:1.6}.materi-checkpoint-opts{display:flex;flex-direction:column;gap:6px}.materi-checkpoint-opt{padding:11px 14px;background:var(--color-surface-2,#f5f0e6);border:1px solid transparent;border-radius:10px;text-align:left;font-size:13.5px;cursor:pointer;color:var(--m-ink);transition:background .12s,border-color .12s}.materi-checkpoint-opt:hover:not(:disabled){border-color:var(--m-line)}.materi-checkpoint-opt:disabled{cursor:default}.materi-checkpoint-opt.is-picked{background:color-mix(in srgb,var(--color-primary,#c0603a) 12%,var(--color-surface,#fff))}.materi-checkpoint-opt.is-correct{background:color-mix(in srgb,var(--color-sage,#5f8a5a) 16%,var(--color-surface,#fff));border-color:var(--color-sage,#5f8a5a)}.materi-checkpoint-opt.is-wrong{background:color-mix(in srgb,var(--color-coral,#cf5b4e) 14%,var(--color-surface,#fff));border-color:var(--color-coral,#cf5b4e)}.materi-checkpoint-fb{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.55}.materi-checkpoint-fb.is-correct{background:color-mix(in srgb,var(--color-sage,#5f8a5a) 12%,var(--color-surface,#fff))}.materi-checkpoint-fb.is-wrong{background:color-mix(in srgb,var(--color-coral,#cf5b4e) 10%,var(--color-surface,#fff))}.materi-table-wrap{overflow-x:auto;margin:0;border-radius:10px;border:1px solid var(--m-line)}.materi-table{border-collapse:collapse;width:100%}.materi-table td,.materi-table th{border-bottom:1px solid var(--m-line);padding:8px 12px;text-align:left;font-size:13.5px;line-height:1.55}.materi-table tr:last-child td{border-bottom:none}.materi-table thead th{background:color-mix(in srgb,var(--color-primary,#c0603a) 6%,var(--color-surface,#fff));font-weight:700;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--m-ink)}.materi-table-wrap figcaption{font-size:12.5px;opacity:.65;padding:6px 12px 10px;text-align:center}.materi-list{font-size:14.5px;line-height:1.75;margin:0;color:var(--m-ink)}@media (max-width:768px){.materi-doc-title{font-size:20px}.materi-p{font-size:15px;line-height:1.75}}