@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap";:root{--jp-red:#bc002d;--pencil-gray:#3a3b3c;--tape-color:#eee8cdcc;--paper-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E")}[data-theme=dark]{--bg-color:#1e1e1e;--card-bg:#2a2a2a;--text-color:#e8e6e3;--text-muted:#9a9a9a;--border-color:#4a4a4a;--shadow-color:#0006}[data-theme=light],[data-theme=ink]{--bg-color:#f4f1ea;--card-bg:#fcfbf9;--text-color:#2c2a25;--text-muted:#6b665c;--border-color:#d1cbc1;--shadow-color:#00000014}body{background-color:var(--bg-color);background-image:var(--paper-texture);min-width:320px;min-height:100vh;color:var(--text-color);place-items:center;margin:0;font-family:Kalam,cursive;transition:background-color .5s,color .5s;display:flex;overflow:hidden}#app{width:100%;height:100vh}.hand-font{font-family:Kalam,cursive}.serif-font{font-family:Shippori Mincho,serif}.app-container{width:100%;height:100%;position:relative;overflow:hidden}.sketch-panel{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);border-radius:4px 8px 3px 6px}.vue-flow__node{transform-style:preserve-3d!important;background:0 0!important;border:none!important;padding:0!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,p{margin:0}.character-card[data-v-746cb1fd]{background-color:var(--card-bg);cursor:pointer;min-width:260px;transform-style:preserve-3d;will-change:transform;padding:15px;transition:transform .2s ease-out,box-shadow .3s;position:relative;pointer-events:all!important}.tape[data-v-746cb1fd]{background-color:var(--tape-color);z-index:10;opacity:.9;width:100px;height:25px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 3px #0003}.character-card[data-v-746cb1fd]:hover{box-shadow:8px 8px 0 var(--shadow-color);transform:translateY(-2px)}.root-node[data-v-746cb1fd]{border-width:3px;border-color:var(--jp-red)}.card-content[data-v-746cb1fd]{align-items:center;gap:1rem;display:flex}.image-wrapper[data-v-746cb1fd]{border:2px solid var(--border-color);width:70px;height:100px;box-shadow:2px 2px 0 var(--shadow-color);background:#fff;padding:4px;overflow:hidden;transform:rotate(-2deg)}.image-wrapper img[data-v-746cb1fd]{object-fit:cover;filter:grayscale(15%)sepia(25%)contrast(1.1);width:100%;height:100%}.info-section[data-v-746cb1fd]{flex-direction:column;flex:1;justify-content:center;display:flex}.native-name[data-v-746cb1fd]{color:var(--text-muted);opacity:.3;pointer-events:none;font-size:1.5rem;font-weight:700;position:absolute;top:5px;right:10px}.full-name[data-v-746cb1fd]{color:var(--text-color);border-bottom:2px solid var(--border-color);margin-bottom:.3rem;padding-bottom:5px;font-size:1.2rem;font-weight:700;line-height:1.2}.anime-title[data-v-746cb1fd]{color:var(--pencil-gray);font-size:.95rem;line-height:1.3}.root-badge[data-v-746cb1fd]{background:var(--jp-red);color:#fff;border:2px solid var(--bg-color);box-shadow:2px 2px 0 var(--shadow-color);z-index:5;padding:.2rem .8rem;font-size:1.1rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-5deg)}.custom-handle[data-v-746cb1fd]{background:var(--card-bg);border:2px solid var(--pencil-gray);opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .3s}.character-card:hover .custom-handle[data-v-746cb1fd]{opacity:1}.staff-node[data-v-0afa698f]{min-width:300px;transform-style:preserve-3d;will-change:transform;background-color:var(--card-bg);padding:20px;transition:transform .2s ease-out,box-shadow .3s;position:relative;pointer-events:all!important}.tape-top-left[data-v-0afa698f],.tape-bottom-right[data-v-0afa698f]{background-color:var(--tape-color);z-index:10;opacity:.8;width:60px;height:20px;position:absolute;box-shadow:0 1px 2px #0000001a}.tape-top-left[data-v-0afa698f]{top:-8px;left:-15px;transform:rotate(-45deg)}.tape-bottom-right[data-v-0afa698f]{bottom:-8px;right:-15px;transform:rotate(-45deg)}.staff-node[data-v-0afa698f]:hover{box-shadow:10px 10px 0 var(--shadow-color)}.staff-content[data-v-0afa698f]{align-items:center;gap:1.5rem;display:flex}.image-frame[data-v-0afa698f]{border:2px dashed var(--pencil-gray);background:var(--bg-color);border-radius:50%;flex-shrink:0;width:90px;height:90px;padding:4px;position:relative}.image-frame img[data-v-0afa698f]{object-fit:cover;filter:sepia(50%)hue-rotate(-10deg)saturate(1.5)contrast(1.1);border-radius:50%;width:100%;height:100%}.staff-info[data-v-0afa698f]{text-align:left}.role-badge[data-v-0afa698f]{color:var(--jp-red);border-bottom:1px solid var(--border-color);margin-bottom:.2rem;padding-bottom:2px;font-size:1.2rem}.native[data-v-0afa698f]{color:var(--text-color);margin-bottom:.2rem;font-size:1.8rem;font-weight:700;line-height:1.1}.full[data-v-0afa698f]{color:var(--text-muted);font-size:1.2rem}.custom-handle[data-v-0afa698f]{background:var(--card-bg);border:2px solid var(--pencil-gray);opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .3s}.staff-node:hover .custom-handle[data-v-0afa698f]{opacity:1}.scribble[data-v-0afa698f]{border-bottom:2px dashed var(--border-color);width:40px;height:10px;position:absolute;bottom:10px;right:20px;transform:rotate(-5deg)}.brush-edge-group[data-v-545a9a7c]{pointer-events:none}.draw-animation[data-v-545a9a7c]{stroke:var(--jp-red);stroke-width:2px;stroke-linecap:square;stroke-dasharray:20 40;opacity:.6;animation:1.5s linear infinite drawFlow-545a9a7c}@keyframes drawFlow-545a9a7c{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}.modal-overlay[data-v-f7ef96ae]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-f7ef96ae]{width:100%;max-width:900px;max-height:90vh;padding:0;position:relative;overflow-y:auto}.modal-body[data-v-f7ef96ae]{background-image:linear-gradient(transparent 95%, var(--border-color) 95%);background-size:100% 30px;gap:3rem;padding:3rem;display:flex}@media (width<=768px){.modal-body[data-v-f7ef96ae]{flex-direction:column;padding:1.5rem}}.side-info[data-v-f7ef96ae]{flex-direction:column;flex-shrink:0;align-items:center;gap:1.5rem;width:250px;display:flex}.image-container[data-v-f7ef96ae]{border:1px solid var(--border-color);background:#fff;width:100%;padding:8px;position:relative;transform:rotate(-1deg);box-shadow:2px 2px 5px #0000001a}.tape-top-center[data-v-f7ef96ae]{background-color:var(--tape-color);z-index:10;width:80px;height:25px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 1px 2px #0000001a}.profile-img[data-v-f7ef96ae]{object-fit:cover;filter:sepia(30%)contrast(1.1);width:100%;height:350px}.main-info[data-v-f7ef96ae]{background:var(--card-bg);flex-direction:column;flex:1;padding:0 1rem;display:flex}.native-title[data-v-f7ef96ae]{color:var(--text-muted);opacity:.3;margin:0;font-size:3rem}.full-title[data-v-f7ef96ae]{color:var(--jp-red);border-bottom:3px solid var(--border-color);margin:-20px 0 1.5rem;padding-bottom:10px;font-size:3rem;line-height:1.1}.details-grid[data-v-f7ef96ae]{flex-wrap:wrap;gap:2rem;margin-bottom:1rem;display:flex}.detail-card[data-v-f7ef96ae]{align-items:baseline;gap:.5rem;display:flex}.detail-card .label[data-v-f7ef96ae]{color:var(--jp-red);font-size:1.2rem}.detail-card .value[data-v-f7ef96ae]{color:var(--text-color);font-size:1.4rem}.occupations[data-v-f7ef96ae]{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.occ-badge[data-v-f7ef96ae]{border:2px dashed var(--border-color);color:var(--pencil-gray);padding:.2rem .6rem;font-size:1.1rem}.description[data-v-f7ef96ae]{color:var(--pencil-gray);margin-bottom:3rem;font-size:1.2rem;line-height:1.8}.description[data-v-f7ef96ae] strong{color:var(--jp-red)}.description[data-v-f7ef96ae] br{margin:10px 0;display:block}.media-section[data-v-f7ef96ae]{border-top:2px solid var(--border-color);margin-top:auto;padding-top:2rem}.section-title[data-v-f7ef96ae]{color:var(--text-color);border-left:5px solid var(--jp-red);margin-bottom:1.5rem;padding-left:10px;font-size:2rem}.media-grid[data-v-f7ef96ae]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;display:grid}.media-card[data-v-f7ef96ae]{cursor:pointer;flex-direction:column;gap:.5rem;transition:transform .2s;display:flex}.media-card[data-v-f7ef96ae]:hover{transform:translateY(-5px)rotate(2deg)}.media-card img[data-v-f7ef96ae]{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--border-color);width:100%;box-shadow:2px 2px 0 var(--shadow-color);background:#fff;padding:2px}.media-title[data-v-f7ef96ae]{color:var(--text-color);text-align:center;font-size:1rem;line-height:1.2}.close-btn[data-v-f7ef96ae]{cursor:pointer;color:var(--text-color);z-index:10;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.close-btn[data-v-f7ef96ae]:hover{color:var(--jp-red);opacity:1;transform:rotate(90deg)}.explore-btn[data-v-f7ef96ae]{width:100%;color:var(--jp-red);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:1.5rem;transition:all .2s;display:flex}.explore-btn[data-v-f7ef96ae]:hover{background:var(--jp-red);color:#fff}.modal-enter-active[data-v-f7ef96ae],.modal-leave-active[data-v-f7ef96ae]{transition:all .3s cubic-bezier(.16,1,.3,1)}.modal-enter-from[data-v-f7ef96ae],.modal-leave-to[data-v-f7ef96ae]{opacity:0;transform:scale(.95)rotate(-2deg)}.mobile-blocker[data-v-b5db7dab]{background-color:var(--bg-color);z-index:10000;width:100vw;height:100vh;color:var(--text-color);justify-content:center;align-items:center;font-family:Noto Serif JP,serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.paper-overlay[data-v-b5db7dab]{opacity:.05;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/parchment.png);width:100%;height:100%;position:absolute;top:0;left:0}.bg-kanji-large[data-v-b5db7dab]{color:var(--jp-red);opacity:.03;pointer-events:none;font-size:60vh;font-weight:900;line-height:1;position:absolute;bottom:-10%;right:-10%}.magazine-layout[data-v-b5db7dab]{background:var(--card-bg);border:1px solid var(--text-color);width:85%;max-width:450px;box-shadow:12px 12px 0 var(--jp-red);padding:0;animation:.8s cubic-bezier(.16,1,.3,1) slideUp-b5db7dab;display:flex;position:relative}@keyframes slideUp-b5db7dab{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.side-accent[data-v-b5db7dab]{background:var(--text-color);width:80px;color:var(--card-bg);flex-direction:column;align-items:center;gap:2rem;padding:1.5rem 0;display:flex}.hanko[data-v-b5db7dab]{border:2px solid var(--card-bg);background:var(--jp-red);width:40px;height:40px;color:var(--paper-white);justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex}.vertical-title[data-v-b5db7dab]{writing-mode:vertical-rl;align-items:center;gap:1rem;display:flex}.vertical-title .jp[data-v-b5db7dab]{letter-spacing:.2em;font-size:1.4rem;font-weight:900}.vertical-title .en[data-v-b5db7dab]{letter-spacing:.3em;opacity:.5;font-size:.6rem;font-weight:400}.main-content[data-v-b5db7dab]{flex-direction:column;flex:1;gap:3rem;padding:2.5rem;display:flex}.brand[data-v-b5db7dab]{flex-direction:column;display:flex}.brand .main[data-v-b5db7dab]{color:var(--jp-red);font-size:2.5rem;font-weight:900;line-height:1}.brand .sub[data-v-b5db7dab]{letter-spacing:.5em;opacity:.6;margin-top:.5rem;font-size:.7rem}.message-section[data-v-b5db7dab]{flex-direction:column;gap:1.5rem;display:flex}.icon-wrap[data-v-b5db7dab]{width:fit-content;position:relative}.pulse-ring[data-v-b5db7dab]{border:1px solid var(--jp-red);border-radius:50%;width:100%;height:100%;animation:2s infinite pulse-b5db7dab;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-b5db7dab{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.headline[data-v-b5db7dab]{margin:0;font-size:1.5rem;font-weight:900;line-height:1.2}.description[data-v-b5db7dab]{opacity:.8;margin:0;font-size:.95rem;line-height:1.6}.instruction[data-v-b5db7dab]{color:var(--jp-red);align-items:center;gap:.8rem;font-size:.85rem;font-weight:700;display:flex}.footer-stamp[data-v-b5db7dab]{border-top:1px dashed var(--glass-border);margin-top:auto;padding-top:1.5rem}.stamp-box[data-v-b5db7dab]{flex-direction:column;display:flex}.stamp-box .label[data-v-b5db7dab]{opacity:.5;letter-spacing:.1em;font-size:.6rem}.stamp-box .value[data-v-b5db7dab]{letter-spacing:.2em;font-size:.8rem;font-weight:900}@media (width<=400px){.magazine-layout[data-v-b5db7dab]{flex-direction:column;width:90%}.side-accent[data-v-b5db7dab]{flex-direction:row;justify-content:space-between;width:100%;height:60px;padding:0 1.5rem}.vertical-title[data-v-b5db7dab]{writing-mode:horizontal-tb;flex-direction:row;align-items:baseline}.vertical-title .jp[data-v-b5db7dab]{font-size:1rem}.main-content[data-v-b5db7dab]{gap:2rem;padding:1.5rem}.brand .main[data-v-b5db7dab]{font-size:2rem}}.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.top-bar{z-index:1000;pointer-events:none;width:100%;height:0;position:fixed;top:0;left:0}.actions-group{pointer-events:auto;gap:.75rem;display:flex;position:absolute;top:2rem;left:2rem}.action-btn{color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;height:44px;padding:0 1rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.action-btn:hover{box-shadow:6px 6px 0 var(--shadow-color);transform:translateY(-2px)rotate(-2deg)}.action-btn.highlight{color:var(--jp-red);border-color:var(--jp-red)}.search-container{pointer-events:auto;width:320px;position:absolute;top:2rem;right:2rem}.search-bar{align-items:center;padding:.3rem .5rem;transition:transform .3s;display:flex}.search-bar:focus-within{transform:scale(1.02)}.search-input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;padding:.4rem .8rem;font-size:1.2rem}.search-input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.search-results{flex-direction:column;width:100%;padding:0;display:flex;position:absolute;top:calc(100% + 1rem);right:0;overflow:hidden}.result-item{cursor:pointer;border-bottom:2px dashed var(--border-color);align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .2s;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:var(--border-color)}.result-item img{object-fit:cover;border:2px solid var(--text-color);width:40px;height:40px;box-shadow:2px 2px 0 var(--shadow-color);filter:grayscale(20%)sepia(20%);border-radius:4px}.result-info{flex-direction:column;display:flex}.main-name{color:var(--text-color);font-size:1.1rem;font-weight:700}.sub-name{color:var(--text-muted);font-size:.85rem}.visual-tree{z-index:10;background:0 0;width:100%;height:100%}.ui-overlay{text-align:left;z-index:20;pointer-events:none;align-items:flex-end;gap:1rem;display:flex;position:absolute;bottom:3rem;left:2rem}.hanko{background-color:var(--jp-red);color:#fff;width:60px;height:60px;box-shadow:0 0 0 3px var(--jp-red), 4px 4px 0 var(--shadow-color);border:3px solid #fff;border-radius:8px;justify-content:center;align-items:center;margin-bottom:10px;font-size:2rem;font-weight:700;display:flex;transform:rotate(-10deg)}.overlay-text h1{color:var(--text-color);margin:0;font-size:4rem;line-height:1}.overlay-text p{color:var(--text-muted);margin:.5rem 0 0;font-size:1.2rem}.app-footer{z-index:100;pointer-events:auto;gap:1rem;display:flex;position:absolute;bottom:2rem;right:2rem}.credit-block{background:var(--card-bg);flex-direction:column;gap:0;padding:.5rem 1rem;transition:transform .2s;display:flex}.credit-block:hover{transform:translateY(-2px)rotate(2deg)}.credit-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.credit-value{color:var(--text-color);font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .2s}.credit-value:hover{color:var(--jp-red)}.error-toast{z-index:10001;border-left:6px solid var(--jp-red);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.error-icon{color:var(--jp-red);font-size:1.5rem;font-weight:700}.error-msg{color:var(--text-color);font-size:1.1rem}.close-toast{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-left:1rem;padding:0;font-size:1.5rem}.slide-up-enter-active,.slide-up-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translate(-50%,40px)}