:root{--color-blue:#1f5fcf;--color-blue-deep:#154292;--color-blue-soft:#4380e8;--color-purple:#8c5cc4;--color-purple-deep:#5e3a91;--color-purple-soft:#b693e0;--color-yellow:#ffd23a;--color-yellow-deep:#f0b800;--color-yellow-soft:#fff099;--logo-yellow:#ffd23a;--logo-pink:#ff6f9f;--logo-orange:#ff8a3a;--logo-green:#4cc77a;--logo-blue:#4380e8;--logo-purple:#c97aff;--color-ink:#1a1a2e;--color-ink-light:#4a4a6a;--color-muted:#7e7e94;--color-bg:#f7f8ff;--color-surface:#fff;--color-line:#e3e6f5;--color-accent:var(--color-blue);--space-section:clamp(2rem, 1.5rem + 2vw, 4rem);--text-base:clamp(.95rem, .92rem + .15vw, 1rem);--text-hero:clamp(2rem, 1.2rem + 3vw, 3.5rem);--bottom-tab-height:64px;--radius-card:16px;--radius-button:999px;--font-jp:"Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-jp);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.7}body{padding-bottom:var(--bottom-tab-height)}main{max-width:720px;margin:0 auto;padding:1.5rem 1rem}a{color:var(--color-blue)}h1,h2,h3{font-family:var(--font-jp);letter-spacing:.01em}h1{font-size:var(--text-hero);margin:0 0 .5rem;font-weight:800;line-height:1.2}h2{margin:0 0 1rem;font-size:1.4rem;font-weight:800}.subtitle{color:var(--color-muted);margin:0;font-size:.85rem}.swal2-popup .swal2-title{padding-left:0}.swal2-popup .swal2-title:before{display:none}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:1.25rem;box-shadow:0 2px 8px #1f5fcf0f}.familia-logo{letter-spacing:.02em;text-shadow:0 2px #00000026;align-items:baseline;gap:.04em;font-family:Comic Sans MS,"M PLUS Rounded 1c",cursive;font-size:2.2em;font-weight:900;line-height:1;display:inline-flex}.familia-logo span:first-child{color:var(--logo-yellow)}.familia-logo span:nth-child(2){color:var(--logo-pink)}.familia-logo span:nth-child(3){color:var(--logo-orange)}.familia-logo span:nth-child(4){color:var(--logo-green)}.familia-logo span:nth-child(5){color:var(--logo-blue)}.familia-logo span:nth-child(6){color:var(--logo-purple)}.familia-logo span:nth-child(7){color:var(--logo-pink)}.deco-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.btn{border-radius:var(--radius-button);cursor:pointer;text-align:center;letter-spacing:.05em;border:none;padding:.85rem 2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-yellow);color:var(--color-ink);box-shadow:0 4px 0 var(--color-yellow-deep)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--color-purple);color:#fff;box-shadow:0 4px 0 var(--color-purple-deep)}.btn-tertiary{background:var(--color-blue);color:#fff;box-shadow:0 4px 0 var(--color-blue-deep)}.theme-blue{background:var(--color-blue);color:#fff}.theme-purple{background:var(--color-purple);color:#fff}.theme-yellow{background:var(--color-yellow);color:var(--color-ink)}.content-page-sub{color:color-mix(in srgb, var(--logo-orange) 35%, var(--color-ink));margin:0 0 .9rem;font-size:.82rem;font-weight:700;line-height:1.55}.content-back-link{color:var(--color-muted);align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.content-back-link:hover{color:var(--color-blue)}.content-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.content-card{background:var(--color-surface);border:1.5px solid color-mix(in srgb, var(--post-accent,var(--color-blue)) 22%, var(--color-line));color:inherit;box-shadow:0 4px 14px color-mix(in srgb, var(--post-accent,var(--color-blue)) 14%, transparent);transition:transform var(--duration,.2s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--duration,.2s) ease, border-color var(--duration,.2s) ease;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.content-card:hover{border-color:color-mix(in srgb, var(--post-accent,var(--color-blue)) 55%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--post-accent,var(--color-blue)) 28%, transparent);transform:translateY(-5px)scale(1.012)}.content-card .content-card-title{transition:color var(--duration,.2s) ease}.content-card:hover .content-card-title{color:var(--post-accent,var(--color-blue))}.content-card:focus-visible{outline:3px solid color-mix(in srgb, var(--color-blue) 55%, transparent);outline-offset:2px}.content-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-purple) 100%);width:100%;position:relative;overflow:hidden}.content-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.content-card:hover .content-thumb img{transform:scale(1.07)}.content-thumb-placeholder{filter:drop-shadow(0 2px 6px #00000040);justify-content:center;align-items:center;font-size:clamp(2.5rem,8vw,3.5rem);display:flex;position:absolute;inset:0}.content-thumb-badges{z-index:2;flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;top:.55rem;left:.55rem}.content-badge{letter-spacing:.02em;border-radius:var(--radius-button);white-space:nowrap;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.68rem;font-weight:800;line-height:1.4;display:inline-flex}.content-badge-category{background:var(--color-surface);color:var(--post-accent,var(--color-ink));border:1.5px solid color-mix(in srgb, var(--post-accent,var(--color-blue)) 45%, transparent)}.content-badge-new{background:linear-gradient(135deg, var(--logo-pink), var(--logo-orange));color:#fff;transform-origin:50%;animation:1.8s ease-in-out infinite pv-badge-pop;box-shadow:0 2px 8px #ff6f9f80}@keyframes pv-badge-pop{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.12)rotate(2deg)}}.tier-badge{border-radius:var(--radius-button);color:var(--post-accent,var(--color-ink));background:color-mix(in srgb, var(--post-accent,var(--color-blue)) 12%, var(--color-surface));border:1px solid color-mix(in srgb, var(--post-accent,var(--color-blue)) 32%, transparent);white-space:nowrap;align-items:center;gap:.3rem;padding:.18rem .6rem;font-size:.7rem;font-weight:800;display:inline-flex}.content-card-body{flex-direction:column;flex:1;gap:.45rem;padding:.85rem .95rem 1rem;display:flex}.content-card-title{color:var(--color-ink);margin:0;font-size:1rem;font-weight:800;line-height:1.4}.content-card-summary{color:var(--color-ink-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.content-card-meta{color:var(--color-muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.4rem;font-size:.72rem;display:flex}.content-hero{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-purple) 55%, var(--logo-pink) 100%);border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 30px #8c5cc44d}.content-hero img{object-fit:cover;width:100%;height:100%;display:block}.content-hero-overlay{background:linear-gradient(#0000 0%,#0f17321f 45%,#0f1732c7 100%);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.content-hero-title{color:#fff;letter-spacing:.01em;text-shadow:0 2px 10px #00000073;margin:0;font-size:1.45rem;font-weight:800;line-height:1.3}.content-hero-date{color:#ffffffd9;margin:.25rem 0 0;font-size:.74rem}.content-tabs{border-bottom:2px solid var(--color-line);gap:.5rem;margin:1.25rem 0 1rem;display:flex}.content-tab{appearance:none;font-family:var(--font-jp);color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.55rem .4rem;font-size:.92rem;font-weight:700;transition:color .15s,border-color .15s}.content-tab[aria-selected=true]{color:var(--color-blue);border-bottom-color:var(--color-blue)}.content-tab:hover:not([aria-selected=true]){color:var(--color-ink)}.lock-notice{text-align:center;border-radius:var(--radius-card);background:color-mix(in srgb, var(--post-accent,var(--color-blue)) 8%, var(--color-surface));border:1.5px solid color-mix(in srgb, var(--post-accent,var(--color-blue)) 28%, transparent);flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.25rem;display:flex}.lock-notice-icon{font-size:2rem;line-height:1}.lock-notice-headline{color:var(--post-accent,var(--color-ink));margin:0;font-size:1rem;font-weight:800}.lock-notice-sub{color:var(--color-ink-light);margin:0;font-size:.85rem;line-height:1.55}.lock-notice-cta{border-radius:var(--radius-button);color:#fff;background:var(--post-accent,var(--color-blue));box-shadow:0 3px 0 color-mix(in srgb, var(--post-accent,var(--color-blue)) 70%, black);align-items:center;gap:.3rem;margin-top:.3rem;padding:.55rem 1.3rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:transform .1s;display:inline-flex}.lock-notice-cta:active{transform:translateY(1px)}.content-body-text{white-space:pre-wrap;color:var(--color-ink);font-size:.95rem;line-height:1.8}.content-media-section{margin-top:1.4rem}.content-media-heading{color:var(--color-ink);align-items:center;gap:.35rem;margin:0 0 .6rem;font-size:.92rem;font-weight:800;display:flex}.content-video-list{flex-direction:column;gap:.7rem;display:flex}.content-media-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.content-media-frame{background:#0d0d0d;border-radius:12px;overflow:hidden}.content-media-frame.is-video{aspect-ratio:16/9}.content-media-frame img,.content-media-frame iframe{border:none;width:100%;display:block}.content-media-frame iframe{height:100%}.related-head{justify-content:space-between;align-items:center;margin:2rem 0 .75rem;display:flex}.related-head h2{margin:0;font-size:1.1rem}.related-more{color:var(--color-blue);font-size:.82rem;font-weight:700;text-decoration:none}.related-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.related-item{color:inherit;border-radius:12px;grid-template-columns:92px 1fr;align-items:center;gap:.7rem;padding:.5rem;text-decoration:none;transition:background .15s;display:grid}.related-item:hover{background:color-mix(in srgb, var(--color-blue) 6%, var(--color-surface))}.related-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-blue), var(--color-purple));border-radius:8px;position:relative;overflow:hidden}.related-thumb img{object-fit:cover;width:100%;height:100%;display:block}.related-thumb-placeholder{justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:0}.related-meta{min-width:0}.related-cat{color:var(--color-muted);font-size:.68rem;font-weight:700}.related-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.1rem 0 .2rem;font-size:.86rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.related-foot{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.68rem;display:flex}.admin-content-head{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.admin-content-head h1{margin:.35rem 0 0;font-size:1.4rem}.admin-create-btn{background:var(--color-blue);color:#fff;border-radius:var(--radius-button);box-shadow:0 3px 0 var(--color-blue-deep);align-items:center;gap:.3rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.admin-create-btn:active{transform:translateY(1px)}.admin-table-wrap{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{text-align:left;color:var(--color-muted);letter-spacing:.04em;background:color-mix(in srgb, var(--color-blue) 5%, var(--color-surface));border-bottom:1px solid var(--color-line);white-space:nowrap;padding:.7rem .8rem;font-size:.72rem;font-weight:800}.admin-table td{border-bottom:1px solid var(--color-line);vertical-align:middle;padding:.65rem .8rem}.admin-table tr:last-child td{border-bottom:none}.admin-table-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-blue), var(--color-purple));border-radius:6px;justify-content:center;align-items:center;width:64px;display:flex;overflow:hidden}.admin-table-thumb img{object-fit:cover;width:100%;height:100%;display:block}.status-pill{border-radius:var(--radius-button);white-space:nowrap;padding:.15rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.status-pill.is-published{background:color-mix(in srgb, var(--logo-green) 18%, var(--color-surface));color:#1f8a4c}.status-pill.is-scheduled{background:color-mix(in srgb, var(--color-yellow) 30%, var(--color-surface));color:var(--color-yellow-deep)}.status-pill.is-draft{background:color-mix(in srgb, var(--color-muted) 18%, var(--color-surface));color:var(--color-muted)}.status-pill.is-archived{background:color-mix(in srgb, var(--color-ink) 12%, var(--color-surface));color:var(--color-ink-light)}.admin-row-actions{white-space:nowrap;gap:.4rem;display:flex}.admin-row-actions a,.admin-row-actions button{cursor:pointer;border-radius:7px;padding:.35rem .7rem;font-size:.76rem;font-weight:700;text-decoration:none}.admin-row-actions .edit{color:var(--color-blue);border:1px solid color-mix(in srgb, var(--color-blue) 45%, transparent);background:0 0}.admin-row-actions .delete{color:#c0392b;background:0 0;border:1px solid #c0392b59}.admin-form{flex-direction:column;gap:1.5rem;display:flex}.admin-fieldset{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);padding:1.1rem 1.1rem 1.3rem}.admin-fieldset>legend{color:var(--color-ink);padding:0 .5rem;font-size:.95rem;font-weight:800}.admin-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.admin-field:last-child{margin-bottom:0}.admin-field-label{color:var(--color-ink-light);font-size:.82rem;font-weight:700}.admin-field-label .req{color:var(--logo-pink)}.admin-field-count{color:var(--color-muted);align-self:flex-end;font-size:.72rem}.admin-field-help{color:var(--color-muted);font-size:.72rem}.admin-input,.admin-textarea,.admin-select{background:var(--color-surface);border:1px solid var(--color-line);width:100%;color:var(--color-ink);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;padding:11px 12px;font-family:inherit;font-size:.95rem}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-blue) 18%, transparent)}.admin-textarea{resize:vertical}.category-choices{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}@media (min-width:520px){.category-choices{grid-template-columns:repeat(4,1fr)}}.category-choice{border:1.5px solid var(--color-line);background:var(--color-surface);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .4rem;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.category-choice:hover{border-color:color-mix(in srgb, var(--color-blue) 45%, transparent)}.category-choice input{opacity:0;pointer-events:none;position:absolute}.category-choice:has(input:checked){border-color:var(--post-accent,var(--color-blue));background:color-mix(in srgb, var(--post-accent,var(--color-blue)) 12%, var(--color-surface))}.category-choice:has(input:focus-visible){outline:2px solid var(--color-blue);outline-offset:2px}.category-choice-emoji{font-size:1.4rem;line-height:1}.category-choice-label{color:var(--color-ink);font-size:.8rem;font-weight:700}.admin-primary-btn{background:var(--color-blue);color:#fff;border-radius:var(--radius-button);cursor:pointer;letter-spacing:.04em;box-shadow:0 4px 0 var(--color-blue-deep);border:none;padding:13px;font-size:1rem;font-weight:800}.admin-primary-btn:active{transform:translateY(1px)}.thumb-preview{aspect-ratio:16/9;border:1px solid var(--color-line);background:linear-gradient(135deg, var(--color-blue), var(--color-purple));border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:240px;display:flex;overflow:hidden}.thumb-preview img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.content-card,.content-tab,.category-choice,.related-item,.content-thumb img,.content-card-title{transition:none}.content-card:hover,.content-card:hover .content-thumb img{transform:none}.content-badge-new{animation:none}}footer{margin-top:var(--space-section);color:var(--color-muted);text-align:center;border-top:1px solid var(--color-line);padding:1.5rem 1rem;font-size:.85rem}@media (max-width:640px){body{font-size:.95rem}input,textarea,select{font-size:16px!important}}@supports (padding:env(safe-area-inset-bottom)){body{padding-bottom:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom))}}