*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sticky-note{position:relative;width:200px;min-height:200px;padding:20px;border-radius:12px;background-clip:padding-box;transform:rotate(var(--rotation, 0deg)) translateZ(0);display:flex;align-items:center;justify-content:center;text-align:center;font-family:Gaegu,cursive,sans-serif;font-size:16px;line-height:1.5;box-shadow:0 12px 22px #00000024,0 6px 12px #00000014;transition:transform .25s ease,box-shadow .25s ease;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.sticky-note-dragging{cursor:grabbing!important;transform:rotate(var(--rotation, 0deg)) translateY(-8px) scale(1.05);box-shadow:0 20px 35px #00000038,0 10px 18px #00000024;z-index:1000}.sticky-note:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#fff0 50%);border-radius:12px;pointer-events:none}.sticky-note:after{content:"";position:absolute;top:0;left:0;right:0;height:18px;background:linear-gradient(180deg,#ffffff2e,#fff0);border-top-left-radius:12px;border-top-right-radius:12px;pointer-events:none}.sticky-note-solid:before{display:none}@media(min-width:720px){.sticky-note:hover{transform:rotate(var(--rotation, 0deg)) translateY(-4px);box-shadow:0 16px 28px #0000002e,0 8px 16px #0000001a}}.sticky-note-content{position:relative;z-index:1;word-wrap:break-word;width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.sticky-note-image{width:100%;border-radius:10px;box-shadow:0 10px 20px -14px #00000059;pointer-events:none;-webkit-user-select:none;user-select:none}.sticky-note-image-plain{border-radius:0!important;box-shadow:none!important}.sticky-note-yellow{background:linear-gradient(135deg,#fef9c3,#fde047);color:#422006}.sticky-note-blue{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e3a8a}.sticky-note-pink{background:linear-gradient(135deg,#fce7f3,#f9a8d4);color:#831843}.sticky-note-green{background:linear-gradient(135deg,#dcfce7,#86efac);color:#14532d}.sticky-note-orange{background:linear-gradient(135deg,#fed7aa,#fb923c);color:#7c2d12}.sticky-note-solid.sticky-note-yellow{background:#fde047}.sticky-note-solid.sticky-note-blue{background:#93c5fd}.sticky-note-solid.sticky-note-pink{background:#f9a8d4}.sticky-note-solid.sticky-note-green{background:#86efac}.sticky-note-solid.sticky-note-orange{background:#fb923c}@media(max-width:720px){.sticky-note{width:160px;min-height:160px;padding:16px;font-size:14px}.sticky-note-image{border-radius:8px}}@media(prefers-reduced-motion:reduce){.sticky-note{transition:none}.sticky-note:hover{transform:rotate(var(--rotation, 0deg))}}.sticky-note-new-wrapper{cursor:grab;-webkit-user-select:none;user-select:none;display:inline-block;transition:transform .25s ease,box-shadow .25s ease;touch-action:none}@media(min-width:720px){.sticky-note-new-wrapper:hover{transform:translateY(-6px) scale(1.03)}}.sticky-note-new-wrapper:active{cursor:grabbing}.sticky-note-new-dragging{cursor:grabbing!important;transform:translateY(-8px) scale(1.05)!important;z-index:1000}.sticky-note-new{position:relative;background:#fafafa;border-radius:16px;padding:12px;width:240px;min-height:200px;box-shadow:0 12px 24px -12px #0000002e,0 -1px #0000000d;font-family:Handlee,Gaegu,cursive,sans-serif;transition:box-shadow .25s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.2'/%3E%3C/svg%3E");background-size:200px 200px}html.dark .sticky-note-new{background:#2a2b30}.sticky-note-new-dragging .sticky-note-new{box-shadow:0 20px 35px #00000038,0 -1px #00000014}.sticky-note-new-emoji{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));pointer-events:none}.sticky-note-new-content{margin-top:24px;min-height:152px;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff59;display:flex;flex-direction:column;gap:8px}.sticky-note-new-image{width:100%;border-radius:10px;box-shadow:0 10px 20px -14px #00000059;pointer-events:none;-webkit-user-select:none;user-select:none}.sticky-note-new-image-plain{border-radius:0!important;box-shadow:none!important}.sticky-note-new-orange{background:linear-gradient(135deg,#ffe8c7,#fdba74)}.sticky-note-new-blue{background:linear-gradient(135deg,#e0edff,#a5c7ff)}.sticky-note-new-pink{background:linear-gradient(135deg,#ffe0ef,#f9a8d4)}.sticky-note-new-green{background:linear-gradient(135deg,#dffbe8,#86efac)}.sticky-note-new-yellow{background:linear-gradient(135deg,#fff4c2,#facc15)}.sticky-note-new-solid.sticky-note-new-orange{background:#fed7aa99}.sticky-note-new-solid.sticky-note-new-blue{background:#dbeafe99}.sticky-note-new-solid.sticky-note-new-pink{background:#fce7f399}.sticky-note-new-solid.sticky-note-new-green{background:#dcfce799}.sticky-note-new-solid.sticky-note-new-yellow{background:#fef9c399}.sticky-note-new-number{font-size:20px;font-weight:700;opacity:.8;margin-bottom:4px}.sticky-note-new-orange .sticky-note-new-number{color:#c2410c}.sticky-note-new-blue .sticky-note-new-number{color:#1d4ed8}.sticky-note-new-pink .sticky-note-new-number{color:#be185d}.sticky-note-new-green .sticky-note-new-number{color:#15803d}.sticky-note-new-yellow .sticky-note-new-number{color:#a16207}.sticky-note-new-heading{color:#1a1a1a;font-weight:600;font-size:18px;margin-bottom:8px;line-height:1.3}.sticky-note-new-text{font-size:16px;color:#374151;line-height:1.5;opacity:.8}@media(max-width:720px){.sticky-note-new{width:200px;min-height:180px}.sticky-note-new-emoji{font-size:28px}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;overflow-x:hidden;overflow-y:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}html.light,body.light{--bg-main: #ffffff;--bg-surface: #f4f5f8;--text-primary: #1a1a1a;--text-secondary: #474747;--text-muted: #8c8fa6;--dot-color: rgba(234, 234, 241, 1)}html.dark,body.dark{--bg-main: #121217;--bg-surface: #1c1c22;--text-primary: #e6e6eb;--text-secondary: #c9c9d4;--text-muted: #9a9db3;--dot-color: rgba(255, 255, 255, .06)}.dotted-bg-wrapper{position:relative;min-height:100vh;width:100%}.dotted-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg-main);background-image:radial-gradient(circle at 3px 3px,var(--dot-color) 1.5px,transparent 1.6px);background-size:26px 26px}.main-content{position:relative;display:flex;flex-direction:column;width:720px;max-width:100%;margin:0 auto;gap:200px}@media(max-width:720px){.main-content{width:100%;padding:0 24px}}.top-bar{position:fixed;top:0;right:0;z-index:2;padding:20px 24px;display:flex;justify-content:flex-end}.hero-container{position:relative;z-index:1;min-height:100vh;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.hero-text-container{display:flex;flex-direction:column;gap:18px;align-items:center}.hero-animation{position:absolute;top:calc(50% - 210px);left:calc(50% - 360px);width:204px;height:242px}.hero-animation>*{pointer-events:none}.hero-title{font-family:Solway,Solway Placeholder,serif;font-weight:700;line-height:1.2;font-size:clamp(45px,6vw,52px);color:var(--text-secondary)}.hero-subtitle{font-family:Gaegu,sans-serif;font-weight:700;font-size:clamp(20px,4vw,24px);line-height:1.3;color:var(--text-muted);text-align:center}.theme-switcher{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:12px;border:none;cursor:pointer;background-color:var(--bg-surface);color:var(--text-primary);box-shadow:0 6px 16px #0000001f;transition:background-color .2s ease,color .2s ease,transform .15s ease,box-shadow .15s ease}.theme-switcher svg{width:20px;height:20px}@media(min-width:720px){.theme-switcher:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000029}.theme-switcher:active{transform:translateY(0)}}.theme-switcher:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}html.theme-transition,html.theme-transition *{transition:background-color 1.2s cubic-bezier(.4,0,.2,1),color 1.2s cubic-bezier(.4,0,.2,1),border-color 1.2s cubic-bezier(.4,0,.2,1),fill 1.2s cubic-bezier(.4,0,.2,1),box-shadow 1.2s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:480px){.top-bar{padding:16px}}