@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.z-40{z-index:40}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#f0ede8\]{border-color:#f0ede8}.border-\[\#f7f5f2\]{border-color:#f7f5f2}.bg-\[\#e3f7ff\]{background-color:#e3f7ff}.bg-\[\#edffdf\]{background-color:#edffdf}.bg-\[\#f3e8ff\]{background-color:#f3e8ff}.bg-\[\#ffe4ec\]{background-color:#ffe4ec}.bg-\[\#fff9f5\]\/50{background-color:#fff9f580}.bg-\[\#fff9f5\]\/80{background-color:#fff9f5cc}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#ff6b9d\]{--tw-gradient-from:#ff6b9d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#ff9f5a\]{--tw-gradient-to:#ff9f5a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#2d2a32\]{color:#2d2a32}.text-\[\#5dcaff\]{color:#5dcaff}.text-\[\#6b6877\]{color:#6b6877}.text-\[\#7ed957\]{color:#7ed957}.text-\[\#666\]{color:#666}.text-\[\#a8a4b3\]{color:#a8a4b3}.text-\[\#b983ff\]{color:#b983ff}.text-\[\#ff6b9d\]{color:#ff6b9d}.shadow-\[0_2px_8px_rgba\(255\,107\,157\,0\.08\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff6b9d14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.hover\:bg-\[\#ffe4ec\]:hover{background-color:#ffe4ec}.hover\:bg-\[\#fffbf7\]:hover{background-color:#fffbf7}.hover\:text-\[\#ff6b9d\]:hover{color:#ff6b9d}.hover\:text-\[\#ff9f5a\]:hover{color:#ff9f5a}.hover\:opacity-80:hover{opacity:.8}}:root{--bg-page:#fff9f5;--bg-card:#fff;--bg-card-hover:#fffbf7;--text-primary:#2d2a32;--text-secondary:#6b6877;--text-muted:#a8a4b3;--candy-pink:#ff6b9d;--candy-pink-light:#ffe4ec;--candy-blue:#5dcaff;--candy-blue-light:#e3f7ff;--candy-yellow:#ffd56b;--candy-yellow-light:#fff8e3;--candy-green:#7ed957;--candy-green-light:#edffdf;--candy-purple:#b983ff;--candy-purple-light:#f3e8ff;--candy-orange:#ff9f5a;--candy-orange-light:#fff0e3;--accent:var(--candy-pink);--accent-light:var(--candy-pink-light);--border-color:#f0ede8;--border-light:#f7f5f2;--shadow-sm:0 2px 8px #ff6b9d14;--shadow-md:0 4px 16px #ff6b9d1f;--shadow-lg:0 8px 32px #ff6b9d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-page);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 20% 20%,#ff6b9d14,#0000 40%),radial-gradient(circle at 80% 80%,#5dcaff14,#0000 40%),radial-gradient(circle,#b983ff0d,#0000 50%);margin:0;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border-light)}::-webkit-scrollbar-thumb{background:var(--candy-pink-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--candy-pink)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}.animate-fade-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards fadeIn}.animate-bounce{animation:.6s ease-in-out bounce}.animate-wiggle{animation:.5s ease-in-out wiggle}.animate-float{animation:3s ease-in-out infinite float}.card-hover{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)scale(1.02)}.btn-primary{background:linear-gradient(135deg,var(--candy-pink),var(--candy-orange));color:#fff;border-radius:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #ff6b9d4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b9d66}.tag{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.tag:hover{transform:scale(1.08)}input:focus,textarea:focus{border-color:var(--candy-pink);box-shadow:0 0 0 4px var(--candy-pink-light);outline:none}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}