:root{--ink:#241e22;--pink:#d58fa0;--paper:#faf5ef;font-family:"Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #a04061;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;border-bottom:1px solid #241e2220}.logo{font:900 36px Arial;letter-spacing:-3px}nav{display:flex;gap:24px;align-items:center;font-size:11px}nav button{border:0;background:none;padding:10px 0}.intro{padding:65px 7% 70px;background:var(--pink);overflow:hidden;position:relative}.eyebrow{font:11px monospace;letter-spacing:.16em}h1{font-size:clamp(52px,8vw,130px);line-height:1.32;letter-spacing:-.055em;margin:35px 0 45px;position:relative;z-index:1}h1 em{font-style:normal;color:#fff7ef}.flower{position:absolute;right:4%;top:0;font:clamp(120px,23vw,360px)/1 Arial;font-weight:normal;opacity:.8;animation:rotate 45s linear infinite;z-index:-1}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom p{font-size:15px;line-height:2}.write-button{background:var(--ink);color:var(--paper);border:0;border-radius:60px;padding:23px 32px;font-weight:700;display:flex;align-items:center;gap:65px}.write-button span{font-size:30px}.board{padding:65px 5% 100px;min-height:70vh;background-image:radial-gradient(#ba9a9f55 1px,transparent 1px);background-size:24px 24px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 2% 35px}.board-heading h2{font-size:clamp(25px,3vw,42px);margin:15px 0}.board-heading button,#empty button{background:transparent;border:1px solid #a88d96;padding:12px 22px;border-radius:40px;font-size:12px}#board-status{margin:0 2%;color:#876b77;font-size:13px}.notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:30px 0;align-items:start}.note{position:relative;padding:35px 28px 25px;background:#f4d5de;box-shadow:0 12px 25px #3526300c;transform:rotate(var(--tilt));animation:appear .65s both;animation-delay:var(--delay);min-height:220px;border-radius:2px 2px 28px 2px;transition:transform .25s,box-shadow .25s}.note:nth-child(4n+2){background:#f1e8bf;margin-top:45px}.note:nth-child(4n+3){background:#dce5df;margin-top:12px}.note:nth-child(4n){background:#e3dced;margin-top:70px}.note:before{content:'';position:absolute;top:-10px;left:35%;width:30%;height:22px;background:#fff9e999;transform:rotate(-4deg)}.note:hover{transform:rotate(0) translateY(-8px);box-shadow:0 20px 35px #35263018}.note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px}.note small{display:block;margin-top:28px;font:11px monospace;color:#705762}.note .note-mark{font:25px Arial;color:#947785}#empty{padding:75px 20px;text-align:center}#empty>span{font:80px Arial;color:#c8849b;display:inline-block;animation:rotate 40s linear infinite}#empty h3{font-size:25px}#empty p{font-size:14px;color:#876b77}#empty button{margin-top:20px}footer{background:var(--ink);color:var(--paper);padding:65px 7%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:clamp(25px,4vw,56px);margin:0}footer a{font-size:13px}footer small{width:100%;opacity:.5;font-size:11px}dialog{border:1px solid #bfa1ab;border-radius:25px;background:var(--paper);color:var(--ink);padding:35px;width:min(620px,92vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#241e2288;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:0;background:none;font-size:30px}dialog h2{font-size:clamp(21px,4vw,30px);margin:20px 0 30px}label{display:block;font-size:13px;margin-bottom:10px}textarea{width:100%;font:16px/1.8 inherit;padding:16px;border:1px solid #b48c9a;border-radius:12px;background:#fffcf8;resize:vertical;color:var(--ink);font-family:inherit;font-size:16px;line-height:1.8}.form-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#876b77;margin:10px 0}.form-note{font-size:12px;line-height:1.8;color:#876b77}.send{width:100%;border:0;border-radius:40px;padding:18px;background:var(--ink);color:var(--paper);margin-top:10px}#send-status{font-size:13px;line-height:1.8}.trap{position:absolute;left:-10000px}#admin-panel{padding:50px 7%;background:#eee4e8}#admin-content{display:grid;gap:15px}#admin-content article{padding:20px;background:white;border-radius:10px}#admin-content p{white-space:pre-wrap;overflow-wrap:anywhere}#admin-content button{margin:8px;border:1px solid #ba8c9a;border-radius:20px;padding:10px 20px;background:#f4d5de}[hidden]{display:none!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.paused *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1800px){.notes{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}@media(max-width:760px){header{padding:18px 5%}nav{gap:14px;font-size:10px}.logo{font-size:28px}.intro{padding:40px 6%}.flower{right:-10%;top:45px;opacity:.35}.intro-bottom{align-items:start;flex-direction:column}.notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note{padding:25px 18px}.note:nth-child(n){margin-top:0}.note:nth-child(even){margin-top:25px}.board{padding:40px 5% 65px}.board-heading{align-items:start}.board-heading button{padding:10px;font-size:10px;white-space:nowrap}.board-heading h2{font-size:24px}.note p{font-size:13px}dialog{padding:24px}}@media(max-width:430px){.notes{grid-template-columns:1fr;padding:25px 12px}.note:nth-child(n){margin-top:10px}h1{font-size:13vw}nav{gap:10px}#motion{font-size:9px}}
.site-header{position:absolute;inset:28px 4.6% auto;z-index:10;height:70px;padding:0 30px;background:var(--paper);border:1px solid var(--ink);border-radius:100px}.site-header .logo{font:900 37px/1 "Arial Black",Arial,sans-serif;letter-spacing:-3px}.site-header .logo span{font:12px Arial;vertical-align:top;letter-spacing:0;margin:3px 0 0 4px}.site-header nav{display:flex;gap:34px;font:700 13px Arial,sans-serif;letter-spacing:.06em}.site-header nav a{padding:14px 0}.site-header nav a[aria-current]{border-bottom:1px solid currentColor}.site-header #motion{border:0;background:none;font-size:18px;padding:12px}.intro{padding-top:155px}.admin-entry{text-align:right;padding:18px 5% 0}.admin-entry button{border:0;background:none;font-size:11px;color:#876b77}@media(max-width:700px){.site-header{inset:18px 4% auto;height:60px;padding:0 16px;gap:10px}.site-header .logo{font-size:29px}.site-header nav{gap:12px;font-size:11px}.intro{padding-top:120px}}@media(max-width:360px){.site-header nav{gap:8px;font-size:10px}.site-header .logo{font-size:26px}}