@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");:root{--color-primary-accent:#e54385;--color-background-main:#fff;--color-background-side:#f5f5f5;--color-text-primary:#333;--color-text-secondary:#757575;--color-border:#eee;--color-border-strong:#e0e0e0;--font-family-base:"Noto Sans JP",sans-serif;--spacing-unit:8px;--border-radius-base:6px;--sidebar-width:240px}@media (prefers-color-scheme:dark){:root{--color-primary-accent:#ff80ab;--color-background-main:#121212;--color-background-side:#1e1e1e;--color-text-primary:#e0e0e0;--color-text-secondary:#bdbdbd;--color-border:#2c2c2c;--color-border-strong:#424242}}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:var(--font-family-base);background-color:var(--color-background-main);color:var(--color-text-primary);line-height:1.7}a{color:var(--color-primary-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:700;margin:calc(var(--spacing-unit) * 4) 0 calc(var(--spacing-unit) * 2);color:var(--color-text-primary)}h1{font-size:2rem;border-bottom:2px solid var(--color-primary-accent);padding-bottom:var(--spacing-unit)}h2{font-size:1.5rem;border-left:5px solid var(--color-primary-accent);padding-left:calc(var(--spacing-unit) * 1.5)}h3{font-size:1.25rem}.main-layout{display:flex}.sidebar{width:var(--sidebar-width);flex-shrink:0;background-color:var(--color-background-side);border-right:1px solid var(--color-border);padding:calc(var(--spacing-unit) * 3);position:-webkit-sticky;position:sticky;top:0;height:100vh;align-self:flex-start}.main-content{flex-grow:1;padding:calc(var(--spacing-unit) * 2)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2)}.sidebar h2{font-size:1.5rem;margin:0;padding:0;border:none}.sidebar h2 a{color:var(--color-primary-accent);text-decoration:none}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li a{display:block;padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius-base);color:var(--color-text-secondary);font-weight:500;transition:background-color .2s ease,color .2s ease}.sidebar nav li a:hover{background-color:var(--color-border);color:var(--color-text-primary);text-decoration:none}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;z-index:1100;background-color:var(--color-background-side);border-bottom:1px solid var(--color-border);height:60px;padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top));justify-content:space-between;align-items:center;padding-left:var(--spacing-unit);padding-right:var(--spacing-unit)}.mobile-header-title{position:absolute;left:50%;top:calc(50% + (env(safe-area-inset-top) / 2));transform:translate(-50%,-50%);font-size:1.2rem;margin:0;border:none;padding:0}.mobile-header-title a{color:var(--color-primary-accent);text-decoration:none}.close-button,.hamburger-button{background:none;border:none;color:var(--color-text-primary);padding:var(--spacing-unit);cursor:pointer;z-index:1;margin-top:env(safe-area-inset-top)}.close-button{display:none}@media (max-width:768px){.mobile-header{display:flex}.main-layout{flex-direction:column;margin-top:calc(60px + env(safe-area-inset-top))}.sidebar{display:none;top:0;left:-100%;width:280px;height:100%;z-index:1100;transition:left .3s ease-in-out;box-shadow:2px 0 10px rgba(0,0,0,.1);position:fixed;align-self:auto}.main-layout.menu-open .sidebar{display:block;left:0}.close-button{display:block}.main-content{width:100%;padding:calc(var(--spacing-unit) * 2)}}.list-item{display:block;padding:calc(var(--spacing-unit) * 2) 0;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.list-item:first-of-type,div>.list-item:first-child{border-top:1px solid var(--color-border)}.list-item:hover{background-color:#fafafa;text-decoration:none}@media (prefers-color-scheme:dark){.list-item:hover{background-color:var(--color-border)}}.list-item-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-unit)}.list-item-meta{font-size:.9rem;color:var(--color-text-secondary)}.list-item-tag{display:inline-block;font-size:.75rem;font-weight:700;padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);border-radius:var(--border-radius-base);color:#fff;background-color:var(--color-primary-accent);margin-right:var(--spacing-unit)}.detail-grid{display:grid;grid-template-columns:140px 1fr;grid-gap:var(--spacing-unit) calc(var(--spacing-unit) * 2);gap:var(--spacing-unit) calc(var(--spacing-unit) * 2);align-items:flex-start;border-top:1px solid var(--color-border);padding:var(--spacing-unit) 0}.detail-grid:first-of-type{border-top:none!important}.detail-grid dt{font-weight:700;color:var(--color-text-secondary);text-align:right;line-height:1.5;padding-top:.1rem}.detail-grid dd{margin:0;line-height:1.5;word-break:break-all;overflow-wrap:anywhere}.detail-grid dd a{display:inline;word-break:break-all}.controls-container{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 4);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);background-color:var(--color-background-side);border:1px solid var(--color-border);border-radius:var(--border-radius-base);align-items:center}.controls-container>div{display:flex;align-items:center;gap:var(--spacing-unit)}.controls-container label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;min-width:100px}.controls-container input,.controls-container select{padding:8px 12px;border-radius:var(--border-radius-base);border:1px solid var(--color-border-strong);background-color:var(--color-background-main);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;width:280px}.controls-container select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23757575' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.controls-container input:focus,.controls-container select:focus{border-color:var(--color-primary-accent);box-shadow:0 0 0 3px rgba(229,67,133,.1);outline:none}footer{margin-top:calc(var(--spacing-unit) * 8);padding-bottom:calc(var(--spacing-unit) * 4);font-size:.85rem;color:var(--color-text-secondary)}.footer-divider{border:none;border-top:2px solid var(--color-primary-accent);margin-bottom:calc(var(--spacing-unit) * 2);width:100%}.text-right{text-align:right}.mobile-br{display:none}@media (max-width:600px){.mobile-br{display:block}.controls-container{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 2)}.controls-container>div{flex-direction:column;align-items:stretch;width:100%;gap:4px}.controls-container input,.controls-container select{min-width:0;width:100%}}