:root{--bg:#f4f6f8;--bg-soft:#e9eef5;--bg-warm:#f7ece1;--text:#1f2530;--text-muted:#5f6878;--brand:#1f6f66;--brand-strong:#184f4a;--accent:#c36d33;--surface:#ffffffd1;--surface-solid:#fff;--surface-muted:#f6f8fb;--border:#d6dde8;--ok:#1f7f4d;--danger:#b43a3d;--shadow-soft:0 12px 28px #13223814;--shadow-card:0 22px 44px #1322381a;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:linear-gradient(170deg,var(--bg)0%,#f8fbff 54%,#fff8f1 100%);min-height:100vh;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;line-height:1.55}.site-shell{position:relative}.bg-decoration{pointer-events:none;z-index:0;background:radial-gradient(circle at 14% -6%,#1f6f662e,#0000 35%),radial-gradient(circle at 92% 8%,#c36d332b,#0000 30%),radial-gradient(circle at 45% 106%,#4a71a021,#0000 36%),repeating-linear-gradient(0deg,#ffffff54 0 1px,#0000 1px 42px);position:fixed;inset:0}.container{z-index:1;width:min(1120px,92vw);margin:0 auto;position:relative}.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f8fcb8;border-bottom:1px solid #1f253014;position:sticky;top:0}.header-inner{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:14px;min-height:84px;display:grid}.brand{color:var(--text);align-items:center;gap:3px;min-width:116px;text-decoration:none;display:inline-grid}.brand-mark{letter-spacing:.08em;font-family:Avenir Next,Gill Sans,Optima,sans-serif;font-size:1.32rem;font-weight:700}.brand-sub{color:var(--text-muted);letter-spacing:.28em;text-transform:uppercase;font-size:.72rem}.header-actions{justify-content:flex-end;display:flex}.auth-status{background:#ffffffb8;border:1px solid #1f25301f;border-radius:999px;align-items:center;gap:10px;padding:5px 8px 5px 6px;display:inline-flex}.auth-avatar{background:linear-gradient(140deg,var(--brand),#2d8a80);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.88rem;font-weight:700;display:inline-flex}.auth-user-text{gap:1px;line-height:1.15;display:grid}.auth-state{color:var(--ok);letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:700}.auth-name{text-overflow:ellipsis;white-space:nowrap;max-width:172px;color:var(--text-muted);font-size:.79rem;overflow:hidden}.app-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}.sidebar{gap:12px;display:grid;position:sticky;top:106px}.sidebar-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:14px}.sidebar-heading{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.sidebar-group+.sidebar-group{margin-top:10px}.sidebar-group-title{color:var(--text-muted);margin:0 0 6px;font-size:.78rem;font-weight:700}.sidebar-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sidebar-link{color:var(--text);background:#ffffffbf;border:1px solid #1f253014;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .12s,border-color .12s,background-color .12s;display:flex}.sidebar-link:hover{background:#f6fdfbf2;border-color:#1f6f6666;transform:translateY(-1px)}.sidebar-link.disabled{pointer-events:none;color:var(--text-muted);background:#f4f7fabf}.sidebar-link-chip{color:#255a54;background:#e0f6f1b8;border:1px solid #1f6f6657;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:20px;padding:0 7px;font-size:.65rem;display:inline-flex}.sidebar-link-chip.soon{color:var(--text-muted);background:#ecf0f7cc;border-color:#5f687859}.main-content{min-width:0;padding:30px 0 64px}.home-layout{gap:30px;display:grid}.section-title{align-items:center;gap:10px;margin:0 0 14px;font-size:1.18rem;display:flex}.section-title:after{content:"";background:linear-gradient(90deg,#1f6f6652,#0000);flex:1;height:1px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:18px;transition:transform .17s,box-shadow .17s,border-color .17s;animation:.42s both fade-slide}.tool-card:nth-child(2){animation-delay:70ms}.tool-card:nth-child(3){animation-delay:.14s}.tool-card:nth-child(4){animation-delay:.21s}.tool-card:hover{border-color:#1f6f6652;transform:translateY(-3px);box-shadow:0 20px 34px #13223824}.tool-card.muted{opacity:.72;background:var(--surface-muted)}.tool-card h3{margin:10px 0 8px;font-size:1.06rem}.tool-card p{color:var(--text-muted);margin:0;line-height:1.66}.tool-card-top{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#275953;background:#dff5f0b3;border:1px solid #1f6f6647;border-radius:999px;align-items:center;height:24px;padding:0 11px;font-size:.73rem;font-weight:700;display:inline-flex}.chip.subtle{color:var(--text-muted);background:#ffffffbf;border-color:#1f253024;font-weight:600}.inline-link{color:var(--brand);align-items:center;gap:6px;margin-top:13px;font-weight:700;text-decoration:none;display:inline-flex}.inline-link:after{content:"→";transition:transform .14s}.inline-link:hover:after{transform:translate(2px)}.page-shell{gap:18px;display:grid}.page-shell>*{animation:.32s both fade-slide}.page-shell>:nth-child(2){animation-delay:50ms}.page-shell>:nth-child(3){animation-delay:90ms}.page-shell>:nth-child(4){animation-delay:.13s}.page-shell h1{margin:0;font-family:Avenir Next,Gill Sans,Hiragino Sans,sans-serif;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.page-shell p{color:var(--text-muted);margin:0}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:18px}.panel h2{margin:0 0 8px;font-size:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.input,.textarea,.select{border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text);background:#ffffffed;border:1px solid #1f25302e;padding:11px 12px;transition:border-color .13s,box-shadow .13s}.input:focus,.textarea:focus,.select:focus{border-color:#1f6f66a6;outline:none;box-shadow:0 0 0 3px #1f6f6626}.textarea{resize:vertical;min-height:148px}.label{color:var(--text);gap:7px;font-size:.9rem;font-weight:600;display:grid}.primary-button,.secondary-button,.ghost-button{border-radius:var(--radius-sm);min-height:39px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:700;line-height:1;transition:transform .13s,box-shadow .13s,background-color .13s,border-color .13s;display:inline-flex}.primary-button{background:linear-gradient(90deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 8px 18px #184f4a42}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px #184f4a4d}.secondary-button{color:var(--text);background:#eef2f7;border-color:#d5dde8}.secondary-button:hover{background:#e4ebf4;transform:translateY(-1px)}.ghost-button{color:var(--text);background:#ffffffb8;border-color:#1f253038}.ghost-button:hover{border-color:#1f6f6661;transform:translateY(-1px)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.meta-list{gap:10px;display:grid}.meta-item{border-radius:var(--radius-md);background:#ffffffbd;border:1px solid #1f253029;padding:14px}.meta-item p{color:var(--text)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat-item{border-radius:var(--radius-md);color:var(--text-muted);background:#ffffffb8;border:1px solid #1f25301f;padding:11px;font-size:.87rem}.stat-item strong{color:var(--text);margin-top:4px;font-size:1.08rem;line-height:1.35;display:block}.error,.success{border-radius:var(--radius-sm);border:1px solid;padding:11px 13px;font-size:.9rem;font-weight:600}.error{color:var(--danger);background:#ffeceecc;border-color:#b43a3d5c}.success{color:var(--ok);background:#e7f6ecd1;border-color:#1f7f4d57}.memo-list{gap:10px;display:grid}.memo-item{border-radius:var(--radius-md);background:#ffffffc4;border:1px solid #1f253029;padding:12px}.memo-item h3{margin:0;font-size:.98rem}.memo-item p{color:var(--text-muted);margin:7px 0 9px}@keyframes fade-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.header-inner{min-height:76px;padding:8px 0}.app-layout{grid-template-columns:1fr;gap:14px}.sidebar{position:static}.sidebar-section{padding:12px}.sidebar-list{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.sidebar-list::-webkit-scrollbar{display:none}.sidebar-link{min-width:180px}.tool-grid,.grid-2,.stat-grid{grid-template-columns:1fr}}@media (max-width:640px){.container{width:min(1120px,94vw)}.button-row{flex-direction:column}.auth-user-text{display:none}.button-row .primary-button,.button-row .secondary-button,.button-row .ghost-button{justify-content:center;width:100%}.auth-status{gap:6px;padding:5px}.main-content{padding-top:16px}}