:root{--palette-kobai:#de9393;--palette-momo:#d68b8b;--palette-urumi:#d35050;--palette-akane:#c02b2b;--palette-beniebicha:#a22a2a;--color-primary:#302424;--color-ink:#302424;--color-surface:#fff;--color-background:#fcf8f7;--color-border:#e8d5d5;--color-crimson:var(--palette-akane);--color-crimson-mid:var(--palette-beniebicha);--color-crimson-dark:#4a2020;--color-crimson-soft:#f6e5e5;--color-crimson-glow:var(--palette-urumi);--color-secondary:var(--palette-beniebicha);--color-secondary-dark:#842222;--color-accent:var(--palette-akane);--color-accent-light:var(--palette-kobai);--color-accent-dark:var(--palette-beniebicha);--color-accent-strong:var(--palette-urumi);--color-accent-soft:#f8eeee;--color-highlight:#fff5f5;--color-highlight-light:#f8eeee;--color-highlight-tint:#e8d5d5;--color-highlight-deep:var(--palette-beniebicha);--color-gold-strong:var(--palette-momo);--color-gold-bright:var(--palette-kobai);--color-surface-blush:#f6e5e5;--color-surface-blush-light:#fcf8f7;--color-surface-peach:#f8eeee;--color-surface-peach-dark:#f1dddd;--color-muted:#756060;--color-neutral-100:#f1e5e5;--color-neutral-300:#e8d5d5;--color-neutral-700:#756060;--color-neutral-900:#302424;--color-shadow-crimson:#4a2020;--color-shadow-ink:#302424}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth;line-height:1.5}body{line-height:inherit;margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}ol,ul,menu{margin:0;padding:0;list-style:none}hr{height:0;color:inherit;border-top-width:1px}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none;cursor:pointer;background-color:#0000;background-image:none;margin:0;padding:0}button:disabled{cursor:default}img,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}body{min-height:100vh;color:var(--color-primary);background-color:var(--color-background);font-family:Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.site{flex-direction:column;display:flex}.site-main{flex-grow:1}a{color:var(--color-secondary);transition:color .2s}a:hover,a:focus{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-secondary);box-shadow:0 0 0 3px var(--color-surface);outline-offset:3px;border-radius:4px}.panel{border:1px solid var(--color-accent-strong);background:linear-gradient(120deg, rgb(from var(--color-surface) r g b / 8%), rgb(from var(--color-surface) r g b / 0%)), linear-gradient(135deg, var(--color-crimson), var(--color-crimson-mid));box-shadow:inset 0 0 0 2px rgb(from var(--color-surface) r g b / 35%), 0 22px 60px rgb(from var(--color-crimson-dark) r g b / 12%), 0 12px 24px rgb(from var(--color-crimson-mid) r g b / 8%);border-radius:32px;position:relative}.panel:before{content:"";border:1px solid rgb(from var(--color-surface) r g b / 18%);pointer-events:none;border-radius:24px;position:absolute;inset:1.8rem}.panel-title{color:var(--color-highlight);text-shadow:none}.button{border:2px solid var(--color-surface);background:var(--color-accent);color:var(--color-surface);letter-spacing:.08em;box-shadow:0 12px 24px rgb(from var(--color-crimson-dark) r g b / 30%), inset 0 1px 0 rgb(from var(--color-surface) r g b / 92%);border-radius:999px;justify-content:center;align-items:center;padding:.8rem 2.8rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.button:hover,.button:focus{background:var(--color-accent-dark);color:var(--color-surface);box-shadow:0 16px 28px rgb(from var(--color-crimson-dark) r g b / 38%), inset 0 1px 0 rgb(from var(--color-surface) r g b / 96%);transform:translateY(-2px)}.landing-bg{background:radial-gradient(circle at 20% 12%, rgb(from var(--palette-kobai) r g b / 12%), transparent 35%), radial-gradient(circle at 80% 85%, rgb(from var(--palette-momo) r g b / 10%), transparent 40%), var(--color-background)}@keyframes drop-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.drop-down-0{opacity:0;animation:.6s ease-out .3s forwards drop-down}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drop-down-0{opacity:1;animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
