*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1{left:.25rem}.left-6{left:1.5rem}.top-1{top:.25rem}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1{margin-bottom:.25rem}.ml-2{margin-left:.5rem}.ml-8{margin-left:2rem}.mr-8{margin-right:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-32{height:8rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-20{width:5rem}.w-28{width:7rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-beige-dark>:not([hidden])~:not([hidden]){border-color:var(--color-beige-dark)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-pre-line{white-space:pre-line}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-beige-dark{border-color:var(--color-beige-dark)}.border-coral{border-color:var(--color-coral)}.border-coral-light{border-color:var(--color-coral-light)}.border-t-coral{border-top-color:var(--color-coral)}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-beige{background-color:var(--color-beige)}.bg-beige-dark{background-color:var(--color-beige-dark)}.bg-black\/40{background-color:rgb(0 0 0/.4)}.bg-coral{background-color:var(--color-coral)}.bg-coral-light{background-color:var(--color-coral-light)}.bg-cream{background-color:var(--color-cream)}.bg-lavender{background-color:var(--color-lavender)}.bg-mint-light{background-color:var(--color-mint-light)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-coral-dark{color:var(--color-coral-dark)}.text-mint-dark{color:var(--color-mint-dark)}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-text-light{color:var(--color-text-light)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-cream:#faf8f5;--color-beige:#f5f1ed;--color-beige-dark:#e8e3de;--color-coral:#ff9b9b;--color-coral-light:#ffb5b5;--color-coral-dark:#ff8282;--color-mint:#b4e4ce;--color-mint-light:#d0f0e0;--color-mint-dark:#1b7150;--color-text-primary:#3d2e2e;--color-text-secondary:#6b5b5b;--color-text-light:#9b8b8b;--color-wood:#c4a57b;--color-lavender:#c4b8e4;--color-lavender-dark:#b0a0d4;--color-white:#ffffff;--color-surface:#ffffff;--gradient-cream-pink:linear-gradient(135deg,#faf8f5,#ffe8e8);--gradient-cream-mint:linear-gradient(135deg,#faf8f5,#e8f5ed);--gradient-coral:linear-gradient(135deg,#ff9b9b,#ff8282);--shadow-sm:0 2px 8px rgba(61,46,46,0.08);--shadow-md:0 4px 16px rgba(61,46,46,0.12);--shadow-lg:0 8px 32px rgba(61,46,46,0.16);--shadow-button:0 4px 12px rgba(255,155,155,0.3);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:96px;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease}html[data-theme=dark]{--color-cream:#1a1817;--color-beige:#2c2a28;--color-beige-dark:#3a3735;--color-coral:#ff9b9b;--color-coral-light:#4a2c2c;--color-coral-dark:#ff8585;--color-mint:#b4e4ce;--color-mint-light:#24382f;--color-mint-dark:#8fd9b6;--color-text-primary:#f3ece7;--color-text-secondary:#b9aba4;--color-text-light:#94867f;--color-wood:#c4a57b;--color-lavender:#4a4163;--color-lavender-dark:#b6a8dc;--color-white:#ffffff;--color-surface:#232120;--gradient-cream-pink:linear-gradient(135deg,#232120,#2c2628);--gradient-cream-mint:linear-gradient(135deg,#1d1b1a,#1c211f);--gradient-coral:linear-gradient(135deg,#ff9b9b,#ff8585);--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);--shadow-button:0 4px 12px rgba(0,0,0,0.5)}html[data-palette=forest]{--color-cream:#eaf2ea;--color-beige:#dde9da;--color-beige-dark:#cdddc9;--color-coral:#4f9663;--color-coral-light:#d6ecd5;--color-coral-dark:#2c7d3e;--color-mint:#75ac8a;--color-mint-light:#dbece0;--color-mint-dark:#2c7048;--color-text-primary:#243025;--color-text-secondary:#4f5f50;--color-text-light:#849084;--color-wood:#9aa07f;--color-lavender:#d7e2eb;--color-lavender-dark:#456f8f;--color-white:#ffffff;--color-surface:#f9fcf8;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-theme=dark][data-palette=forest]{--color-cream:#161b16;--color-beige:#272f28;--color-beige-dark:#363f37;--color-coral:#63b176;--color-coral-light:#1f3a26;--color-coral-dark:#7ccb8c;--color-mint:#76c09a;--color-mint-light:#1a3527;--color-mint-dark:#8ed7af;--color-text-primary:#e7efe7;--color-text-secondary:#a9b7aa;--color-text-light:#7d8b7e;--color-wood:#b3b58f;--color-lavender:#26333f;--color-lavender-dark:#a6c3d8;--color-white:#ffffff;--color-surface:#1e251f;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-palette=sunset]{--color-cream:#fdf3ec;--color-beige:#fae6d8;--color-beige-dark:#f3dac9;--color-coral:#ef5f2a;--color-coral-light:#ffd9c4;--color-coral-dark:#c2410a;--color-mint:#f3a52f;--color-mint-light:#fde9c6;--color-mint-dark:#8f5e08;--color-text-primary:#3a2a22;--color-text-secondary:#6f5749;--color-text-light:#a78c7d;--color-wood:#c08a52;--color-lavender:#f3d4e6;--color-lavender-dark:#8e2e6e;--color-white:#ffffff;--color-surface:#fffaf6;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-theme=dark][data-palette=sunset]{--color-cream:#1f1611;--color-beige:#372820;--color-beige-dark:#48372b;--color-coral:#f4763f;--color-coral-light:#4f2818;--color-coral-dark:#f78f5d;--color-mint:#f0ad4e;--color-mint-light:#46331a;--color-mint-dark:#f3bd6e;--color-text-primary:#f7ece2;--color-text-secondary:#cca895;--color-text-light:#9d8273;--color-wood:#c4a57b;--color-lavender:#43273a;--color-lavender-dark:#dd8cbf;--color-white:#ffffff;--color-surface:#2b1f17;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-palette=ocean]{--color-cream:#edf4f8;--color-beige:#e1edf2;--color-beige-dark:#cddde6;--color-coral:#3d88ac;--color-coral-light:#cce6f0;--color-coral-dark:#0f6890;--color-mint:#52aab2;--color-mint-light:#cfeaee;--color-mint-dark:#0d7382;--color-text-primary:#1f333b;--color-text-secondary:#4e646d;--color-text-light:#8295a0;--color-wood:#9fa8ab;--color-lavender:#dadff3;--color-lavender-dark:#3a51a8;--color-white:#ffffff;--color-surface:#ffffff;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-theme=dark][data-palette=ocean]{--color-cream:#13191d;--color-beige:#242e35;--color-beige-dark:#324048;--color-coral:#56a3c6;--color-coral-light:#163a4c;--color-coral-dark:#5fc1e6;--color-mint:#52bcc8;--color-mint-light:#103a40;--color-mint-dark:#5fd6e2;--color-text-primary:#e7f1f4;--color-text-secondary:#a5bbc2;--color-text-light:#7c9098;--color-wood:#9fa8ab;--color-lavender:#262f50;--color-lavender-dark:#a0b2ec;--color-white:#ffffff;--color-surface:#1c242a;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-palette=mocha]{--color-cream:#f7f2ec;--color-beige:#efe6db;--color-beige-dark:#e0d3c4;--color-coral:#b07d57;--color-coral-light:#ecdac9;--color-coral-dark:#8a5a36;--color-mint:#c79a4f;--color-mint-light:#efe1c8;--color-mint-dark:#866216;--color-text-primary:#3a2f28;--color-text-secondary:#6c5d50;--color-text-light:#9d8d7d;--color-wood:#a87a4a;--color-lavender:#ecddd6;--color-lavender-dark:#7a5346;--color-white:#ffffff;--color-surface:#fffdf9;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-theme=dark][data-palette=mocha]{--color-cream:#1c1714;--color-beige:#2f2620;--color-beige-dark:#3f342b;--color-coral:#c89a73;--color-coral-light:#463121;--color-coral-dark:#d3a883;--color-mint:#ceac6f;--color-mint-light:#3a2f17;--color-mint-dark:#ddbd84;--color-text-primary:#f3ebe2;--color-text-secondary:#bfae9e;--color-text-light:#95856f;--color-wood:#c4a57b;--color-lavender:#3a2a23;--color-lavender-dark:#cfa89b;--color-white:#ffffff;--color-surface:#261f1a;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-palette=berry]{--color-cream:#f7f0f4;--color-beige:#efe2e9;--color-beige-dark:#e3d3dd;--color-coral:#c43c6e;--color-coral-light:#f6cfdd;--color-coral-dark:#962a52;--color-mint:#0e8074;--color-mint-light:#cfe7e3;--color-mint-dark:#0a6356;--color-text-primary:#2e2330;--color-text-secondary:#63525e;--color-text-light:#988796;--color-wood:#b07a86;--color-lavender:#e0d4f1;--color-lavender-dark:#553a8c;--color-white:#ffffff;--color-surface:#fdfafc;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-theme=dark][data-palette=berry]{--color-cream:#181320;--color-beige:#2a2233;--color-beige-dark:#3a3045;--color-coral:#e76496;--color-coral-light:#4a2138;--color-coral-dark:#ee85ad;--color-mint:#2fae9a;--color-mint-light:#123a35;--color-mint-dark:#5ad0bf;--color-text-primary:#f0e9f2;--color-text-secondary:#b8a8bf;--color-text-light:#8d8095;--color-wood:#b58aa0;--color-lavender:#322651;--color-lavender-dark:#bb9fec;--color-white:#ffffff;--color-surface:#211a29;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-palette=mono]{--color-cream:#f6f6f6;--color-beige:#eeeeee;--color-beige-dark:#e0e0e0;--color-coral:#2b2b2b;--color-coral-light:#e2e2e2;--color-coral-dark:#1f1f1f;--color-mint:#c8c8c8;--color-mint-light:#ebebeb;--color-mint-dark:#4a4a4a;--color-text-primary:#1f1f1f;--color-text-secondary:#595959;--color-text-light:#8a8a8a;--color-wood:#b8b8b8;--color-lavender:#e4e4e4;--color-lavender-dark:#555555;--color-white:#ffffff;--color-surface:#ffffff;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}html[data-theme=dark][data-palette=mono]{--color-cream:#161616;--color-beige:#282828;--color-beige-dark:#383838;--color-coral:#ededed;--color-coral-light:#333333;--color-coral-dark:#ffffff;--color-mint:#6a6a6a;--color-mint-light:#2e2e2e;--color-mint-dark:#c8c8c8;--color-text-primary:#f0f0f0;--color-text-secondary:#b0b0b0;--color-text-light:#808080;--color-wood:#6a6a6a;--color-lavender:#2e2e2e;--color-lavender-dark:#c0c0c0;--color-white:#1f1f1f;--color-surface:#1f1f1f;--gradient-cream-pink:linear-gradient(135deg,var(--color-cream) 0%,var(--color-coral-light) 100%);--gradient-cream-mint:linear-gradient(135deg,var(--color-cream) 0%,var(--color-mint-light) 100%);--gradient-coral:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-pretendard),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--color-text-primary);background-color:var(--color-cream);line-height:1.6;overflow-x:hidden}html[lang=ja] body{font-family:var(--font-noto-jp),var(--font-pretendard),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[lang=ru] body{font-family:var(--font-inter),var(--font-pretendard),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-poppins),var(--font-pretendard),sans-serif;font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{font-size:1rem;line-height:1.7;color:var(--color-text-secondary)}.text-large{font-size:1.125rem;line-height:1.8}.text-small{font-size:.875rem;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-family:var(--font-poppins),var(--font-pretendard),sans-serif;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:var(--gradient-coral);color:var(--color-white);box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,155,155,.4);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0);transition:transform .1s}.btn-secondary{background-color:var(--color-surface);color:var(--color-coral);border:2px solid var(--color-coral);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-coral);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card{background-color:var(--color-surface);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative}.card,.card:after{border-radius:var(--radius-lg)}.card:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-base);pointer-events:none;box-shadow:var(--shadow-lg)}.card:hover{transform:translateY(-6px)}.card:hover:after{opacity:1}.card-border-mint{border:2px solid var(--color-mint)}.card-border-coral{border:2px solid var(--color-coral)}.card-border-wood{border:2px solid var(--color-wood)}.card-border-lavender{border:2px solid var(--color-lavender)}input[type=email],input[type=text],textarea{width:100%;padding:14px 20px;font-family:var(--font-pretendard),sans-serif;font-size:1rem;color:var(--color-text-primary);background-color:var(--color-surface);border:2px solid var(--color-beige-dark);border-radius:var(--radius-full);transition:all var(--transition-fast);outline:none}input:focus,textarea:focus{border-color:var(--color-coral);box-shadow:0 0 0 4px rgba(255,155,155,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease forwards}.fade-in-up{animation:fadeInUp .8s ease forwards}.fade-in-scale{animation:fadeInScale .6s ease forwards}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.slide-in-left{animation:slideInLeft .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.animate-on-scroll{opacity:0}.header{position:sticky;top:0;z-index:100;background-color:var(--color-cream);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-beige-dark)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-poppins),sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-coral);letter-spacing:-.02em}.language-selector{position:relative}.language-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--color-surface);border:2px solid var(--color-beige-dark);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-pretendard),sans-serif;font-size:.875rem;color:var(--color-text-primary)}.language-button:hover{border-color:var(--color-coral);background-color:var(--color-beige)}.language-flag{font-size:1.125rem;line-height:1}.language-name{font-weight:500}.language-chevron{transition:transform var(--transition-fast);color:var(--color-text-secondary)}.language-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background-color:var(--color-surface);border:2px solid var(--color-beige-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;padding:8px;z-index:200;animation:fadeInScale .15s ease}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-pretendard),sans-serif;font-size:.9375rem;color:var(--color-text-primary);text-align:left}.language-option:hover{background-color:var(--color-beige)}.language-option.active{background-color:var(--color-coral-light);color:var(--color-text-primary)}.language-option.active .language-flag{transform:scale(1.1)}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center}.footer{background:var(--gradient-cream-mint);padding:var(--spacing-lg) 0;border-top:2px solid var(--color-mint);overflow:visible}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.footer-logo{font-family:var(--font-poppins),sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-coral);letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}.footer-bottom-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.footer-languages{display:inline}.footer-lang-link{background:none;border:none;padding:0;font-family:inherit;font-size:.8125rem;color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast)}.footer-lang-link:hover{color:var(--color-text-secondary)}.footer-lang-link.active{color:var(--color-coral)}.footer-divider{color:var(--color-text-light);margin:0 8px;font-size:.8125rem}@media (max-width:640px){.footer-bottom-line{flex-direction:column;gap:6px}.footer-divider-main{display:none}}.footer-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.8;max-width:400px}.footer-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.footer-link{color:var(--color-coral);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.footer-link:hover{color:var(--color-coral-dark);text-decoration:underline}.footer-copyright{font-size:.8125rem;color:var(--color-text-light)}.btn-lg{padding:16px 40px;font-size:1.125rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;pointer-events:none}.btn:disabled:hover{transform:none!important;box-shadow:var(--shadow-button)}.card-no-hover:hover{transform:none;box-shadow:var(--shadow-sm)}.hero-section{position:relative;padding:var(--spacing-3xl) 0;background:var(--gradient-cream-pink);overflow:hidden}.hero-visual-background{position:absolute;right:5%;top:50%;transform:translateY(-50%);opacity:.6;pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-xl);min-height:60vh;max-width:700px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,6vw,4rem);line-height:1.2;margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-text-secondary);line-height:1.7}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.painpoints-section{background-color:var(--color-beige)}.painpoints-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.painpoint-item{text-align:center;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.painpoint-emoji{font-size:2.5rem;display:block;margin-bottom:var(--spacing-md)}.painpoint-text{font-size:1rem;line-height:1.7;color:var(--color-text-primary);white-space:pre-line}.painpoints-answer{text-align:center;font-size:1.25rem;font-weight:600;color:var(--color-coral)}.features-section{background-color:var(--color-cream)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-description{font-size:1.125rem;color:var(--color-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.features-grid-four-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:900px;margin:0 auto}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.feature-icon,.feature-title{margin-bottom:var(--spacing-xs)}.feature-title{font-size:1.25rem}.feature-description{font-size:.9375rem;line-height:1.7}.features-cta{text-align:center;margin-top:var(--spacing-xl)}.how-it-works-section{background:var(--gradient-cream-mint)}.features-grid-four{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl);max-width:900px;margin-left:auto;margin-right:auto}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.feature-illustration{margin-bottom:var(--spacing-sm)}.feature-number{font-family:var(--font-poppins),sans-serif;font-size:1rem;font-weight:700;color:var(--color-coral);opacity:.5;letter-spacing:.1em}.feature-item-title{font-size:1.375rem;margin-bottom:var(--spacing-xs);line-height:1.3}.feature-item-description{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.pricing-section{background-color:var(--color-cream)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:800px;margin:0 auto}.pricing-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pricing-card-highlighted{transform:scale(1.05)}.pricing-header{text-align:center;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-beige-dark);min-height:120px;display:flex;flex-direction:column;justify-content:flex-end}.pricing-tagline{font-size:.875rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs)}.pricing-name{font-size:2rem;margin-bottom:var(--spacing-sm)}.pricing-price{font-size:1rem;color:var(--color-text-secondary)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pricing-feature{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.pricing-check{flex-shrink:0;color:var(--color-mint-dark)}.cta-section{position:relative;background:var(--gradient-cream-mint);padding:var(--spacing-3xl) 0}.cta-decoration{position:absolute;width:100%;opacity:.3;pointer-events:none}.cta-decoration.top{top:0;transform:scaleY(-1)}.cta-decoration.bottom{bottom:0}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-md)}.cta-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl)}.cta-form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:500px;margin:0 auto}.cta-input-wrapper{width:100%;position:relative;margin-bottom:var(--spacing-md)}.cta-input{width:100%}.cta-input-error{border-color:var(--color-coral)!important}.cta-input-error:focus{box-shadow:0 0 0 4px rgba(255,155,155,.2)!important}.cta-error-message{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-coral);font-weight:500}.cta-success{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cta-success p{font-size:1.125rem;color:var(--color-mint-dark);font-weight:600;text-align:center}@media (max-width:1024px){.section{padding:var(--spacing-2xl) 0}.hero-visual-background{right:0;opacity:.5;transform:translateY(-50%) scale(.9)}.features-grid-four{gap:var(--spacing-lg)}}@media (max-width:768px){.section{padding:var(--spacing-xl) 0}.container{padding:0 var(--spacing-md)}.language-button .language-name{display:none}.language-button{padding:8px 10px}.language-dropdown{min-width:140px}.hero-section{padding:var(--spacing-2xl) 0}.hero-visual-background{right:-15%;opacity:.25;transform:translateY(-50%) scale(.7)}.hero-content{min-height:auto;gap:var(--spacing-lg)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;width:100%;gap:var(--spacing-sm)}.hero-buttons .btn{width:100%}.section-header h2{font-size:1.75rem}.section-description{font-size:1rem}.painpoints-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.painpoint-item{padding:var(--spacing-md)}.features-grid,.features-grid-four-cards{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card{gap:var(--spacing-sm)}.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.pricing-card-highlighted{transform:none}.cta-section{padding:var(--spacing-2xl) 0}.cta-title{font-size:1.75rem}.cta-description{font-size:1rem}.cta-form{gap:var(--spacing-sm)}.footer{padding:var(--spacing-md) 0}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9375rem}.painpoints-grid{gap:var(--spacing-sm)}.features-grid-four{grid-template-columns:1fr}.features-grid-four-cards{gap:var(--spacing-sm)}.feature-illustration{margin-bottom:0}.section-header h2{font-size:1.5rem}.section-description{font-size:.9375rem}.card{padding:var(--spacing-md)}.btn-lg{padding:14px 32px;font-size:1rem}}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.auth-container{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--color-text-secondary);font-size:.9375rem}.auth-earlybird{background:var(--gradient-cream-pink);border:1px solid var(--color-coral-light);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;font-size:.875rem;color:var(--color-coral-dark);margin-bottom:var(--spacing-lg)}.auth-form{gap:var(--spacing-md)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-beige-dark);border-radius:var(--radius-sm);font-size:1rem;color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input.form-input[type=email],input.form-input[type=text]{border-radius:var(--radius-sm);padding:12px 16px;border-width:1px}.form-input:focus{outline:none;border-color:var(--color-coral);box-shadow:0 0 0 3px rgba(255,155,155,.2)}.form-input::-moz-placeholder{color:var(--color-text-light)}.form-input::placeholder{color:var(--color-text-light)}.form-input-error{border-color:var(--color-coral-dark)}.form-input:disabled{background:var(--color-beige);cursor:not-allowed}.form-error{color:var(--color-coral-dark);font-size:.875rem;text-align:center;margin-top:calc(-1 * var(--spacing-xs))}.btn-full{width:100%}.auth-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:.9375rem}.auth-link{color:var(--color-coral-dark);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-coral);text-decoration:underline}.auth-forgot-link{display:block;text-align:center;margin-top:var(--spacing-md);color:var(--color-text-light);font-size:.875rem;text-decoration:none;transition:color var(--transition-fast)}.auth-back-link,.auth-forgot-link:hover{color:var(--color-text-secondary)}.auth-back-link{display:block;text-align:center;margin-top:var(--spacing-lg);font-size:.9375rem;text-decoration:none;transition:color var(--transition-fast)}.auth-back-link:hover{color:var(--color-text-primary)}.auth-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.auth-success h2{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);line-height:1.5}.header-right{gap:var(--spacing-md)}.header-auth,.header-right{display:flex;align-items:center}.header-auth{gap:var(--spacing-sm)}.header-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1rem;line-height:1;border:1px solid var(--color-beige-dark);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-theme-toggle:hover{border-color:var(--color-coral);color:var(--color-text-primary)}.header-auth-skeleton{width:120px;height:36px;background:var(--color-beige);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-user-email{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.header-auth-btn{padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;font-family:inherit}.header-login-btn{color:var(--color-text-primary);background:transparent}.header-login-btn:hover,.header-nav-active{color:var(--color-coral-dark)}.header-nav-active{font-weight:600}.calc-hub-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.calc-hub-tile{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--color-beige-dark);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast)}.calc-hub-tile:hover{border-color:var(--color-coral);transform:translateY(-1px)}.calc-hub-tile-title{font-weight:600}.calc-hub-tile-arrow{color:var(--color-coral);font-size:1.125rem}.calc-hub-tile-text{display:flex;flex-direction:column;gap:2px}.calc-hub-tile-desc{font-size:.8125rem;font-weight:400;color:var(--color-text-light)}.header-signup-btn{color:var(--color-white);background:var(--color-coral)}.header-signup-btn:hover{background:var(--color-coral-dark)}.header-logout-btn{color:var(--color-text-secondary);background:var(--color-beige)}.header-logout-btn:hover{background:var(--color-beige-dark)}@media (max-width:768px){.header-right{gap:var(--spacing-sm)}.header-auth{gap:var(--spacing-xs)}.header-user-name{display:none}.header-auth-btn{padding:6px 12px;font-size:.8125rem}}.bottom-nav{display:none}@media (max-width:767px){.header-nav-link{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--color-surface);border-top:1px solid var(--color-beige-dark);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;text-decoration:none;color:var(--color-text-light);font-size:.6875rem;font-weight:500}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item-active{color:var(--color-coral)}body{padding-bottom:60px}}.auth-social-buttons{flex-direction:column;margin-bottom:var(--spacing-md)}.auth-social-buttons,.btn-social{display:flex;gap:var(--spacing-sm)}.btn-social{align-items:center;justify-content:center;width:100%;padding:12px 16px;font-size:.9375rem;font-weight:500;font-family:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-google{background:var(--color-surface);border:1px solid var(--color-beige-dark);color:var(--color-text-primary)}.btn-google:hover{background:var(--color-beige);border-color:var(--color-text-light)}.btn-apple{background:var(--color-text-primary);border:1px solid var(--color-text-primary);color:var(--color-white)}.btn-apple:hover{background:#2a1f1f}.btn-social:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--color-beige-dark)}.auth-divider span{font-size:.8125rem;color:var(--color-text-light);white-space:nowrap}.auth-message{text-align:center;font-size:.875rem;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.auth-message-success{background:var(--color-mint-light);color:#2d6a4f}.auth-message-warning{background:#fff3cd;color:#856404}.auth-guard-loading{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.auth-guard-spinner{width:36px;height:36px;border:3px solid var(--color-beige-dark);border-top-color:var(--color-coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.auth-container{padding:var(--spacing-lg)}.auth-header h1{font-size:1.5rem}}.projects-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.projects-header h1{font-size:1.75rem}.projects-alert{background:var(--color-coral-light);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.9375rem;font-weight:500;text-align:center}.projects-filters{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:nowrap}.projects-filters .filter-chip{flex:1 1 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 4px}.projects-controls{display:flex;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.projects-search{position:relative;flex:1;display:flex;align-items:center}.projects-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-light);pointer-events:none}.projects-search-input{width:100%;height:44px;padding:0 38px 0 44px;font-size:.9375rem;font-family:inherit;border:1px solid var(--color-beige-dark);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary)}.projects-search-input:focus{outline:none;border-color:var(--color-coral)}.projects-search input.projects-search-input{padding-left:44px;padding-right:44px}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-light);font-size:.875rem;line-height:1;cursor:pointer}.search-clear:hover{background:var(--color-beige);color:var(--color-text-secondary)}.yarn-search{position:relative;flex:1;display:flex;align-items:center}.category-drilldown{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-drilldown-back,.category-drilldown-clear{align-self:flex-start;padding:4px 0;border:none;background:transparent;color:var(--color-coral);font-family:inherit;font-size:.9375rem;cursor:pointer}.category-drilldown-clear{color:var(--color-text-light)}.projects-filter-btn{position:relative;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-beige-dark);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.projects-filter-btn-active,.projects-filter-btn:hover{border-color:var(--color-coral)}.projects-filter-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--color-coral)}.filter-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center}.filter-modal{width:100%;max-width:480px;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-lg)}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.filter-modal-header h2{font-size:1.125rem;margin:0}.filter-modal-reset{background:none;border:none;font-family:inherit;font-size:.875rem;color:var(--color-coral);cursor:pointer}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-light);font-size:.9375rem;line-height:1;cursor:pointer}.modal-close-btn:hover{background:var(--color-beige);color:var(--color-text-secondary)}.filter-modal-section{font-size:.9375rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm)}.filter-modal-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-modal-apply{width:100%;margin-top:var(--spacing-lg)}.project-card-completed{opacity:.78}.project-card-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:var(--spacing-lg);font-family:inherit;font-size:.9375rem;color:var(--color-coral);background:transparent;border:1.5px dashed var(--color-beige-dark);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.project-card-new:hover{border-color:var(--color-coral)}.project-card-new-plus{font-size:1.5rem;line-height:1}.project-form-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.project-form-file{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;border:1px solid var(--color-beige-dark);border-radius:var(--radius-md);background:var(--color-surface)}.project-form-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;color:var(--color-text-primary)}.project-form-file-remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--color-beige);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer}.project-form-file-remove:hover{background:var(--color-beige-dark)}@media (min-width:480px){.filter-modal-overlay{align-items:center}.filter-modal{border-radius:var(--radius-lg)}}.filter-chip{padding:8px 16px;font-size:.875rem;font-weight:500;font-family:inherit;border:1px solid var(--color-beige-dark);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.filter-chip-active,.filter-chip:hover{border-color:var(--color-coral)}.filter-chip-active{background:var(--color-coral-light);font-weight:600}.projects-empty,.projects-loading{display:flex;justify-content:center;padding:var(--spacing-3xl) 0}.projects-empty{flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;color:var(--color-text-light)}.projects-empty p{white-space:pre-line}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.project-card{text-decoration:none;cursor:pointer;padding:var(--spacing-md) var(--spacing-lg)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.project-card-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.project-card-subtitle{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-light)}.project-card-meta{margin-top:2px;font-size:.8125rem;color:var(--color-text-light)}.project-status-badge{display:inline-block;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.project-status-planned{background:var(--color-lavender);color:var(--color-text-primary)}.project-status-active{background:var(--color-coral-light);color:var(--color-text-primary)}.project-status-completed{background:var(--color-mint-light);color:var(--color-text-primary)}.project-form-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.project-form-container{max-width:600px;margin:0 auto}.project-form-container h1{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.project-form{gap:var(--spacing-lg)}.form-section,.project-form{display:flex;flex-direction:column}.form-section{gap:var(--spacing-xs)}.form-section-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.form-row{display:flex;gap:var(--spacing-sm)}.form-row .form-input{flex:1}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}@media (min-width:768px){.project-form-container{max-width:760px}.project-form{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg);row-gap:var(--spacing-lg);align-items:start}.project-form>.form-actions,.project-form>.form-error,.project-form>.form-section-full{grid-column:1/-1}}.status-segmented{display:flex;border:1px solid var(--color-beige-dark);border-radius:var(--radius-sm);overflow:hidden}.status-segment{flex:1;padding:10px 16px;font-size:.875rem;font-weight:500;font-family:inherit;border:none;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.status-segment:not(:last-child){border-right:1px solid var(--color-beige-dark)}.status-segment-active{background:var(--color-coral-light);color:var(--color-text-primary);font-weight:600}.project-detail-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.project-detail-header{margin-bottom:var(--spacing-lg)}.project-detail-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.project-back-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;transition:color var(--transition-fast)}.project-back-link:hover{color:var(--color-coral-dark)}.project-detail-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.project-action-btn{padding:8px 16px;font-size:.875rem}.btn-icon{padding:8px 12px;font-size:1.25rem;background:var(--color-surface);border:1px solid var(--color-beige-dark);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);line-height:1}.btn-icon:hover{border-color:var(--color-coral);color:var(--color-text-primary)}.btn-icon:disabled{opacity:.4;cursor:default}.btn-icon:disabled:hover{border-color:var(--color-beige-dark);color:var(--color-text-secondary)}.project-menu-wrapper{position:relative}.project-menu-backdrop{position:fixed;inset:0;z-index:99}.project-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-surface);border:1px solid var(--color-beige-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100;padding:4px}.project-menu-item{display:block;width:100%;padding:10px 14px;font-size:.9375rem;font-family:inherit;background:none;border:none;border-radius:4px;cursor:pointer;text-align:left;color:var(--color-text-primary);transition:background var(--transition-fast)}.project-menu-item:hover{background:var(--color-beige)}.project-menu-item-danger{color:var(--color-coral-dark)}.project-menu-divider{height:1px;background:var(--color-beige-dark);margin:4px 0}.project-detail-header h1{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.project-detail-title{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.project-title-edit-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-light);font-size:.875rem;line-height:1;cursor:pointer}.project-title-edit-btn:hover{background:var(--color-beige);color:var(--color-text-secondary)}.project-detail-info{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.project-info-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-xs)}.project-info-edit-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer}.project-info-edit-icon-btn:hover{background:var(--color-cream);color:var(--color-text-primary)}.project-info-row{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-beige)}.project-info-row:last-child{border-bottom:none}.project-info-label{min-width:80px;font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.project-info-value{font-size:.9375rem;color:var(--color-text-primary)}.project-info-section{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-beige)}.project-info-section:last-child{border-bottom:none}.project-info-section h3{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-xs)}.project-info-section p{font-size:.9375rem;color:var(--color-text-primary)}.dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:200}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:400px;width:calc(100% - var(--spacing-lg) * 2);box-shadow:var(--shadow-lg)}.dialog h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.dialog p{margin-bottom:var(--spacing-lg)}.dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-size:.9375rem;font-weight:600;font-family:inherit;background:var(--color-coral-dark);color:var(--color-white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#e06060}.project-card-cover{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.photo-placeholder{background:var(--color-coral-light)}.photo-section{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--spacing-sm)}.photo-tile{position:relative;aspect-ratio:1;padding:0;border:none;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-beige)}.photo-tile-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-add-tile{display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-coral-light);background:transparent;color:var(--color-text-light);font-size:.8125rem;font-family:inherit}.photo-add-tile:disabled{cursor:default}.photo-cover-badge{position:absolute;top:6px;left:6px;padding:2px 8px;font-size:.6875rem;font-weight:600;color:var(--color-white);background:var(--color-coral);border-radius:var(--radius-sm)}.photo-viewer-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.85)}.photo-viewer,.photo-viewer-overlay{display:flex;align-items:center;justify-content:center}.photo-viewer{position:relative;width:100%;height:100%;flex-direction:column}.photo-viewer-img{max-width:90vw;max-height:80vh;-o-object-fit:contain;object-fit:contain}.photo-viewer-toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.photo-viewer-count{color:var(--color-white);font-size:.875rem}.photo-viewer-actions{display:flex;gap:var(--spacing-sm)}.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--color-white);background:rgba(255,255,255,.15);border:none;border-radius:var(--radius-full);cursor:pointer}.photo-viewer-prev{left:var(--spacing-md)}.photo-viewer-next{right:var(--spacing-md)}.form-textarea{resize:vertical;min-height:120px}.memo-display{position:relative;display:block;width:100%;text-align:left;background:var(--color-surface);border:1px solid var(--color-beige);border-radius:var(--radius-md);padding:var(--spacing-md);padding-right:48px;font-family:inherit;font-size:.9375rem;line-height:1.6;color:var(--color-text-primary);cursor:pointer;min-height:80px}.memo-display:hover{background:var(--color-cream)}.memo-edit-hint{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-light);pointer-events:none}.memo-display:hover .memo-edit-hint{color:var(--color-text-primary)}.memo-placeholder,.memo-text{white-space:pre-wrap}.memo-placeholder{color:var(--color-text-light)}.memo-textarea{min-height:140px}.memo-edit .dialog-actions{margin-top:var(--spacing-sm)}.form-date-field{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-date-label{font-size:.8125rem;color:var(--color-text-secondary)}.project-status-badge-button{border:none;cursor:pointer;font-family:inherit}.detail-tabs{display:flex;border-bottom:1px solid var(--color-beige);margin:var(--spacing-md) 0 var(--spacing-lg)}.detail-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:var(--spacing-sm) 0;font-family:inherit;font-size:.9375rem;font-weight:600;color:var(--color-text-light);cursor:pointer}.detail-tab-active{color:var(--color-text-primary);border-bottom-color:var(--color-coral-dark)}.detail-pane{display:block}.detail-info-toggle,.detail-summary-header{display:none}@media (max-width:767px){.detail-summary-header{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md)}.detail-summary-cover{width:84px;height:84px;flex-shrink:0;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;background:var(--color-beige)}.detail-summary-text{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-summary-line1{font-size:.9375rem;color:var(--color-text-primary)}.detail-summary-line2{font-size:.8125rem;color:var(--color-text-light)}.detail-info-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) 0;background:none;border:none;border-top:1px solid var(--color-beige);border-bottom:1px solid var(--color-beige);font-family:inherit;text-align:left;cursor:pointer}.detail-info-toggle-label{flex-shrink:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.detail-info-toggle-summary{flex:1;font-size:.8125rem;color:var(--color-text-light);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-info-toggle-chevron{flex-shrink:0;color:var(--color-text-light);transition:transform var(--transition-fast)}.detail-info-toggle-chevron.open{transform:rotate(180deg)}.detail-info-collapsible.collapsed{display:none}}@media (min-width:1024px){.project-detail-page .detail-tabs{display:none}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-xl);align-items:start}.detail-pane{display:block}}.project-info-row-editable{width:100%;background:none;border:none;border-bottom:1px solid var(--color-beige);font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;align-items:flex-start}.project-info-row-editable:last-child{border-bottom:none}.project-info-value-multiline{white-space:pre-wrap;flex:1}.project-info-edit-icon{color:var(--color-text-light);font-size:.8125rem;flex-shrink:0}.project-info-add{display:block;width:100%;background:none;border:none;border-bottom:1px solid var(--color-beige);padding:var(--spacing-sm) 0;font-family:inherit;font-size:.875rem;color:var(--color-text-light);text-align:left;cursor:pointer}.project-info-add:last-child{border-bottom:none}.project-info-add:hover,.project-info-row-editable:hover,.timer-card{background:var(--color-cream)}.timer-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-beige);border-radius:var(--radius-md)}.timer-card-running{border-color:var(--color-coral);background:var(--color-coral-light)}.timer-card-main{display:flex;flex-direction:column;gap:2px}.timer-card-label{font-size:.8125rem;color:var(--color-text-light)}.timer-card-time{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.timer-card-activity{font-size:.75rem;color:var(--color-text-light)}.timer-card-btn{flex-shrink:0}.work-log-list{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column}.work-log-empty{color:var(--color-text-light);text-align:center;padding:var(--spacing-lg) 0}.work-log-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-beige)}.work-log-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:none;border:none;text-align:left;cursor:pointer;padding:0}.work-log-duration{font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.work-log-badge{font-size:.6875rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-beige);border-radius:var(--radius-sm);padding:1px 6px}.work-log-range{font-size:.8125rem;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-log-note{font-size:.8125rem;color:var(--color-text-secondary)}.work-log-error{color:var(--color-coral);font-size:.8125rem}.work-log-edit-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:var(--color-text-light);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm)}.work-log-edit-btn:hover{color:var(--color-coral);background:var(--color-beige)}.work-log-edit-btn svg{width:18px;height:18px}.work-log-editor-actions{display:flex;align-items:center}.work-log-delete-btn{margin-right:auto}.edit-list{flex-direction:column}.edit-list,.edit-list-row{display:flex;gap:var(--spacing-sm)}.edit-list-row{align-items:center;flex-wrap:wrap}.edit-list-row .status-segmented{flex-shrink:0}.edit-list-row .form-input{flex:1 1 80px;min-width:80px}.edit-list-remove{flex-shrink:0}@media (max-width:768px){.projects-header h1{font-size:1.5rem}.projects-grid{grid-template-columns:1fr}.project-detail-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.project-detail-actions{align-self:flex-end}}.counter-section{margin-top:var(--spacing-xl)}.counter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.counter-section-header h2{font-size:1.25rem}.btn-sm{padding:8px 16px;font-size:.8125rem}.counter-empty{text-align:center;color:var(--color-text-light);padding:var(--spacing-lg) 0}.counter-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.counter-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;transition:all var(--transition-fast)}.counter-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.counter-card-icon{font-size:1.25rem;color:var(--color-coral)}.counter-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.counter-card-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.counter-card-subtitle{font-size:.8125rem;color:var(--color-text-light)}.counter-card-chevron{font-size:1.5rem;color:var(--color-text-light)}.counter-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.counter-top-bar{justify-content:space-between;margin-bottom:var(--spacing-lg)}.counter-main,.counter-top-bar{display:flex;align-items:center}.counter-main{flex-direction:column;max-width:500px;margin:0 auto}.counter-name{font-size:1.5rem;text-align:center;margin-bottom:var(--spacing-md)}.counter-progress-area{width:100%;margin-bottom:var(--spacing-md)}.counter-progress-bar{width:100%;height:8px;background:var(--color-beige-dark);border-radius:4px;overflow:hidden}.counter-progress-fill{height:100%;background:var(--color-coral);border-radius:4px;transition:width var(--transition-base)}.counter-progress-text{text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.counter-alerts{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.counter-alert-banner{padding:var(--spacing-sm) var(--spacing-md);background:rgba(196,184,228,.25);border:1px solid var(--color-lavender-dark);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.counter-display{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) 0}.counter-number{font-size:6rem;font-weight:300;line-height:1;color:var(--color-text-primary);font-family:var(--font-poppins),sans-serif}.counter-label{font-size:.875rem;color:var(--color-text-light);margin-top:var(--spacing-xs)}.counter-buttons{display:flex;gap:var(--spacing-lg);width:100%;max-width:320px}.counter-btn{flex:1;height:72px;font-size:2rem;font-weight:300;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.counter-btn:disabled{opacity:.4;cursor:not-allowed}.counter-btn-minus{background:var(--color-beige-dark);color:var(--color-text-primary)}.counter-btn-minus:hover:not(:disabled){background:var(--color-beige)}.counter-btn-plus{background:var(--color-coral);color:var(--color-white)}.counter-btn-plus:hover{background:var(--color-coral-dark)}.counter-marker-btn{margin-top:var(--spacing-lg);padding:10px 20px;background:none;border:1px solid var(--color-beige-dark);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);font-family:inherit;transition:all var(--transition-fast)}.counter-marker-btn:hover{border-color:var(--color-mint-dark);color:var(--color-text-primary)}.dialog-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.dialog-edit,.dialog-wide{max-width:520px}.dialog-edit{max-height:85vh;display:flex;flex-direction:column}.dialog-edit h3{flex-shrink:0}.dialog-edit .dialog-form{flex:1;min-height:0;overflow-y:auto}.dialog-edit .dialog-actions{flex-shrink:0;border-top:1px solid var(--color-beige);padding-top:var(--spacing-md)}@media (max-width:768px){.dialog-edit{max-height:92vh}}.dialog-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.rules-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-sm) 0 var(--spacing-md);max-height:300px;overflow-y:auto}.rule-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-beige);border-radius:var(--radius-sm)}.rule-item-clickable{cursor:pointer;transition:background var(--transition-fast)}.rule-item-clickable:hover{background:var(--color-beige-dark)}.rule-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.rule-item-label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.rule-item-subtitle{font-size:.75rem;color:var(--color-text-light)}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:50%;color:var(--color-text-light);font-size:.875rem;transition:all var(--transition-fast)}.btn-icon-sm:hover{background:var(--color-coral-light);color:var(--color-coral-dark)}.rule-card-icon{font-size:1rem;line-height:1}.rule-axis-label{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.rule-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.rule-chip{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--color-beige-dark);background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.rule-chip-active,.rule-chip:hover{border-color:var(--color-lavender-dark)}.rule-chip-active{background:rgba(196,184,228,.4);color:var(--color-text-primary);font-weight:600}.rule-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.rule-sentence-text{font-size:.9375rem;color:var(--color-text-secondary)}.rule-token{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-lavender);background:rgba(196,184,228,.15);color:var(--color-lavender-dark);font-weight:700;font-size:.9375rem;font-family:inherit}.rule-token:focus{outline:none;border-color:var(--color-lavender-dark)}.rule-token-num{width:64px;text-align:center}.rule-token:not(.rule-token-num){flex:1;min-width:140px}.rule-advanced-toggle{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;font-family:inherit;cursor:pointer;padding:4px 0}.rule-advanced-fields{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.rule-advanced-fields .form-input{flex:1}.rule-preview{padding:var(--spacing-sm) var(--spacing-md);background:rgba(196,184,228,.22);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}@media (max-width:768px){.counter-number{font-size:4.5rem}.counter-display{padding:var(--spacing-2xl) 0}.counter-buttons{max-width:280px}.counter-btn{height:60px}}.settings-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.settings-container{max-width:600px;margin:0 auto}.settings-container h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}.settings-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-beige-dark)}.settings-section-title{font-size:.8125rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.settings-info-list{display:flex;flex-direction:column;gap:0}.settings-subscription-note{margin-top:10px;font-size:.8125rem;color:var(--color-text-light);line-height:1.5}.settings-accordion-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:0;background:none;border:none;cursor:pointer;text-align:left}.settings-accordion-header-static{cursor:default}.settings-nav-row{text-decoration:none;color:inherit}.settings-nav-chevron{flex-shrink:0;color:var(--color-text-light);font-size:1.25rem;line-height:1}.settings-accordion-header .settings-section-title{margin-bottom:0;flex-shrink:0}.settings-accordion-summary{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.settings-accordion-chevron{flex-shrink:0;color:var(--color-text-light);font-size:1rem;line-height:1;transition:transform var(--transition-fast)}.settings-accordion-chevron-open{transform:rotate(180deg)}.settings-accordion-body{margin-top:20px}.settings-account-summary{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.settings-account-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-provider-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-provider-icon{display:inline-flex;align-items:center;color:var(--color-text-secondary)}.settings-provider-icon-apple{color:var(--color-text-primary)}.settings-theme-summary{display:flex;align-items:center;gap:8px}.settings-theme-summary-name{font-weight:600;color:var(--color-text-primary)}.settings-theme-locked-notice{margin-top:12px;font-size:.8125rem;color:var(--color-coral-dark)}.settings-password-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-password-form .btn{align-self:flex-start}.settings-password-success{font-size:.875rem;color:var(--color-coral-dark)}.settings-plan-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--radius-md);background:var(--color-coral-light);margin-bottom:var(--spacing-sm)}.settings-plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.settings-plan-card-name{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.settings-plan-badge{flex-shrink:0;font-size:.6875rem;font-weight:700;color:var(--color-white);background:var(--color-coral);padding:2px 8px;border-radius:var(--radius-full)}.settings-plan-card-benefits{font-size:.875rem;color:var(--color-text-secondary)}.settings-upsell-card{display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-sm);padding:16px;border-radius:var(--radius-md);border:1px dashed var(--color-beige-dark);background:var(--color-beige)}.settings-upsell-title{font-weight:700;font-size:.9375rem;color:var(--color-text-primary)}.settings-upsell-benefits{font-size:.875rem;color:var(--color-text-secondary)}.settings-upsell-note{font-size:.8125rem;color:var(--color-text-light)}.settings-storage-bar{margin-top:10px;height:8px;border-radius:4px;background:var(--color-beige-dark);overflow:hidden}.settings-storage-bar-fill{height:100%;min-width:4px;background:var(--color-coral-dark);border-radius:4px;transition:width .3s ease}.settings-info-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:6px 0}.settings-info-label{font-size:.9375rem;color:var(--color-text-primary)}.settings-info-value{font-size:.9375rem;color:var(--color-text-secondary)}.settings-language-list{display:flex;flex-direction:column;gap:2px}.settings-language-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9375rem;font-family:inherit;color:var(--color-text-primary);transition:background var(--transition-fast);width:100%;text-align:left}.settings-language-active,.settings-language-item:hover{background:var(--color-beige)}.settings-language-active{font-weight:600}.settings-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-text-light);flex-shrink:0;transition:all var(--transition-fast)}.settings-radio-checked{border-color:var(--color-coral);background:var(--color-coral);box-shadow:inset 0 0 0 3px var(--color-white)}.settings-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.settings-theme-item{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border:2px solid var(--color-beige-dark);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.settings-theme-active,.settings-theme-item:hover{border-color:var(--color-coral)}.settings-theme-active{box-shadow:var(--shadow-sm)}.settings-theme-locked,.settings-theme-locked:hover{cursor:default;border-color:var(--color-beige-dark)}.settings-theme-chips-row{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-theme-chips{display:flex;gap:4px;flex-shrink:0}.settings-theme-chip{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.settings-theme-check{font-size:.875rem;font-weight:700;color:var(--color-coral)}.settings-theme-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);flex:1}.settings-theme-mock{display:flex;flex-direction:column;height:72px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);overflow:hidden}.settings-theme-mock-header{display:flex;align-items:center;justify-content:flex-end;height:18px;padding:0 6px;flex-shrink:0}.settings-theme-mock-dot{width:7px;height:7px;border-radius:50%}.settings-theme-mock-body{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;padding:8px}.settings-theme-mock-line{height:6px;width:80%;border-radius:3px}.settings-theme-mock-line-short{width:50%}.settings-theme-mock-btn{position:absolute;right:8px;bottom:8px;width:28px;height:12px;border-radius:6px}.settings-theme-badge{font-size:.625rem;font-weight:700;color:var(--color-lavender-dark);background:var(--color-lavender);padding:2px 6px;border-radius:var(--radius-sm)}.settings-theme-lock{font-size:.875rem;opacity:.6}.settings-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.settings-delete-btn{padding:var(--spacing-sm);background:none;border:none;color:var(--color-coral-dark);font-size:.9375rem;font-family:inherit;cursor:pointer;transition:color var(--transition-fast);text-align:center}.settings-delete-btn:hover{color:#e06060}.pv-page{display:flex;flex-direction:column;height:calc(100dvh - 80px);overflow:hidden}body:has(.pv-page) .bottom-nav{display:none}.pv-topbar{order:0;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-beige-dark);background:var(--color-cream)}.pv-topbar,.pv-topbar-right{display:flex;align-items:center;flex-shrink:0}.pv-back,.pv-topbar-right{gap:var(--spacing-xs)}.pv-back{display:flex;align-items:center;min-width:0;flex:1;color:var(--color-text-primary);text-decoration:none}.pv-back svg{display:block;flex-shrink:0}.pv-back:hover{color:var(--color-coral)}.pv-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600}.pv-page-indicator{font-size:.875rem;color:var(--color-text-secondary);min-width:40px;text-align:center;background:none;border:none;cursor:pointer;padding:6px 4px;border-radius:var(--radius-sm)}.pv-page-indicator:hover{color:var(--color-text-primary);background:var(--color-beige)}.pv-pagejump-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.pv-pagejump-current{font-size:1.125rem;font-weight:600;min-width:64px;text-align:center}.pv-pagejump-input{display:flex;gap:var(--spacing-sm)}.pv-pagejump-input .form-input{flex:1;min-width:0}.pv-topbar-right .btn-icon{display:inline-flex;align-items:center;justify-content:center}.pv-tool-btn svg,.pv-topbar-right .btn-icon svg{display:block}.pv-tool-btn{display:inline-flex;align-items:center;justify-content:center}.pv-viewer{order:2;flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:var(--color-beige);padding:var(--spacing-sm)}.pv-pages-stack{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:820px}.pv-canvas-wrapper{position:relative;display:block;width:100%;background:var(--color-white);box-shadow:var(--shadow-md)}.pv-pdf-canvas{display:block;width:100%;height:auto}.pv-draw-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.pv-toolbar{order:3;position:relative;border-top:1px solid var(--color-beige-dark);background:var(--color-surface);flex-shrink:0}.pv-options{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-beige);display:flex;flex-direction:column;gap:var(--spacing-sm)}.pv-palette{display:flex;gap:6px;justify-content:center}.pv-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-beige-dark);cursor:pointer;transition:all var(--transition-fast);padding:0}.pv-color-active,.pv-color-btn:hover{transform:scale(1.1)}.pv-color-active{border-color:var(--color-coral);border-width:3px}.pv-width-row{display:flex;align-items:center;gap:var(--spacing-sm)}.pv-width-dot-sm{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pv-width-dot-lg{width:18px;height:18px;border-radius:50%;flex-shrink:0}.pv-width-slider{flex:1;accent-color:var(--color-coral)}.pv-tool-row{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.pv-tool-btn{padding:10px 18px;font-size:1.125rem;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-light)}.pv-tool-btn:hover{background:var(--color-beige)}.pv-tool-active{background:rgba(255,155,155,.2);color:var(--color-coral)}.pv-tool-btn{position:relative}.pv-tool-locked{opacity:.55}.pv-tool-lock{position:absolute;top:2px;right:4px;font-size:.625rem;line-height:1}.pv-pro-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.pv-pro-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);max-width:340px;width:100%;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.2)}.pv-pro-modal-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.pv-pro-modal-title{margin:0 0 var(--spacing-sm);font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.pv-pro-modal-desc{margin:0 0 var(--spacing-lg);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.pattern-card-row{display:flex;align-items:center;gap:var(--spacing-xs)}.pattern-card-link{flex:1;min-width:0}.pattern-delete-btn{flex-shrink:0}@media (max-width:768px){.pv-topbar{flex-direction:column;align-items:stretch;gap:2px;padding:var(--spacing-xs) var(--spacing-sm)}.pv-topbar-right{justify-content:space-evenly}.pv-topbar-collapsed .pv-back{display:none}.pv-tool-btn{padding:8px 12px;font-size:1rem}}.pv-icon-active{background:rgba(255,155,155,.2);color:var(--color-coral)}.pv-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;z-index:5}.pv-marker-dot{width:14px;height:14px;border-radius:50%;background:var(--color-coral);border:2px solid var(--color-white);box-shadow:0 1px 3px rgba(0,0,0,.3);flex-shrink:0}.pv-marker-label{font-size:.75rem;background:rgba(255,255,255,.9);color:var(--color-text-primary);border:1px solid var(--color-coral);border-radius:4px;padding:1px 5px;white-space:nowrap}.pv-textbox{position:absolute;box-sizing:border-box;z-index:5}.pv-textbox-text{box-sizing:border-box;width:100%;font-family:sans-serif;line-height:1.2;white-space:pre-wrap;word-break:break-word;border-radius:2px}.pv-textbox-selected .pv-textbox-text{outline:1px dashed color-mix(in srgb,var(--color-coral) 70%,transparent);outline-offset:1px}.pv-textbox-input{box-sizing:border-box;display:block;width:100%;margin:0;font-family:sans-serif;line-height:1.2;background:transparent;border:1px solid var(--color-coral);border-radius:0;outline:none;resize:none;overflow:hidden;caret-color:var(--color-coral)}.pv-textsize-label{color:var(--color-text-secondary);line-height:1;flex-shrink:0;font-family:sans-serif}.pv-hlbar-hit{position:absolute;left:0;width:100%;height:32px;transform:translateY(-50%);display:flex;align-items:center;cursor:pointer;touch-action:none;z-index:4}.pv-hlbar-band{width:100%;height:16px;box-sizing:border-box;background:color-mix(in srgb,var(--color-coral) 30%,transparent);pointer-events:none}.pv-hlbar-handle{position:absolute;right:8px;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--color-coral);color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6}.pv-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--color-text-primary);color:var(--color-white);padding:10px 18px;border-radius:20px;font-size:.875rem;z-index:50}.pv-counter-bar,.pv-toast{box-shadow:var(--shadow-md)}.pv-counter-bar{order:1;flex-shrink:0;align-self:center;width:min(720px,calc(100% - 32px));margin:var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);padding:8px 16px}@media (max-width:600px){.pv-counter-bar{width:calc(100% - 16px);gap:var(--spacing-sm)}}.pv-counter-bar-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pv-counter-bar-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pv-counter-progress-inline{font-size:.75rem;color:var(--color-text-secondary)}.pv-counter-bar .pv-counter-buttons{margin-top:0}.pv-counter-bar .pv-counter-alerts{margin:0}.pv-counter-name-btn{display:flex;align-items:center;gap:2px;min-width:0;max-width:100%;padding:0;background:none;border:none;cursor:pointer}.pv-counter-caret{flex-shrink:0;font-size:.8rem;color:var(--color-text-secondary)}.pv-counter-create{justify-content:center;gap:6px;cursor:pointer;border:1px dashed var(--color-coral)}.pv-counter-create,.pv-counter-create-item .rule-item-label{color:var(--color-coral);font-weight:600}.pv-counter-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-counter-progress{text-align:center;font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.pv-counter-alerts{display:flex;flex-direction:column;gap:4px;margin:6px 0}.pv-counter-alert{background:rgba(196,184,228,.25);border-radius:8px;padding:4px 8px;font-size:.75rem;color:var(--color-text-primary)}.pv-counter-number{text-align:center;font-size:3rem;font-weight:300;line-height:1.1;color:var(--color-text-primary)}.pv-counter-number-sm{font-size:2.25rem}.pv-counter-current{text-align:center;font-size:.75rem;color:var(--color-text-light);margin-bottom:8px}.pv-counter-buttons{display:flex;justify-content:space-around;gap:8px;margin-top:8px}.pv-counter-btn{width:44px;height:44px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.pv-counter-minus{background:var(--color-beige-dark);color:var(--color-text-primary)}.pv-counter-plus{background:var(--color-coral);color:var(--color-white)}.pv-counter-btn:disabled{opacity:.4;cursor:default}.pv-marker-panel{position:absolute;left:0;right:0;bottom:100%;background:var(--color-surface);border-top:1px solid var(--color-beige-dark);border-bottom:none;box-shadow:0 -4px 12px rgba(0,0,0,.08);z-index:10}.pv-marker-empty{text-align:center;color:var(--color-text-secondary);font-size:.875rem;padding:var(--spacing-sm);margin:0}.pv-marker-hint-row{display:flex;align-items:center;gap:var(--spacing-sm)}.pv-marker-hint{flex:1;min-width:0;margin:0;padding:0 var(--spacing-xs);line-height:1.4}.pv-marker-hint,.pv-marker-toggle{font-size:.8125rem;color:var(--color-text-secondary)}.pv-marker-toggle{flex-shrink:0;background:none;border:1px solid var(--color-beige-dark);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer}.pv-marker-toggle:hover{border-color:var(--color-coral);color:var(--color-text-primary)}.pv-marker-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs);max-height:30vh;overflow-y:auto}.pv-marker-list-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);text-align:left;background:none;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font:inherit;color:var(--color-text-primary);cursor:pointer}.pv-marker-list-item:hover{background:var(--color-beige)}.pv-marker-list-item svg{display:block;flex-shrink:0;color:var(--color-coral)}.pv-marker-list-info{display:flex;flex-direction:column;min-width:0}.pv-marker-list-label,.pv-marker-list-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-marker-list-sub{font-size:.75rem;color:var(--color-text-secondary)}.pv-counter-selected{border-color:var(--color-coral)}.legal-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.legal-container{max-width:720px;margin:0 auto}.legal-container h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.legal-date{font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.legal-section{margin-bottom:var(--spacing-lg)}.legal-section h2{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.legal-section p{font-size:.9375rem;line-height:1.8;margin-bottom:var(--spacing-xs)}.legal-addendum{font-size:.9375rem;color:var(--color-text-secondary);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-beige-dark)}.form-agreement{margin-top:calc(-1 * var(--spacing-xs))}.agreement-label{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;line-height:1.5}.agreement-checkbox{margin-top:3px;flex-shrink:0;accent-color:var(--color-coral);width:16px;height:16px;cursor:pointer}.consent-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.consent-checkboxes .consent-all{font-weight:600;color:var(--color-text-primary);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-beige-dark);margin-bottom:var(--spacing-xs)}.consent-submit{margin-top:var(--spacing-lg)}.footer-legal{display:flex;align-items:center;gap:0}.footer-legal-link{font-size:.8125rem;color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast)}.footer-legal-link:hover{color:var(--color-text-secondary)}@media (max-width:480px){.legal-container h1{font-size:1.5rem}.legal-section h2{font-size:1rem}}.gauge-mode{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.gauge-label{font-size:.875rem;font-weight:600}.gauge-field-label,.gauge-label{color:var(--color-text-secondary)}.gauge-field-label{font-size:.8125rem;margin-bottom:-8px}.gauge-segmented{width:100%}.gauge-hint{text-align:center;color:var(--color-text-light);padding:var(--spacing-md) 0}.gauge-result-card{display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--color-mint-light);border-radius:var(--radius-md);padding:var(--spacing-sm)}.gauge-result-title{font-size:.8125rem;font-weight:600;color:var(--color-mint-dark)}.gauge-result-row{display:flex;align-items:baseline;justify-content:space-between}.gauge-result-row span{color:var(--color-text-secondary)}.gauge-result-row strong{font-size:1.375rem;color:var(--color-text-primary)}.calc-field{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.gauge-result-row-formula{display:flex;flex-direction:column;align-items:stretch;gap:2px}.gauge-result-row-main{display:flex;align-items:baseline;justify-content:space-between}.gauge-result-row-main span{color:var(--color-text-secondary)}.gauge-result-row-main strong{font-size:1.375rem;color:var(--color-text-primary)}.gauge-result-formula{font-size:.8125rem;color:var(--color-text-secondary)}.calc-result-head{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.calc-result-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.8125rem;font-weight:700;color:var(--color-coral-dark);background-color:var(--color-coral-light)}.calc-result-summary{font-size:.875rem;color:var(--color-text-secondary)}.calc-result-line{font-size:1.25rem;color:var(--color-text-primary)}.calc-result-line-lg{font-size:1.5rem}.calc-toggle-btn{align-self:flex-start;margin-top:var(--spacing-xs)}.calc-rows-wrap{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.calc-rows-chips{display:flex;flex-wrap:wrap;gap:6px}.calc-row-chip{padding:4px 10px;border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-beige-dark);font-size:.8125rem;color:var(--color-text-primary)}.gauge-info-card{display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-md);padding:var(--spacing-sm)}.gauge-info-card-warn{background-color:var(--color-lavender)}.gauge-info-card-same{background-color:var(--color-mint-light)}.gauge-info-heading{font-size:.8125rem;color:var(--color-text-secondary)}.gauge-info-big{font-size:1.125rem;color:var(--color-text-primary)}.gauge-info-sub{font-size:.8125rem;color:var(--color-text-secondary)}.gauge-save-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.gauge-save-confirm{font-size:.8125rem;color:var(--color-mint-dark)}.gauge-conv-card{background-color:var(--color-surface);border:1px solid var(--color-beige-dark);border-radius:var(--radius-md);padding:var(--spacing-sm)}.gauge-conv-row{display:flex;align-items:center;justify-content:space-evenly;gap:var(--spacing-xs)}.gauge-conv-cell{display:flex;flex-direction:column;align-items:center}.gauge-conv-cell strong{font-size:1.0625rem;color:var(--color-text-primary)}.gauge-conv-cell span{font-size:.6875rem;color:var(--color-text-light)}.gauge-conv-eq{color:var(--color-coral);font-weight:700}.gauge-conv-note{text-align:center;font-size:.8125rem;color:var(--color-text-light);margin-top:var(--spacing-xs)}.gauge-unit-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.gauge-unit-input-row{display:flex;gap:var(--spacing-xs);align-items:stretch}.gauge-unit-input-row .form-input{flex:1}.gauge-unit-segmented{flex-shrink:0}.gauge-unit-result{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-mint-light);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.gauge-unit-arrow{color:var(--color-mint-dark);font-weight:700}.gauge-unit-result strong{font-size:1.125rem;color:var(--color-text-primary)}.yarn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.yarn-card{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none}.yarn-card-swatch{position:relative;width:100%;aspect-ratio:1/1;background:var(--color-beige)}.yarn-card-swatch-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarn-card-swatch-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem}.yarn-card-body{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.yarn-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.yarn-card-name{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.yarn-card-subtitle{font-size:.8125rem;color:var(--color-text-light)}.yarn-status-badge{display:inline-block;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.yarn-status-owned{background:var(--color-mint-light);color:var(--color-text-primary)}.yarn-status-in-use{background:var(--color-coral-light);color:var(--color-text-primary)}.yarn-status-used-up{background:var(--color-beige-dark);color:var(--color-text-primary)}.yarn-status-wishlist{background:var(--color-lavender);color:var(--color-text-primary)}.yarn-status-badge-button{border:none;cursor:pointer;font-family:inherit}.yarn-swatch-section{margin-bottom:var(--spacing-lg)}.yarn-swatch-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.yarn-swatch-img{display:block;width:100%;max-width:280px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg)}.yarn-swatch-actions{display:flex;gap:var(--spacing-sm)}.yarn-swatch-add{display:flex;align-items:center;justify-content:center;width:100%;max-width:280px;min-height:120px;border:2px dashed var(--color-beige-dark);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:.9375rem;cursor:pointer;transition:border-color var(--transition-fast)}.yarn-swatch-add:hover{border-color:var(--color-coral)}.yarn-section{margin-top:var(--spacing-xl)}.yarn-section-title{font-size:1.25rem;margin-bottom:var(--spacing-md)}.yarn-amount-card{width:100%;border:none;text-align:left;font-family:inherit;cursor:pointer;margin-top:var(--spacing-md)}.yarn-search-row{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-sm)}.yarn-search-input{flex:1}.yarn-search input.yarn-search-input{padding-right:44px}.yarn-filter-btn{flex-shrink:0;width:44px;height:44px;border:1px solid var(--color-beige-dark);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:1.125rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.yarn-filter-btn-active{border-color:var(--color-coral);color:var(--color-coral)}.yarn-filter-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.yarn-filter-label{margin:var(--spacing-sm) 0 var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.yarn-card-meta,.yarn-filter-empty{color:var(--color-text-light)}.yarn-card-meta{font-size:.8125rem}.yarn-card-depleted{opacity:.5}.yarn-link-actions{display:flex;gap:var(--spacing-xs);align-items:center}.yarn-link-snapshot{cursor:default;opacity:.7}.btn-block{width:100%}.yarn-used-thumb{width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-beige)}.yarn-used-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarn-used-thumb-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.25rem}@media (max-width:520px){.yarn-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:521px) and (max-width:1024px){.yarn-grid{grid-template-columns:repeat(2,1fr)}}html[data-theme=dark] .btn-apple{background:#000000;border-color:#000000;color:#ffffff}html[data-theme=dark] .btn-apple:hover{background:#1a1a1a}html[data-theme=dark] .pv-toast{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-md)}html[data-theme=dark] .pv-marker-label{color:#3d2e2e}html[data-theme=dark] .auth-message-success{color:var(--color-mint-dark)}.hover\:border-coral:hover{border-color:var(--color-coral)}.hover\:bg-beige:hover{background-color:var(--color-beige)}.hover\:bg-coral-dark:hover{background-color:var(--color-coral-dark)}.hover\:bg-cream:hover{background-color:var(--color-cream)}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.focus\:border-coral:focus{border-color:var(--color-coral)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:w-60{width:15rem}.md\:flex-1{flex:1 1 0%}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:gap-0\.5{gap:.125rem}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_260px\]{grid-template-columns:1fr 260px}}