@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@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{.visible{visibility:visible}.block{display:block}.table{display:table}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#39312d;--muted:#82766e;--paper:#fbf8f1;--cream:#f4ecdc;--peach:#edb08b;--peach-dark:#c77551;--sage:#aebc9d;--lavender:#beb5cf;--line:#493d3624}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Noto Sans SC,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 90% 10%, #edb08b1f, transparent 28%), var(--paper);grid-template-columns:258px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f2ebdf;flex-direction:column;height:100vh;padding:34px 24px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 8px 25px;display:flex}.brand-paw{background:var(--ink);border-radius:14px 11px 16px 10px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-4deg)}.brand-paw svg{width:22px;fill:var(--paper);transform:rotate(4deg)}.brand strong{letter-spacing:.08em;font-family:Georgia,serif;font-size:25px;display:block}.brand small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;display:block}.cat-profile{background:#ffffff8c;border-radius:18px;align-items:center;gap:10px;margin:23px 0;padding:12px;display:flex}.cat-profile .avatar{background:#eed6b8;border-radius:50%;width:52px;height:52px;overflow:hidden}.cat-profile .cat-sketch{width:68px;transform:translate(-8px,-2px)}.cat-profile span,.cat-profile strong{display:block}.cat-profile span{color:var(--muted);font-size:11px}.cat-profile strong{margin-top:3px;font-family:Georgia,serif;font-size:14px}nav{gap:8px;display:grid}nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;padding:12px 13px;font-size:14px;transition:all .2s}nav button span{place-items:center;width:25px;margin-right:8px;display:inline-grid}nav button:hover,nav button.active{background:#fff9ef;box-shadow:0 7px 18px #4c3b2f0f}nav button.active{color:#a85e43;font-weight:700}.sidebar-note{background:#dfd5e7;border-radius:18px;margin-top:auto;padding:17px;transform:rotate(-1deg);box-shadow:0 9px 22px #42354c14}.sidebar-note span,.sidebar-note small{color:#75677c;font-size:10px;display:block}.sidebar-note strong{margin:5px 0 10px;font-family:Georgia,serif;font-size:14px;display:block}.sidebar-note div{background:#fff9;border-radius:8px;height:5px;margin-bottom:8px;overflow:hidden}.sidebar-note i{background:#8c7b99;width:50%;height:100%;display:block}.content{width:100%;max-width:1450px;margin:0 auto;padding:48px clamp(32px,6vw,86px) 72px}header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:.22em;color:#af775e;margin:0 0 9px;font-size:10px;font-weight:800}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:10px;font-family:Georgia,Songti SC,serif;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.08}.subtitle{color:var(--muted);margin-bottom:0;font-size:14px}.create-button,.generate-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px 21px;box-shadow:0 9px 24px #39312d29}.create-button:hover,.generate-button:hover{transform:translateY(-1px)}.hero-memory{border:1px solid var(--line);background:#f0e1d2;border-radius:32px;grid-template-columns:100px minmax(260px,1fr) minmax(300px,1.2fr);align-items:center;min-height:310px;padding:42px 42px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #5b423214}.hero-memory:after{content:"";pointer-events:none;border:1px dashed #6849372e;border-radius:25px;position:absolute;inset:13px}.date-stamp{z-index:1;border-right:1px solid #4f3a2f29;align-self:start;position:relative}.date-stamp strong{font-family:Georgia,serif;font-size:50px;line-height:1;display:block}.date-stamp span{letter-spacing:.14em;color:var(--muted);font-size:9px}.hero-copy{z-index:2;padding-left:31px;position:relative}.mood-chip{color:#8b644f;background:#ffffff9e;border-radius:999px;margin-bottom:17px;padding:7px 12px;font-size:10px;display:inline-block}.hero-copy h2{margin-bottom:13px;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:500}.hero-copy p{color:#665a53;max-width:440px;font-family:Georgia,Songti SC,serif;font-size:14px;line-height:1.9}.hero-copy button{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:3px 0;font-size:12px}.hero-art{z-index:1;height:270px;position:relative}.hero-art .cat-sketch{width:100%;height:310px;transform:translateY(-18px)rotate(2deg)}.spark{color:#a76e4c;position:absolute}.spark.one{font-size:28px;top:16%;right:7%}.spark.two{font-size:30px;top:34%;right:2%}.section-heading{justify-content:space-between;align-items:end;margin:42px 3px 18px;display:flex}.section-heading span{letter-spacing:.2em;color:#a37e6e;font-size:9px}.section-heading h3{margin:5px 0 0;font-family:Georgia,Songti SC,serif;font-size:23px;font-weight:500}.section-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.memory-card{border:1px solid var(--line);background:#fff;border-radius:22px;transition:all .25s;overflow:hidden;box-shadow:0 12px 28px #4739300d}.memory-card:hover{transform:translateY(-4px)rotate(-.3deg);box-shadow:0 18px 35px #4739301a}.card-art{place-items:center;height:168px;display:grid;overflow:hidden}.peach .card-art{background:#efd2c0}.sage .card-art{background:#dbe2d3}.lavender .card-art{background:#ded8e7}.card-art .cat-sketch{width:205px;transform:translateY(15px)}.card-body{padding:17px 18px 20px}.card-body span{letter-spacing:.13em;color:#9b7969;font-size:9px}.card-body h4{margin:7px 0;font-family:Georgia,Songti SC,serif;font-size:18px;font-weight:500}.card-body p{color:var(--muted);margin:0;font-family:Georgia,Songti SC,serif;font-size:12px;line-height:1.65}.cat-sketch .cat-body{fill:#d88a42;stroke:#4c3a32;stroke-width:3.2px;stroke-linejoin:round}.cat-sketch .cat-shadow{fill:#b8aec7;opacity:.6}.cat-sketch .cat-cream{fill:#f9e6cd}.cat-sketch .cat-line,.cat-sketch .cat-face,.cat-sketch .cat-stripe{fill:none;stroke:#4c3a32;stroke-width:3px;stroke-linecap:round}.cat-sketch .cat-eye{fill:#44332d}.cat-sketch .cat-blush{fill:#d77a75;opacity:.5}.calendar-card,.profile-page{border:1px solid var(--line);background:#fff;border-radius:30px;box-shadow:0 18px 45px #5b423212}.calendar-card{max-width:940px;padding:35px}.calendar-top{justify-content:center;align-items:center;gap:28px;margin-bottom:24px;display:flex}.calendar-top h2{margin:0;font-family:Georgia,serif;font-weight:500}.calendar-top button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:50%;width:34px;height:34px}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekdays span{text-align:center;color:var(--muted);padding:10px;font-size:11px}.calendar-grid>button,.calendar-grid>.empty{border:solid var(--line);background:#fff;border-width:1px 1px 0 0;height:88px;position:relative}.calendar-grid>button{cursor:pointer}.calendar-grid>button span{font-family:Georgia,serif;position:absolute;top:8px;left:10px}.calendar-grid>button i{background:#f2dfd2;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;bottom:10px;right:12px}.calendar-grid>button i svg{fill:#bb7456;width:19px}.calendar-grid>button.marked{background:#fffaf4}.calendar-caption{text-align:center;color:var(--muted);margin:25px 0 0;font-size:13px}.calendar-caption strong{color:#b2684f}.profile-page{grid-template-columns:1fr 1.2fr;max-width:980px;display:grid;overflow:hidden}.profile-art{background:#eed9c0;place-items:center;min-height:500px;display:grid}.profile-art .cat-sketch{width:420px;max-width:100%}.profile-copy{padding:64px 55px}.profile-copy h2{margin:6px 0 14px;font-family:Georgia,serif;font-size:48px;font-weight:500}.profile-copy>p{color:var(--muted);font-family:Georgia,Songti SC,serif;line-height:1.9}dl{margin:28px 0}dl div{border-top:1px solid var(--line);grid-template-columns:75px 1fr;padding:13px 0;display:grid}dt{color:var(--muted);font-size:11px}dd{margin:0;font-size:13px}.secondary-button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:99px;padding:11px 18px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#2d262273;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.composer{background:var(--paper);border-radius:30px;width:min(560px,100%);max-height:92vh;padding:35px;position:relative;overflow:auto;box-shadow:0 28px 80px #1e181538}.close{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:17px;right:20px}.composer h2{margin-bottom:8px;font-family:Georgia,Songti SC,serif;font-size:29px;font-weight:500}.composer>p:not(.eyebrow){color:var(--muted);font-size:13px}.upload-zone{cursor:pointer;background:#f5eadf;border:1.5px dashed #c4a997;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:230px;margin:23px 0;display:flex;position:relative;overflow:hidden}.upload-zone input{display:none}.upload-paw{background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.upload-paw svg{fill:#c47d5d;width:25px}.upload-zone strong{font-size:14px}.upload-zone small{color:var(--muted);margin-top:5px}.upload-zone.has-image{border-style:solid}.upload-zone img{object-fit:cover;width:100%;height:100%}.upload-zone.is-generating{pointer-events:none}.generating-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf6eee0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.generating-overlay strong{margin-top:13px;font-family:Georgia,Songti SC,serif;font-size:16px}.generating-overlay small{color:var(--muted);margin-top:6px}.paint-loader{align-items:end;gap:6px;height:35px;display:flex}.paint-loader i{background:#d68a65;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite paint-bounce;display:block}.paint-loader i:nth-child(2){background:#aebc9d;animation-delay:.13s}.paint-loader i:nth-child(3){background:#aaa0bd;animation-delay:.26s}@keyframes paint-bounce{0%,to{transform:translateY(0)scale(.85)}50%{transform:translateY(-14px)scale(1)}}.compare-row{justify-content:space-between;align-items:center;margin:-10px 4px 18px;display:flex}.compare-row button{color:#b2684f;cursor:pointer;background:0 0;border:0;font-size:11px;text-decoration:underline}.compare-row span{color:var(--muted);font-size:10px}.caption-field span{margin-bottom:8px;font-size:12px;display:block}.caption-field textarea{resize:none;border:1px solid var(--line);background:#fff;border-radius:15px;outline:none;width:100%;height:86px;padding:13px}.caption-field textarea:focus{border-color:#c98768}.composer-actions{gap:10px;margin-top:18px;display:flex}.generate-button{flex:1;margin-top:0}.generate-button:disabled{opacity:.35;cursor:not-allowed}.regenerate-button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:12px 18px}.generation-success,.generation-error{border-radius:14px;align-items:center;gap:10px;margin-top:13px;padding:12px;display:flex}.generation-success{background:#e4ecdf}.generation-error{background:#f4dfd9}.generation-success>span,.generation-error>span{color:#fff;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.generation-success>span{background:#789069}.generation-error>span{background:#b86454}.generation-success strong,.generation-success small,.generation-error strong,.generation-error small{display:block}.generation-success strong,.generation-error strong{font-size:12px}.generation-success small,.generation-error small{color:#687261;margin-top:2px;font-size:10px}.generation-error small{color:#8a5a51}@media (max-width:1000px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:27px 13px}.brand{padding-left:8px}.brand>div,.cat-profile>div:last-child,nav button:not(.active){font-size:0}.cat-profile{padding:7px}.sidebar-note{display:none}nav button{text-align:center;padding:11px 5px}nav button span{margin:0;font-size:16px}.hero-memory{grid-template-columns:75px 1fr}.hero-art{opacity:.23;width:360px;position:absolute;bottom:-70px;right:-40px}.memory-grid{grid-template-columns:repeat(2,1fr)}.memory-card:last-child{display:none}}@media (max-width:700px){.app-shell{display:block}.sidebar{z-index:10;border:0;border-top:1px solid var(--line);flex-direction:row;height:67px;padding:9px 15px;display:flex;position:fixed;inset:auto 0 0}.brand,.cat-profile,.sidebar-note{display:none}.sidebar nav{grid-template-columns:repeat(3,1fr);width:100%;display:grid}nav button,nav button:not(.active){text-align:center;padding:5px;font-size:9px}nav button span{margin:auto;display:block}.content{padding:29px 18px 100px}header{align-items:start}.create-button{width:49px;height:49px;padding:0;font-size:0;overflow:hidden}.create-button:first-letter{font-size:22px}h1{font-size:34px}.subtitle{display:none}.hero-memory{min-height:390px;padding:28px 25px;display:block}.date-stamp{border:0}.date-stamp strong{font-size:38px}.hero-copy{padding:22px 0 0}.hero-copy p{max-width:73%}.hero-art{opacity:.8;width:330px;bottom:-76px;right:-63px}.memory-grid{grid-template-columns:1fr}.memory-card:last-child,.profile-page{display:block}.profile-art{min-height:300px}.profile-copy{padding:32px 25px}.calendar-card{padding:16px 8px}.calendar-grid>button,.calendar-grid>.empty{height:60px}.calendar-grid>button i{width:24px;height:24px;bottom:6px;right:5px}.calendar-grid>button i svg{width:14px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
