:root{--primary-color: #e8920a;--primary-light: #f5a623;--secondary-color: #c97a10;--primary-rgb: 232, 146, 10;--secondary-rgb: 201, 122, 16;--purple-rgb: 147, 51, 234;--subtitle-readable: rgba(var(--fg-rgb), .92);--fluid-xs: clamp(.7rem, 1.8vw, .8rem);--fluid-sm: clamp(.8rem, 2.2vw, .95rem);--fluid-base: clamp(.9rem, 2.8vw, 1.05rem);--fluid-md: clamp(1rem, 3.2vw, 1.2rem);--fluid-lg: clamp(1.1rem, 3.8vw, 1.4rem);--fluid-xl: clamp(1.2rem, 4.5vw, 1.6rem);--fluid-2xl: clamp(1.4rem, 5.5vw, 2.4rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px}*{box-sizing:border-box}input[type=date],input[type=time],input[type=text],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%}body{background:linear-gradient(160deg,#060d0d,#0d1c18 35%,#0a1820 65%,#080d10);color:var(--tg-theme-text-color, var(--fg));font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0;padding:0;min-height:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 20%,rgba(var(--fg-rgb),.18) 0%,transparent 100%),radial-gradient(1px 1px at 72% 8%,rgba(var(--fg-rgb),.12) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 38% 55%,rgba(232,146,10,.2) 0%,transparent 100%),radial-gradient(1px 1px at 88% 42%,rgba(var(--fg-rgb),.1) 0%,transparent 100%),radial-gradient(1px 1px at 55% 78%,rgba(var(--fg-rgb),.13) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 6% 65%,rgba(147,51,234,.18) 0%,transparent 100%),radial-gradient(1px 1px at 92% 82%,rgba(var(--fg-rgb),.1) 0%,transparent 100%),radial-gradient(1px 1px at 28% 90%,rgba(var(--fg-rgb),.08) 0%,transparent 100%),radial-gradient(1px 1px at 65% 32%,rgba(var(--fg-rgb),.11) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 48% 15%,rgba(232,146,10,.15) 0%,transparent 100%);pointer-events:none;z-index:0}#root{min-height:100vh}.App{overflow:hidden;overflow:clip}html.is-vk *{-webkit-user-select:none;user-select:none}html.is-vk input,html.is-vk textarea,html.is-vk [contenteditable]{-webkit-user-select:text;user-select:text}.container{max-width:min(600px,100%);margin:0 auto;padding:0 20px}button{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#1a0800;border:none;padding:11px 20px;font-size:.9rem;border-radius:9999px;width:100%;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 28px rgba(var(--primary-rgb),.35),0 4px 16px rgba(var(--primary-rgb),.25),inset 0 1px rgba(var(--fg-rgb),.2);font-family:inherit;letter-spacing:.01em;forced-color-adjust:none;-webkit-forced-color-adjust:none}button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--fg-rgb),.18),transparent);transform:skew(-20deg);animation:shimmerSweep 3.5s ease-in-out infinite}@media (hover: hover) and (pointer: fine){button:hover{filter:brightness(1.07);box-shadow:0 0 36px rgba(var(--primary-rgb),.5),0 6px 20px rgba(var(--primary-rgb),.35),inset 0 1px rgba(var(--fg-rgb),.2)}button:disabled:hover{filter:none;box-shadow:none}}button:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}button:disabled{background:rgba(var(--fg-rgb),.1);color:rgba(var(--fg-rgb),.62);cursor:not-allowed;transform:none;box-shadow:none}button:disabled:after{display:none}.section{background:#0f231ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:var(--spacing-lg);border:1px solid rgba(212,165,116,.13);margin-bottom:var(--spacing-lg);box-shadow:0 2px 20px #0003,inset 0 1px rgba(var(--fg-rgb),.04);forced-color-adjust:none;-webkit-forced-color-adjust:none}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.page-scroll{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding:0 20px calc(env(safe-area-inset-bottom,0) + 24px)}header{text-align:center;margin:calc(env(safe-area-inset-top,0px) + 32px) 0 24px;position:relative}.page-back-btn{width:40px;height:40px;min-width:40px;flex-shrink:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--fg-rgb),.06);border:1px solid rgba(var(--fg-rgb),.15);color:rgba(var(--fg-rgb),.85);cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}@media (hover: hover) and (pointer: fine){.page-back-btn:hover{background:rgba(var(--fg-rgb),.12);border-color:rgba(var(--fg-rgb),.28);filter:none}}.page-back-btn:active{transform:scale(.9)}.page-back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}h1{font-size:var(--fluid-2xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.subtitle{color:var(--subtitle-readable);font-size:var(--fluid-base);margin:0;font-weight:400}.tagline{color:var(--primary-color);font-size:var(--fluid-sm);opacity:.85;margin:6px 0 0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-record{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 14px #ef444400}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerSweep{0%{left:-100%}35%{left:150%}to{left:150%}}@keyframes moonPulse{0%,to{box-shadow:0 0 40px #e8920a59,0 0 80px #e8920a26}50%{box-shadow:0 0 55px #e8920a80,0 0 100px #e8920a38}}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .32s cubic-bezier(.4,0,.2,1)}.moon-hero{animation:moonPulse 3s ease-in-out infinite}.card-enter{animation:cardEnter .3s ease both}.skeleton{background:linear-gradient(90deg,rgba(var(--fg-rgb),.05) 25%,rgba(var(--fg-rgb),.1),rgba(var(--fg-rgb),.05) 75%);background-size:200% 100%;animation:shimmerSweep 1.5s ease infinite;border-radius:var(--radius-sm)}:root,html[data-theme=dark]{--fg-rgb: 255, 255, 255;--fg: #ffffff;--subtitle-readable: rgba(255, 255, 255, .92);--app-bg: linear-gradient(160deg, #060d0d 0%, #0d1c18 35%, #0a1820 65%, #080d10 100%);--app-bg-color: #080d10;--section-bg: rgba(15, 35, 30, .75);--section-border: rgba(212, 165, 116, .13);--surface-solid: #1a1a2e;--surface-solid-2: #16162a;--sheet-top: #12201c;--sheet-bot: #0a1512;--bar-bg: rgba(8, 15, 15, .95);--overlay: rgba(0, 0, 0, .7);--overlay-strong: rgba(4, 8, 8, .88);--purple-text: #c084fc;--danger: #f87171;--danger-rgb: 248, 113, 113;--success: #34d399;--success-rgb: 52, 211, 153;--warning: #fbbf24;--warning-rgb: 251, 191, 36;--rating-good: #22d3ee;--rating-good-rgb: 34, 211, 238;--star-op: 1}html[data-theme=light]{--fg-rgb: 20, 13, 32;--fg: #140d20;--subtitle-readable: rgba(20, 13, 32, .9);--app-bg: linear-gradient(160deg, #f5efe1 0%, #efe7d6 46%, #e8ddc8 100%);--app-bg-color: #efe7d6;--section-bg: rgba(255, 253, 247, .82);--section-border: rgba(154, 114, 32, .2);--surface-solid: #fffdf7;--surface-solid-2: #f6f0e3;--sheet-top: #fffdf7;--sheet-bot: #f2ead9;--bar-bg: rgba(248, 243, 233, .96);--overlay: rgba(40, 28, 60, .35);--overlay-strong: rgba(52, 40, 72, .45);--purple-text: #7c3aed;--danger: #cf4459;--danger-rgb: 207, 68, 89;--success: #1f9d57;--success-rgb: 31, 157, 87;--warning: #b8791a;--warning-rgb: 184, 121, 26;--rating-good: #0e7490;--rating-good-rgb: 14, 116, 144;--star-op: .35}body{background:var(--app-bg);background-color:var(--app-bg-color);color:var(--fg)}body:before{opacity:var(--star-op)}.section{background:var(--section-bg);border:1px solid var(--section-border)}.subtitle{color:var(--subtitle-readable)}body,.section,input,textarea,select{transition:background-color .35s ease,border-color .35s ease,color .35s ease}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{color:var(--fg)}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:rgba(var(--fg-rgb),.5)}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}select option{background-color:var(--surface-solid);color:var(--fg)}