@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.container{width:100%}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}html,body{margin:0;padding:0}.container{justify-content:center;align-items:flex-start;width:100%;height:100vh;display:flex}.orin{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pc-only{display:block}.sp-only{display:none}@media(max-width:768px){.pc-only{display:none}.sp-only{display:block}}.ring-button{letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(145deg,#545454,#1f1f1f);border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:14px;transition:transform .1s,box-shadow .1s;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0009,inset 0 2px 4px #ffffff1a}.bell_button{pointer-events:none;width:50px;height:50px}@media(min-width:769px){.ring-button{top:50%;bottom:auto;transform:translate(-50%,-2%)}}.ring-button:active{transform:translate(-50%,2%);box-shadow:0 4px 10px #0009,inset 0 1px 2px #00000080}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.menu-button{position:fixed;top:20px;right:20px;z-index:1001;width:30px;height:30px;padding:0;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.menu-button:active{transform:scale(.95)}.side-menu{position:fixed;top:0;right:0;width:260px;height:100vh;background:#f0f0f0f2;color:#111;transform:translate(100%);transition:transform .3s ease;z-index:1000;padding:24px;box-shadow:-8px 0 24px #00000026}.side-menu.open{transform:translate(0)}.app-title{font-family:Inter,sans-serif;font-size:22px;letter-spacing:.1em;margin-top:0;margin-bottom:16px}h3{font-family:Inter,sans-serif;letter-spacing:.1em}.menu-link{display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;margin:0;font-size:16px;color:#111;cursor:pointer;text-align:left}.menu-link:hover{opacity:.6}.menu-toggle{transform:translateY(2px);width:16px;text-align:center;font-size:18px;line-height:1;padding:0 2px;color:#838383}.side-menu ul{list-style:none;padding:0 24px;margin:0}.side-menu li{margin-bottom:14px}.side-menu a,.side-menu p{color:#111;text-decoration:none;font-size:14px;font-weight:500}.side-menu a:hover{opacity:.7}.side-menu .x-share-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:5px;padding:8px 20px;background-color:#000;color:#fff;text-decoration:none;border-radius:0;font-size:12px;font-weight:600;transition:opacity .2s ease,transform .1s ease}.x-share-button:hover{opacity:.8}.x-share-button:active{transform:scale(.98)}.x-icon{font-size:15px;line-height:1}.x-text{white-space:nowrap}.share-item{text-align:center}.comment-form{display:flex;flex-direction:column;gap:10px}.comment-input{resize:none;padding:10px 12px;font-size:14px;line-height:1.5;border:1px solid #ccc;border-radius:12px;background-color:#fafafa;transition:border-color .2s,box-shadow .2s}.comment-input:focus{outline:none;border-color:#888;box-shadow:0 0 0 2px #0000000d;background-color:#fff}.comment-submit{padding:8px 0;font-size:14px;border:none;border-radius:9999px;cursor:pointer;background-color:#545454;color:#fff;transition:transform .1s ease,opacity .1s ease}.comment-submit:hover{opacity:.9}.comment-submit:active{transform:scale(.97)}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-list{flex:1;overflow-y:auto;padding-right:4px;max-height:65vh}@media(max-width:768px){.comment-list{max-height:35vh}}.comment-scroll-area{flex:1;overflow-y:auto;padding-top:30px;padding-bottom:16px}.comment-item{padding:6px 4px;border-bottom:1px solid #ddd;font-size:14px}.comment-empty{font-size:13px;color:#666}.bell-count__number{font-size:18px;font-weight:600;color:#d97706}.bell-count{text-align:center}