@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&family=Space+Mono:ital@0;1&display=swap";:root{--canvas:#f0ece5;--white:#fff;--ink:#16141f;--ink2:#3d3a4a;--muted:#9a96a8;--muted2:#16141f12;--rule:#16141f17;--blue:#3d52f4;--blue-l:#eaecfe;--blue-d:#2b3bd4;--c-calm:#7eb8d4;--c-happy:#6fcc8a;--c-stress:#f46b4a;--c-anxious:#b07ef0;--c-numb:#aaa8b8;--c-love:#f47eb0}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(55% 40% at 5% 2%,#3d52f417,#0000 55%),radial-gradient(45% 35% at 98% 100%,#6fcc8a17,#0000 55%),#e5e0d8;justify-content:center;align-items:center;padding:40px 20px;font-family:Outfit,sans-serif;display:flex}.outer{flex-direction:column;align-items:center;gap:20px;display:flex}.outer-cap{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#16141f73;font-family:Space Mono,monospace;font-size:10px}.outer-cap strong{letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:4px;font-family:Instrument Serif,serif;font-size:19px;font-style:italic;font-weight:400;display:block}.phone{background:var(--canvas);border:1.5px solid #16141f1a;border-radius:44px;flex-direction:column;width:375px;height:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 8px #16141f0a,0 32px 70px -18px #16141f47}.statusbar{color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px 4px;font-family:Space Mono,monospace;font-size:10px;display:flex}.phone-body{flex:1;position:relative;overflow:hidden}.screen{flex-direction:column;animation:.25s fs;display:none;position:absolute;inset:0}.screen.active{display:flex}@keyframes fs{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{border-top:1px solid var(--rule);background:var(--white);flex-shrink:0;align-items:center;padding:10px 0 16px;display:flex}.bn-btn{text-align:center;appearance:none;cursor:pointer;color:var(--muted);letter-spacing:.01em;background:0 0;border:none;flex:1;padding:7px 0;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:600;transition:color .15s}.bn-btn.active{color:var(--blue)}.bn-btn.active .bn-dot{background:var(--blue)}.bn-dot{background:0 0;border-radius:50%;width:4px;height:4px;margin:4px auto 0;transition:background .15s}.home-scroll{scrollbar-width:none;flex:1;padding:16px 16px 10px;overflow-y:auto}.home-scroll::-webkit-scrollbar{display:none}.bento{flex-direction:column;gap:10px;display:flex}.bento-row{gap:10px;display:flex}.tile{background:var(--white);border:1px solid var(--rule);border-radius:20px;position:relative;overflow:hidden}.tile-pad{padding:16px}.tile-greet{background:var(--ink);border-color:#0000;flex-direction:column;flex:2;justify-content:space-between;min-height:130px;padding:18px;display:flex}.tile-greet .tg-date{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-bottom:8px;font-family:Space Mono,monospace;font-size:9.5px}.tile-greet .tg-name{color:#fff;font-family:Instrument Serif,serif;font-size:25px;font-style:italic;line-height:1.2}.tile-greet .tg-sub{color:#ffffff80;margin-top:4px;font-size:11px}.tile-streak{background:var(--blue);border-color:#0000;flex-direction:column;flex:1;justify-content:space-between;min-height:130px;padding:16px;display:flex}.tile-streak .ts-num{color:#fff;letter-spacing:-.02em;font-size:38px;font-weight:900;line-height:1}.tile-streak .ts-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;margin-top:4px;font-family:Space Mono,monospace;font-size:9px}.ts-dots{gap:3px;margin-top:8px;display:flex}.ts-dot{background:#ffffff40;border-radius:50%;width:7px;height:7px}.ts-dot.on{background:#fff}.tile-mood{background:var(--white);padding:16px}.tile-mood .tm-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:700}.mood-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.mood-swatch{appearance:none;cursor:pointer;aspect-ratio:1;border:2px solid #0000;border-radius:99px;transition:all .15s}.mood-swatch:hover{transform:scale(1.12)}.mood-swatch.active{border-color:var(--ink);transform:scale(1.15);box-shadow:0 0 0 3px #16141f1a}.mood-name{text-align:center;color:var(--ink2);letter-spacing:.02em;min-height:14px;margin-top:8px;font-family:Space Mono,monospace;font-size:10px;font-weight:600}.tile-write{background:var(--blue);cursor:pointer;text-align:left;border-color:#0000;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;display:flex}.tile-write .tw-text strong{color:#fff;margin-bottom:2px;font-family:Instrument Serif,serif;font-size:18px;font-style:italic;display:block}.tile-write .tw-text span{color:#ffffffa6;font-size:11px}.tile-write .tw-arr{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.tile-stat{flex-direction:column;flex:1;gap:4px;padding:14px;display:flex}.stat-num{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:900}.stat-label{color:var(--muted);letter-spacing:.03em;font-size:10px;font-weight:600}.tile-entry{padding:15px}.te-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;margin-bottom:8px;font-family:Space Mono,monospace;font-size:9px;display:inline-flex}.te-dot{border-radius:50%;width:6px;height:6px}.te-text{color:var(--ink2);font-family:Instrument Serif,serif;font-size:14px;font-style:italic;line-height:1.6}.te-meta{color:var(--muted);margin-top:9px;font-size:10px;font-weight:600}.tulis-select-v{scrollbar-width:none;flex:1;padding:16px 16px 10px;overflow-y:auto}.tulis-select-v::-webkit-scrollbar{display:none}.ts-header{margin-bottom:14px}.ts-header h2{color:var(--ink);margin-bottom:3px;font-family:Instrument Serif,serif;font-size:22px;font-style:italic}.ts-header p{color:var(--muted);font-size:12px}.type-bento{flex-direction:column;gap:9px;display:flex}.tb-row{gap:9px;display:flex}.tb-card{appearance:none;border:1px solid var(--rule);cursor:pointer;text-align:left;background:var(--white);border-radius:16px;flex-direction:column;gap:6px;padding:14px;transition:all .13s;display:flex}.tb-card:hover{border-color:var(--blue);background:var(--blue-l)}.tb-card.full,.tb-card.half{flex:1}.tb-card .tbc-icon{font-size:20px;line-height:1}.tb-card .tbc-name{color:var(--ink);font-size:14px;font-weight:700}.tb-card .tbc-desc{color:var(--muted);font-size:11px;line-height:1.4}.write-screen{background:var(--canvas);z-index:20;flex-direction:column;animation:.25s fs;display:none;position:absolute;inset:0}.write-screen.open{display:flex}.ws-head{border-bottom:1px solid var(--rule);background:var(--white);flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.ws-back{background:var(--canvas);cursor:pointer;width:34px;height:34px;color:var(--ink);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ws-title{color:var(--ink);flex:1;font-size:16px;font-weight:700}.ws-save-btn{appearance:none;cursor:pointer;background:var(--blue);color:#fff;border:none;border-radius:99px;padding:7px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700}.ws-body{scrollbar-width:none;flex-direction:column;flex:1;gap:16px;padding:18px 18px 24px;display:flex;overflow-y:auto}.ws-body::-webkit-scrollbar{display:none}.field-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-family:Space Mono,monospace;font-size:9.5px;display:block}textarea,input[type=text]{background:var(--white);border:1px solid var(--rule);width:100%;color:var(--ink);resize:none;border-radius:13px;padding:12px 13px;font-family:Outfit,sans-serif;font-size:14px;line-height:1.6}textarea:focus,input:focus{outline:1.5px solid var(--blue);border-color:var(--blue)}textarea::placeholder,input::placeholder{color:var(--muted)}textarea.tall{min-height:150px}textarea.mid{min-height:86px}textarea.short{min-height:64px}.ruled-textarea{border:1px solid var(--rule);width:100%;min-height:180px;color:var(--ink);resize:none;background:repeating-linear-gradient(#0000,#0000 27px,#16141f12 27px 28px);background-color:var(--white);border-radius:13px;padding:12px 13px;font-family:Instrument Serif,serif;font-size:16px;font-style:italic;line-height:28px}.ruled-textarea:focus{outline:1.5px solid var(--blue);border-color:var(--blue)}.ruled-textarea::placeholder{color:var(--muted)}.prompt-flag{background:var(--blue);border-radius:14px;padding:15px 16px;position:relative}.prompt-flag:before{content:"";background:#ffffff59;border-radius:2px;width:3px;height:100%;position:absolute;top:0;left:16px}.prompt-flag .pf-label{letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin-bottom:7px;padding-left:14px;font-family:Space Mono,monospace;font-size:9px}.prompt-flag .pf-q{color:#fff;padding-left:14px;font-family:Instrument Serif,serif;font-size:15px;font-style:italic;line-height:1.55}.chip-row{flex-wrap:wrap;gap:7px;display:flex}.chip{appearance:none;border:1.5px solid var(--rule);background:var(--white);color:var(--ink2);cursor:pointer;border-radius:99px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .12s}.chip.active{background:var(--blue);border-color:var(--blue);color:#fff}input[type=range]{width:100%;accent-color:var(--blue)}.g-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.g-num{color:var(--blue);text-align:center;min-width:18px;font-size:16px;font-weight:900}.riwayat-head{border-bottom:1px solid var(--rule);background:var(--white);flex-shrink:0;padding:16px 18px 12px}.riwayat-head h2{margin-bottom:10px;font-family:Instrument Serif,serif;font-size:21px;font-style:italic}.filter-tabs{scrollbar-width:none;gap:6px;padding-bottom:1px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.ft-pill{appearance:none;border:1.5px solid var(--rule);background:var(--white);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:99px;padding:5px 13px;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:600;transition:all .12s}.ft-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.riwayat-scroll{scrollbar-width:none;flex:1;padding:14px 16px 10px;overflow-y:auto}.riwayat-scroll::-webkit-scrollbar{display:none}.month-label{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);border-bottom:1.5px solid var(--blue-l);margin-bottom:10px;padding:6px 0 2px;font-family:Space Mono,monospace;font-size:9.5px}.entry-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:8px;display:grid}.e-tile{background:var(--white);border:1px solid var(--rule);cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:13px;transition:border-color .12s;display:flex}.e-tile:hover{border-color:var(--blue)}.e-tile.wide{grid-column:span 2}.e-tile .et-mood{border-radius:50%;flex-shrink:0;width:28px;height:28px}.e-tile .et-type{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:9px}.e-tile .et-text{color:var(--ink2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Instrument Serif,serif;font-size:12.5px;font-style:italic;line-height:1.55;display:-webkit-box;overflow:hidden}.e-tile .et-date{color:var(--muted);font-size:10px;font-weight:600}.ins-scroll{scrollbar-width:none;flex:1;padding:16px 16px 10px;overflow-y:auto}.ins-scroll::-webkit-scrollbar{display:none}.ins-hero-tile{background:var(--ink);border-radius:20px;margin-bottom:10px;padding:20px}.ih-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ih-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;font-family:Space Mono,monospace;font-size:9.5px}.ih-period{letter-spacing:.06em;color:#ffffff59;font-family:Space Mono,monospace;font-size:9px}.ih-big{letter-spacing:-.04em;color:#fff;font-size:52px;font-weight:900;line-height:1}.ih-sub{color:#ffffff80;margin-top:6px;font-size:12px}.mood-breakdown{border-radius:99px;gap:2px;height:8px;margin-top:14px;display:flex;overflow:hidden}.mb-seg{border-radius:99px;flex:1;height:100%}.stat-tiles{gap:9px;margin-bottom:10px;display:flex}.st-tile{background:var(--white);border:1px solid var(--rule);border-radius:16px;flex:1;padding:14px}.st-num{letter-spacing:-.02em;color:var(--ink);font-size:28px;font-weight:900}.st-label{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:10px;font-weight:600}.freq-tile{background:var(--white);border:1px solid var(--rule);border-radius:20px;margin-bottom:10px;padding:16px}.freq-tile .ft-title{color:var(--ink);margin-bottom:12px;font-size:13px;font-weight:700}.freq-bars{flex-direction:column;gap:10px;display:flex}.fb-item .fb-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.fb-item .fb-name{color:var(--ink);font-size:12.5px;font-weight:600}.fb-item .fb-count{color:var(--muted);font-family:Space Mono,monospace;font-size:10px}.fb-track{background:var(--muted2);border-radius:99px;height:6px;overflow:hidden}.fb-fill{background:var(--blue);border-radius:99px;height:100%;transition:width .4s}.words-tile{background:var(--white);border:1px solid var(--rule);border-radius:20px;padding:16px}.words-tile .wt-title{color:var(--ink);margin-bottom:12px;font-size:13px;font-weight:700}.word-tags{flex-wrap:wrap;gap:7px;display:flex}.word-tag{border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}.profil-scroll{scrollbar-width:none;flex:1;overflow-y:auto}.profil-scroll::-webkit-scrollbar{display:none}.profil-top{background:var(--white);border-bottom:1px solid var(--rule);flex-shrink:0;padding:20px 18px 18px}.pt-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.pt-av{background:var(--blue);color:#fff;width:54px;height:54px;box-shadow:0 0 0 4px var(--blue-l);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Instrument Serif,serif;font-size:22px;font-style:italic;display:flex}.pt-name{letter-spacing:-.01em;font-size:18px;font-weight:800}.pt-email{color:var(--muted);margin-top:2px;font-size:11.5px}.pt-stats{gap:16px;display:flex}.pts-item .psv{letter-spacing:-.01em;font-size:22px;font-weight:800}.pts-item .psl{color:var(--muted);font-size:10px;font-weight:600}.p-section{padding:14px 18px 0}.ps-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;font-family:Space Mono,monospace;font-size:9.5px}.plist{background:var(--white);border:1px solid var(--rule);border-radius:16px;overflow:hidden}.plist-item{border-bottom:1px solid var(--rule);cursor:pointer;align-items:center;gap:12px;padding:13px 15px;display:flex}.plist-item:last-child{border-bottom:none}.pl-icon{background:var(--blue-l);width:32px;height:32px;color:var(--blue);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pl-text{flex:1}.pl-text strong{font-size:13px;font-weight:600;display:block}.pl-text span{color:var(--muted);font-size:11px}.pl-chev{color:var(--muted)}.pl-toggle{background:var(--blue);cursor:pointer;border-radius:99px;flex-shrink:0;width:38px;height:22px;transition:background .15s;position:relative}.pl-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:19px;box-shadow:0 1px 3px #00000026}.pl-toggle.off{background:var(--muted2)}.pl-toggle.off:after{left:3px}.priv-banner{background:var(--blue-l);border:1px solid #3d52f426;border-radius:14px;align-items:flex-start;gap:10px;margin:13px 18px 0;padding:13px 14px;display:flex}.pb-icon{color:var(--blue);flex-shrink:0;font-size:16px}.pb-text{color:var(--ink2);font-size:12px;line-height:1.6}.logout-btn{text-align:center;color:#e0473a;cursor:pointer;opacity:.8;padding:18px 0 6px;font-size:11.5px;font-weight:700}@media (width<=430px){body{align-items:flex-start;padding:0}.phone{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}.outer-cap{display:none}}