/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-green-400:oklch(79.2% .209 151.711);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.min-h-\[calc\(100vh-56px\)\]{min-height:calc(100vh - 56px)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#1c1c1e\]{background-color:#1c1c1e}.bg-blue-600{background-color:var(--color-blue-600)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.object-cover{object-fit:cover}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-blue-400{color:var(--color-blue-400)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-green-400{color:var(--color-green-400)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring-1,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}@media (hover:hover){.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{color-scheme:dark;--bg:#111113;--panel:#1c1c1e;--panel-2:#232326;--text:#f2f2f7;--muted:#f2f2f7ad;--border:#ffffff1a;--border-2:#ffffff24;--accent:#0a84ff;--accent-2:rgb(33 150 243,.18);--shadow:0 18px 45px #00000059;--radius:14px;--radius-sm:12px;--sidebar-w:350px;--composer-h:120px;--safe-bottom:env(safe-area-inset-bottom,0px);--header-h:50px;--font:"Noto Serif Thai",serif}.header-left{align-items:center;gap:10px;display:flex}.header-left .header-logo{flex:none;align-items:center;gap:8px;display:flex}.header-left .glow{--size:var(--header-logo-size,28px);width:var(--size);height:var(--size);will-change:box-shadow,transform;border-radius:50%;animation:pulseGlow 3.6s ease-in-out infinite alternate,colorShift 10s ease-in-out infinite;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 3px 2px #06268047,0 0 5px 3px #0585d833,0 0 7px 4px #97b87d1f}.header-left .logo{object-fit:cover;pointer-events:none;filter:drop-shadow(0 8px 12px #0009);background:0 0;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.02)}@keyframes colorShift{0%{box-shadow:0 0 5px 3px #0626804d,0 0 5px 3px #0585d838,0 0 7px 4px #97b87d24}25%{box-shadow:0 0 4px 2px #0585d84d,0 0 5px 3px #97b87d38,0 0 6px 3px #fee02124}50%{box-shadow:0 0 4px 2px #97b87d4d,0 0 5px 3px #fee02138,0 0 7px 4px #ffb51d24}75%{box-shadow:0 0 4px 2px #fee0214d,0 0 5px 3px #ffb51d38,0 0 6px 3px #b9b85e24}to{box-shadow:0 0 5px 3px #b9b85e4d,0 0 6px 3px #06268038,0 0 7px 4px #0585d824}}@keyframes pulseGlow{0%{box-shadow:0 0 2px 1px #0626802e,0 0 4px 2px #0585d824,0 0 6px 3px #97b87d1a}to{box-shadow:0 0 4px 2px #0626804d,0 0 6px 3px #0585d83d,0 0 7px 4px #97b87d29}}@media (max-width:920px){.header-left{gap:8px}.header-left .glow{--size:var(--header-logo-size,24px)}}@media (max-width:480px){.header-left .glow{--size:var(--header-logo-size,23px)}#page-header h1{font-size:18px}}*{box-sizing:border-box}body,html{height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 20% -10%,rgb(33 150 243,.18),transparent 55%),radial-gradient(900px 500px at 90% 10%,#ffd60a1f,transparent 60%),var(--bg);color:var(--text);margin:0;overflow:hidden}a{color:inherit}.app{min-height:100vh;display:flex}aside.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:unset;z-index:30;background:#1c1c1edb;gap:12px;padding:16px;position:fixed;top:0;bottom:0;left:0}.sidebar-header,aside.sidebar{flex-direction:column;display:flex}.sidebar-header{gap:10px;margin-top:40px}.sidebar-header .title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sidebar-header h1{letter-spacing:.2px;margin:0;font-size:18px;font-weight:650}.sidebar-header .count{color:var(--muted);font-size:12px}.search{position:relative}.search input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0f;border-radius:12px;outline:none;padding:10px 12px 10px 36px;transition:border-color .15s,background .15s}.search input:focus{background:#ffffff14;border-color:#2196f373}.search svg{opacity:.6;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.grade-filters{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.grade-tag{border:1px solid var(--border);color:var(--muted);font-size:12px;font-family:var(--font);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:4px 12px;transition:all .12s}.grade-tag:hover{background:#ffffff14}.grade-tag.active{background:var(--accent-2);border-color:var(--accent);color:var(--text)}.cards{flex-direction:column;gap:10px;padding-right:6px;display:flex;overflow:auto}.card-tags{align-items:center;gap:4px;margin-top:4px;display:flex}.card-grade-badge{color:var(--muted);background:#ffffff14;border-radius:8px;padding:3px 6px;font-size:10px}.achieve-star{pointer-events:none;place-items:center;width:16px;height:16px;display:inline-grid}.achieve-star .rating__star{width:16px;height:16px;display:block;overflow:visible}.achieve-star .rating__star-fill,.achieve-star .rating__star-line,.achieve-star .rating__star-ring,.achieve-star .rating__star-stroke{animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.achieve-star .rating__star-fill,.achieve-star .rating__star-line,.achieve-star .rating__star-ring{stroke:#f4a825}.achieve-star .rating__star-fill{fill:#f4a825;transform:scale(0)}.achieve-star .rating__star-line{stroke-dasharray:12 13;stroke-dashoffset:-13px}.achieve-star .rating__star-stroke{stroke:#c7cad1}.achieve-star.is-achieved .rating__star-fill{transform:scale(1)}.achieve-star.is-achieved .rating__star-stroke{transform:scale(0)}.achieve-star.is-achieved.is-animate .rating__star-ring{animation-name:starRing}.achieve-star.is-achieved.is-animate .rating__star-stroke{animation-name:starStroke}.achieve-star.is-achieved.is-animate .rating__star-line{animation-name:starLine}.achieve-star.is-achieved.is-animate .rating__star-fill{animation-name:starFill}@keyframes starRing{0%,20%{opacity:1;r:8px;stroke-width:16px;animation-timing-function:ease-in;transform:scale(0)}35%{opacity:.5;r:8px;stroke-width:16px;animation-timing-function:ease-out;transform:scale(1)}50%,to{opacity:0;r:16px;stroke-width:0;transform:scale(1)}}@keyframes starFill{0%,40%{animation-timing-function:ease-out;transform:scale(0)}60%{animation-timing-function:ease-in-out;transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes starStroke{0%{transform:scale(1)}20%,to{transform:scale(0)}}@keyframes starLine{0%,40%{stroke-dasharray:1 23;stroke-dashoffset:1px;animation-timing-function:ease-out}60%,to{stroke-dasharray:12 13;stroke-dashoffset:-13px}}.card{text-align:left;border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);background:#ffffff0a;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:transform .12s,border-color .12s,background .12s;display:flex}.card:hover{border-color:var(--border-2);background:#ffffff0e;transform:translateY(-1px)}.card.active{background:linear-gradient(0deg,var(--accent-2),#ffffff0d);border-color:#2196f3;box-shadow:inset 0 0 0 1px #2196f324}.card.achieve,.card.achieve:hover{border-color:#f4a825}.card.active.achieve{border-color:#f4a825;box-shadow:inset 0 0 0 1px #f4a82524}.card .meta{flex:1;min-width:0}.card .meta .card-title{font-size:14px;font-family:var(--font);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-weight:650;overflow:hidden}.card .meta .card-sub{color:var(--muted);font-size:12px;font-family:var(--font);margin:0}.thumb{border:1px solid var(--border);background:#ffffff0f;border-radius:12px;flex:none;width:56px;height:56px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}main.main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-height:100vh;position:relative}.main-scroll{height:100vh;padding:calc(22px + var(--header-h)) 22px calc(var(--composer-h) + 18px + var(--safe-bottom));scroll-behavior:smooth;width:100%;overflow-y:auto}.main-inner{width:100%;max-width:765px;margin:0 auto}.landing{text-align:center;gap:18px;padding:26px 8px 10px}.landing,.landing-copy{flex-direction:column;align-items:center;display:flex}.landing-copy{gap:6px}.landing-title{font-family:var(--font);letter-spacing:.2px;font-size:42px;font-weight:700}.landing-subtitle{color:#d3d3d3}.landing-subtitle,.landing-subtitle-introduct{font-family:var(--font);font-size:26px;font-weight:400}.landing-subtitle-introduct{color:var(--text);padding-top:2rem}.landing-tagline{font-family:var(--font);color:#d3d3d3;font-size:26px;font-weight:400}.landing-media{border-radius:var(--radius);background:#ffffff0a;width:100%;max-width:600px}.landing-media img{border-radius:calc(var(--radius) - 2px);object-fit:contain;width:100%;height:auto;display:block}@media (max-width:520px){.landing{gap:14px;padding-top:18px}.landing-title{font-size:32px}.landing-subtitle,.landing-subtitle-introduct,.landing-tagline{font-size:20px}}#page-header{left:var(--sidebar-w);font-family:var(--font);height:var(--header-h);z-index:100;background:#1c1c1e;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex;position:fixed;top:0;right:0}#page-header h1{margin:0;font-size:20px;font-weight:700}#page-header .header-left h1{margin:5px 0 0 2px;font-size:20px}#page-header .header-actions{align-items:center;gap:8px;display:flex}#page-header .btn{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff0a;border-radius:8px;padding:8px 10px}.auth-widget{align-items:center;gap:6px;display:flex}.auth-login-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.auth-login-btn:hover{filter:brightness(1.15)}.auth-avatar-btn{border:1px solid var(--panel);background:var(--panel-2);cursor:pointer;width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;display:flex;overflow:hidden}.auth-avatar-btn img{object-fit:cover;border-radius:50%;width:100%;height:100%}.auth-user-btn{cursor:pointer;color:var(--text);font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:10px;max-width:min(320px,46vw);padding:0;display:inline-flex}.auth-user-meta{flex-direction:column;justify-content:center;gap:2px;min-width:0;line-height:1.05;display:flex}.auth-user-name{color:var(--text);font-size:13px;font-weight:650}.auth-user-name,.auth-user-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-user-role{color:var(--muted);text-transform:capitalize;font-size:11px}.profile-modal-wrap{display:none}.profile-modal-wrap.open{display:block}.profile-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:170;background:#0000009e;position:fixed;inset:0}.profile-modal{background:var(--panel);border:1px solid var(--border);z-index:171;width:min(760px,100% - 32px);max-height:calc(100vh - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:16px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.main-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}.main-scroll::-webkit-scrollbar{width:8px}.main-scroll::-webkit-scrollbar-track{background:0 0}.main-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.main-scroll::-webkit-scrollbar-button{display:none}#composerInput{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}#composerInput::-webkit-scrollbar{width:8px;height:8px}#composerInput::-webkit-scrollbar-track{background:0 0}#composerInput::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}#composerInput::-webkit-scrollbar-button{display:none}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff08);border-radius:18px;overflow:hidden}.hero img{object-fit:cover;filter:saturate(1.05)contrast(1.03);width:100%;height:min(320px,40vh);display:block}.hero .caption{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex}section.card-panel{border-radius:18px;margin-top:16px;padding:4px}.card-panel h2.situation{letter-spacing:.2px;margin:10px 0 5px;font-size:18px;font-weight:700}.card-panel h2.situation-content{font-size:16px}.card-panel h2.situation-content,.chat-header h2{letter-spacing:.2px;margin:0 0 5px;font-weight:700}.chat-header h2{font-size:18px}.card-panel p{color:var(--text);margin:0;line-height:1.65}.card-panel .muted{color:var(--muted)}.price-list{color:var(--text);margin:12px 0 0;padding-left:20px;line-height:1.75}.question{color:var(--text);background:#2196f31a;border:1px solid #2196f3;border-radius:14px;margin-top:12px;padding:12px 14px}.chat-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chat-header .badge{color:var(--muted);border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:6px 10px;font-size:12px}.chat-thread{flex-direction:column;gap:10px;display:flex}.thinking-text{font-optical-sizing:auto;text-transform:uppercase;color:#0000;background:linear-gradient(135deg,#fff,#5e5e5e,#fff) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:600;animation:shimmer 5s linear infinite}.thinking-dots:after{content:".";animation:thinking-dots 5s step-end infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes thinking-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.bubble{border:unset;background:unset;word-break:break-word;border-radius:24px 4px 24px 24px;max-width:min(680px,90%);padding:12px 14px;line-height:1.6}.bubble.user{background:#2196f3;border-color:#2196f359;margin-left:auto;position:relative}.edit-btn{color:var(--text);cursor:pointer;font-size:13px;line-height:1;font-family:var(--font);background:#00000038;border:1px solid #ffffff0f;border-radius:16px;align-self:flex-end;padding:6px 8px;transition:background .12s,transform 80ms,border-color .12s;display:inline-flex}.edit-btn:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.edit-area{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.edit-area .edit-textarea{border:1px solid var(--border);min-height:46px;max-height:120px;color:var(--text);resize:vertical;font-family:var(--font);background:#ffffff0a;border-radius:10px;flex:1;padding:8px 10px;font-size:16px}.edit-area .edit-actions{gap:8px;display:flex}.edit-area .edit-actions button{cursor:pointer;border:1px solid var(--border);font-family:var(--font);background:#6b6b6b;border-radius:10px;padding:8px 12px;font-size:16px}.edit-area .edit-actions .edit-send{color:var(--text);font-family:var(--font);background:#2196f3;border-color:#2196f38c;font-size:16px}.bubble.ai{background:unset;margin-right:auto}.bubble .meta{color:#f2f2f78c;margin-top:8px;font-size:11px}.bubble .content{font-family:var(--font)}.bubble .content sup{vertical-align:super;font-family:inherit;font-size:.72em;line-height:0}footer.composer{left:var(--sidebar-w);padding:12px 16px calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#111113;position:fixed;bottom:0;right:0}.composer-inner{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;max-width:980px;margin:0 auto;display:flex}.composer-inner[data-disabled=true]{opacity:.6}.composer-left{flex:none;align-items:center;gap:10px;display:none}.composer-select{border:1px solid var(--border);height:36px;color:var(--text);background:#ffffff0f;border-radius:12px;outline:none;max-width:220px;padding:0 10px}.composer-select:focus{border-color:#2196f38c}.mic-toggle-wrap{flex-direction:column;align-items:flex-start;gap:8px;display:inline-flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border);background-color:#fff3;border-radius:999px;inset:0}.slider,.slider:before{transition:all .2s;position:absolute}.slider:before{content:"";background-color:#f2f2f7eb;border-radius:50%;width:18px;height:18px;bottom:2px;left:3px}input:checked+.slider{background-color:#34c759;border-color:#66bb6a}input:checked+.slider:before{transform:translate(20px)}.mic-status{color:var(--muted);white-space:nowrap;font-size:12px}.mic{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#2196f3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:background-color .25s;display:inline-flex;position:relative}.mic:before{content:"";width:inherit;height:inherit;border-radius:inherit;background-color:inherit;z-index:-1;position:absolute}.listening{background-color:#ff453a}.listening:before{animation:listening 1.3s infinite}@keyframes listening{0%{opacity:.25}to{opacity:0;transform:scale(1.7)}}.tts-toggle-wrap{flex-direction:column;align-items:flex-start;gap:8px;display:inline-flex}.tts-active .voice-modal-btn{display:inline-block}.voice-modal-btn{border:1px solid var(--border);max-width:140px;height:36px;color:var(--text);cursor:pointer;font-family:var(--font);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:10px;padding:0 12px;font-size:14px;display:none;overflow:hidden}.voice-modal-wrap{display:none}.voice-modal-wrap.open{display:block}.voice-modal{border:1px solid var(--border);z-index:101;min-width:300px;max-width:90%;color:var(--text);background:#1c1c1e;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080}.voice-modal h3{margin:0;font-size:18px}.voice-list{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.voice-option{border:1px solid var(--border);cursor:pointer;color:var(--text);text-align:left;font-family:var(--font);background:#ffffff0f;border-radius:10px;padding:12px}.voice-option:hover{background:#ffffff1a}.voice-option.selected{border-color:#2196f3}.voice-modal .close-btn{color:var(--text);cursor:pointer;font-family:var(--font);background:#ff453a33;border:1px solid #ff453a;border-radius:10px;margin-top:8px;padding:10px;font-size:14px;font-weight:700}.voice-modal .close-btn:hover{background:#ff453a66}.auth-modal-wrap{display:none}.auth-modal-wrap.open{display:block}.auth-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:180;background:#0000009e;position:fixed;inset:0}.auth-modal{background:var(--panel);border:1px solid var(--border);z-index:181;width:min(420px,100% - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-modal h2{margin:0;font-size:18px;font-weight:700}.auth-modal-subtitle{color:var(--muted);margin:0;font-size:13px}.auth-modal-form{flex-direction:column;gap:10px;display:flex}.auth-modal-label{color:var(--muted);font-size:13px}.auth-modal-form input{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);background:#ffffff0f;border-radius:12px;outline:none;padding:10px 12px;font-size:14px}.auth-modal-form input:focus{background:#ffffff14;border-color:#2196f373}.auth-modal-form input:disabled{opacity:.7;cursor:not-allowed}.auth-modal-error{color:#ff453a;font-size:13px}.auth-modal-submit{background:var(--accent);height:44px;color:var(--text);cursor:pointer;font-weight:700;font-family:var(--font);border:1px solid #2196f38c;border-radius:14px;padding:0 14px;font-size:15px;transition:transform .12s,filter .12s}.auth-modal-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.auth-modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-modal-footer{color:var(--muted);margin:4px 0 0;font-size:12px}.auth-modal-link{color:var(--text);text-underline-offset:2px;font-weight:700;-webkit-text-decoration:underline #2196f38c;text-decoration:underline #2196f38c}.authLogoutBtn{color:var(--text);background-color:#ff453a}.composer textarea{resize:none;border:1px solid var(--border);min-height:46px;max-height:120px;color:var(--text);font-family:var(--font);background:#ffffff0f;border-radius:14px;outline:none;flex:1;min-width:min(560px,100%);padding:12px;font-size:14px;line-height:1.4}.composer textarea:focus{border-color:rgb(33 150 243,.55)}.composer button{height:46px;color:var(--text);cursor:pointer;white-space:nowrap;font-weight:700;font-family:var(--font);background:#2196f3;border:1px solid #2196f38c;border-radius:14px;padding:0 14px;font-size:16px;transition:transform .12s,background .12s}.composer button:hover{background:rgb(33 150 243,.26);transform:translateY(-1px)}.composer button:disabled{opacity:.55;cursor:not-allowed;transform:none}.composer button.secondary{background:#ff453a;border-color:#ff453a}.composer button.secondary:hover{background:#ff453a}.app.is-achieved .composer button{background:#f4a825;border:1px solid #f4a825}.app.is-achieved .composer button:hover{background:#f4a825}.app.is-achieved .composer button.secondary{background:#f4a825;border-color:#f4a825}.app.is-achieved .composer button.secondary:hover{background:#f4a825}.app.is-achieved .composer textarea{border:1px solid #f4a825}.app.is-achieved .composer textarea:focus{border-color:#f4a825}.app.is-achieved .mic{background-color:#f4a825}.app.is-achieved .mic.listening{background-color:#ff453a}.app.is-achieved .bubble.user{background:#ce8d1c}.hint{text-align:center;max-width:980px;color:var(--muted);margin-top:8px;margin-left:auto;margin-right:auto;font-size:12px}.backdrop{z-index:9;background:#00000085;inset:0}.backdrop,.drawer-btn{display:none;position:fixed}.drawer-btn{z-index:25;border:unset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);cursor:pointer;background:#1c1c1eb8;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;transition:transform .12s,border-color .12s;top:40px;left:14px}.drawer-btn:hover{border-color:var(--border-2);transform:translateY(-1px)}.drawer-btn:active{transform:translateY(0)}.drawer-btn-text{letter-spacing:.2px;color:#f2f2f7d9;font-size:13px;font-weight:650}@media (max-width:600px){.hero img{height:min(160px,40vh)}.edit-area{flex-direction:column;align-items:stretch}.edit-area .edit-textarea{width:100%}.edit-area .edit-actions{justify-content:flex-end;gap:8px;width:100%;margin-top:8px;display:flex}.edit-area .edit-actions button{min-width:84px}}span.edit-label{padding:4px}.progress-wrap{cursor:pointer;z-index:999;opacity:0;visibility:hidden;border-radius:50px;width:46px;height:46px;transition:all .2s linear;position:fixed;bottom:160px;right:120px;transform:translateY(15px);box-shadow:inset 0 0 0 3px #fff3}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap:after{content:"↑";text-align:center;color:#ffffffb3;z-index:1;width:46px;height:46px;font-size:24px;line-height:46px;transition:all .2s linear;display:block;position:absolute;top:-2px;left:0}.progress-wrap:hover:after{opacity:0}.progress-wrap:hover:before{opacity:1}.progress-wrap:before{content:"↑";text-align:center;opacity:0;-webkit-text-fill-color:#66bb6a;z-index:2;width:46px;height:46px;font-size:24px;line-height:46px;transition:all .2s linear;display:block;position:absolute;top:-2px;left:0}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#66bb6a;stroke-width:6px;box-sizing:border-box;transition:all .2s linear}@media (max-width:599px){.progress-wrap{right:20px}}@media (max-width:920px){aside.sidebar{opacity:0;pointer-events:none;width:300px;transform:translate(-104%);box-shadow:0 24px 60px #0000008c}body.drawer-open aside.sidebar{opacity:1;pointer-events:auto;transform:translate(0)}main.main{width:100%;margin-left:0}footer.composer{left:0}.composer-left{justify-content:space-between;width:100%}.composer textarea{min-width:100%}.drawer-btn{background:#1c1c1e99;border-radius:10px;align-items:center;width:36px;height:36px;margin-right:8px;padding:6px;display:inline-flex;position:static!important;top:auto!important;left:auto!important}body.drawer-open .backdrop{display:block}#page-header{justify-content:space-between}#page-header .header-left{flex:1;align-items:center;gap:8px;display:flex}#page-header .header-left h1{margin:5px 0 0 2px;font-size:20px}#page-header .header-actions{flex:0;align-items:center;gap:8px;display:flex}.drawer-btn{order:0;margin:0}#page-header{width:100%;padding-left:14px;padding-right:14px;left:0!important;right:0!important}}@media (min-width:600px) and (max-width:1024px){.progress-wrap{bottom:120px;right:40px}footer.composer .composer-inner{flex-wrap:nowrap;align-items:flex-start;gap:8px}#composerInput,.composer textarea{flex:auto;min-width:0;max-width:none}#sendBtn,#stopBtn,.mic-toggle-wrap{flex:none;margin-left:6px}#sendBtn,#stopBtn{height:46px}.composer-left{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}