.oc-quiet-wall-page{background:#f8f9f5;color:#24382f}
.oc-wall{--oc-ink:#20362e;--oc-muted:#697d72;min-height:100vh;padding:18px 18px 180px;font-family:inherit}
.oc-wall *{box-sizing:border-box}
.oc-wall-shell{max-width:1480px;margin:0 auto}
.oc-wall-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 14px 17px}
.oc-wall-breadcrumb{display:none;align-items:center;gap:10px;color:#82918a;font-size:12px;margin:0 0 18px}
.oc-wall-breadcrumb a{color:#658371;text-decoration:none}
.oc-wall-breadcrumb a:hover{text-decoration:underline}
.oc-wall-kicker{display:none;color:#638c78;font-size:11px;font-weight:800;letter-spacing:.18em}
.oc-wall-intro h1{color:var(--oc-ink);font-size:clamp(27px,2.7vw,37px);letter-spacing:-.06em;line-height:1.25;margin:0 0 4px;font-weight:750}
.oc-wall-intro p{font-size:14px;line-height:1.7;color:var(--oc-muted);margin:0}
.oc-wall-intro-side{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 9px;flex:none;padding:0 0 5px;color:#6e8476}
.oc-wall-intro-side strong{grid-row:1/3;font-size:36px;font-weight:750;line-height:1;color:#285a43}
.oc-wall-intro-side span{font-size:12px}
.oc-wall-intro-side a{font-size:13px;color:#285a43;font-weight:750;text-decoration:none;align-self:end}
.oc-wall-intro-side a:hover{text-decoration:underline}
.oc-wall-board-wrap{position:relative}
.oc-wall-board{position:relative;isolation:isolate;height:850px;overflow:hidden;border-radius:22px;border:1px solid #dce7dd;background:radial-gradient(circle,#cbd7cb 1px,transparent 1.5px) 0 0/25px 25px,linear-gradient(125deg,#f3f7ef,#eaf1eb 66%,#f2f4eb);box-shadow:inset 0 0 100px #66856e0a}
.oc-wall-board:before,.oc-wall-board:after{content:"";position:absolute;border:1px solid #a6c0ae55;border-radius:50%;pointer-events:none}
.oc-wall-board:before{width:660px;height:660px;left:-300px;top:-320px}
.oc-wall-board:after{width:820px;height:820px;right:-410px;bottom:-630px}
.oc-wall-note{--paper:#dff1e9;position:absolute;left:var(--oc-x);top:var(--oc-y);z-index:var(--oc-layer);width:320px;height:181px;display:flex;flex-direction:column;padding:15px 18px 13px;color:#22392f;background:var(--paper);border:1px solid #ffffffb5;border-radius:16px;box-shadow:0 12px 24px #203b2c20,0 2px 5px #203b2c10;transform:rotate(var(--oc-tilt));transition:transform .2s,box-shadow .2s;overflow:hidden}
.oc-wall-note:nth-of-type(6n+2){--paper:#f6e4d5}
.oc-wall-note:nth-of-type(6n+3){--paper:#e8e6f5}
.oc-wall-note:nth-of-type(6n+4){--paper:#e4f0d8}
.oc-wall-note:nth-of-type(6n+5){--paper:#f7edce}
.oc-wall-note:nth-of-type(6n+6){--paper:#dbeaf3}
.oc-wall-note:hover,.oc-wall-note:focus-within{box-shadow:0 18px 32px #203b2c31,0 4px 8px #203b2c14;transform:rotate(0deg) translateY(-4px)}
.oc-wall-note.is-dragging{transform:rotate(0deg) scale(1.02);transition:none;box-shadow:0 25px 45px #152d2640}
.oc-wall-note-top,.oc-wall-note-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.oc-wall-note-kind{display:inline-flex;align-items:center;gap:8px;color:#406851;font-size:11px;font-weight:800;letter-spacing:.08em}
.oc-wall-note-kind i{display:block;width:8px;height:8px;transform:rotate(45deg);background:#7caa88;border-radius:2px}
.oc-wall-note-grip{width:40px;height:40px;display:grid;place-items:center;margin:-9px -9px -9px 0;padding:0;border:0;border-radius:9px;background:#ffffff72;color:#527a61;font-size:19px;line-height:1;cursor:grab;touch-action:none}
.oc-wall-note-grip:hover{background:#ffffffb8}
.oc-wall-note-grip:active{cursor:grabbing}
.oc-wall-note-open,.oc-wall-prompt-open{display:block;flex:1;width:100%;min-height:0;padding:8px 0 5px;text-align:left;border:0;background:none;color:#1f322a;font-size:19px;font-weight:650;line-height:1.45;letter-spacing:-.015em;overflow:hidden;overflow-wrap:anywhere;cursor:pointer}
.oc-wall-note-open:hover,.oc-wall-prompt-open:hover{color:#245b42}
.oc-wall-note-bottom{padding-top:9px;border-top:1px solid #365c3e23;color:#678073;font-size:11px;font-weight:600;letter-spacing:.02em}
.oc-wall-prompt .oc-wall-note-kind{color:#826339}
.oc-wall-prompt .oc-wall-note-kind i{background:#c9a96d}
.oc-wall-prompt-open{font-weight:620}
.oc-wall-pending{--paper:#f6e8b4;z-index:80!important;transform:rotate(0deg)}
.oc-wall-pending-text{flex:1;font-size:18px;font-weight:650;line-height:1.5;margin:12px 0 6px;overflow:hidden;overflow-wrap:anywhere}
.oc-wall-pending small{color:#7e7143;font-size:11px}
.oc-wall-board-hint{position:absolute;right:22px;bottom:22px;z-index:1;color:#6b8475;font-size:12px;letter-spacing:.05em}
.oc-wall-pagination{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px;color:#788d7d;font-size:13px}
.oc-wall-pagination a{color:#2b6148;font-weight:750;text-decoration:none}
.oc-wall-pagination a:hover{text-decoration:underline}
.oc-wall-compose{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:200;width:min(680px,calc(100vw - 32px));padding:10px 13px 7px;border:1px solid #dbe5d8;border-radius:18px;background:#ffffffed;box-shadow:0 16px 45px #19352931;backdrop-filter:blur(14px)}
.oc-wall-compose form{display:flex;align-items:center;gap:9px;margin:0}
.oc-wall-input-label{flex:none;padding-left:5px;color:#295d45;font-size:13px;font-weight:800;white-space:nowrap}
.oc-wall-compose textarea{flex:1;min-width:0;height:44px;min-height:44px;max-height:104px;padding:10px 12px;border:1px solid #dfe8df;border-radius:10px;background:#f7faf6;color:#21392d;font:inherit;font-size:14px;line-height:1.5;resize:none;outline:none}
.oc-wall-compose textarea:focus{border-color:#6ca281;box-shadow:0 0 0 3px #6ca28126}
.oc-wall-count{flex:none;color:#8d9b8f;font-size:11px;white-space:nowrap}
.oc-wall-submit{flex:none;min-width:78px;min-height:44px;padding:9px 13px;border:0;border-radius:10px;background:#2d7653;color:#fff;font-size:14px;font-weight:750;cursor:pointer}
.oc-wall-submit:hover{background:#225e42}
.oc-wall-submit:disabled{opacity:.65;cursor:wait}
.oc-wall-compose-hint{margin:5px 5px 0;color:#8a988e;font-size:11px;text-align:center}
.oc-wall-feedback{margin:0 0 8px;padding:8px 10px;border-radius:8px;background:#e9f4e9;color:#285e42;font-size:12px;line-height:1.5}
.oc-wall-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.oc-wall-dialog{width:min(520px,calc(100vw - 32px));max-height:min(75vh,680px);padding:34px;border:1px solid #dfe8dc;border-radius:22px;background:#f9fbf7;color:#20362e;box-shadow:0 30px 80px #0b201c55}
.oc-wall-dialog::backdrop{background:#0c251c93;backdrop-filter:blur(4px)}
.oc-wall-dialog-close{position:absolute;right:19px;top:16px;width:44px;height:44px;border:0;border-radius:50%;background:#e8efe7;color:#355f46;font-size:25px;line-height:1;cursor:pointer}
.oc-wall-dialog-kicker{color:#5f8a70;font-size:12px;font-weight:800;letter-spacing:.1em}
.oc-wall-dialog [data-dialog-content]{margin:28px 0 38px;color:#263d30;font-size:clamp(20px,2.4vw,27px);font-weight:600;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.oc-wall-dialog-foot{display:block;border-top:1px solid #dce8dc;padding-top:15px;color:#839486;font-size:12px}
.oc-wall button:focus-visible,.oc-wall a:focus-visible,.oc-wall-dialog button:focus-visible{outline:3px solid #2e7d54;outline-offset:3px}
.io-black-mode.oc-quiet-wall-page,.io-black-mode .oc-quiet-wall-page{background:#141d19}
.io-black-mode .oc-wall{--oc-ink:#e9f4ea;--oc-muted:#a9bcae}
.io-black-mode .oc-wall-intro-side strong,.io-black-mode .oc-wall-intro-side a{color:#a5d2ae}
.io-black-mode .oc-wall-board{border-color:#405448;background:radial-gradient(circle,#557062 1px,transparent 1.5px) 0 0/25px 25px,linear-gradient(125deg,#1e3027,#20382e)}
.io-black-mode .oc-wall-compose{background:#22332ced;border-color:#425d48}
.io-black-mode .oc-wall-input-label{color:#bce2bf}
.io-black-mode .oc-wall-compose textarea{background:#1a2a21;border-color:#4a6751;color:#eaf4e9}
@media(max-width:1000px){.oc-wall-note{width:285px}.oc-wall-board{height:820px}}
@media(max-width:760px){.oc-wall{padding:20px 12px 170px}.oc-wall-intro{align-items:start;flex-direction:column;gap:16px;padding:0 5px 18px}.oc-wall-intro h1{font-size:32px}.oc-wall-intro p{font-size:13px}.oc-wall-intro-side{display:flex;gap:7px;align-items:baseline}.oc-wall-intro-side strong{font-size:25px}.oc-wall-intro-side a{margin-left:14px}.oc-wall-board{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,195px);grid-auto-columns:min(82vw,310px);align-items:center;gap:12px;height:436px;min-height:0;padding:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}.oc-wall-note{position:relative!important;left:auto!important;top:auto!important;z-index:auto!important;width:100%;height:195px;transform:none!important;scroll-snap-align:center}.oc-wall-note-grip{display:none}.oc-wall-board-hint{display:none}.oc-wall-compose{bottom:max(10px,env(safe-area-inset-bottom));padding:9px 10px 6px;border-radius:15px}.oc-wall-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.oc-wall-compose textarea{padding:10px;font-size:14px}.oc-wall-count{display:none}.oc-wall-submit{min-width:68px}.oc-wall-dialog{padding:30px 24px}}
@media(max-width:560px){.oc-wall-intro h1{font-size:29px}.oc-wall-note-open,.oc-wall-prompt-open{font-size:18px}.oc-wall-board{height:436px}.oc-wall-note{height:195px}}
@media(prefers-reduced-motion:reduce){.oc-wall-note{transition:none}.oc-wall-board{scroll-behavior:auto}}