@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);margin:0;padding:0;font-family:Noto Sans JP,Segoe UI,Helvetica Neue,Arial,sans-serif;color:#fff;overflow-x:hidden;width:100%;box-sizing:border-box}*{box-sizing:border-box}.app{min-height:100vh;width:100%}.landing-page{min-height:100vh;width:100vw;overflow-x:hidden}.hero-section{min-height:100vh;width:100vw;display:flex;align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e);position:relative;overflow:hidden;padding:0}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.hero-text{animation:fadeInUp 1s ease-out}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-title-main{display:block;background:linear-gradient(45deg,#0f0,#0ff,#0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}.hero-title-sub{display:block;font-size:1.5rem;color:#888;margin-top:.5rem}.hero-description{font-size:1.3rem;line-height:1.6;margin-bottom:2rem;color:#ccc}.hero-features{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.hero-feature{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#aaa}.feature-icon{font-size:1.2rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1.2rem 2.5rem;background:linear-gradient(45deg,#0f0,#0c0);color:#000;border:none;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #00ff004d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f06}.cta-text{font-family:Noto Sans JP,sans-serif}.cta-arrow{font-size:1.2rem;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(3px)}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease-out .3s both}.scouter-preview{position:relative;width:400px;height:250px}.scouter-frame{width:100%;height:100%;border:2px solid #00ff00;border-radius:10px;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 0 30px #00ff0080}.scan-animation{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanLine 2s linear infinite}.power-display{text-align:center;font-family:Orbitron,monospace}.power-label{font-size:.9rem;color:#0c0;margin-bottom:.5rem}.power-value{font-size:2.5rem;color:#0f0;font-weight:700;animation:pulse 2s ease-in-out infinite}.features-section{width:100vw;padding:6rem 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f0f)}.features-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(0,255,0,.1),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-5px);border-color:#00ff004d;box-shadow:0 10px 30px #0f03}.feature-icon-large{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.feature-card p{color:#ccc;line-height:1.6}.how-to-use-section{width:100vw;padding:6rem 0;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f)}.how-to-use-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center;max-width:1200px;margin:0 auto}.step-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.step-card:hover{transform:translateY(-3px);border-color:#00ff004d}.step-number{width:40px;height:40px;background:linear-gradient(45deg,#0f0,#0c0);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1rem}.step-content h3{font-size:1.2rem;margin-bottom:.5rem;color:#fff}.step-content p{color:#ccc;font-size:.9rem;line-height:1.4}.step-arrow{font-size:1.5rem;color:#0f0;text-align:center;animation:pulse 2s ease-in-out infinite}.scanner-section{width:100vw;padding:6rem 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f0f);opacity:0;transform:translateY(30px);transition:all .5s ease}.scanner-section.active{opacity:1;transform:translateY(0)}.scanner-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.scanner-content{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center}.scanner-input,.scanner-display{display:flex;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%{text-shadow:0 0 20px rgba(0,255,0,.5)}to{text-shadow:0 0 30px rgba(0,255,0,.8),0 0 40px rgba(0,255,255,.5)}}@keyframes scanLine{0%{transform:translateY(0);opacity:1}to{transform:translateY(248px);opacity:0}}@media (max-width: 768px){@keyframes scanLine{0%{transform:translateY(0);opacity:1}to{transform:translateY(198px);opacity:0}}}@media (max-width: 480px){@keyframes scanLine{0%{transform:translateY(0);opacity:1}to{transform:translateY(178px);opacity:0}}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 1200px){.hero-content,.features-container,.how-to-use-container,.scanner-container{max-width:1200px;padding:0 1.5rem}}@media (max-width: 600px){.input-container{min-width:280px;width:95%;max-width:95%;margin:0 auto 20px;padding:15px}.username-input{width:140px;font-size:14px}.scan-button{width:100%;margin-top:.5rem}.token-input{width:100%;max-width:100%}.hero-content,.features-container,.how-to-use-container,.scanner-container{padding:0 .5rem}.scouter-container{padding:5px;width:100%;max-width:100%}.scouter-container svg{width:100%;height:auto;max-width:100%;max-height:280px}}@media (max-width: 480px){.hero-title,.hero-title-main{font-size:1.5rem}.hero-description{font-size:.9rem}.scouter-preview{width:100%;max-width:280px;height:180px;margin:0 auto}.section-title{font-size:1.5rem}.feature-card,.step-card{margin:0 .5rem;padding:1rem}.features-container,.how-to-use-container,.scanner-container{padding:0 .5rem}.scouter-container{padding:5px;overflow:hidden}.scouter-container svg{width:100%;height:auto;max-width:100%;max-height:300px;display:block}.input-container{min-width:auto;width:95%;max-width:100%;margin:0 auto;padding:8px}.download-svg-button{font-size:12px;padding:8px 16px}}@media (max-width: 768px){body{overflow-x:hidden}.landing-page{overflow-x:hidden;width:100%}.hero-section{padding:4rem 0 2rem;width:100%;overflow:hidden}.features-section,.how-to-use-section,.scanner-section{width:100%}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center;padding:0 1rem;max-width:100%;width:100%;overflow:hidden}.hero-title{font-size:2rem;line-height:1.3}.hero-title-main{font-size:2rem}.hero-title-sub{font-size:1rem}.hero-description{font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.hero-features{flex-direction:column;gap:1rem;justify-content:center;align-items:center}.hero-feature{font-size:.9rem}.cta-button{padding:1rem 2rem;font-size:1rem}.scouter-preview{width:100%;max-width:320px;height:200px;margin:0 auto}.scouter-frame{width:100%;height:100%}.hero-visual{display:flex;justify-content:center;align-items:center;width:100%}.features-section,.how-to-use-section,.scanner-section{padding:4rem 0;width:100%;overflow:hidden}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem;margin:0 1rem}.steps-grid{grid-template-columns:1fr;gap:2rem;max-width:100%}.step-card{padding:1.5rem;margin:0 1rem}.step-arrow{transform:rotate(90deg);margin:1rem 0}.scanner-content{grid-template-columns:1fr;gap:2rem}.scanner-input,.scanner-display{display:flex;justify-content:center;width:100%;padding:0 1rem}.scanner-display{overflow:hidden}.section-title{font-size:1.8rem;margin-bottom:2rem}.features-container,.how-to-use-container,.scanner-container{padding:0 1rem;max-width:100%;width:100%}.input-container{min-width:auto;width:95%;max-width:100%;margin:0 auto;padding:10px}.username-input{width:150px;margin-right:5px;margin-bottom:1rem}.scan-button{width:100%;margin-top:.5rem}.scouter-container{width:100%;max-width:100%;padding:10px;overflow:hidden}.scouter-container svg{width:100%;height:auto;max-width:100%;max-height:350px;display:block}.download-svg-button{font-size:13px;padding:9px 18px}}.input-container{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;text-align:center;min-width:300px;max-width:100%;box-sizing:border-box}.title{font-family:Orbitron,monospace;color:#0f0;margin-bottom:20px;font-size:24px}.scan-section{margin-bottom:20px}.username-input{padding:10px;font-size:16px;border:2px solid #00ff00;border-radius:5px;margin-right:10px;font-family:Orbitron,monospace;width:200px}.scan-button{padding:10px 20px;font-size:16px;background:#0f0;border:none;border-radius:5px;cursor:pointer;font-family:Orbitron,monospace;font-weight:700}.scan-button:hover{background:#0c0}.scan-button:disabled{background:#888;cursor:not-allowed}.token-section{background:#f0f0f0;padding:15px;border-radius:5px;margin-top:15px;font-size:12px}.token-title{font-family:Orbitron,monospace;color:#0a0;margin-bottom:10px;font-weight:700}.token-controls{display:flex;align-items:center;gap:5px;margin-bottom:10px;max-width:100%;box-sizing:border-box}.token-input{width:300px;max-width:100%;font-size:12px;padding:8px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box}.token-button{padding:8px 15px;font-size:12px;background:#4caf50;color:#fff;border:none;border-radius:3px;cursor:pointer;font-family:Orbitron,monospace}.token-button.clear{background:#ff6b6b}.token-button:hover{opacity:.8}.token-status{font-family:Orbitron,monospace;font-size:10px;margin-top:5px;color:#666}.token-info{color:#666;font-size:11px;margin-top:5px}.token-info a{color:#0a0;text-decoration:none}.detail-button{padding:10px 20px;font-size:14px;background:#06c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Orbitron,monospace;font-weight:700;margin-top:10px}.detail-button:hover{background:#0052a3}.detail-button:disabled{background:#888;cursor:not-allowed}.scouter-container{background:transparent;padding:15px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.scouter-container svg{max-width:100%;height:auto;display:block}.scouter-text{font-family:Orbitron,monospace;font-weight:700;fill:#0f0;filter:url(#glow)}.power-level{font-size:42px;transition:all .3s ease}.label{font-size:16px;fill:#0c0}.small-label{font-size:11px;fill:#0a0}.frame{fill:none;stroke:#0f0;stroke-width:2;filter:url(#glow);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.inner-frame{fill:#00ff000d;stroke:#0f0;stroke-width:1;stroke-dasharray:5,5;animation:rotate-dash 20s linear infinite}@keyframes rotate-dash{to{stroke-dashoffset:60}}.scan-line{fill:url(#scanline);opacity:.3}.status-dot{fill:#0f0;animation:blink-dot 1s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.complete-msg{fill:#0f0;font-size:12px;opacity:1;transition:opacity .5s ease}.rank{fill:#ff0;font-size:14px;opacity:1;transition:opacity .5s ease}.stats-group{opacity:1;transition:opacity .5s ease}.username{fill:#0ff;font-size:14px;opacity:1;transition:opacity .5s ease}.detail-stats{opacity:1;transition:opacity .5s ease}.special-ability{fill:#ff0}.progress-bar{stroke:#0f0;stroke-width:2;fill:none;stroke-linecap:round}.progress-fill{stroke:#0f0;stroke-width:2;fill:none;stroke-linecap:round;filter:url(#glow)}.loading-message{color:#0f0;font-family:Orbitron,monospace;font-size:12px;margin-top:10px;text-align:center}.scouter-actions{display:flex;justify-content:center;margin-top:15px}.download-svg-button{background:linear-gradient(45deg,#0f0,#0c0);color:#000;border:none;padding:10px 20px;border-radius:5px;font-family:Orbitron,monospace;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ff004d}.download-svg-button:hover{background:linear-gradient(45deg,#0c0,#0a0);box-shadow:0 0 20px #00ff0080;transform:translateY(-2px)}.download-svg-button:active{transform:translateY(0);box-shadow:0 0 10px #00ff004d}.resume-modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;overflow:auto}.resume-content{background-color:#fff;margin:20px auto;padding:10px;width:95%;max-width:1680px;border-radius:5px;box-shadow:0 4px 8px #0003;font-family:Noto Sans JP,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,sans-serif;font-size:12px;line-height:1.3;position:relative;color:#000;overflow-x:auto}.resume-pages{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:100%;width:100%;min-width:420mm}.resume-page{border:2px solid #000;padding:15px;background:#fff;position:relative;width:210mm;height:297mm;box-sizing:border-box;page-break-inside:avoid;overflow:hidden;color:#000;transform-origin:top left}.resume-left{border-right:2px solid #000}.resume-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;border-bottom:none;background:none;padding:0}.resume-title{font-size:28px;font-weight:700;margin:0;padding:0;color:#000}.date-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.date-label{font-size:12px;margin-bottom:8px}.photo-placeholder{width:120px;position:relative;display:flex;flex-direction:column;align-items:center}.photo-frame{border:2px solid #000;width:120px;height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;font-size:10px;position:relative;padding:3px;box-sizing:border-box;overflow:hidden;background:#fff}.photo-frame img{position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);padding:0;margin:0}.photo-text{font-size:9px;color:#666;margin-top:30px;margin-bottom:15px}.photo-note{font-size:6px;color:#666;text-align:left;line-height:1.1;width:100%;margin-top:auto;padding:0}.personal-info-section{margin-bottom:10px}.info-row{display:grid;grid-template-columns:70px 1fr;border:1px solid #000;border-bottom:none;min-height:30px;align-items:stretch}.info-row:last-child{border-bottom:1px solid #000}.info-row.furigana-row{min-height:16px}.info-row.address-row{min-height:45px}.info-row label{background:#f5f5f5;border-right:1px solid #000;padding:4px;font-size:10px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center}.info-content{padding:4px;font-size:11px;display:flex;align-items:center}.info-content.furigana{font-size:9px;color:#666}.info-content.name{font-size:12px;font-weight:700}.info-content.address,.info-content.contact{font-size:10px}.info-row.birth-gender-row{grid-template-columns:70px 3fr 50px 1fr;min-height:35px}.birth-section{display:flex;align-items:center;padding:4px;border-right:1px solid #000}.birth-input-group{font-size:10px}.year-input,.month-input,.day-input,.age-input{border-bottom:1px solid #000;display:inline-block;margin:0 1px}.year-input{width:30px}.month-input,.day-input,.age-input{width:18px}.gender-label{background:#f5f5f5;border-right:1px solid #000;padding:4px;font-size:10px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center}.gender-section{padding:4px;display:flex;align-items:center}.gender-options{display:flex;flex-direction:column;gap:1px;font-size:8px}.gender-option{white-space:nowrap}.info-row.address-row{grid-template-columns:70px 1fr}.info-row.contact-row{grid-template-columns:70px 1fr 70px 1fr}.info-row.contact-row label{border-left:1px solid #000}.experience-section,.qualifications-section{margin-bottom:12px}.experience-table,.qualifications-table{width:100%;border-collapse:collapse;border:2px solid #000}.experience-table th,.qualifications-table th,.experience-table td,.qualifications-table td{border:1px solid #000;padding:3px;text-align:left;vertical-align:top;min-height:18px;height:auto}.experience-table th,.qualifications-table th{background:#f5f5f5;font-weight:700;text-align:center;font-size:10px;height:22px}.year-col{width:40px}.month-col{width:35px}.experience-col,.qualification-col{width:auto}.experience-table td,.qualifications-table td{font-size:9px;line-height:1.2;min-height:18px;height:auto}.skills-section,.personal-note-section{margin-top:12px}.section-header{background:#f5f5f5;border:1px solid #000;padding:6px;font-weight:700;text-align:center;font-size:10px}.skills-content,.personal-note-content{border:1px solid #000;border-top:none;padding:10px;min-height:80px;font-size:9px;line-height:1.4}.skill-category{margin-bottom:6px}.note{font-size:8px;color:#666;margin-top:6px;text-align:left}.resume-controls{position:absolute;top:10px;right:15px;display:flex;gap:10px;z-index:1001}.download-button{padding:8px 16px;font-size:14px;background:#06c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-weight:700;box-shadow:0 2px 4px #0003;transition:background .3s ease}.download-button:hover{background:#0052a3}.close-button{font-size:28px;font-weight:700;cursor:pointer;color:#999;line-height:1;background:#fff;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;border:none}.close-button:hover{color:#333;background:#f0f0f0}.edit-button,.save-button{padding:8px 16px;font-size:14px;border:none;border-radius:5px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-weight:700;box-shadow:0 2px 4px #0003;transition:background .3s ease;margin-right:10px}.edit-button{background:#28a745;color:#fff}.edit-button:hover{background:#218838}.save-button{background:#ffc107;color:#212529}.save-button:hover{background:#e0a800}.editable-input{border:1px solid #ddd;padding:2px 4px;font-size:inherit;font-family:inherit;background:#fff;width:100%;box-sizing:border-box}.editable-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.furigana-input{font-size:9px;color:#666}.name-input{font-size:12px;font-weight:700}.year-input.editable-input{width:50px}.month-input.editable-input,.day-input.editable-input,.age-input.editable-input{width:30px}.address-input,.phone-input,.email-input{font-size:10px;width:100%}.editable-select{border:1px solid #ddd;padding:2px 4px;font-size:8px;font-family:inherit;background:#fff;width:100%;box-sizing:border-box}.editable-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.editable-textarea{border:1px solid #ddd;padding:8px;font-size:9px;font-family:inherit;background:#fff;width:100%;box-sizing:border-box;resize:vertical;line-height:1.4}.editable-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.personal-note-textarea{min-height:80px}.date-input{font-size:12px;width:200px}.table-year-input{width:35px;font-size:9px;text-align:center}.table-month-input{width:30px;font-size:9px;text-align:center}.table-content-input{width:calc(100% - 25px);font-size:9px;margin-right:5px}.table-content-edit{display:flex;align-items:center;gap:5px}.remove-row-btn{background:#dc3545;color:#fff;border:none;border-radius:3px;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-row-btn:hover{background:#c82333}.table-controls{margin-top:5px;text-align:center}.add-row-btn{background:#28a745;color:#fff;border:none;border-radius:3px;padding:5px 10px;cursor:pointer;font-size:10px;font-family:inherit}.add-row-btn:hover{background:#218838}.skills-textarea{min-height:40px;font-size:9px}.address-fields{display:flex;flex-direction:column;gap:5px}.postal-code-field{display:flex;align-items:center;gap:2px;font-size:10px}.postal-code-input{width:80px;font-size:10px;text-align:center}.address-field{width:100%}.address-textarea{width:100%;min-height:35px;font-size:10px;line-height:1.3}.table-content-textarea{width:calc(100% - 25px);min-height:30px;font-size:9px;line-height:1.3;margin-right:5px}.skill-item{position:relative}.skill-category-input{font-size:9px;font-weight:700;width:200px;margin-right:5px}.skill-content-edit{display:flex;align-items:flex-start;gap:5px;margin-top:5px}.skill-remove-btn{margin-top:5px}.add-row-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.add-row-btn:disabled:hover{background:#ccc}.github-section{margin-bottom:12px}.github-section .experience-table{border:2px solid #000}.github-info-col{width:100%;background:#f0f8ff;font-weight:700;text-align:center;font-size:10px}.github-section tbody{display:grid;grid-template-columns:1fr 1fr;gap:0;grid-auto-rows:minmax(min-content,max-content)}.github-section tbody tr{display:contents}.github-section tbody td{border:1px solid #000;padding:4px;font-size:8px;line-height:1.3;vertical-align:top;min-height:30px;height:auto;overflow:visible}.github-section tbody td:nth-child(odd){border-right:1px solid #666}.github-section tbody td:nth-child(2n){border-left:none}@media screen and (min-width: 1681px){.resume-content{transform:scale(1);transform-origin:top center}}@media screen and (max-width: 1680px) and (min-width: 1401px){.resume-content{width:95vw;padding:5px;overflow-x:auto}.resume-pages{transform:scale(.85);transform-origin:top left;margin-bottom:-15%}}@media screen and (max-width: 1400px) and (min-width: 1024px){.resume-content{width:98vw;padding:5px;overflow-x:auto}.resume-pages{transform:scale(.7);transform-origin:top left;margin-bottom:-30%}}@media screen and (max-width: 1023px) and (min-width: 768px){.resume-content{width:98vw;padding:5px;overflow-x:auto}.resume-pages{transform:scale(.55);transform-origin:top left;margin-bottom:-45%}.resume-controls{position:fixed;top:10px;right:10px;z-index:1002}}@media screen and (max-width: 767px) and (min-width: 481px){.resume-modal{overflow-x:auto;overflow-y:auto}.resume-content{width:100vw;padding:0;margin:0;border-radius:0;overflow-x:auto}.resume-pages{transform:scale(.4);transform-origin:top left;margin-bottom:-60%;margin-left:-30%}.resume-controls{position:fixed;top:5px;right:5px;transform:scale(.85);transform-origin:top right}.download-button,.edit-button,.save-button{padding:6px 12px;font-size:12px}.close-button{width:30px;height:30px;font-size:24px}}@media screen and (max-width: 480px){.resume-modal{overflow-x:auto;overflow-y:auto}.resume-content{width:100vw;padding:0;margin:0;border-radius:0;overflow-x:auto}.resume-pages{transform:scale(.3);transform-origin:top left;margin-bottom:-70%;margin-left:-35%}.resume-controls{position:fixed;top:5px;right:5px;transform:scale(.75);transform-origin:top right;gap:5px}.download-button,.edit-button,.save-button{padding:5px 10px;font-size:11px}.close-button{width:25px;height:25px;font-size:20px}}@media screen and (max-width: 319px){.resume-pages{transform:scale(.25);transform-origin:top left;margin-bottom:-75%;margin-left:-37.5%}}@media screen and (max-width: 768px){.resume-content::-webkit-scrollbar{height:8px}.resume-content::-webkit-scrollbar-track{background:#f1f1f1}.resume-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.resume-content::-webkit-scrollbar-thumb:hover{background:#555}.input-container{min-width:auto;width:90%}.token-controls{flex-direction:column;gap:10px}.token-input{width:100%}.github-section tbody{grid-template-columns:1fr}.github-section tbody td:nth-child(odd){border-right:1px solid #000}.github-section tbody td:nth-child(2n){border-left:1px solid #000}}@media print{@page{size:A4;margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{margin:0!important;padding:0!important;overflow:visible!important}.resume-modal{background:none!important;position:static!important;width:100%!important;height:100%!important;overflow:visible!important}.resume-content{box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;max-width:none!important;width:100%!important;transform:none!important;overflow:visible!important}.resume-controls,.add-row-btn,.remove-row-btn,.table-controls,.skill-remove-btn,.edit-button,.save-button,.download-button,.close-button,.table-content-edit button,.skill-content-edit button,.photo-remove-btn,.download-svg-button,.scouter-actions{display:none!important}.editable-input,.editable-textarea,.editable-select{border:none!important;background:transparent!important;resize:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.resume-pages{display:block!important;gap:0!important;transform:none!important;min-width:auto!important;margin:0!important}.resume-page{width:210mm!important;height:297mm!important;margin:0!important;padding:15mm!important;box-sizing:border-box!important;page-break-after:always!important;page-break-inside:avoid!important;transform:none!important;border:2px solid #000!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;display:block!important;position:relative!important}.resume-page:last-child{page-break-after:auto!important}.resume-header{margin-bottom:15px!important}.resume-title{font-size:24px!important}.date-label{font-size:10px!important}.photo-frame{width:30mm!important;height:40mm!important}.info-row label{font-size:9px!important;padding:3px!important}.info-content{font-size:10px!important;padding:3px!important}.experience-table,.qualifications-table{font-size:9px!important}.experience-table th,.qualifications-table th,.experience-table td,.qualifications-table td{padding:2px 3px!important;font-size:8px!important;height:auto!important;min-height:15px!important}.section-header{font-size:10px!important;padding:4px!important}.skills-content,.personal-note-content{font-size:8px!important;padding:8px!important;min-height:60px!important}.github-section tbody{display:grid!important;grid-template-columns:1fr 1fr!important}.github-section tbody td{font-size:7px!important;padding:3px!important}.experience-section,.qualifications-section,.github-section,.skills-section{page-break-inside:avoid!important}.note{display:none!important}.resume-left{border-right:none!important}.resume-modal,.resume-content,.resume-pages,.resume-page{transform:none!important;margin:0!important}}.error{color:red;margin-top:10px;font-family:Orbitron,monospace}.loading{color:#0f0;margin-top:10px;font-family:Orbitron,monospace;font-size:12px}