*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#f5f5f5;--card-bg:#fff;--surface-muted:#efefef;--text:#111;--text-secondary:#5c5c5c;--border:#111;--muted-border:#d9d9d9;--accent-yellow:#fc0;--accent-red:#f33;--primary:#111;--primary-hover:#000;--error:#f33;--success:#0fbf8c}::selection{background:var(--accent-yellow);color:var(--text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}p{color:var(--text-secondary);font-size:16px}.container{max-width:680px;margin:0 auto;padding:24px}.card{background:var(--card-bg);border:2px solid var(--border);border-radius:18px;margin-bottom:24px;padding:28px;box-shadow:12px 12px #11111126}h1,h2,h3{color:var(--text);letter-spacing:-.5px;font-family:Hiragino Sans W8,Inter,sans-serif;line-height:1.05}h1{margin-bottom:12px;font-size:clamp(40px,10vw,60px);font-weight:800}h2{margin-bottom:12px;font-size:clamp(28px,8vw,44px);font-weight:800}h3{letter-spacing:.08em;margin-bottom:10px;font-size:clamp(20px,4vw,28px);font-weight:700}.keywords-title{text-align:left;white-space:nowrap;font-size:clamp(18px,4.2vw,28px)}button,.button{background-color:var(--primary);color:#fff;border:2px solid var(--primary);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s}button:hover,.button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 18px #1113}button:disabled,.button:disabled{background-color:var(--muted-border);border-color:var(--muted-border);cursor:not-allowed;box-shadow:none}button.secondary{background-color:var(--accent-yellow);border-color:var(--accent-yellow);color:var(--text)!important}button.secondary:hover{background-color:#ffd84d}button.danger{background-color:var(--error);border-color:var(--error)}button.danger:hover{background-color:#e12121}input[type=text],input[type=email],input[type=password]{border:2px solid var(--border);border-radius:16px;width:100%;margin-bottom:16px;padding:14px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent-yellow);outline:none;box-shadow:0 0 0 4px #ffcc0040}a{color:var(--text);font-weight:600;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-red)}.navbar{border-bottom:2px solid var(--border);background:0 0;justify-content:space-between;align-items:center;margin-bottom:32px;padding:18px 24px;display:flex}.navbar-logo{color:var(--text);letter-spacing:.15em;text-transform:uppercase;font-size:28px;font-weight:900}.navbar-user-section{justify-content:flex-end;align-items:center;gap:16px;margin-left:auto;display:flex}.keyword-list{list-style:none}.keyword-item{border-bottom:1px solid var(--muted-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.keyword-item:last-child{border-bottom:none}.keyword-text{letter-spacing:.04em;flex:1;font-size:16px}.keyword-item-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;min-width:200px;margin-left:auto;display:flex}.keyword-form-row{gap:8px;display:flex}@media (max-width:600px){.keyword-item{flex-direction:column;align-items:flex-start;gap:12px}.keyword-form-row{flex-direction:column}.keyword-form-row button[type=submit]{width:100%}.keyword-item-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.keywords-title{letter-spacing:.04em;font-size:18px}}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin:0 12px;display:inline-flex;position:relative}.toggle-switch input{display:none}.toggle-slider{background-color:var(--accent-yellow);border-radius:16px;width:120px;height:32px;transition:background-color .2s;position:relative}.loading{text-align:center;letter-spacing:.2em;padding:48px 0;font-size:18px}.error-message{border:1px solid var(--error);color:var(--error);background:#ff33331a;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600}.success-message{border:1px solid var(--accent-yellow);color:var(--text);background:#ffcc0026;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600}@media (max-width:768px){.navbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.navbar-logo{font-size:24px}.navbar-user-section{justify-content:flex-end;width:100%}}.loading-screen{text-align:center;padding-top:100px}.empty-state{color:var(--text-secondary);text-align:center;padding:20px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:48px;display:block}.tab-button{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab-button.active{color:#fff;background:#000;border-color:#000}.tab-button:hover:not(.active){background:var(--surface-muted)}.tab-group{gap:8px;margin-bottom:16px;display:flex}.status-badge{border-radius:12px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.status-badge-public{color:#2e7d32;background-color:#e8f5e9}.status-badge-private{color:#e65100;background-color:#fff3e0}.avatar{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.avatar-small{width:32px;height:32px;font-size:14px}.keywords-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.keyword-list-item{border-radius:16px;padding:6px 14px;font-size:14px;font-weight:500}.keywords-list-common .keyword-list-item{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.keywords-list-public .keyword-list-item{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}