:root{--olive: #7c8261;--olive-deep: #565b41;--olive-deeper: #454a34;--paper: #f1ebdc;--paper-line: #dad0b7;--paper-shadow: rgba(28, 26, 18, .28);--tape: #d3bd93;--tape-edge: #b79a6c;--ink: #2b2919;--ink-soft: #5b5842;--gold: #be9a55;--cream: #f4efe1;--radius-s: 2px}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased;background-color:#6b7052;background-image:url(/bg.webp);background-repeat:repeat;background-size:500px auto;background-position:0 0}.wrap{max-width:560px;margin:0 auto;padding:0 22px}a{color:inherit}.site-header{position:relative;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-bottom:2px solid rgba(255,255,255,.08)}.site-header img{height:80px;width:auto;object-fit:contain;display:block;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.4));opacity:.95}.site-header .brand-name{display:none}@media (max-width: 360px){.site-header img{height:60px}}.eyebrow{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:var(--cream);opacity:.85;text-align:center}.eyebrow.dark{color:var(--ink-soft)}.hero{padding:30px 0 10px;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent}.note-stage{position:relative;width:100%;max-width:400px;margin:34px auto 22px}.hero-art{display:block;width:100%;border-radius:6px;box-shadow:0 26px 50px -16px var(--paper-shadow)}.kicker{margin-top:22px;color:var(--cream);font-size:.95rem;max-width:380px;line-height:1.5;opacity:.92}.listen{padding:8px 0 46px}.listen-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.pill{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--cream);color:var(--ink);font-weight:600;font-size:.85rem;text-decoration:none;border:1px solid rgba(0,0,0,.06);transition:transform .15s ease,background .15s ease}.pill:hover{background:var(--gold);color:var(--olive-deeper);transform:translateY(-2px)}.pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}section.panel{background:transparent;padding:50px 0 56px}section.panel.deep{background:transparent}h2.section-title{font-family:Nanum Pen Script,cursive;font-weight:400;color:var(--cream);font-size:clamp(2.1rem,8vw,2.7rem);text-align:center;margin:8px 0 4px}p.section-sub{text-align:center;color:var(--cream);opacity:.8;font-size:.92rem;max-width:400px;margin:0 auto 28px;line-height:1.55}.composer{background:#00000024;border-radius:14px;padding:22px}.field{margin-bottom:16px}.field label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);opacity:.75;margin-bottom:7px;font-weight:600}.field input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--cream);font-family:Work Sans,sans-serif;font-size:.95rem}.field input::placeholder,.field textarea::placeholder{color:#f4efe173}.field input:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;background:#ffffff1f}.field textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--cream);font-family:Work Sans,sans-serif;font-size:.95rem;resize:vertical;min-height:74px}.char-count{font-size:.7rem;color:var(--cream);opacity:.55;text-align:right;margin-top:4px}.email-note{font-size:.7rem;color:var(--cream);opacity:.6;margin-top:6px;line-height:1.4}.phone-row{display:flex;gap:8px}.phone-row select{flex:0 0 132px;padding:12px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--cream);font-family:Work Sans,sans-serif;font-size:.85rem}.phone-row select option{color:var(--ink);background:var(--paper)}.phone-row input{flex:1;min-width:0}.multiselect{position:relative}.ms-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ms-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border-radius:999px;background:#be9a552e;border:1px solid rgba(190,154,85,.4);color:var(--cream);font-size:.78rem}.ms-chip button{border:none;background:transparent;color:var(--cream);cursor:pointer;font-size:.9rem;line-height:1;padding:0 2px;opacity:.75}.ms-chip button:hover{opacity:1}.ms-input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--cream);font-family:Work Sans,sans-serif;font-size:.95rem}.ms-input::placeholder{color:#f4efe173}.ms-input:focus{outline:2px solid var(--gold);outline-offset:1px;background:#ffffff1f}.multiselect-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow-y:auto;background:var(--olive-deeper);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px;z-index:20;box-shadow:0 12px 24px -8px #00000080}.ms-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;font-size:.88rem;color:var(--cream);cursor:pointer}.ms-option:hover{background:#ffffff14}.ms-option.selected{color:var(--gold);font-weight:600}.ms-option .ms-check{opacity:0;font-size:.8rem}.ms-option.selected .ms-check{opacity:1}.ms-empty{padding:10px;font-size:.82rem;color:var(--cream);opacity:.6;text-align:center}.preview-stage{margin:26px 0 18px;display:flex;justify-content:center}.preview-note{width:100%;max-width:320px;margin:0 auto;position:relative;background:var(--paper);border-radius:10px;padding:26px 24px 22px;box-shadow:0 16px 30px -12px #0006;transform:rotate(-1deg)}.note-tape{position:absolute;top:-10px;left:24px;width:56px;height:20px;background:linear-gradient(var(--tape),var(--tape-edge));opacity:.85;transform:rotate(-6deg);box-shadow:0 2px 4px #0000002e}.note-inner{display:flex;flex-direction:column}.preview-text{font-family:Nanum Pen Script,cursive;font-weight:400;font-size:1.35rem;line-height:1.3;color:var(--ink);word-break:break-word;white-space:pre-wrap;min-height:2.6em}.preview-name{margin-top:12px;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.btn{border:none;cursor:pointer;padding:13px 22px;border-radius:999px;font-weight:600;font-size:.88rem;font-family:Work Sans,sans-serif;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:var(--olive-deeper)}.btn-primary:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--cream);border:1px solid rgba(244,239,225,.35)}.btn-ghost:hover{background:#ffffff14}.btn:disabled{opacity:.45;cursor:not-allowed}.status-msg{text-align:center;font-size:.82rem;color:var(--cream);opacity:.85;margin-top:14px;min-height:18px}.wall-count{text-align:center;color:var(--cream);font-size:.82rem;opacity:.75;margin-bottom:22px}.wall-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 14px;align-items:start}@media (min-width: 480px){.wall-grid{grid-template-columns:repeat(3,1fr)}}.wall-note{position:relative;background:var(--paper);border-radius:8px;padding:16px 14px 13px;box-shadow:0 10px 18px -10px #0006}.wall-note .note-tape{width:36px;height:14px;top:-7px;left:14px}.wall-note p{font-family:Nanum Pen Script,cursive;font-weight:400;font-size:.95rem;line-height:1.25;margin:0 0 6px;color:var(--ink);word-break:break-word;white-space:pre-wrap}.wall-note span{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.wall-empty{text-align:center;color:var(--cream);opacity:.6;font-size:.85rem;padding:20px 0}footer{padding:34px 0 46px;text-align:center;background:transparent}footer .tag{font-family:Caveat,cursive;font-size:1.3rem;color:var(--cream);margin-bottom:6px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}:root{--olive:#7C8261;--olive-deep:#565B41;--olive-deeper:#454A34;--paper:#F1EBDC;--paper-line:#DAD0B7;--tape:#D3BD93;--ink:#2B2919;--ink-soft:#5B5842;--cream:#F4EFE1;--gold:#BE9A55;--danger:#B54B3E;--success:#4E7E4B;--shadow:0 10px 32px -18px rgba(28,26,18,.55)}*{box-sizing:border-box}body{margin:0;font-family:Work Sans,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#6b7052;background-image:url(/bg.webp);background-repeat:repeat;background-size:500px auto;background-position:0 0}.auth-bg{display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{width:100%;max-width:380px;background:var(--cream);border-radius:6px;box-shadow:var(--shadow);padding:34px 30px 30px;text-align:center}.auth-logo{width:88px;height:88px;object-fit:contain;margin-bottom:6px}.auth-card h1{margin:4px 0;font-size:1.4rem;color:var(--olive-deeper)}.auth-sub{margin:0 0 22px;color:var(--ink-soft);font-size:.9rem}.auth-card form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-card label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.auth-card input{margin-top:6px;width:100%;padding:11px 12px;border:1px solid var(--paper-line);background:#fff;border-radius:4px;font-size:1rem;font-family:inherit}.auth-card input:focus{outline:2px solid var(--gold);outline-offset:1px}.auth-card button{margin-top:6px;padding:12px 16px;background:var(--olive-deeper);color:var(--cream);border:0;border-radius:4px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s ease}.auth-card button:hover{background:var(--olive-deep)}.err{color:var(--danger);font-size:.85rem;margin:0;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px;background:var(--cream);border-bottom:1px solid var(--paper-line);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:48px;height:48px;object-fit:contain}.brand h1{margin:0;font-size:1.15rem;color:var(--olive-deeper)}.brand-sub{margin:2px 0 0;font-size:.78rem;color:var(--ink-soft)}.topbar-right{display:flex;align-items:center;gap:12px}.who{font-size:.85rem;color:var(--ink-soft)}.ghost{background:transparent;border:1px solid var(--olive-deep);color:var(--olive-deep);padding:8px 14px;border-radius:4px;font-weight:600;cursor:pointer;font-size:.82rem}.ghost:hover{background:var(--olive-deep);color:var(--cream)}.tabs{display:flex;gap:6px;padding:14px 28px 0;flex-wrap:wrap}.tab{background:#ffffff14;color:var(--cream);border:1px solid rgba(255,255,255,.12);padding:9px 16px;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.tab.is-active{background:var(--cream);color:var(--olive-deeper);border-color:var(--cream)}.badge{background:var(--gold);color:var(--olive-deeper);padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;min-width:20px;text-align:center}.exports{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.exports .ghost{background:#ffffff14;color:var(--cream);border-color:#ffffff40;font-size:.78rem;padding:7px 12px}.exports .ghost:hover:not(:disabled){background:var(--cream);color:var(--olive-deeper)}.exports .ghost:disabled{opacity:.45;cursor:not-allowed}.content{padding:22px 28px 60px}.empty{text-align:center;color:var(--cream);opacity:.8;padding:40px 0;font-size:.95rem}.note-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.note-card{background:var(--paper);border-radius:6px;padding:20px 20px 16px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;gap:12px}.note-card:before{content:"";position:absolute;left:50%;top:-8px;transform:translate(-50%) rotate(-4deg);width:62px;height:16px;background:var(--tape);opacity:.85;border-radius:2px}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.status-pill{padding:2px 10px;border-radius:999px;font-size:.68rem;letter-spacing:.1em}.status-pending{background:#e5d6a6;color:#6b5a22}.status-approved{background:#c8dec6;color:#2f5a2c}.status-rejected{background:#e8c7c2;color:#7a2e24}.note-body{font-family:Caveat,Nanum Pen Script,cursive;font-size:1.35rem;line-height:1.25;color:var(--ink);white-space:pre-wrap;word-break:break-word}.note-author{font-size:.8rem;color:var(--ink-soft);font-style:italic}.note-contact{font-size:.72rem;color:var(--ink-soft);padding-top:8px;border-top:1px dashed var(--paper-line);line-height:1.5;word-break:break-word}.note-contact strong{color:var(--ink);font-weight:600}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1;padding:9px 12px;border:0;border-radius:4px;font-weight:600;font-size:.82rem;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.actions button:active{transform:scale(.97)}.btn-approve{background:var(--success);color:#fff}.btn-reject{background:var(--danger);color:#fff}.btn-delete{background:var(--ink-soft);color:#fff}.actions button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 600px){.topbar{padding:14px 16px}.tabs{padding:12px 16px 0}.content{padding:18px 16px 60px}.brand h1{font-size:1rem}}.wall-cta{display:flex;justify-content:center;margin-top:22px}.wall-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:#6b7052;background-image:url(/bg.webp);background-repeat:repeat;background-size:500px auto;background-position:0 0;color:var(--cream);overflow:hidden;font-family:Work Sans,sans-serif}.wall-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#1c1a1259;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(244,239,225,.1);z-index:2;flex-shrink:0}.wall-back{color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:700;letter-spacing:.02em;padding:9px 18px;border-radius:999px;border:1px solid var(--gold);background:var(--gold);white-space:nowrap;box-shadow:0 0 #be9a5599;animation:wallBackPulse 2.2s ease-out infinite;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.wall-back:hover{background:#d4ae63;transform:translateY(-1px)}@keyframes wallBackPulse{0%{box-shadow:0 0 #be9a558c}70%{box-shadow:0 0 0 12px #be9a5500}to{box-shadow:0 0 #be9a5500}}@media (prefers-reduced-motion: reduce){.wall-back{animation:none}}.wall-page-title{text-align:center;flex:1;min-width:0}.wall-page-title h1{margin:0;font-size:1.15rem;letter-spacing:.02em;font-weight:700}.wall-page-title p{margin:2px 0 0;font-size:.75rem;opacity:.7}.wall-controls{display:flex;gap:6px}.wall-controls button{width:38px;height:38px;border-radius:999px;border:1px solid rgba(244,239,225,.25);background:#ffffff0d;color:var(--cream);font-size:1.1rem;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.wall-controls button:hover{background:#ffffff24}.wall-viewport{position:relative;flex:1;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.wall-canvas{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;border-radius:4px}.wall-canvas-note{position:absolute;width:240px;min-height:180px;padding:30px 24px 22px;background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 16px 30px -12px #00000080,0 4px 10px -4px #00000059}.wall-canvas-note .note-tape{position:absolute;top:-10px;left:24px;width:56px;height:20px;background:linear-gradient(var(--tape),var(--tape-edge));opacity:.85;transform:rotate(-6deg);box-shadow:0 2px 4px #0000002e}.wall-canvas-note p{margin:0;font-family:Nanum Pen Script,cursive;font-size:1.35rem;line-height:1.28;color:var(--ink);word-break:break-word;white-space:pre-wrap}.wall-canvas-name{display:block;margin-top:12px;font-family:Work Sans,sans-serif;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.wall-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--cream);opacity:.85;font-size:1rem;text-align:center;padding:14px 22px;z-index:1}.wall-status a{color:var(--gold);text-decoration:underline}.wall-status-error{color:#ffd7ad}.wall-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#1c1a128c;color:#f4efe1cc;font-size:.72rem;letter-spacing:.04em;pointer-events:none;z-index:2;white-space:nowrap}@media (max-width: 640px){.wall-page-header{padding:10px 12px;gap:8px}.wall-back{padding:6px 10px;font-size:.78rem}.wall-page-title h1{font-size:.95rem}.wall-page-title p{font-size:.7rem}.wall-controls button{width:32px;height:32px;font-size:1rem}.wall-hint{font-size:.66rem;padding:6px 10px}}