@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.contents{display:contents}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#293a33;--muted:#778078;--green:#355849;--paper:#faf9f5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Microsoft JhengHei,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#d5e1cf}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #a78043}.registration-shell{grid-template-columns:46% 54%;min-height:100vh;display:grid}.story-panel{background:#e8ecdf;flex-direction:column;padding:42px 12%;display:flex;position:relative;overflow:hidden}.brand{letter-spacing:-1.5px;align-items:center;gap:9px;width:fit-content;font-size:29px;font-weight:700;display:flex}.brand-mark{font-size:38px;font-weight:400;line-height:1}.brand-dot{color:#9a7650;margin-left:-7px}.story-content{margin:auto 0;padding:50px 0 32px}.eyebrow{letter-spacing:2.2px;color:#6c7c69;margin:0 0 22px;font-size:10px;font-weight:700}.story-content h1{letter-spacing:2px;margin:0;font-size:clamp(36px,3.8vw,58px);font-weight:500;line-height:1.38}.story-description{color:#6f7b6c;margin:24px 0;font-size:14px;line-height:2}.mirror-art{border:1px solid #a6b198;border-radius:130px 130px 5px 5px;width:235px;height:267px;margin:36px auto 30px;padding:10px;position:relative}.mirror-inner{background:#d8dfcd;border-radius:120px 120px 2px 2px;height:100%;position:relative;overflow:hidden}.sun{background:#f7f3df;border-radius:50%;width:62px;height:62px;position:absolute;top:40px;right:33px}.hill{border-radius:50%;position:absolute}.hill-back{background:#a6b89b;width:290px;height:200px;top:132px;left:-85px;transform:rotate(28deg)}.hill-front{background:#6f8c72;width:310px;height:190px;top:183px;left:7px;transform:rotate(-20deg)}.art-caption{letter-spacing:1.7px;text-align:center;color:#829078;width:100%;font-size:8px;position:absolute;bottom:-22px;left:0}.story-footer{color:#6f7b6c;align-items:center;gap:15px;margin-top:53px;font-size:12px;line-height:1.9;display:flex}.story-footer strong{color:#445b48;font-weight:400}.small-star{color:#6c876b;font-size:34px}.copyright{color:#7d8976;margin:22px 0 0;font-size:10px}.form-panel{flex-direction:column;align-items:center;padding:35px 11% 25px;display:flex}.local-badge{letter-spacing:1px;color:#768173;align-self:flex-end;align-items:center;gap:7px;font-size:10px;display:flex}.local-badge span{background:#8ea481;border-radius:50%;width:6px;height:6px}.form-content{width:100%;max-width:420px;margin:auto;padding:45px 0}.form-eyebrow{color:#a58a65;margin-bottom:15px;font-size:9px}.form-content h2{letter-spacing:1px;margin:0;font-size:29px;font-weight:500;line-height:1.5}.form-description{color:var(--muted);margin:13px 0 32px;font-size:12px;line-height:1.9}fieldset{border:0;min-width:0;margin:0;padding:0}label{justify-content:space-between;align-items:center;margin:22px 0 9px;font-size:12px;display:flex}label span{letter-spacing:1.3px;color:#91998f;font-size:8px}input{width:100%;height:47px;color:var(--ink);background:#fffefa;border:1px solid #d9ded3;border-radius:6px;padding:0 14px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:block}input::placeholder{color:#a0a699}input:focus{border-color:#66816a;outline:none;box-shadow:0 0 0 3px #66816a15}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{color:#697d69;background:0 0;border:none;height:47px;font-size:10px;position:absolute;top:0;right:13px}.field-hint{color:#91998c;margin:8px 0 0;font-size:10px}.submit-button{background:var(--green);color:#fffdf6;letter-spacing:1px;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:49px;margin-top:30px;padding:0 20px;font-size:13px;transition:background .15s;display:flex}.submit-button:hover{background:#294537}.submit-button span{font-size:19px}.submit-button:disabled{opacity:.6;cursor:wait}.privacy-note{color:#92978b;margin:19px 0 0;font-size:10px;line-height:1.9}.privacy-note span{color:#647c63}.form-footer{color:#a0a697;letter-spacing:1px;margin:10px 0;font-size:10px}.form-error{color:#a3412c;background:#fbede7;border:1px solid #eed3c6;border-radius:5px;margin:16px 0 0;padding:12px;font-size:12px;line-height:1.7}.success-icon{color:var(--green);background:#e7eddf;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:30px;font-size:28px;display:grid}.success-state h2{overflow-wrap:anywhere}.success-note{color:#71816c;border:1px solid #d9ded3;border-radius:8px;padding:20px;font-size:13px;line-height:2}@media (min-width:1500px){.story-panel,.form-panel{padding-left:17%;padding-right:17%}}@media (max-width:760px){.registration-shell{grid-template-columns:1fr}.story-panel{padding:25px 7%}.brand{font-size:25px}.brand-mark{font-size:32px}.story-content{padding:30px 0 5px}.story-content h1{font-size:34px}.story-content .eyebrow{margin-bottom:15px;font-size:8px}.story-description{margin:15px 0;font-size:12px}.mirror-art,.story-footer,.copyright{display:none}.form-panel{padding:24px 7%}.form-content{max-width:480px;padding:30px 0}.form-content h2{font-size:25px}.local-badge{align-self:center}.form-description{margin-bottom:22px}.form-footer{padding-bottom:15px}}.language-switch{white-space:nowrap;color:#9aa091;align-items:center;gap:8px;font-size:11px;display:flex}.language-switch button{color:#7b8476;background:0 0;border:0;padding:7px 3px}.language-switch button[aria-pressed=true]{color:#294b3a;font-weight:700}.language-switch span{color:#c4c8bc}.auth-toolbar{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.auth-toolbar .local-badge{align-self:auto}.auth-alternative{color:#7b8376;text-align:center;margin:23px 0;font-size:12px}.auth-alternative button{color:#355849;text-underline-offset:4px;background:0 0;border:0;padding:5px;text-decoration:underline}.auth-alternative button:disabled{opacity:.5;cursor:wait}html[lang=en] .story-content h1{letter-spacing:-1.5px;font-size:clamp(35px,3.5vw,55px)}html[lang=en] .form-content h2{letter-spacing:-.8px;font-size:29px;line-height:1.3}.success-note{overflow-wrap:anywhere}.privacy-note,.field-hint{color:#6f7869}.form-panel .form-content{padding:35px 0}.dashboard-shell{background:#f8f9f4;min-height:100vh}.dashboard-header{border-bottom:1px solid #e4e8dc;justify-content:space-between;align-items:center;max-width:1440px;height:92px;margin:auto;padding:0 6%;display:flex}.dashboard-header .brand{font-size:26px}.dashboard-header nav{align-items:center;gap:22px;display:flex}.avatar{color:#355849;background:#e1e8d7;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.logout-button{color:#6e7b65;background:0 0;border:0;padding:8px 0;font-size:12px}.logout-button:disabled{opacity:.5}.dashboard-main{max-width:1180px;margin:auto;padding:35px 35px 0}.welcome-hero{background:#e8eddf;border-radius:14px;grid-template-columns:1fr 260px;align-items:center;gap:25px;padding:47px 55px;display:grid;position:relative;overflow:hidden}.welcome-hero .eyebrow{color:#6f8169;margin-bottom:18px;font-size:10px}.welcome-hero h1{letter-spacing:1px;overflow-wrap:anywhere;margin:0;font-size:43px;font-weight:400;line-height:1.4}.welcome-hero h1 span{color:#5f7b59}.hero-description{color:#75816c;margin:20px 0 24px;font-size:13px;line-height:2}.hero-cta{color:#fff;background:#355849;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:28px;padding:14px 20px;font-size:12px;line-height:1.5;display:inline-flex}.hero-cta:hover{background:#294735}.hero-cta:disabled{opacity:.5;cursor:not-allowed}.hero-cta span{font-size:17px}.hero-art{justify-self:center;position:relative}.hero-art .mirror-art{background:#eff2e7;width:205px;height:243px;margin:0;transform:rotate(5deg)}.hero-art .mirror-inner{background:#d7e0cd}.hero-art .sun{top:28px}.hero-art .hill-back{top:119px}.hero-art .hill-front{top:167px}.hero-art p{letter-spacing:2px;text-align:center;color:#7e8e72;margin:28px 0 0;font-size:8px}.floating-star{color:#94a783;font-size:62px;position:absolute;top:-20px;left:-47px;transform:rotate(-10deg)}.dashboard-section-heading{justify-content:space-between;align-items:end;margin:37px 0 20px;display:flex}.dashboard-section-heading .eyebrow{color:#9a8968;margin:0 0 9px;font-size:8px}.dashboard-section-heading h2{letter-spacing:.5px;margin:0;font-size:23px;font-weight:400}.today-tag{letter-spacing:1px;color:#728468;border:1px solid #dce3d2;border-radius:20px;padding:7px 11px;font-size:9px}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:22px;display:grid}.reflection-card,.account-card{background:#fffefa;border:1px solid #e1e6da;border-radius:10px;padding:28px}.card-topline{justify-content:space-between;align-items:center;display:flex}.card-topline>span:last-child{color:#9baf87;font-size:26px}.card-number{letter-spacing:1.6px;color:#8b987d;font-size:9px}.reflection-card h3,.account-card h3{margin:16px 0 9px;font-size:20px;font-weight:400}.card-description{color:#7d8774;font-size:11px;line-height:1.8}.mood-options{grid-template-columns:repeat(5,1fr);gap:6px;margin:25px 0;display:grid}.mood-options button{color:#76846b;background:#f6f7f0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:9px;padding:12px 2px;font-size:10px;display:flex}.mood-options button span{font-size:27px;line-height:1.2}.mood-options button[aria-pressed=true]{color:#365432;background:#e9efde;border-color:#7e956e}.reflection-card label{margin-top:24px;font-size:12px}.reflection-card textarea{resize:vertical;color:#344b38;background:#fdfdf8;border:1px solid #dfe5d7;border-radius:6px;width:100%;min-height:112px;padding:14px;font-family:inherit;font-size:12px;line-height:1.9}.reflection-card textarea:focus{outline-offset:2px;outline:2px solid #a8b69b}.reflection-card textarea::placeholder{color:#9ba391}.note-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.note-actions>span{color:#909b85;font-size:10px}.note-actions .hero-cta{padding:10px 15px;font-size:11px}.local-storage-note{color:#828e76;margin:16px 0 0;font-size:10px;line-height:1.7}.dashboard-side{flex-direction:column;gap:20px;display:flex}.prompt-card{background:#eff0e5;border-radius:10px;flex:1;padding:28px;position:relative;overflow:hidden}.prompt-card blockquote{color:#5c7252;margin:24px 0 13px;font-size:24px;font-weight:400;line-height:1.6}.prompt-card p{color:#87917a;font-size:11px}.prompt-star{color:#d3dcc5;font-size:75px;position:absolute;top:50px;right:25px}.account-card h3{font-size:17px}.account-email{color:#89957d;overflow-wrap:anywhere;margin:0 0 18px;font-size:12px}.account-line{color:#859176;border-top:1px solid #edf0e6;justify-content:space-between;gap:15px;padding:11px 0;font-size:10px;display:flex}.account-line strong{color:#5e7750;font-weight:400}.account-status{color:#5e7750;align-items:center;gap:5px;display:flex}.account-status i{background:#7a965f;border-radius:50%;width:5px;height:5px}.dashboard-footer{color:#969f8c;justify-content:space-between;align-items:center;padding:27px 0 30px;font-size:10px;display:flex}.dashboard-footer>span{letter-spacing:-.8px;font-size:16px;font-weight:700}.saved-message{color:#45603c;margin:14px 0 0;font-size:12px}@media (max-width:760px){.auth-toolbar{max-width:480px}.dashboard-header{height:76px;padding:0 6%}.dashboard-header .brand{font-size:22px}.dashboard-header .brand-mark{font-size:29px}.dashboard-header nav{gap:12px}.dashboard-header .avatar{display:none}.dashboard-main{padding:22px 6% 0}.welcome-hero{grid-template-columns:1fr;padding:30px}.welcome-hero h1{font-size:34px}.hero-art{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-section-heading h2{font-size:21px}.dashboard-section-heading{margin-top:29px}.reflection-card,.account-card,.prompt-card{padding:23px}.dashboard-footer{align-items:flex-start;gap:15px}.dashboard-footer p{text-align:right;max-width:210px;margin:0;line-height:1.8}html[lang=en] .story-content h1{font-size:35px}.auth-toolbar .local-badge{font-size:9px}.mood-options{gap:4px}.mood-options button{font-size:9px}.note-actions .hero-cta{gap:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.cloud-retry{color:#355849;background:#f3f6ee;border:1px solid #b7c5a9;border-radius:5px;margin:12px 0 0;padding:8px 12px;font-size:12px;display:inline-block}.reflection-card textarea:disabled,.mood-options button:disabled{opacity:.55;cursor:wait}
