:root{--editor-max-width: min(55vw, 800px);--editor-paper-ratio: 1.414}.md-code{background:#80808026;padding:1px 2.5px;margin:-1px -1.2px;border-radius:4px;border:.5px solid rgba(var(--accent-rgb),.3);color:var(--accent);box-sizing:border-box}.focus-exit-btn{position:absolute;left:clamp(16px,2vw,22px);top:0;z-index:100;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:50%;color:var(--text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.focus-exit-btn:hover{transform:scale(1.06);border-color:var(--panel-border);box-shadow:0 6px 20px #00000026}.focus-exit-btn:active{transform:scale(.95);background:var(--btn-hover);color:var(--text-main)}.layout-header-wrapper{position:fixed;top:0;left:0;right:0;z-index:101;padding-top:var(--header-pt);padding-bottom:var(--header-pt);background:transparent;border:none;transition:opacity .4s ease,transform .4s ease}.layout-main-flex{flex:1;position:relative;display:flex;box-sizing:border-box;overflow:hidden}.panels-container{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.panels-container::-webkit-scrollbar{display:none}@media (min-width: 998px){.layout-sidebar{position:absolute;top:0;padding-top:calc(var(--header-height) + var(--header-pt) * 2);padding-bottom:2rem;height:100%;z-index:80;box-sizing:border-box;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;width:var(--sidebar-width);overflow:hidden}.layout-sidebar.is-left{left:0;width:var(--sidebar-width);padding-left:1rem}.layout-sidebar.is-right{right:0;width:var(--sidebar-width);padding-right:1rem}.layout-sidebar[style*="visibility: hidden"]{opacity:0!important;pointer-events:none}.panel-center{width:100%;margin:0;display:flex;justify-content:center;padding-left:calc(var(--sidebar-width) + 16px);padding-right:calc(var(--sidebar-width) + 16px)}}.layout-main-flex.is-focus-mode .panels-container{overflow-x:hidden!important}.layout-main-flex.is-focus-mode .layout-sidebar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1}.menu-bar-container{position:relative;display:flex;align-items:center;padding:.2rem 1rem;width:100%;min-height:var(--header-height);box-sizing:border-box}.header-region{position:absolute;top:0;bottom:0;display:flex;align-items:center;z-index:20;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.header-region.is-left{left:1.5rem}.header-region.is-right{right:1.5rem}.header-center-status{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none;transition:opacity .4s ease}.header-center-status>*{pointer-events:auto}.menu-tab-btn{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:.4rem .8rem;font-size:.9rem;font-weight:500;color:var(--text-main);cursor:pointer;border-radius:99px;outline:none;transition:background .2s,color .15s,box-shadow .2s;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.tab-icon{display:none}.menu-tab-btn:hover{background:var(--btn-hover)}.menu-tab-btn.active,.menu-tab-btn.flashing{background:var(--tab-active-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:none!important}.menu-tab-btn.brand{font-weight:700}.editor-container-root{display:flex;flex-direction:column;width:100%;min-width:100%;height:100%;overflow:hidden;background:transparent;box-sizing:border-box}.editor-scroll-container{width:100%;height:100%;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.editor-scroll-container::-webkit-scrollbar{display:none}.editor-paper-root{position:relative;top:calc(var(--header-height) + var(--header-pt) * 2)}.editor-paper-root.print-mode{min-height:calc(var(--editor-max-width) * var(--editor-paper-ratio))}.editor-paper-bg{position:absolute;top:0;left:0;right:0;height:100%;z-index:0;pointer-events:none;background:var(--panel-bg);box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);border-radius:4px}.sidebar-content{color:var(--text-main);font-size:.9rem;padding:.5rem 0}.sidebar-section-title{font-size:.8rem;color:var(--text-muted);padding:.6rem 1rem .2rem;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar-item{width:100%;display:flex;align-items:center;padding:.45rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .2s,color .1s,opacity .2s;color:var(--text-main);outline:none;position:relative;box-sizing:border-box;font-size:clamp(12px,1.2vw,14px);border-radius:12px}.sidebar-item:hover{background:var(--btn-hover)}.sidebar-item.active{color:var(--accent);font-weight:400}.sidebar-item-check{width:24px;min-width:24px;display:flex;align-items:center;justify-content:flex-start}.sidebar-item-label{flex:1}.sidebar-marker{font-weight:400;letter-spacing:-.1em;display:inline-block;flex-shrink:0}.sidebar-item-shortcut{font-size:.75rem;color:var(--text-muted);margin-left:8px;opacity:.6}.sidebar-separator{height:1px;background:var(--panel-border);margin:.5rem 1rem}.sidebar-main-title{font-size:1rem;font-weight:700;color:var(--text-main);padding:.8rem 1rem .6rem;margin:0;border-bottom:none}@media (max-width: 1250px){.menu-tab-btn:not(.brand) .tab-icon{display:block}.menu-tab-btn:not(.brand) .tab-label{display:none}.menu-tab-btn.brand .tab-icon{display:none}.menu-tab-btn.brand .tab-label{display:block}.menu-btn-brand{padding:.4rem .8rem}.menu-bar-container{padding:.2rem 1rem}.menu-bar-container>div{gap:8px!important}}@media (max-width: 997px){:root{--editor-max-width: 100%}.panels-container{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0!important}.layout-sidebar{position:relative;top:0;padding-top:60px;flex-shrink:0;scroll-snap-align:center;width:calc(100% - clamp(48px,25%,128px));opacity:.6;transform:scale(.98);transform-origin:center center;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);margin:0;border-radius:16px;overflow:hidden;isolation:isolate}.layout-sidebar.is-left{margin-left:8px}.layout-sidebar.is-right{margin-right:8px}.sidebar-main-title{border-radius:16px 16px 0 0!important;position:sticky;top:0;z-index:10;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);margin-bottom:4px;padding:1.1rem 1rem .8rem}.panel-center{scroll-snap-align:center;flex-shrink:0;width:100%!important;height:100%;padding:0 16px!important;margin:0;box-sizing:border-box;opacity:.6;transform:scale(.98);transform-origin:center center;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.is-active{opacity:1!important;transform:scale(1)!important}.layout-header-wrapper{position:fixed;top:env(safe-area-inset-top,0);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important}.menu-bar-container>div:first-of-type,.menu-bar-container>div:last-of-type{display:none!important}}@media print{.no-print,textarea{display:none!important}.print-mode-pdf .md-space-half:before,.print-mode-pdf .md-space-full:before,.print-mode-pdf .md-newline-symbol:before,.print-mode-pdf .md-tab:before,.print-mode-pdf .md-marker{display:none!important}body,html{background:#fff!important;color:#000!important;overflow:visible!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;--bg-color: #ffffff !important;--text-main: #000000 !important;--text-muted: #555555 !important;--panel-bg: #ffffff !important;--panel-border: #eeeeee !important;--input-bg: #ffffff !important;--item-bg: #ffffff !important}::selection{color:transparent!important;-webkit-text-fill-color:transparent!important}.editor-scroll-container textarea::selection{background:#3b82f633!important;color:transparent!important;-webkit-text-fill-color:transparent!important}*{text-shadow:none!important}.md-h1,.md-h2,.md-h3,.md-h4,.md-bold,.md-bold-italic{color:var(--accent)!important;-webkit-text-stroke:.1px var(--accent)}#root{background:#fff!important;padding:0!important;margin:0!important}.print-container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;transform:none!important}.print-container>div{top:0!important}.editor-scroll-container{overflow:visible!important;height:auto!important}.glass-panel{display:none!important}.print-container div[style*="background: var(--panel-bg)"]{background:#fff!important;box-shadow:none!important;border:none!important}}.MarkdownHighlighter .md-marker,.MarkdownHighlighter [class*=md-newline]{color:var(--accent)!important;opacity:.6!important;font-weight:400;font-style:normal;text-shadow:none!important}.MarkdownHighlighter span,.md-h1,.md-h2,.md-h3,.md-h4,.md-bold,.md-italic,.md-code,.md-blockquote{font-family:inherit;font-size:1em;font-weight:400;font-style:normal;font-variant-ligatures:normal;font-feature-settings:normal;font-kerning:auto;line-height:inherit;text-decoration:none;vertical-align:baseline;padding:0!important;margin:0!important;border:none!important}.MarkdownHighlighter .md-h1,.md-h1{color:var(--accent);text-shadow:0 0 1.2px var(--accent)}.MarkdownHighlighter .md-h2,.md-h2{color:var(--accent);text-shadow:0 0 .8px var(--accent);opacity:.95}.MarkdownHighlighter .md-h3,.md-h3{color:var(--accent);text-shadow:0 0 .6px var(--accent);opacity:.85}.MarkdownHighlighter .md-h4,.md-h4{color:var(--accent);text-shadow:0 0 .4px var(--accent);opacity:.75}.MarkdownHighlighter .md-bold,.md-bold{color:var(--accent);text-shadow:0 0 .5px var(--accent)}.MarkdownHighlighter .md-italic,.md-italic{display:inline;font-style:oblique 12deg!important;font-synthesis:oblique;padding:0!important;margin:0!important;opacity:.95;letter-spacing:0!important}.MarkdownHighlighter .md-bold-italic,.md-bold-italic{display:inline;font-style:oblique 12deg!important;font-synthesis:oblique;color:var(--accent);text-shadow:0 0 .8px var(--accent);padding:0!important;margin:0!important;letter-spacing:0!important}.MarkdownHighlighter .md-blockquote,.md-blockquote{display:block;position:relative;margin:0;padding:0!important;border-left:none!important;width:100%}.md-blockquote:before{content:"";position:absolute;left:-8px;top:0;bottom:0;right:0;background:rgba(var(--accent-rgb),.04);border-left:2px solid var(--accent);z-index:-1;pointer-events:none}.md-marker{display:inline!important;letter-spacing:0!important;padding:0!important;margin:0!important}.MarkdownHighlighter .md-code,.md-code{background:var(--item-bg);box-shadow:inset 0 0 0 1px var(--panel-border);border-radius:4px;color:inherit}.md-adj-m{letter-spacing:-.055em!important;font-style:inherit!important}.md-adj-f{letter-spacing:.037em!important;font-style:inherit!important}.md-adj-p{letter-spacing:.055em!important;font-style:inherit!important}.md-diff-add,.md-diff-remove,.md-list{display:table;width:auto;min-width:0;position:relative;margin:0;padding:0!important;border-collapse:collapse}.md-diff-add:before,.md-diff-remove:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0;z-index:-1;pointer-events:none;border-radius:2px}.md-diff-add{color:#48bb78!important}.md-diff-add:before{background:#48bb781f}.md-diff-remove{color:#f56565!important}.md-diff-remove:before{background:#f565652e}.md-diff-add .md-marker,.md-diff-remove .md-marker{color:inherit!important;opacity:.8!important}.md-list{color:inherit!important}.md-italic .md-marker,.md-bold-italic .md-marker{color:var(--text-muted)!important;opacity:.4!important}.MarkdownHighlighter .md-list,.md-list{font-weight:400}.md-hr{display:block;width:100%;height:30px;line-height:30px;margin:0;padding:0;color:var(--text-muted);opacity:.8;position:relative}.md-hr:after{content:"";position:absolute;left:-40px;right:-40px;top:50%;height:2.5px;background:var(--panel-border);opacity:.6;z-index:-1}.editor-scroll-container textarea::selection{background:#3b82f640;color:transparent!important;-webkit-text-fill-color:transparent!important}.editor-scroll-container .MarkdownHighlighter ::selection{background:transparent}.md-space-half,.md-space-full,.md-newline{position:relative}.md-space-half:before{content:"･";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.85em;font-family:var(--font-gothic)}.md-space-half{position:relative}.md-space-full:before{content:"□";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.8em;font-family:var(--font-gothic)}.md-newline-symbol{display:inline-block;width:0;height:0;overflow:visible;position:relative;color:var(--accent);opacity:.7;pointer-events:none;font-size:.8em!important;vertical-align:middle;line-height:1;-webkit-user-select:none;user-select:none}.md-newline-symbol:before{content:"↩︎";position:absolute;left:3px;top:-1.5em}.md-tab{position:relative}.md-tab:before{content:"→";position:absolute;left:.2rem;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.9em}.md-page-marker{position:absolute;left:0;right:0;height:0;width:100%;border-top:2px solid var(--accent);opacity:.3;pointer-events:none;z-index:10;transform:translateY(.9em)}.md-page-marker:after{content:"PAGE " attr(data-page);position:absolute;right:0;top:.2em;font-size:.65rem;font-weight:800;color:var(--accent);background:var(--panel-bg);padding:0 6px;border-radius:2px;letter-spacing:.15em;opacity:1}.hp-container{height:100svh;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-color);position:relative}.hp-hero-animated-box{height:calc(100svh - 96px - var(--safe-top, 0px) - var(--safe-bottom, 0px));transition:opacity .4s ease;opacity:1;overflow:hidden;flex-shrink:0}.hp-hero-animated-box.is-collapsed{height:0;opacity:0;pointer-events:none}.hp-container>header{position:sticky;top:0;z-index:1000;background-color:var(--bg-color)}.hp-content-area{position:relative;width:100%;min-height:100vh;z-index:2}.hp-background-layer{width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}.hp-background-layer.is-damping{transform:scale(.98);opacity:.6;pointer-events:none}.hp-global-bg{position:absolute;top:0;left:0;right:0;height:800px;pointer-events:none;z-index:-1;transition:opacity .6s ease,transform .6s ease}@keyframes hp-article-enter{0%{transform:translateY(100svh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hp-article-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(100svh);opacity:0}}.hp-article-view-container.is-entering{animation:hp-article-enter .45s cubic-bezier(.16,1,.3,1) forwards}.hp-article-view-container.is-exiting{animation:hp-article-exit .35s cubic-bezier(0,0,.2,1) forwards;pointer-events:none}.hp-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--panel-border),transparent);margin:0 auto;width:80%;max-width:800px}.hp-artwork-mock{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.4));display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:var(--font-mincho);font-weight:700;text-align:center;box-sizing:border-box;box-shadow:inset 0 0 0 1px #0000000d;object-fit:cover}.hp-hero{flex-shrink:0;height:calc(100svh - 96px - var(--safe-top) - var(--safe-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(2rem + var(--safe-top)) 0 2rem;box-sizing:border-box;background:linear-gradient(180deg,transparent,rgba(var(--accent-rgb),.04),transparent)}.hp-hero-title{font-family:var(--font-mincho);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-main);margin:0 0 3rem;letter-spacing:.05em}.hp-search-container{position:relative;width:min(100% - 3rem,600px);max-width:600px}.hp-search-input{width:100%;padding:1.25rem 3.5rem;font-size:1.125rem;border-radius:9999px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);color:var(--text-main);box-sizing:border-box;transition:box-shadow .2s,border-color .2s;font-family:var(--font-base)}.hp-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.hp-search-input::placeholder{color:rgba(var(--text-main-rgb),.4)}.hp-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:rgba(var(--text-main-rgb),.4)}.hp-search-clear{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:var(--panel-border);border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.hp-search-clear:hover{background:rgba(var(--accent-rgb),.2);color:var(--accent)}.hp-search-results{padding:3rem 0;width:var(--w-content);margin-inline:auto;box-sizing:border-box}.hp-not-found{text-align:center;padding:4rem;color:var(--text-muted);font-size:1.1rem}.hp-featured,.hp-categories{padding:0;width:var(--w-content);margin-inline:auto;box-sizing:border-box}.hp-featured h2,.hp-categories h2{font-size:1.75rem;margin:2.5rem 0 1rem;color:var(--text-main);text-align:left;font-weight:700;letter-spacing:-.02em}.hp-featured-scroll-wrap{display:flex;gap:2.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2rem max(1.5rem,calc(50vw - 500px));scroll-padding-inline:max(1.5rem,calc(50vw - 500px));margin-top:-1.5rem;margin-bottom:-1.5rem;-ms-overflow-style:none;scrollbar-width:none}.hp-featured-scroll-wrap::-webkit-scrollbar{display:none}.hp-article-card{flex:0 0 clamp(180px,60vw,220px);scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none;background:transparent;border:none;border-radius:12px;transition:transform .2s;cursor:pointer;outline:none}.hp-article-card:hover{transform:scale(1.01)}.hp-article-card:active{transform:scale(.98)}.hp-card-thumb{width:100%;aspect-ratio:1 / 1;height:auto;border-radius:12px;font-size:1.25rem;background:rgba(var(--accent-rgb),.05);color:var(--accent);transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.hp-article-card:hover .hp-card-thumb{background:rgba(var(--accent-rgb),.12)}.hp-card-content{padding:1.25rem 0 .5rem;display:flex;flex-direction:column;gap:.35rem}.hp-card-cat{font-size:.75rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hp-card-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.5}.hp-category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem}.hp-category-group-link{display:flex;align-items:center;gap:1.5rem;text-decoration:none;padding:.7rem;border-radius:16px;background:var(--panel-bg);border:1px solid var(--panel-border);transition:transform .2s,box-shadow .2s;cursor:pointer;outline:none}.hp-category-group-link:hover{transform:scale(1.01);box-shadow:var(--panel-shadow)}.hp-category-group-link:active{transform:scale(.985)}.hp-category-thumb-small{width:96px;height:96px;border-radius:8px;flex-shrink:0;font-size:.85rem}.hp-category-group-info h3{font-size:1.25rem;color:var(--text-main);margin:0 0 .5rem;font-weight:700}.hp-category-group-info p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.4}.hp-album-wrapper{width:100%;min-height:100%;padding:80px 0 100px;box-sizing:border-box;position:relative}.hp-album-inner{width:var(--w-content);margin-inline:auto}.hp-album-header{display:flex;gap:3rem;align-items:flex-end;margin-bottom:4rem}.hp-album-artwork-container{flex-shrink:0}.hp-album-artwork{width:240px;height:240px;border-radius:16px;box-shadow:0 20px 40px #00000026;font-size:2rem}.hp-album-info{display:flex;flex-direction:column;gap:.5rem}.hp-album-info.is-vivid .hp-album-title{color:var(--text-main)}.hp-album-info.is-vivid .hp-album-desc,.hp-album-info.is-vivid .hp-album-meta{color:rgba(var(--text-main-rgb),.7)}.hp-album-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text-main);margin:0;line-height:1.1;letter-spacing:-.03em}.hp-album-desc{font-size:1.125rem;color:rgba(var(--text-main-rgb),.7);margin:0 0 1rem;line-height:1.5}.hp-album-meta{font-size:.85rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em;margin-bottom:1.5rem}.hp-album-actions{display:flex;gap:1rem}.glass-button.hp-album-play-btn{padding:8px 32px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;font-weight:700;height:52px;box-sizing:border-box}.hp-album-play-text{font-size:1.125rem;line-height:1}.hp-album-circle-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s}.hp-album-circle-btn:hover{transform:scale(1.05);background:var(--item-bg)}.hp-album-circle-btn svg{opacity:.7;transition:opacity .2s}.hp-album-circle-btn:hover svg{opacity:1}.hp-tracklist{display:flex;flex-direction:column}.hp-track-item{display:flex;align-items:center;gap:1.5rem;padding:1rem .5rem;text-decoration:none;color:var(--text-main);transition:background .2s,border-radius .2s}.hp-track-item:hover{background:rgba(var(--panel-bg-rgb),.5);border-radius:8px}.hp-track-item:hover .hp-track-num{color:var(--text-main)}.hp-track-num{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);font-weight:600;width:24px;text-align:right;transition:color .2s}.hp-track-title{flex:1;font-size:1.1rem;font-weight:500}.hp-track-icon{color:var(--text-muted);opacity:0;transition:opacity .2s}.hp-track-item:hover .hp-track-icon{opacity:1}.hp-track-divider{border:none;height:1px;background:var(--panel-border);margin:0}.hp-article-view-container{width:100%;box-sizing:border-box;background-color:var(--bg-color);position:relative}.hp-article-inner{width:var(--w-content);margin-inline:auto;padding:4rem 0 0}.hp-article-header{text-align:center;margin-bottom:5rem}.hp-article-meta{font-size:.85rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.hp-article-title{font-size:clamp(2.25rem,5vw,3rem);font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.03em;line-height:1.15;width:min(100%,800px);margin-inline:auto}.hp-article-content-row{display:flex;gap:5rem;align-items:stretch;margin-bottom:3rem}.hp-article-main{flex:1;min-width:0}.hp-article-sidebar{width:260px;flex-shrink:0;position:sticky;top:calc(96px + 4rem);align-self:flex-start}.hp-article-sidebar-sticky{position:relative}.hp-article-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0;width:100%;box-sizing:border-box}.hp-control-icon-btn{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s;text-decoration:none;padding:12px;margin:-12px}.hp-control-icon-btn:hover:not(.is-disabled){color:var(--text-main)}.hp-control-icon-btn.is-disabled{opacity:.2;cursor:not-allowed}.hp-sidebar-box h3{font-size:.9rem;margin:0 0 1.25rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hp-sidebar-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.hp-sidebar-box a{color:var(--text-main);text-decoration:none;font-size:.95rem;line-height:1.4;display:block;opacity:.6;transition:opacity .2s}.hp-sidebar-box a:hover,.hp-sidebar-box a.active{opacity:1}.hp-sidebar-box a.active{color:var(--accent);font-weight:700}.hp-sidebar-feedback{margin-top:2rem}.hp-sidebar-feedback-btn{display:flex;align-items:center;gap:.85rem;background:transparent;border:1px solid var(--panel-border);color:var(--text-main);cursor:pointer;font-size:.9rem;text-align:left;padding:1rem 1.25rem;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.hp-sidebar-feedback-btn:hover{background:var(--btn-hover)}.hp-sidebar-feedback-btn:active{transform:translateY(-1px)}.hp-feedback-icon-box{color:var(--accent);display:flex;align-items:center;justify-content:center;opacity:.8}.hp-feedback-text-box{display:flex;flex-direction:column;gap:4px}.hp-feedback-title{font-size:.95rem;font-weight:700;color:var(--text-main);display:block;line-height:1.4}.hp-feedback-sub{font-size:.75rem;color:var(--text-muted);display:block;line-height:1.5}.hp-mobile-bottom-content{display:none}.hp-pagination-full{border-top:1px solid var(--panel-border);padding-top:2rem;margin-bottom:3rem}.hp-pagination-inner{display:flex;gap:2rem}.hp-page-spacer{flex:1}.hp-page-btn{flex:1;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;background:transparent;border:none;text-decoration:none;transition:opacity .2s;color:var(--text-main);opacity:.6}.hp-page-btn:hover{opacity:1}.hp-page-btn-label{display:flex;flex-direction:column;gap:.25rem;min-width:0}.hp-page-dir{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em}.hp-page-title{font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-page-btn.is-next{text-align:right;justify-content:flex-end}@media (max-width: 997px){.hp-article-sidebar{display:none!important}.hp-mobile-bottom-content{display:block;margin-top:2rem;padding:3rem 0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hp-mobile-bottom-content .hp-sidebar-box{width:var(--w-content-sm);margin:0 auto}}.hp-mobile-controls{display:none}.hp-markdown-body{font-family:var(--font-base);color:var(--text-main);line-height:1.8;font-size:1.1rem}.hp-markdown-body>*:first-child{margin-top:0}.hp-markdown-body h2{font-size:1.75rem;margin:4rem 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--panel-border);font-weight:700;letter-spacing:-.01em}.hp-markdown-body blockquote{margin:1.5rem 0;padding:.8rem 1.5rem;border-left:4px solid var(--accent);background:rgba(var(--accent-rgb),.05);border-radius:0 8px 8px 0;color:var(--text-main)}.hp-markdown-body blockquote.is-caution{border-left-color:#f59e0b;background:#f59e0b0d}.hp-markdown-body blockquote.is-important{border-left-color:#805ad5;background:#805ad50d}.hp-markdown-body blockquote.is-note{border-left-color:#3b82f6;background:#3b82f60d}.hp-markdown-body blockquote.is-tba{border-left-color:#10b981;background:#10b9810d}.hp-markdown-body blockquote p:first-child{margin-top:0}.hp-markdown-body blockquote p:last-child{margin-bottom:0}.hp-blockquote-title{display:block;font-weight:800;margin-bottom:.35rem;font-size:.95rem;letter-spacing:.05em}.is-caution .hp-blockquote-title{color:#d97706}.is-important .hp-blockquote-title{color:#805ad5}.is-note .hp-blockquote-title{color:#2563eb}.is-tba .hp-blockquote-title{color:#10b981}.hp-markdown-body img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:16px;border:2px solid var(--panel-border)}.hp-markdown-body h3{font-size:1.35rem;margin:2.5rem 0 1rem;font-weight:600}.hp-markdown-body ul,.hp-markdown-body ol{margin-bottom:1.5rem;padding-left:2rem}.hp-markdown-body li{margin-bottom:.5rem}.hp-markdown-body strong{font-weight:600;color:var(--accent)}.hp-markdown-body code{background:#8080801a;padding:.2rem .4rem;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.hp-markdown-body pre{background:var(--panel-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--panel-border);overflow-x:auto;margin-bottom:2rem}.hp-markdown-body pre code{background:transparent;padding:0}@media (max-width: 997px){.hp-mobile-controls{display:flex;position:fixed;bottom:24px;left:0;right:0;width:var(--w-content);margin:0 auto;justify-content:center;align-items:center;z-index:2000;background:transparent;border:none;box-shadow:none;padding:0;overflow:visible}.hp-mobile-ctrl-btn{display:flex;align-items:center;justify-content:center;height:64px;width:calc((var(--w-content) + 2px) / 3);box-sizing:border-box;border-radius:0;color:var(--text-main);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:rgba(var(--panel-bg-rgb),.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--panel-border);margin-right:-1px}.hp-mobile-ctrl-btn.is-first{border-radius:999px 0 0 999px}.hp-mobile-ctrl-btn.is-last{border-radius:0 999px 999px 0;margin-right:0}.hp-mobile-ctrl-btn:hover:not(.is-disabled){color:var(--accent);z-index:1}.hp-mobile-ctrl-btn:active:not(.is-disabled){color:var(--accent);transform:translateY(2px);z-index:1}.hp-mobile-ctrl-btn.is-disabled{color:var(--text-muted);transform:translateY(0);cursor:not-allowed}.hp-article-view-container{padding-bottom:calc(80px + var(--safe-bottom))}.hp-article-wrapper{flex-direction:column;padding:2rem 0;width:var(--w-content-sm)}.hp-article-sidebar{display:none}.hp-hero{padding:2rem 0}.hp-hero-title{text-align:center}.hp-album-header{flex-direction:column;align-items:center;text-align:center;gap:2rem}.hp-album-artwork{width:200px;height:200px}.hp-album-actions{justify-content:center}.hp-pagination-inner{flex-direction:column;gap:0}.hp-page-btn{width:100%;padding:1.5rem 0;border-bottom:1px solid var(--panel-border)}.hp-page-btn:last-child{border-bottom:none}.hp-page-btn.is-next{flex-direction:row}.hp-page-spacer{display:none}.hp-back-to-top{width:100%;justify-content:center}}:root,:root[data-theme=light]{--bg-color: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--panel-bg: #ffffff;--panel-bg-rgb: 255, 255, 255;--panel-border: #e2e8f0;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--accent: #3b82f6;--accent-hover: #2563eb;--accent-rgb: 59, 130, 246;--input-bg: #f8fafc;--input-border: #e2e8f0;--input-focus: #ffffff;--btn-bg: #ffffff;--btn-hover: #f1f5f9;--item-bg: #f8fafc;--item-bg-empty: #ffffff;--preview-bg: #f1f5f9;--tab-active-bg: #e0eafc;--stats-bg: #f8fafc;--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--font-base: "IBM Plex Sans JP", "Inter", system-ui, -apple-system, sans-serif;--font-mincho: "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-gothic: "Yu Gothic", "Hiragino Sans", sans-serif;--font-mono: "JetBrains Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Courier New", monospace;--header-height: 40px;--header-pt: 12px;--sidebar-width: clamp(268px, 20vw, 280px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--w-content-sm: min(100% - 3rem, 800px);--w-content: min(100% - 3rem, 1000px);--w-content-lg: min(100% - 3rem, 1200px)}:root[data-accent=red]{--accent: #e53e3e;--accent-hover: #c53030;--accent-rgb: 229, 62, 62}:root[data-accent=yellow]{--accent: #d69e2e;--accent-hover: #b7791f;--accent-rgb: 214, 158, 46}:root[data-accent=green]{--accent: #38a169;--accent-hover: #2f855a;--accent-rgb: 56, 161, 105}:root[data-accent=cyan]{--accent: #0bc5ea;--accent-hover: #00b5d8;--accent-rgb: 11, 197, 234}:root[data-accent=blue]{--accent: #3182ce;--accent-hover: #2b6cb0;--accent-rgb: 49, 130, 206}:root[data-accent=purple]{--accent: #805ad5;--accent-hover: #6b46c1;--accent-rgb: 128, 90, 213}:root[data-accent=grey]{--accent: #718096;--accent-hover: #4a5568;--accent-rgb: 113, 128, 150}:root{--tab-active-bg: rgba(var(--accent-rgb), .12) !important}@media (prefers-color-scheme: dark){:root[data-theme=system]{--bg-color: #121212;--text-main: #f5f5f5;--text-muted: #a0a0a0;--panel-bg: #1e1e1e;--panel-bg-rgb: 30, 30, 30;--panel-border: #333333;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--input-bg: #121212;--input-border: #333333;--input-focus: #1e1e1e;--btn-bg: #2c2c2c;--btn-hover: #3a3a3a;--item-bg: #2c2c2c;--item-bg-empty: #1e1e1e;--preview-bg: #121212;--tab-active-bg: rgba(255, 255, 255, .1);--stats-bg: #1e1e1e;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25)}}:root[data-theme=dark]{--bg-color: #121212;--text-main: #f5f5f5;--text-muted: #a0a0a0;--panel-bg: #1e1e1e;--panel-bg-rgb: 30, 30, 30;--panel-border: #333333;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--input-bg: #121212;--input-border: #333333;--input-focus: #1e1e1e;--btn-bg: #2c2c2c;--btn-hover: #3a3a3a;--item-bg: #2c2c2c;--item-bg-empty: #1e1e1e;--preview-bg: #121212;--tab-active-bg: rgba(255, 255, 255, .1);--stats-bg: #1e1e1e;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25)}body{margin:0;font-family:var(--font-base);background:var(--bg-color);color:var(--text-main);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--panel-shadow)}.glass-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-main);outline:none;font-family:inherit;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;padding:8px 12px}.glass-input:focus{background:var(--input-focus);border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.glass-toggle-btn{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-main);outline:none;font-family:inherit;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s ease,transform .15s ease,box-shadow .15s ease;padding:8px 12px;cursor:pointer}.glass-toggle-btn:hover{background:var(--btn-hover)}.glass-toggle-btn:active{transform:scale(.96);background:var(--btn-bg)}.glass-toggle-btn:focus-visible{background:var(--input-focus);border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.glass-button{background:var(--btn-bg);border:1px solid var(--panel-border);border-radius:6px;color:var(--text-main);cursor:pointer;padding:8px 16px;font-weight:500;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.glass-button:hover{background:var(--btn-hover);box-shadow:0 2px 8px #0000000d}.glass-button.primary{background:var(--accent);color:#fff;border:none}.glass-button.primary:hover{background:var(--accent-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modal-fade-in .15s ease}.modal-overlay.no-blur{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-container{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--panel-shadow),0 8px 40px #0006;padding:28px 28px 24px;display:flex;flex-direction:column;gap:16px;animation:modal-slide-in .18s cubic-bezier(.34,1.56,.64,1);width:min(80%,440px);pointer-events:auto}.modal-container.sm{width:min(80%,340px)}.modal-container.md{width:min(80%,440px)}.modal-header{display:flex;align-items:center;gap:12px}.modal-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.3}.modal-body{font-size:.875rem;color:var(--text-muted);line-height:1.65}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.modal-btn{padding:.45rem 1.1rem;border-radius:8px;border:1px solid var(--panel-border);cursor:pointer;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s,border-color .15s,color .15s;background:var(--item-bg);color:var(--text-main)}.modal-btn:hover{opacity:.8}.modal-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-btn.danger{background:#ef444426;color:#ef4444;border-color:#ef44444d}.modal-btn.ghost{background:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-picker-container{display:flex;gap:10px;padding:8px 0 0;flex-wrap:wrap}.color-dot{width:clamp(16px,1.2vw,18px);height:clamp(16px,1.2vw,18px);border-radius:50%;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;border:2px solid rgba(255,255,255,.1);position:relative;box-shadow:0 1px 3px #0000001a}.color-dot:hover{transform:scale(1.15)}.color-dot.active{box-shadow:0 0 0 2px var(--panel-bg),0 0 0 4px var(--accent)}