@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f7f9fa;--surface:#fff;--text-primary:#0f1419;--text-secondary:#536471;--border:#eff3f4;--divider:#0000000d;--brand-primary:#1da1f2;--brand-primary-hover:#1a91da;--glass-bg:#ffffffd9;--glass-border:#fff6;--glass-shadow:0 4px 20px #0000000d;--input-bg:#eff3f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark]{--bg-color:#0b0f19;--surface:#151a24;--text-primary:#f0f0f5;--text-secondary:#8b98a5;--border:#2f3336;--divider:#ffffff0d;--brand-primary:#1da1f2;--brand-primary-hover:#1a91da;--glass-bg:#151a24bf;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d;--input-bg:#202327;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s}.glass{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:background-color .3s,border-color .3s,box-shadow .2s;box-shadow:0 1px 3px #00000005}.glass:hover{box-shadow:var(--glass-shadow)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border)}*{box-sizing:border-box}a{color:var(--brand-primary);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.97)}.btn-primary{background-color:var(--brand-primary);color:#fff;border-radius:9999px;padding:10px 20px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}#root{justify-content:center;min-height:100vh;display:flex;position:relative}.app-container{flex-direction:column;width:100%;max-width:600px;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{display:none}textarea::placeholder,input::placeholder{color:var(--text-secondary)}.nav-item{flex-direction:column;align-items:center;gap:4px;font-size:11px;text-decoration:none;transition:all .2s;display:flex}.nav-icon{justify-content:center;align-items:center;display:flex}@media (width>=768px){.app-container{flex-direction:row;justify-content:center;align-items:stretch;width:100%;max-width:1350px;margin:0 auto}.main-content{border-left:1px solid var(--border);border-right:1px solid var(--border);width:700px;min-width:700px;max-width:700px;min-height:100vh;padding-bottom:0}.glass-nav{gap:8px;height:100vh;-webkit-backdrop-filter:none!important;background:0 0!important;border-top:none!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;width:275px!important;padding:16px 20px!important;position:sticky!important;top:0!important;bottom:auto!important;left:auto!important}.nav-links-container{flex-direction:column;gap:8px;width:100%;display:flex}.nav-item{border-radius:9999px;width:fit-content;flex-direction:row!important;justify-content:flex-start!important;gap:20px!important;padding:12px 20px!important;font-size:20px!important}.nav-item:hover{background:var(--input-bg)}.nav-item svg{width:28px;height:28px}.right-sidebar{flex-direction:column;gap:16px;width:350px;height:100vh;padding:16px 24px;display:flex;position:sticky;top:0;overflow-y:auto}}@media (width<=1099px){.right-sidebar{display:none!important}}@media (width<=767px){.right-sidebar{display:none!important}.nav-links-container{flex-direction:row;justify-content:space-around;width:100%;display:flex}}@media print{body:not([data-screenshot-exempt=true]) *{display:none!important}body:not([data-screenshot-exempt=true]):before{content:"【警告】スクリーンショットおよび印刷による画面の保存・持ち出しは禁止されています。";text-align:center!important;color:#ff4d4f!important;box-sizing:border-box!important;width:100%!important;padding:20px!important;font-family:Inter,-apple-system,sans-serif!important;font-size:26px!important;font-weight:800!important;display:block!important;position:fixed!important;top:35%!important;left:0!important}}.screenshot-blocker{z-index:999999;-webkit-backdrop-filter:blur(24px);background:radial-gradient(circle,#0d111cfa 0%,#05070c 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;animation:.25s ease-out forwards fadeInBlocker;display:flex;position:fixed;inset:0}@keyframes fadeInBlocker{0%{opacity:0}to{opacity:1}}.screenshot-card{text-align:center;-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ff4d4f33;border-radius:24px;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:480px;padding:40px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleInCard;display:flex;transform:scale(.95);box-shadow:0 12px 40px #ff4d4f26,0 0 0 1px #ffffff0d}@keyframes scaleInCard{to{transform:scale(1)}}.screenshot-icon-container{color:#ff4d4f;background:#ff4d4f1f;border:2px dashed #ff4d4f80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-in-out infinite pulseIcon;display:flex;box-shadow:0 0 20px #ff4d4f33}@keyframes pulseIcon{0%,to{border-color:#ff4d4f80;transform:scale(1);box-shadow:0 0 20px #ff4d4f33}50%{border-color:#ff4d4fcc;transform:scale(1.06);box-shadow:0 0 35px #ff4d4f66}}.screenshot-title{background:linear-gradient(135deg,#ff4d4f,#ff7875);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:800;line-height:1.4}.screenshot-desc{color:#f0f0f5b3;margin:0;font-size:14px;line-height:1.6}.btn-resume{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;border-radius:9999px;width:100%;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #ff4d4f4d}.btn-resume:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4f73}.btn-resume:active{transform:translateY(0)}