:root{--dc-bg-primary:#fdfaf7;--dc-bg-secondary:#f7f2ed;--dc-accent:#c08b7e;--dc-accent-light:#d4a99e;--dc-accent-hover:#b07a6e;--dc-dark:#3a2d35;--dc-white:#fff;--dc-gray:#999;--dc-gray-light:#f5f5f5;--dc-text:#333;--dc-text-light:#666;--dc-border:#f0ebe6;--dc-border-dark:#e0d8d0;--dc-shadow:0 2px 15px rgba(0,0,0,.08);--dc-shadow-hover:0 4px 20px rgba(0,0,0,.12);--dc-radius:12px;--dc-radius-sm:8px;--dc-radius-lg:16px;--dc-transition:all .3s ease}.dc-standalone-page{background:var(--dc-bg-primary)}.dc-standalone-header{background:var(--dc-white);border-bottom:1px solid var(--dc-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.05)}.dc-standalone-header-inner{max-width:800px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.dc-standalone-logo{font-size:16px;font-weight:600;color:var(--dc-accent);text-decoration:none;display:flex;align-items:center;gap:8px}.dc-standalone-logo:hover{color:var(--dc-accent-hover)}.dc-standalone-nav{display:flex;align-items:center;gap:10px}.dc-standalone-title{font-size:14px;color:var(--dc-text-light);font-weight:500}.dc-hide-mobile{display:inline}@media (max-width:480px){.dc-hide-mobile{display:none}.dc-standalone-header-inner{padding:10px 15px}.dc-standalone-logo{font-size:14px}}.dc-page{background:var(--dc-bg-primary);min-height:100vh;padding-bottom:60px}.dc-container{max-width:800px;margin:0 auto;padding:0 20px}.dc-page-header{background:linear-gradient(135deg,#f7f0e8 0%,#f0e7dd 100%);padding:40px 0;text-align:center;margin-bottom:30px}.dc-page-title{font-size:28px;font-weight:500;color:var(--dc-dark);margin:0 0 10px;font-family:'Cormorant','Noto Serif JP',serif}.dc-page-subtitle{font-size:14px;color:var(--dc-text-light);margin:0}.dc-nav{display:flex;justify-content:center;gap:20px;padding:20px 0;background:var(--dc-white);border-bottom:1px solid var(--dc-border);margin-bottom:30px}.dc-nav-link{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 20px;color:var(--dc-text-light);text-decoration:none;border-radius:var(--dc-radius);transition:var(--dc-transition)}.dc-nav-link:hover{background:var(--dc-bg-secondary);color:var(--dc-accent)}.dc-nav-link.dc-active{background:var(--dc-accent);color:var(--dc-white)}.dc-nav-icon{font-size:20px}.dc-nav-text{font-size:12px}.dc-timeline{display:flex;flex-direction:column;gap:20px}.dc-post{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);overflow:hidden;transition:var(--dc-transition)}.dc-post:hover{box-shadow:var(--dc-shadow-hover)}.dc-post-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--dc-border)}.dc-post-author{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dc-text)}.dc-post-author:hover .dc-author-name{color:var(--dc-accent)}.dc-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--dc-border)}.dc-avatar-lg{width:80px;height:80px}.dc-author-name{font-size:15px;font-weight:500;transition:var(--dc-transition)}.dc-post-date{font-size:12px;color:var(--dc-gray)}.dc-post-content{padding:20px;font-size:15px;line-height:1.8;color:var(--dc-text)}.dc-post-content a{color:var(--dc-accent);text-decoration:none}.dc-post-content a:hover{text-decoration:underline}.dc-post-image{padding:0 20px 20px}.dc-post-image img{width:100%;border-radius:var(--dc-radius)}.dc-post-actions{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--dc-border);background:var(--dc-bg-secondary)}.dc-reactions{display:flex;gap:8px}.dc-reaction-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--dc-white);border:1px solid var(--dc-border);border-radius:20px;cursor:pointer;transition:var(--dc-transition);font-size:14px}.dc-reaction-btn:hover{border-color:var(--dc-accent);transform:translateY(-2px)}.dc-reaction-btn.dc-reacted{background:var(--dc-accent);border-color:var(--dc-accent);color:var(--dc-white)}.dc-reaction-btn.dc-loading{opacity:.5;pointer-events:none}.dc-reaction-emoji{font-size:16px}.dc-reaction-count{font-size:12px;color:var(--dc-text-light)}.dc-reaction-btn.dc-reacted .dc-reaction-count{color:var(--dc-white)}.dc-comment-toggle{background:0 0;border:none;color:var(--dc-text-light);cursor:pointer;font-size:13px;padding:8px 12px;border-radius:var(--dc-radius-sm);transition:var(--dc-transition)}.dc-comment-toggle:hover{background:var(--dc-white);color:var(--dc-accent)}.dc-comments-section{display:none;padding:20px;background:var(--dc-bg-primary);border-top:1px solid var(--dc-border)}.dc-comments-section.dc-visible{display:block}.dc-comment-list{margin-bottom:20px}.dc-comment-item{padding:15px;background:var(--dc-white);border-radius:var(--dc-radius);margin-bottom:10px}.dc-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dc-comment-nickname{font-weight:500;color:var(--dc-dark);font-size:13px}.dc-comment-date{font-size:11px;color:var(--dc-gray)}.dc-comment-content{font-size:14px;line-height:1.6;color:var(--dc-text)}.dc-no-comments{text-align:center;color:var(--dc-gray);padding:20px;font-size:14px}.dc-comment-form,.dc-letter-form{display:flex;flex-direction:column;gap:12px}.dc-input,.dc-textarea,.dc-select{width:100%;padding:12px 15px;border:1px solid var(--dc-border);border-radius:var(--dc-radius);font-size:14px;transition:var(--dc-transition);background:var(--dc-white)}.dc-input:focus,.dc-textarea:focus,.dc-select:focus{outline:none;border-color:var(--dc-accent);box-shadow:0 0 0 3px rgba(192,139,126,.1)}.dc-textarea{min-height:100px;resize:vertical;font-family:inherit}.dc-char-count{font-size:12px;color:var(--dc-gray);text-align:right}.dc-char-count.dc-char-over{color:#e74c3c}.dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--dc-radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--dc-transition);text-decoration:none}.dc-btn-primary{background:var(--dc-accent);color:var(--dc-white)}.dc-btn-primary:hover{background:var(--dc-accent-hover);transform:translateY(-2px)}.dc-btn-primary:disabled{background:var(--dc-gray);cursor:not-allowed;transform:none}.dc-btn-secondary{background:var(--dc-white);color:var(--dc-accent);border:1px solid var(--dc-accent)}.dc-btn-secondary:hover{background:var(--dc-accent);color:var(--dc-white)}.dc-btn-outline{background:0 0;color:var(--dc-text-light);border:1px solid var(--dc-border-dark)}.dc-btn-outline:hover{background:var(--dc-gray-light);color:var(--dc-text);border-color:var(--dc-text-light)}.dc-btn-sm{padding:8px 16px;font-size:12px}.dc-btn-lg{padding:15px 30px;font-size:16px}.dc-message{padding:12px 15px;border-radius:var(--dc-radius);font-size:14px;margin-bottom:15px}.dc-message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.dc-message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.dc-profile{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);overflow:hidden;margin-bottom:30px}.dc-profile-header{display:flex;gap:20px;padding:30px;background:linear-gradient(135deg,#f7f0e8 0%,#f0e7dd 100%)}.dc-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--dc-white);box-shadow:var(--dc-shadow)}.dc-profile-info{flex:1}.dc-profile-name{font-size:24px;font-weight:500;color:var(--dc-dark);margin:0 0 5px;font-family:'Noto Serif JP',serif}.dc-profile-username{font-size:14px;color:var(--dc-gray);margin:0 0 10px}.dc-profile-bio{font-size:14px;line-height:1.6;color:var(--dc-text)}.dc-profile-stats{display:flex;gap:30px;padding:20px 30px;border-top:1px solid var(--dc-border)}.dc-stat{text-align:center}.dc-stat-value{font-size:24px;font-weight:600;color:var(--dc-accent);display:block}.dc-stat-label{font-size:12px;color:var(--dc-gray)}.dc-profile-actions{display:flex;gap:10px;padding:20px 30px;border-top:1px solid var(--dc-border)}.dc-pinned{margin-bottom:30px}.dc-pinned-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--dc-accent);margin-bottom:15px}.dc-pinned-icon{font-size:16px}.dc-post.dc-post-pinned{border:2px solid var(--dc-accent-light)}.dc-letter-section{margin-bottom:30px}.dc-letter-card{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);overflow:hidden;margin-bottom:20px}.dc-letter-question{padding:20px;background:var(--dc-bg-secondary);border-bottom:1px solid var(--dc-border)}.dc-letter-q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dc-letter-nickname{font-size:13px;color:var(--dc-gray)}.dc-letter-date{font-size:11px;color:var(--dc-gray)}.dc-letter-q-content{font-size:15px;line-height:1.7;color:var(--dc-text)}.dc-letter-q-content:before{content:"Q.";font-weight:600;color:var(--dc-accent);margin-right:8px}.dc-letter-answer{padding:20px}.dc-letter-a-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.dc-letter-cast-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.dc-letter-cast-name{font-size:14px;font-weight:500;color:var(--dc-dark)}.dc-letter-a-content{font-size:15px;line-height:1.8;color:var(--dc-text);padding-left:50px}.dc-letter-a-content:before{content:"A.";font-weight:600;color:var(--dc-accent);margin-right:8px}.dc-letter-form-card{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);padding:30px;margin-bottom:30px}.dc-letter-form-title{font-size:18px;font-weight:500;color:var(--dc-dark);margin:0 0 20px;text-align:center}.dc-load-more-wrap{text-align:center;padding:30px 0}.dc-load-more{padding:15px 40px}.dc-loading-spinner{text-align:center;padding:30px;color:var(--dc-gray)}.dc-empty{text-align:center;padding:60px 20px;color:var(--dc-gray)}.dc-empty-icon{font-size:48px;margin-bottom:15px}.dc-empty-text{font-size:16px}.dc-error{text-align:center;padding:20px;color:#e74c3c;font-size:14px}.dc-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.dc-filter-btn{padding:8px 16px;background:var(--dc-white);border:1px solid var(--dc-border);border-radius:20px;font-size:13px;color:var(--dc-text-light);cursor:pointer;transition:var(--dc-transition)}.dc-filter-btn:hover{border-color:var(--dc-accent);color:var(--dc-accent)}.dc-filter-btn.dc-active{background:var(--dc-accent);border-color:var(--dc-accent);color:var(--dc-white)}.dc-cast-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.dc-cast-item{display:flex;flex-direction:column;align-items:center;padding:15px;background:var(--dc-white);border:2px solid var(--dc-border);border-radius:var(--dc-radius);cursor:pointer;transition:var(--dc-transition)}.dc-cast-item:hover{border-color:var(--dc-accent-light)}.dc-cast-item.dc-selected{border-color:var(--dc-accent);background:rgba(192,139,126,.05)}.dc-cast-item img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:10px}.dc-cast-item span{font-size:13px;color:var(--dc-text)}@media screen and (max-width:768px){.dc-page-header{padding:30px 0}.dc-page-title{font-size:22px}.dc-nav{gap:10px;padding:15px 10px}.dc-nav-link{padding:8px 12px}.dc-post-header{padding:12px 15px}.dc-avatar{width:40px;height:40px}.dc-post-content{padding:15px}.dc-post-image{padding:0 15px 15px}.dc-post-actions{flex-direction:column;gap:10px;padding:12px 15px}.dc-reactions{width:100%;justify-content:center;flex-wrap:wrap}.dc-reaction-btn{padding:6px 10px}.dc-comments-section{padding:15px}.dc-profile-header{flex-direction:column;align-items:center;text-align:center;padding:20px}.dc-profile-stats{justify-content:center;padding:15px 20px}.dc-profile-actions{flex-direction:column;padding:15px 20px}.dc-letter-a-content{padding-left:0}.dc-cast-list{grid-template-columns:repeat(3,1fr);gap:10px}.dc-cast-item{padding:10px}.dc-cast-item img{width:50px;height:50px}.dc-cast-item span{font-size:11px}}@media screen and (max-width:480px){.dc-container{padding:0 15px}.dc-page-title{font-size:20px}.dc-reactions{gap:5px}.dc-reaction-btn{padding:5px 8px;font-size:12px}.dc-reaction-emoji{font-size:14px}.dc-btn{width:100%}.dc-cast-list{grid-template-columns:repeat(2,1fr)}}.dc-dashboard-profile{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);padding:30px 20px;margin-bottom:20px}.dc-dashboard-avatar{flex-shrink:0;margin-bottom:15px}.dc-dashboard-avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--dc-accent-light);box-shadow:0 4px 15px rgba(192,139,126,.3)}.dc-dashboard-info{margin-bottom:20px}.dc-dashboard-name{font-size:22px;font-weight:600;color:var(--dc-dark);margin:0 0 12px;font-family:'Cormorant','Noto Serif JP',serif}.dc-dashboard-stats{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.dc-dashboard-stat{font-size:13px;color:var(--dc-text-light);display:flex;flex-direction:column;align-items:center;gap:4px}.dc-dashboard-stat strong{color:var(--dc-accent);font-size:24px;font-weight:600;display:block}.dc-stat-alert{color:#e74c3c !important}.dc-stat-alert strong{color:#e74c3c !important}.dc-dashboard-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.dc-dashboard-actions .dc-btn{flex:1;min-width:120px;max-width:180px;padding:12px 16px;font-size:13px}.dc-dashboard-tabs{display:flex;gap:5px;background:var(--dc-white);border-radius:var(--dc-radius);padding:5px;margin-bottom:20px;box-shadow:var(--dc-shadow)}.dc-dashboard-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;color:var(--dc-text-light);text-decoration:none;border-radius:var(--dc-radius-sm);transition:var(--dc-transition);font-size:14px}.dc-dashboard-tab:hover{background:var(--dc-bg-secondary);color:var(--dc-accent)}.dc-dashboard-tab.dc-active{background:var(--dc-accent);color:var(--dc-white)}.dc-tab-badge{background:#e74c3c;color:var(--dc-white);font-size:11px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.dc-dashboard-tab.dc-active .dc-tab-badge{background:var(--dc-white);color:var(--dc-accent)}.dc-dashboard-content{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);overflow:hidden}.dc-dashboard-list{padding:15px}.dc-dashboard-item{background:var(--dc-bg-primary);border-radius:var(--dc-radius);padding:18px;margin-bottom:12px;border:1px solid var(--dc-border);transition:var(--dc-transition)}.dc-dashboard-item:hover{box-shadow:var(--dc-shadow);border-color:var(--dc-accent-light)}.dc-dashboard-item:last-child{margin-bottom:0}.dc-dashboard-item-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dc-dashboard-item-date{font-size:12px;color:var(--dc-gray);background:var(--dc-white);padding:4px 10px;border-radius:12px}.dc-dashboard-item-badges{display:flex;gap:5px}.dc-badge{font-size:11px;padding:3px 8px;border-radius:10px}.dc-badge-pin{background:var(--dc-accent-light);color:var(--dc-white)}.dc-badge-draft{background:var(--dc-gray);color:var(--dc-white)}.dc-badge-pending{background:#f39c12;color:var(--dc-white)}.dc-dashboard-item-content{display:flex;gap:15px;margin-bottom:12px}.dc-dashboard-item-content p{flex:1;margin:0;font-size:14px;line-height:1.6;color:var(--dc-text)}.dc-dashboard-item-thumb{flex-shrink:0}.dc-dashboard-item-thumb img{width:80px;height:80px;object-fit:cover;border-radius:var(--dc-radius-sm)}.dc-dashboard-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--dc-border);gap:10px}.dc-dashboard-item-stats{display:flex;gap:12px;flex-wrap:wrap}.dc-dashboard-item-stats span{font-size:13px;color:var(--dc-text-light);display:flex;align-items:center;gap:5px;background:var(--dc-white);padding:5px 10px;border-radius:15px}.dc-dashboard-item-stats i{color:var(--dc-accent)}.dc-dashboard-item-actions{display:flex;gap:8px;flex-wrap:wrap}.dc-dashboard-item-answer{margin-top:15px;padding-top:15px;border-top:1px solid var(--dc-border)}.dc-question-text{font-size:15px;line-height:1.7;color:var(--dc-text)}.dc-question-text strong{color:var(--dc-accent)}.dc-answer-form .dc-textarea{min-height:80px;margin-bottom:10px}.dc-dashboard-item-from{font-size:13px;color:var(--dc-accent)}.dc-btn-danger{background:var(--dc-white);color:#e74c3c;border:1px solid #e74c3c}.dc-btn-danger:hover{background:#e74c3c;color:var(--dc-white)}.dc-post-form-card{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);padding:30px;margin-bottom:30px}.dc-post-form-author{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--dc-border);margin-bottom:20px}.dc-post-form-author .dc-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid var(--dc-accent-light)}.dc-post-form-author .dc-author-name{font-weight:600;color:var(--dc-dark)}.dc-form-group{margin-bottom:20px}.dc-form-group label{display:block;font-size:14px;font-weight:500;color:var(--dc-dark);margin-bottom:8px}.dc-textarea-lg{min-height:200px}.dc-image-input-wrap{display:flex;gap:10px}.dc-image-input-wrap .dc-input{flex:1}.dc-image-preview{margin-top:15px;position:relative;display:inline-block}.dc-image-preview img{max-width:300px;max-height:200px;border-radius:var(--dc-radius);border:1px solid var(--dc-border)}.dc-image-preview .dc-btn{position:absolute;top:10px;right:10px}.dc-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.dc-checkbox-label input{width:18px;height:18px;accent-color:var(--dc-accent)}.dc-checkbox-text{font-size:14px;color:var(--dc-text)}.dc-checkbox-text i{color:var(--dc-accent);margin-right:5px}.dc-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--dc-border)}.dc-post-preview{background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);padding:20px}.dc-preview-title{font-size:14px;color:var(--dc-gray);margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid var(--dc-border)}.dc-preview-title i{margin-right:8px}.dc-preview-placeholder{color:var(--dc-gray);font-style:italic}@media screen and (max-width:768px){.dc-container{padding:0 15px}.dc-page-header{padding:25px 15px;margin-bottom:20px}.dc-page-title{font-size:24px}.dc-dashboard-profile{padding:25px 15px}.dc-dashboard-avatar img{width:90px;height:90px}.dc-dashboard-name{font-size:20px}.dc-dashboard-stat strong{font-size:20px}.dc-dashboard-actions{flex-direction:column}.dc-dashboard-actions .dc-btn{max-width:100%;width:100%}.dc-dashboard-tabs{padding:4px}.dc-dashboard-tab{padding:10px 12px;font-size:13px}.dc-dashboard-item-footer{flex-direction:column;gap:10px}.dc-dashboard-item-stats{width:100%;justify-content:center}.dc-dashboard-item-actions{width:100%}.dc-dashboard-item-actions .dc-btn{flex:1}.dc-form-actions{flex-direction:column}.dc-form-actions .dc-btn{width:100%}.dc-image-input-wrap{flex-direction:column}.dc-image-preview img{max-width:100%}}.dc-login-page{display:flex;flex-direction:column;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#fdfaf7 0%,#f7f0e8 50%,#f0e7dd 100%)}.dc-login-page .dc-page-header{background:0 0;padding:30px 0 20px;margin-bottom:0}.dc-login-page .dc-container{display:flex;justify-content:center;align-items:center;flex:1;padding:20px}.dc-login-card{width:100%;max-width:400px;background:var(--dc-white);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);padding:40px;border:1px solid var(--dc-border)}.dc-login-logo{text-align:center;margin-bottom:30px}.dc-login-logo img{max-width:120px;height:auto;margin-bottom:15px}.dc-login-title{font-size:24px;font-weight:500;color:var(--dc-dark);margin:0 0 8px;font-family:'Cormorant','Noto Serif JP',serif}.dc-login-description{font-size:14px;color:var(--dc-text-light);margin:0}.dc-login-form{margin-bottom:20px}.dc-login-form .dc-form-group{margin-bottom:20px}.dc-login-form label{display:block;font-size:13px;color:var(--dc-text-light);margin-bottom:8px}.dc-login-form label i{margin-right:5px;color:var(--dc-accent)}.dc-password-wrap{position:relative}.dc-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:5px;cursor:pointer;color:var(--dc-gray);transition:var(--dc-transition)}.dc-password-toggle:hover{color:var(--dc-accent)}.dc-form-remember{margin-top:15px}.dc-btn-block{display:block;width:100%}.dc-login-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--dc-border)}.dc-login-link{font-size:13px;color:var(--dc-text-light);text-decoration:none;transition:var(--dc-transition)}.dc-login-link:hover{color:var(--dc-accent)}.dc-login-link i{margin-right:5px}.dc-login-back{text-align:center;margin-top:20px}.dc-login-form .dc-btn-primary{position:relative;overflow:hidden}.dc-login-form .dc-btn-primary:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.dc-login-form .dc-btn-primary:hover:after{width:300px;height:300px}@keyframes dc-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-spinner.fa-spin{animation:dc-spin 1s linear infinite}@media (max-width:480px){.dc-login-card{padding:30px 20px}.dc-login-title{font-size:20px}}