html.jl-render-mode #previewLikeBtn, html.jl-render-mode .preview-share-note-wrap, html.jl-render-mode .preview-actions-row, html.jl-render-mode .preview-share-actions, html.jl-render-mode .share-actions, html.jl-render-mode .resume-speech-tools, html.jl-render-mode #previewAuthorResumes{ display:none !important; } html.jl-render-mode #shareCardTarget{ padding-bottom:12px !important; } .preview-sheet{position:fixed;top:0;left:0;right:0;bottom:0;z-index:350;display:flex;flex-direction:column;background:var(--bg);transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);} .preview-sheet.open{transform:translateY(0);} .preview-sheet-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0;} .preview-sheet-hd h2{font-size:17px;font-weight:700;color:var(--t1);} .preview-sheet-hd.completed{justify-content:center;border-bottom:none;padding:18px 56px 8px;position:relative;} .preview-complete-hd{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 0;text-align:center;min-width:0;} .preview-complete-check{width:44px;height:44px;border-radius:50%;background:var(--accent3);display:flex;align-items:center;justify-content:center;margin-bottom:4px;} .preview-complete-title{font-size:20px;font-weight:900;color:var(--t1);} .preview-complete-sub{font-size:13px;color:var(--t4);} .preview-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--t3);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .15s;} .preview-close:hover{border-color:var(--accent2);color:var(--accent2);} .preview-complete-close{position:absolute;right:18px;top:16px;} .preview-body{flex:1;overflow-y:auto;padding:20px 16px max(48px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;width:100%;-webkit-overflow-scrolling:touch;} .user-sheet{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:flex;flex-direction:column;background:var(--bg);transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top,0px);} .user-sheet.open{transform:translateY(0);} .user-sheet-hd{display:flex;align-items:center;gap:10px;padding:10px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;z-index:10;} .user-sheet-back{display:flex;align-items:center;justify-content:center;gap:5px;min-width:64px;height:32px;padding:6px 12px;font-size:13px;color:var(--t3);cursor:pointer;border:1px solid var(--border);border-radius:99px;background:transparent;font-family:var(--font);transition:all .15s;flex-shrink:0;} .user-sheet-back:hover{border-color:var(--accent2);color:var(--accent2);} .user-sheet-back svg{width:14px;height:14px;} .user-sheet-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--bg3);color:var(--t3);cursor:pointer;font-size:20px;line-height:1;position:relative;touch-action:manipulation;} .user-sheet-menu-btn:hover{color:var(--t1);} .user-sheet-actions{ margin-left:auto; display:flex; align-items:center; gap:8px; position:relative; z-index:1; } .user-menu-dropdown{position:fixed;top:calc(env(safe-area-inset-top,0px) + 58px);right:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.18);min-width:176px;max-width:calc(100vw - 28px);z-index:10044;overflow:hidden;display:none;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);} .user-menu-dropdown.open{display:block;pointer-events:auto;} .user-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:14px 16px;border:0;background:transparent;text-align:left;font-size:14px;color:var(--t2);cursor:pointer;font-family:var(--font);touch-action:manipulation;-webkit-tap-highlight-color:transparent;} .user-menu-item:hover{background:var(--bg3);} .user-menu-item:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px;background:var(--bg3);} .user-menu-item.danger{color:var(--danger);} .block-sheet-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.45);} .block-sheet{position:fixed;left:0;right:0;bottom:0;z-index:601;background:var(--surface);border-radius:20px 20px 0 0;padding:0 0 max(24px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);} .block-sheet.open{transform:translateY(0);} .block-sheet-hd{padding:16px 20px 12px;border-bottom:1px solid var(--border);} .block-sheet-title{font-size:15px;font-weight:700;color:var(--t1);display:block;margin-bottom:4px;} .block-sheet-sub{font-size:12px;color:var(--t4);line-height:1.5;} .block-confirm-btn{margin:16px 20px 0;width:calc(100% - 40px);padding:13px;border-radius:12px;background:var(--danger);color:#fff;font-size:14px;font-weight:700;font-family:var(--font);border:none;cursor:pointer;} .block-cancel-btn{margin:8px 20px 0;width:calc(100% - 40px);padding:13px;border-radius:12px;background:var(--bg3);color:var(--t2);font-size:14px;font-weight:700;font-family:var(--font);border:none;cursor:pointer;} .user-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;} .user-cover{aspect-ratio:4 / 1;position:relative;overflow:hidden;flex-shrink:0;} .user-cover canvas{position:absolute;inset:0;width:100%;height:100%;} .my-cover .cover-anim-overlay,.user-cover .cover-anim-overlay,.resume-cover .cover-anim-overlay{height:100%;} .user-prof-wrap{padding:0 16px 0;position:relative;} .user-av-row{display:flex;align-items:flex-start;gap:12px;margin-top:-26px;margin-bottom:12px;} .user-avatar{width:72px;height:72px;border-radius:50%;background:var(--accent);padding:3px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;margin-top:0;} .user-avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;} .user-av-info{flex:1;display:flex;flex-direction:column;gap:0;padding-top:30px;} .user-av-name{font-size:17px;font-weight:900;color:var(--t1);letter-spacing:-.02em;line-height:1.2;margin-top:10px;} .user-av-handle{font-size:13px;color:var(--t4);margin:10px 0;} .user-av-handle-wrap{display:flex;align-items:center;gap:0;margin:10px 0;min-width:0;max-width:100%;} .user-av-handle-wrap .user-av-handle{margin:0;min-width:0;} .user-bio{font-size:16px;color:var(--t1);margin-top:0 0 10px;line-height:1.5;overflow-wrap:anywhere;} .up-tl-wrap{position:relative;padding-left:0;} .up-tl-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;position:relative;} @keyframes dotPulse{ 0%,100%{box-shadow:0 0 0px 0px currentColor;opacity:1;} 50%{box-shadow:0 0 4px 2px currentColor;opacity:.7;} } .up-tl-yr{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);flex-shrink:0;font-family:var(--mono);margin-top:3px;} .up-tl-txt{font-size:14px;color:var(--t2);line-height:1.45;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 9px;flex:1;position:relative;overflow:hidden;} .up-tl-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;} .up-tl-icon{width:60px;height:60px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:22px;} .up-tl-icon img{width:100%;height:100%;object-fit:cover;} .up-tl-copy{font-size:15px;font-weight:600;color:var(--t2);line-height:1.4;flex:1;padding-right:8px;overflow-wrap:anywhere;} .user-section-title{font-size:12px;font-weight:700;color:var(--t3);letter-spacing:.08em;text-transform:uppercase;padding:14px 16px 8px;} .user-other-resumes{padding:0 14px 16px;display:flex;flex-direction:column;gap:8px;} .user-resume-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer;transition:border-color .15s;position:relative;display:flex;align-items:center;gap:10px;} .user-resume-item:hover{border-color:var(--border2);} .user-resume-item-av{width:36px;height:36px;border-radius:10px;background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;} .user-resume-item-av img{width:100%;height:100%;object-fit:cover;} .user-icon-zoom-btn{ appearance:none; -webkit-appearance:none; width:100%; height:100%; display:flex; align-items:center; justify-content:center; border:0; padding:0; margin:0; background:transparent; color:inherit; border-radius:inherit; overflow:hidden; cursor:zoom-in; font:inherit; -webkit-tap-highlight-color:transparent; } .user-icon-zoom-btn img{ width:100%; height:100%; object-fit:cover; display:block; } .user-icon-zoom-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; } .user-avatar-inner .user-icon-zoom-btn, .up-tl-icon .user-icon-zoom-btn, .user-resume-item-av .user-icon-zoom-btn{ border-radius:inherit; } .user-avatar-inner .user-icon-zoom-btn:active, .up-tl-icon .user-icon-zoom-btn:active, .user-resume-item-av .user-icon-zoom-btn:active{ opacity:.82; } .user-resume-item-copy{flex:1;font-size:14px;font-weight:500;color:var(--t2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:44px;} .user-main-card{margin:0 14px;background:var(--surface);border-radius:var(--radius);padding:14px;cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(74,85,104,.12);transition:all .2s;} .user-main-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);pointer-events:none;background:none;} .user-main-card>*{position:relative;z-index:2;} .user-card-like{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--t4);cursor:pointer;background:none;border:none;font-family:var(--font);padding:0;transition:color .15s;position:absolute;top:14px;right:14px;z-index:3;} .user-card-like.liked{color:var(--like-color);} .user-card-like:hover:not(.liked){color:var(--t2);} .preview-like-btn{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--t4);cursor:pointer;background:none;border:none;font-family:var(--font);padding:0;transition:color .15s;position:absolute;right:0;top:50px;} .preview-like-btn.liked{color:var(--like-color);} .preview-like-btn:hover:not(.liked){color:var(--t2);} .resume-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius, 20px);} .resume-cover{aspect-ratio:4 / 1;position:relative;overflow:hidden;background:var(--surface);border-radius:var(--radius, 20px) var(--radius, 20px) 0 0;} .resume-cover canvas{border-radius:inherit;} .resume-cover canvas{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);} .resume-body{padding:0 10px 10px;} .resume-prof-row{display:flex;align-items:center;gap:10px;margin-top:-60px;margin-bottom:15px;position:relative;z-index:2;} .resume-avatar{width:60px;height:60px;border-radius:10px;background:var(--bg2);padding:3px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;cursor:pointer;} .resume-avatar-inner{width:100%;height:100%;border-radius:8px;background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;} .resume-avatar-inner img{width:100%;height:100%;object-fit:cover;} .resume-avatar img{width:100%;height:100%;object-fit:cover;} #previewAvEmoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:8px;background:var(--bg3);overflow:hidden;} #previewAvEmoji img{border-radius:8px !important;} .resume-name{font-size:16px;font-weight:700;color:var(--t4);margin-top:70px;} .resume-handle{font-size:11px;font-weight:600;color:var(--t4);margin:6px 0 0;overflow-wrap:anywhere;} .resume-handle[hidden]{display:none;} .resume-copy{font-size:15px;font-weight:700;color:var(--t3);margin-top:6px;overflow-wrap:anywhere;} .resume-copy.is-typing::after,.tl-modal-title.is-typing::after,.tl-modal-episode.is-typing::after{content:'';display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:tw-blink 0.8s steps(2) infinite;} @keyframes tw-blink{0%,49%{opacity:1}50%,100%{opacity:0}} .tw-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);pointer-events:none;opacity:0;box-shadow:0 0 8px 2px var(--accent);animation:tw-spark 0.7s ease-out forwards;} @keyframes tw-spark{0%{opacity:0;transform:translate(0,0) scale(0.4);}20%{opacity:1;}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1);}} .tw-fadein{animation:tw-fadein 0.35s ease-out;} @keyframes tw-fadein{0%{opacity:0.55;}100%{opacity:1;}} .resume-tl{position:relative;margin-bottom:14px;} .resume-tl-line{position:absolute;top:0;bottom:0;left:20px;width:2px;pointer-events:none;overflow:visible;} .resume-tl-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;position:relative;z-index:1;} .resume-tl-yr{font-size:12px;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);flex-shrink:0;font-family:var(--mono);position:relative;z-index:1;margin-top:3px;} .resume-tl-txt{font-size:14px;color:var(--t2);line-height:1.45;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 9px;flex:1;position:relative;overflow:hidden;cursor:pointer;} .resume-tl-plus{font-size:14px;font-weight:700;color:var(--accent3);margin-right:4px;flex-shrink:0;} .resume-tl-icons{display:inline-flex;align-items:center;gap:3px;margin-right:4px;flex-shrink:0;} .resume-tl-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1em;font-size:14px;font-weight:800;line-height:1;color:var(--accent3);} .resume-tl-detail-icon::before{content:var(--theme-tl-detail-icon, "💬");} .wt-line-item .resume-tl-detail-icon::before,#previewSheet.is-work-view .resume-tl-detail-icon::before{content:"📖";} .resume-tl-image-icon::before{content:var(--theme-tl-image-icon, "📷");} @keyframes tlPlusShake{0%,15%,100%{transform:translateX(0);}3%{transform:translateX(-3px);}6%{transform:translateX(3px);}9%{transform:translateX(-2px);}12%{transform:translateX(2px);}} .resume-tl-plus,.resume-tl-icons{animation:tlPlusShake 2.5s ease 3 both;} @keyframes hlCamFlash{0%,100%{opacity:1;}10%{opacity:.2;}20%{opacity:1;}} .hl-cam-icon{ display:inline-flex; align-items:center; justify-content:center; min-width:1em; margin-right:4px; font-size:14px; font-weight:800; line-height:1; color:var(--accent3); vertical-align:-1px; animation:hlCamFlash 3s ease 3 both; } .hl-cam-icon::before{content:var(--theme-tl-image-icon, "📷");} .resume-tl-txt.has-detail{cursor:pointer;} .resume-tl-txt.has-detail:active{opacity:.75;} .tl-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s;} .tl-modal-overlay.open{opacity:1;pointer-events:auto;} .tl-modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:16px;padding:20px;width:100%;max-width:320px;transform:scale(.9);transition:transform .2s;box-shadow:0 4px 16px rgba(74,85,104,.16);} .tl-modal-overlay.open .tl-modal-box{transform:scale(1);} .tl-modal-yr{font-size:14px;font-weight:700;padding:5px 10px;border-radius:4px;display:inline-block;margin-bottom:8px;font-family:var(--mono);} .tl-modal-title{font-size:15px;font-weight:700;color:var(--t1);line-height:1.4;margin-bottom:10px;margin-top:0;overflow-wrap:anywhere;word-break:break-word;} .tl-modal-divider{border:none;border-top:1px solid var(--border);margin:10px 0;} .tl-modal-episode{font-size:15px;color:var(--t3);line-height:1.6;overflow-wrap:anywhere;word-break:break-word;} .tl-modal-close{margin-top:16px;width:100%;padding:9px;border-radius:10px;border:1px solid var(--border2);background:var(--bg3);color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);} .confirm-dialog-btns{display:flex;gap:8px;margin-top:16px;} .confirm-dialog-btn{flex:1;padding:9px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;} .confirm-dialog-btn.cancel{background:var(--bg3);color:var(--t2);} .confirm-dialog-btn.cancel:hover{background:var(--bg2);} .confirm-dialog-btn.danger{background:var(--danger);color:var(--on-accent);} .confirm-dialog-btn.danger:hover{opacity:.85;} .tl-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;} .tl-empathy-btn{border:2px solid var(--accent2);background:transparent;color:var(--accent2);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);display:flex;align-items:center;gap:4px;flex-shrink:0;transition:all .15s;} .tl-empathy-btn.active{background:var(--accent2);color:#FFFFFF;} #hlReactBtn{background:transparent;border:2px solid var(--accent2);color:var(--accent2);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;display:flex;align-items:center;gap:5px;} #hlReactBtn.active{background:var(--accent2);color:#FFFFFF;border-color:var(--accent2);} .resume-hl-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;} .resume-hl-item{background:var(--hl-bg);border-radius:var(--radius-sm);padding:7px 9px;cursor:pointer;} .resume-hl-lbl{font-size:11px;color:var(--t3);margin-bottom:2px;} .resume-hl-val{font-size:13px;font-weight:600;color:var(--t1);overflow-wrap:anywhere;} .resume-section-lbl{font-size:10px;font-weight:700;color:var(--t4);letter-spacing:.06em;margin:10px 0 6px;} .resume-hash{font-size:11px;color:var(--t5);text-align:right;margin-top:8px;} .share-actions{margin-top:14px;display:flex;flex-direction:column;gap:8px;} .share-btn-p{border-radius:12px;padding:13px;text-align:center;font-size:13px;font-weight:700;background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;font-family:var(--font);} .share-btn-s{border-radius:12px;padding:12px;text-align:center;font-size:13px;font-weight:500;background:transparent;border:1px solid var(--border2);color:var(--t2);cursor:pointer;width:100%;font-family:var(--font);} .report-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--t4);font-size:13px;font-family:var(--font);cursor:pointer;padding:10px 0 2px;margin:0 auto;} .report-btn:hover{color:var(--danger);} .report-sheet-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.45);} .report-sheet{position:fixed;left:0;right:0;bottom:0;z-index:601;background:var(--surface);border-radius:20px 20px 0 0;padding:0 0 max(24px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);} .report-sheet.open{transform:translateY(0);} .report-sheet-hd{padding:16px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;} .report-sheet-title{font-size:15px;font-weight:700;color:var(--t1);} .report-option{display:flex;align-items:center;gap:10px;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--border);} .report-option:active{background:var(--bg3);} .report-option-text{font-size:14px;color:var(--t2);} .report-option input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;} .report-submit{margin:14px 20px 0;width:calc(100% - 40px);padding:13px;border-radius:12px;background:var(--t2);color:var(--bg);font-size:14px;font-weight:700;font-family:var(--font);border:none;cursor:pointer;} .report-submit:disabled{opacity:.4;cursor:not-allowed;} body:not(.pc-layout) #verifySheet{max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;} body:not(.pc-layout) #verifySheet .report-sheet-hd{position:sticky;top:0;background:var(--surface);z-index:2;} body:not(.pc-layout) #setEmailSheet{max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;} body:not(.pc-layout) #setEmailSheet .report-sheet-hd{position:sticky;top:0;background:var(--surface);z-index:2;} body:not(.pc-layout) #reportSheet, body:not(.pc-layout) #impSheet{max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;} body:not(.pc-layout) #reportSheet .report-sheet-hd, body:not(.pc-layout) #impSheet .report-sheet-hd{position:sticky;top:0;background:var(--surface);z-index:2;} .v19-resonance-wrap{ margin:0 14px 4px; display:flex; flex-direction:column; gap:8px; } .v19-resonance-card, .v19-resonance-empty{ border:1px solid var(--border); background:var(--surface); border-radius:16px; padding:12px; } .v19-res-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .v19-res-label{ display:inline-flex; align-items:center; width:max-content; max-width:100%; border-radius:999px; padding:3px 8px; background:color-mix(in srgb, var(--accent) 10%, var(--bg3)); border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border)); color:var(--accent); font-size:10px; font-weight:800; line-height:1.2; } .v19-res-head b{ color:var(--accent); font-family:var(--mono); font-size:14px; } .v19-res-title{ margin-top:8px; color:var(--t1); font-size:14px; font-weight:800; line-height:1.45; } .v19-res-sub{ margin-top:3px; color:var(--t4); font-size:12px; line-height:1.5; } .v19-res-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; } .v19-res-chip{ appearance:none; max-width:100%; min-height:30px; display:inline-flex; align-items:center; border:1px solid var(--border2); background:var(--bg3); color:var(--t2); border-radius:999px; padding:5px 10px; font-size:11px; font-weight:800; font-family:var(--font); line-height:1.35; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .v19-res-chip.is-mix{ border-color:color-mix(in srgb, var(--accent) 34%, var(--border2)); color:var(--accent); background:color-mix(in srgb, var(--accent) 8%, var(--bg3)); } .v19-res-heat{ margin-top:9px; display:flex; flex-wrap:wrap; align-items:center; gap:5px; } .v19-res-heat span, .v19-res-heat b{ display:inline-flex; align-items:center; min-height:24px; border-radius:999px; padding:3px 8px; font-size:10px; font-weight:800; line-height:1.25; } .v19-res-heat span{ color:var(--t4); background:transparent; border:1px solid var(--border); } .v19-res-heat b{ color:var(--t3); background:var(--bg3); border:1px solid var(--border); font-variant-numeric:tabular-nums; } .v19-res-heat-note.is-timeline{ color:color-mix(in srgb, var(--accent) 72%, var(--t2)); border-color:color-mix(in srgb, var(--accent) 26%, var(--border)); } .v19-res-heat-note.is-highlight{ color:color-mix(in srgb, var(--like-color) 70%, var(--t2)); border-color:color-mix(in srgb, var(--like-color) 24%, var(--border)); } .v19-res-similar{ border:1px solid var(--border); background:var(--surface); border-radius:14px; padding:10px; } .v19-res-small-label{ color:var(--t4); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; } .v19-res-similar-row{ appearance:none; width:100%; min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:0; border-top:1px solid var(--border); background:transparent; padding:8px 0 0; margin-top:8px; color:var(--t2); font-family:var(--font); cursor:pointer; text-align:left; } .v19-res-similar-row:first-of-type{ border-top:0; margin-top:0; padding-top:0; } .v19-res-similar-row span{ min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; font-weight:700; } .v19-res-similar-row .v19-res-similar-open{ flex-shrink:0; display:inline-flex; align-items:center; gap:4px; color:var(--accent); font-size:11px; font-weight:800; line-height:1; white-space:nowrap; } .v19-resonance-empty{ border-style:dashed; background:var(--bg3); } .v19-resonance-empty-title{ color:var(--t2); font-size:13px; font-weight:800; } .v19-resonance-empty-text{ margin-top:4px; color:var(--t4); font-size:12px; line-height:1.55; } @media (hover:hover){ .v19-res-chip:hover, .v19-res-similar-row:hover{ color:var(--accent); } } .preview-back-btn{ width:auto; min-width:64px; padding:6px 12px; gap:5px; border-radius:99px; font-size:13px; } .preview-close:focus-visible, .user-sheet-menu-btn:focus-visible{ outline:2px solid var(--accent2); outline-offset:2px; } .user-sheet-back:focus, .user-sheet-back:focus-visible{ outline:none !important; box-shadow:none !important; } .user-sheet-title{ margin:0; position:absolute; left:50%; transform:translateX(-50%); max-width:calc(100% - 210px); font-size:14px; font-weight:800; color:var(--t2); line-height:1.2; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; } .user-prof-wrap{padding:0 14px 0;} .user-av-row{gap:10px;margin-bottom:10px;} .user-av-info{padding-top:28px;} .user-av-name{font-size:16px;line-height:1.25;margin-top:8px;} .user-av-handle{font-size:12px;margin:7px 0 6px;} .user-bio{font-size:15px;line-height:1.55;margin:0 0 8px;} .user-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;} .user-profile-link{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);font-size:11px;font-weight:700;color:var(--t2);text-decoration:none;white-space:nowrap;} .user-profile-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px;} .user-section-title{padding:12px 14px 6px;font-size:11px;} .user-main-card{margin:0 12px;padding:12px;box-shadow:0 1px 6px rgba(74,85,104,.10);} .up-tl-header{gap:9px;margin-bottom:8px;} .up-tl-icon{width:52px;height:52px;border-radius:9px;} .up-tl-copy{font-size:14px;line-height:1.45;padding-right:4px;} .up-tl-item{gap:7px;margin-bottom:7px;} .up-tl-txt{font-size:13px;line-height:1.5;padding:9px 9px;} .user-other-resumes{padding:0 12px 14px;gap:7px;} .user-resume-item{padding:9px 10px;} .user-resume-item:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;border-color:var(--accent);} .user-resume-item-copy{font-size:13px;} .user-card-like-inline{position:static;flex-shrink:0;align-self:flex-start;margin-top:2px;} .v19-resonance-wrap{margin:0 12px 4px;gap:7px;} .v19-resonance-card,.v19-resonance-empty{border-radius:14px;padding:10px;} .v19-res-head{gap:8px;} .v19-res-label{padding:2px 7px;font-size:10px;} .v19-res-head b{font-size:13px;} .v19-res-title{margin-top:6px;font-size:13px;line-height:1.42;} .v19-res-sub{font-size:11px;line-height:1.45;} .v19-res-chips{gap:5px;margin-top:8px;} .v19-res-chip{padding:4px 8px;font-size:11px;max-width:100%;} .v19-res-chip:focus-visible,.v19-res-similar-row:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;} .v19-res-chip:active,.v19-res-similar-row:active{transform:translateY(1px);} .v19-res-heat{margin-top:7px;gap:4px;} .v19-res-heat span,.v19-res-heat b{padding:3px 7px;font-size:10px;} .v19-res-similar{border-radius:13px;padding:9px;} .v19-res-similar-row{padding:7px 0 0;margin-top:7px;} .v19-resonance-empty-title{font-size:12px;} .v19-resonance-empty-text{font-size:11px;line-height:1.5;} .user-other-resumes{padding:0 12px 16px;display:flex;flex-direction:column;gap:8px;} .user-resume-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 10px;cursor:pointer;transition:border-color .15s, background-color .15s, transform .15s;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;} .user-resume-item:hover{border-color:var(--border2);background:color-mix(in srgb, var(--surface) 86%, var(--bg3));} .user-resume-item:active{transform:translateY(1px);} .user-resume-item:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;border-color:var(--accent);} .user-resume-item-av{width:38px;height:38px;border-radius:11px;background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;} .user-resume-item-av img{width:100%;height:100%;object-fit:cover;} .user-resume-item-main{min-width:0;display:flex;flex-direction:column;gap:3px;} .user-resume-item-copy{font-size:14px;font-weight:650;color:var(--t2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0;} .user-resume-item-meta{font-size:11px;font-weight:600;color:var(--t4);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .user-resume-item-like{position:static;min-width:44px;min-height:34px;padding:0 9px;border-radius:999px;align-self:center;justify-content:center;} .user-resume-item-like:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;} @media (max-width:360px){ .user-resume-item{grid-template-columns:34px minmax(0,1fr);} .user-resume-item-like{grid-column:2;justify-self:flex-start;min-height:30px;margin-top:2px;} } .user-card-like{border-radius:999px;} .user-card-like[aria-pressed="true"], .user-card-like.liked{color:var(--like-color);} .user-card-like-count{min-width:1.4em;text-align:left;font-variant-numeric:tabular-nums;} .user-resume-item-like[aria-pressed="true"]{background:color-mix(in srgb, var(--like-color) 12%, transparent);} .user-card-like:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;} .user-resonance-area{ margin:12px 0 0; padding:8px 0 12px; background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, transparent), color-mix(in srgb, var(--bg2) 70%, transparent) ); border-top:1px solid color-mix(in srgb, var(--accent) 13%, transparent); border-bottom:1px solid color-mix(in srgb, var(--accent) 8%, transparent); } .user-resonance-area .user-section-title{ padding-top:4px; } .user-resonance-area .v19-resonance-wrap{ margin-bottom:0; } .user-resonance-area .v19-resonance-card, .user-resonance-area .v19-res-similar, .user-resonance-area .v19-resonance-empty{ background:color-mix(in srgb, var(--surface) 88%, var(--accent) 4%); } .user-main-card{ cursor:default; } .user-main-card .up-tl-txt.has-detail, .user-main-card .resume-hl-item, .user-main-card .user-card-like{ cursor:pointer; } .user-theme-panel{ margin:14px 14px 12px; background:var(--surface); border:1px solid var(--border2); border-radius:var(--radius, 20px); overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.10); } #userSheet .user-theme-panel{ background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--up-stripe, var(--accent)) 12%, transparent) 0, color-mix(in srgb, var(--up-stripe, var(--accent)) 12%, transparent) 1px, transparent 1px, transparent 10px); } #userSheet .user-theme-panel[data-foreign-theme="charcoal"]{ background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--up-stripe, var(--accent)) 22%, transparent) 0, color-mix(in srgb, var(--up-stripe, var(--accent)) 22%, transparent) 1px, transparent 1px, transparent 10px); border-top:3px solid var(--up-stripe, var(--accent)); } #userSheet.open{ background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent) 3.5%, transparent) 0, color-mix(in srgb, var(--accent) 3.5%, transparent) 1px, transparent 1px, transparent 10px); } .user-theme-panel .user-cover{ border-radius:0; } .user-theme-panel .user-prof-wrap{ padding:0 14px 2px; } .user-theme-panel .user-section-title{ padding-left:12px; padding-right:12px; } .user-theme-panel .user-main-card{ margin:0 10px 12px; } .user-theme-panel .user-other-resumes{ padding-left:10px; padding-right:10px; } .user-theme-panel + .user-resonance-area{ margin-top:12px; } @media (max-width:360px){ .user-theme-panel{ margin-left:10px; margin-right:10px; border-radius:var(--radius, 18px); } } .resume-tl-txt .tl-main-text, .up-tl-txt .tl-main-text{ min-width:0; flex:1 1 auto; } .resume-tl-icons.tl-icons-after{ margin-left:4px; margin-right:0; padding-left:0; vertical-align:-2px; } body[data-timeline-layout="log"] .resume-tl-item, body[data-timeline-layout="log"] .up-tl-item{ display:flex; flex-direction:row; align-items:flex-start; gap:7px; margin-bottom:8px; padding-left:0; position:relative; } body[data-timeline-layout="log"] .tl-log-body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; } body[data-timeline-layout="log"] .tl-log-head{ display:flex; align-items:center; justify-content:flex-start; gap:6px; min-width:0; min-height:20px; } body[data-timeline-layout="log"] .tl-layout-log-item.is-no-meta .tl-log-body{ gap:0; } body[data-timeline-layout="log"] .tl-log-meta{ display:inline-flex; align-items:center; justify-content:flex-start; gap:4px; min-width:0; } body[data-timeline-layout="log"] .tl-log-meta .tl-month-badge{ margin-right:0 !important; } body[data-timeline-layout="log"] .tl-log-meta .resume-tl-icons{ margin-right:0; } body[data-timeline-layout="log"] .resume-tl-txt.tl-log-text, body[data-timeline-layout="log"] .up-tl-txt.tl-log-text{ width:100%; box-sizing:border-box; padding:9px 10px; line-height:1.5; } body[data-timeline-month-mode="hide"]:not([data-timeline-layout="log"]) .tl-month-badge{ display:none !important; } #userSheet .up-tl-item{ align-items:flex-start; gap:var(--theme-tl-item-gap, 8px); margin-bottom:var(--theme-tl-item-margin-bottom, 8px); } #userSheet .up-tl-yr{ margin-top:3px; } #userSheet .up-tl-txt{ padding:var(--theme-up-tl-item-padding, 10px 9px); line-height:var(--theme-tl-item-line-height, 1.45); } #userSheet .user-main-card .up-tl-header{ align-items:flex-start; gap:10px 12px; margin-bottom:12px; } #userSheet .user-main-card .up-tl-icon{ width:58px; height:58px; border-radius:12px; } #userSheet .user-main-card .up-tl-copy{ min-width:0; padding-right:0; line-height:1.5; } #userSheet .user-main-card .up-tl-header:has(.user-card-like-inline){ display:grid; grid-template-columns:58px minmax(0,1fr); grid-template-areas: "icon like" "icon copy"; align-items:start; column-gap:12px; row-gap:5px; } #userSheet .user-main-card .up-tl-header:has(.user-card-like-inline) .up-tl-icon{ grid-area:icon; } #userSheet .user-main-card .up-tl-header:has(.user-card-like-inline) .up-tl-copy{ grid-area:copy; } #userSheet .user-main-card .up-tl-header:has(.user-card-like-inline) .user-card-like-inline{ grid-area:like; justify-self:end; align-self:start; margin:0; min-height:28px; padding:3px 8px; border:1px solid color-mix(in srgb, var(--like-color, #e88aa4) 22%, var(--border)); background:color-mix(in srgb, var(--surface) 90%, var(--like-color, #e88aa4) 8%); } @media (max-width:360px){ #userSheet .user-main-card .up-tl-header:has(.user-card-like-inline){ grid-template-columns:54px minmax(0,1fr); column-gap:10px; } #userSheet .user-main-card .up-tl-icon{ width:54px; height:54px; } } #userSheet .user-main-card{ overflow:visible; } #userSheet .user-main-card .up-tl-header{ --profile-main-rail:56px; display:grid; grid-template-columns:var(--profile-main-rail) minmax(0,1fr); grid-template-areas: "icon copy"; align-items:start; column-gap:11px; row-gap:0; margin-bottom:13px; padding-top:2px; } #userSheet .user-main-card .up-tl-icon{ grid-area:icon; justify-self:center; width:54px; height:54px; border-radius:12px; } #userSheet .user-main-card .up-tl-copy{ grid-area:copy; min-width:0; padding:2px 2px 0 0; line-height:1.5; } #userSheet .user-main-card .up-tl-header .user-card-like-inline{ position:absolute; top:-12px; right:18px; transform:translateY(-50%); z-index:5; margin:0; min-height:30px; padding:4px 12px; border-radius:999px; border:1px solid color-mix(in srgb, var(--like-color, #e88aa4) 34%, var(--border)); background:color-mix(in srgb, var(--surface) 96%, var(--like-color, #e88aa4) 4%); box-shadow:0 4px 12px rgba(74,85,104,.12); } #userSheet .user-main-card .up-tl-wrap{ --profile-main-rail:56px; } #userSheet .user-main-card .up-tl-item{ display:grid; grid-template-columns:var(--profile-main-rail) minmax(0,1fr); align-items:start; column-gap:11px; row-gap:0; margin-bottom:8px; } #userSheet .user-main-card .up-tl-yr{ justify-self:center; align-self:start; margin-top:4px; } #userSheet .user-main-card .up-tl-txt{ min-width:0; width:100%; box-sizing:border-box; padding:10px 9px; line-height:1.46; } @media (max-width:360px){ #userSheet .user-main-card .up-tl-header, #userSheet .user-main-card .up-tl-wrap{ --profile-main-rail:52px; } #userSheet .user-main-card .up-tl-header, #userSheet .user-main-card .up-tl-item{ column-gap:9px; } #userSheet .user-main-card .up-tl-icon{ width:50px; height:50px; } #userSheet .user-main-card .up-tl-header .user-card-like-inline{ top:-12px; right:12px; min-height:28px; padding:3px 10px; } } #userSheet .user-main-card .up-tl-header .user-card-like-inline svg{ flex-shrink:0; } .resume-hl-grid > .resume-hl-item:last-child:nth-child(odd){ grid-column:1 / -1; } #previewSheet .resume-tl-more-row, #userSheet .resume-tl-more-row--profile{ display:flex; justify-content:center; padding:12px 0 3px; } #previewSheet .resume-tl-more-btn, #userSheet .resume-tl-more-row--profile .resume-tl-more-btn{ display:flex; flex-direction:column; align-items:center; gap:2px; width:min(100%, 260px); border:1px solid var(--line, var(--border)); background:linear-gradient(180deg, var(--card2, var(--surface2)), var(--card, var(--surface))); color:var(--t2); border-radius:16px; padding:9px 14px 10px; font-size:12px; font-weight:800; letter-spacing:.02em; cursor:pointer; box-shadow:0 6px 14px rgba(15,23,42,.06); } #previewSheet .resume-tl-more-main, #userSheet .resume-tl-more-row--profile .resume-tl-more-main{ display:block; line-height:1.35; } #previewSheet .resume-tl-more-sub, #userSheet .resume-tl-more-row--profile .resume-tl-more-sub{ display:block; font-size:10px; font-weight:700; line-height:1.35; color:var(--t4); letter-spacing:0; } #previewSheet .resume-tl-more-btn:active, #userSheet .resume-tl-more-row--profile .resume-tl-more-btn:active{ transform:translateY(1px); } #previewSheet .resume-tl-more-btn:focus-visible, #userSheet .resume-tl-more-row--profile .resume-tl-more-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; } .resume-speech-tools{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 4px 14px; } .resume-speech-tools[hidden]{ display:none !important; } .resume-speech-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; max-width:min(100%, 280px); min-height:40px; padding:10px 18px; white-space:nowrap; border-radius:999px; border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line, var(--border))); background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--card, var(--surface))) 0%, var(--card2, var(--surface2)) 100%); color:var(--t1); font-family:var(--font); font-size:13px; font-weight:900; letter-spacing:.01em; cursor:pointer; box-shadow:0 7px 16px rgba(15,23,42,.06); } #previewSheet .resume-speech-tools + div{ margin:8px 0 12px !important; } .resume-speech-btn.is-reading{ border-color:var(--accent); color:var(--accent); background:color-mix(in srgb, var(--accent) 9%, var(--card, var(--surface))); } .resume-speech-icon{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:999px; background:color-mix(in srgb, var(--accent) 12%, var(--card, var(--surface))); color:var(--accent); font-size:9px; line-height:1; } .resume-speech-btn.is-reading .resume-speech-icon{ color:transparent; overflow:hidden; position:relative; } .resume-speech-btn.is-reading .resume-speech-icon::before{ content:'■'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:10px; } .resume-speech-btn:active{ transform:translateY(1px); } .resume-speech-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; } .resume-speech-status{ min-height:16px; text-align:center; font-size:11px; font-weight:750; color:var(--t4); line-height:1.4; } .resume-speech-status:empty{ display:none; } .user-resonance-area .v19-resonance-card{ padding:12px; } .v19-res-match-list{ margin-top:10px; display:flex; flex-direction:column; border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border)); border-radius:12px; overflow:hidden; background:color-mix(in srgb, var(--surface) 92%, var(--bg3)); } .v19-res-match-row{ display:grid; grid-template-columns:68px minmax(0,1fr); gap:8px; align-items:start; padding:8px 9px; border-top:1px solid color-mix(in srgb, var(--accent) 9%, var(--border)); } .v19-res-match-row:first-child{ border-top:0; } .v19-res-match-label{ color:var(--t4); font-size:10px; font-weight:800; line-height:1.45; white-space:nowrap; } .v19-res-match-values{ min-width:0; display:flex; flex-wrap:wrap; gap:5px 8px; } .v19-res-match-values .v19-res-chip{ min-height:0; max-width:100%; border:0; background:transparent; border-radius:6px; padding:0; color:color-mix(in srgb, var(--accent) 76%, var(--t2)); font-size:11px; font-weight:800; line-height:1.45; box-shadow:none; } .v19-res-match-values .v19-res-chip.is-phrase, .v19-res-match-values .v19-res-chip.is-mix{ color:var(--t2); white-space:normal; text-align:left; } .v19-res-match-values .v19-res-chip:hover{ color:var(--accent); text-decoration:underline; text-underline-offset:2px; } .v19-res-heat{ margin-top:9px; display:grid; grid-template-columns:68px minmax(0,1fr); gap:8px; align-items:start; padding:8px 9px; border-radius:12px; background:color-mix(in srgb, var(--bg3) 72%, transparent); } .v19-res-heat span, .v19-res-heat b{ min-height:0; border:0; background:transparent; border-radius:0; padding:0; line-height:1.45; } .v19-res-heat span{ color:var(--t4); font-size:10px; font-weight:800; white-space:nowrap; } .v19-res-heat-list{ min-width:0; display:flex; flex-wrap:wrap; gap:4px 8px; } .v19-res-heat b{ position:relative; color:var(--t3); font-size:11px; font-weight:800; padding-left:10px; } .v19-res-heat b::before{ content:''; position:absolute; left:0; top:.62em; width:4px; height:4px; border-radius:999px; background:currentColor; } .v19-res-similar-row{ display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; } .v19-res-similar-av{ width:32px; height:32px; border-radius:10px; background:var(--bg3); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; font-size:17px; } .v19-res-similar-av img{ width:100%; height:100%; object-fit:cover; } .v19-res-similar-name{ min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; font-weight:750; color:var(--t2); } .v19-res-similar-row .v19-res-similar-open{ justify-self:end; } .v19-res-similar-open-icon{ width:18px; height:18px; border-radius:6px; background:var(--bg3); border:1px solid var(--border); display:inline-flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; font-size:10px; } .v19-res-similar-open-icon img{ width:100%; height:100%; object-fit:cover; } .v19-res-similar-open-icon span{ font-size:10px; line-height:1; } .v19-res-similar-open-icon.is-resume-doc svg{ width:13px; height:13px; stroke-width:2.1; } @media (max-width:380px){ .v19-res-match-row, .v19-res-heat{ grid-template-columns:1fr; gap:4px; } .v19-res-similar-row{ grid-template-columns:30px minmax(0,1fr); } .v19-res-similar-row .v19-res-similar-open{ grid-column:2; justify-self:flex-start; } } .v19-res-similar-row .v19-res-similar-open{ min-width:max-content; white-space:nowrap; } @media (max-width:380px){ .v19-res-similar-row{ grid-template-columns:30px minmax(0,1fr) max-content; gap:7px; } .v19-res-similar-row .v19-res-similar-open{ grid-column:auto; justify-self:end; } } .user-resonance-area .v19-res-similar{ border:1px solid var(--border); background:color-mix(in srgb, var(--surface) 88%, var(--accent) 4%); border-radius:14px; padding:10px; margin-top:4px; } .user-resonance-area .v19-res-similar .v19-res-small-label{ color:var(--t3); margin-bottom:7px; } .user-resonance-area .v19-res-similar-row{ min-height:38px; border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; padding:8px 0 0; margin-top:8px; box-shadow:none; } .user-resonance-area .v19-res-similar-row:first-of-type{ border-top:0; padding-top:0; margin-top:0; } .user-resonance-area .v19-res-similar-name{ color:var(--t2); } @media (hover:hover){ .user-resonance-area .v19-res-similar-row:hover{ color:var(--accent); background:transparent; } } @media (max-width:380px){ .user-resonance-area .v19-res-similar-row{ min-height:36px; padding:7px 0 0; } } #userSheet .user-main-card .up-tl-header{ align-items:center; padding-top:4px; } #userSheet .user-main-card .up-tl-icon{ align-self:center; } #userSheet .user-main-card .up-tl-copy{ align-self:center; padding:0 4px 0 0; } #userSheet .user-main-card .up-tl-header .user-card-like-inline{ right:14px; top:0; transform:translateY(-50%); } @media (max-width:360px){ #userSheet .user-main-card .up-tl-header .user-card-like-inline{ right:12px; } } #userSheet .user-main-card .up-tl-header .user-card-like-inline{ right:0; } @media (max-width:360px){ #userSheet .user-main-card .up-tl-header .user-card-like-inline{ right:0; } } #userSheet .user-main-card{ --profile-main-card-pad-y:14px; } #userSheet .user-main-card .up-tl-header{ align-items:center; min-height:54px; padding-top:0; } #userSheet .user-main-card .up-tl-icon{ align-self:center; } #userSheet .user-main-card .up-tl-copy{ align-self:stretch; display:flex; align-items:center; min-height:54px; padding:0 4px 0 0; } #userSheet .user-main-card .up-tl-header .user-card-like-inline{ top:calc(-1 * var(--profile-main-card-pad-y)); right:0; transform:translateY(-50%); } @media (max-width:360px){ #userSheet .user-main-card{ --profile-main-card-pad-y:12px; } #userSheet .user-main-card .up-tl-header{ min-height:50px; } #userSheet .user-main-card .up-tl-copy{ min-height:50px; } #userSheet .user-main-card .up-tl-header .user-card-like-inline{ right:0; } } #previewSheet .resume-card{ overflow:visible; } #previewSheet .resume-prof-row{ --preview-resume-rail:60px; display:grid; grid-template-columns:var(--preview-resume-rail) minmax(0,1fr); align-items:start; column-gap:11px; margin-bottom:14px; } #previewSheet .resume-prof-row .resume-avatar{ justify-self:center; align-self:start; margin-top:30px; } #previewSheet .resume-prof-row > div[style]{ min-width:0; } #previewSheet .resume-copy{ line-height:1.5; } #previewSheet .resume-tl{ --preview-resume-rail:60px; } #previewSheet .resume-tl-item{ display:grid; grid-template-columns:var(--preview-resume-rail) minmax(0,1fr); align-items:start; column-gap:11px; row-gap:0; margin-bottom:9px; } #previewSheet .resume-tl-yr{ justify-self:center; align-self:start; margin-top:4px; } #previewSheet .resume-tl-txt{ min-width:0; width:100%; box-sizing:border-box; padding:10px 10px; line-height:1.48; } @media (max-width:360px){ #previewSheet .resume-prof-row, #previewSheet .resume-tl{ --preview-resume-rail:56px; } #previewSheet .resume-prof-row, #previewSheet .resume-tl-item{ column-gap:9px; } #previewSheet .resume-avatar{ width:56px; height:56px; } #previewSheet .resume-tl-txt{ padding:9px 9px; } } .preview-share-note-wrap{ text-align:center; margin:18px 0 4px; } .preview-share-note{ font-size:11px; line-height:1.45; color:var(--t4); } .preview-body .preview-share-actions{ margin-top:5px; } .preview-hd-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-shrink:0; } .preview-profile-btn{ overflow:hidden; background:var(--surface); color:var(--t2); } .preview-profile-btn[hidden]{ display:none !important; } .preview-profile-btn:hover{ background:var(--bg3); } .preview-profile-btn-icon{ width:18px; height:18px; display:flex; align-items:center; justify-content:center; border-radius:50%; overflow:hidden; } .preview-profile-btn-icon img{ width:100%; height:100%; display:block; object-fit:cover; border-radius:50%; } .preview-profile-btn[data-has-avatar="1"]{ padding:0; } .preview-profile-btn[data-has-avatar="1"] .preview-profile-btn-icon{ width:24px; height:24px; box-shadow:0 0 0 1px rgba(255,255,255,.7); } #previewSheet .preview-sheet-hd h2{ min-width:0; flex:1; text-align:center; padding:0 10px; } @media (max-width:380px){ .preview-hd-actions{gap:6px;} #previewSheet .preview-sheet-hd{padding-left:14px;padding-right:14px;} #previewSheet .preview-sheet-hd h2{padding:0 6px;} } .preview-hd-actions .preview-close{ width:40px; height:40px; font-size:20px; } .preview-hd-actions .preview-profile-btn-icon{ width:22px; height:22px; } .preview-hd-actions .preview-profile-btn-icon svg{ width:20px; height:20px; } .preview-hd-actions .preview-profile-btn[data-has-avatar="1"] .preview-profile-btn-icon{ width:36px; height:36px; } .user-sheet-menu-btn{ border:1px solid var(--border); background:transparent; color:var(--t3); transition:all .15s; } .user-sheet-menu-btn:hover{ border-color:var(--accent2); color:var(--accent2); } .user-sheet-hd{ padding:16px 20px 14px; } body:not(.pc-layout) .user-sheet-hd{ background:var(--bg); } @media (max-width:380px){ .user-sheet-hd{ padding-left:14px; padding-right:14px; } } #userSheet .user-theme-panel .user-section-title--main-resume{ display:flex; align-items:center; gap:8px; padding-top:12px !important; padding-bottom:7px !important; color:var(--t3); letter-spacing:.08em; } #userSheet .user-theme-panel .user-section-title--main-resume::after{ content:''; flex:1; height:1px; background:linear-gradient(90deg, color-mix(in srgb, var(--border) 78%, transparent), transparent); } #userSheet .user-theme-panel .user-section-title--main-resume span{ display:inline-flex; align-items:center; min-height:24px; padding:4px 10px; border-radius:999px; border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border)); background:color-mix(in srgb, var(--surface) 90%, var(--accent) 5%); box-shadow:none; color:var(--t3); font-size:11px; font-weight:800; line-height:1; } #userSheet .user-theme-panel .user-main-card{ border:0 !important; box-shadow:none !important; background:color-mix(in srgb, var(--surface) 72%, var(--bg2) 28%) !important; padding:15px 12px 16px; border-radius:var(--radius, 18px); } #userSheet .user-theme-panel .user-main-card::before{ display:none; } .user-sheet.is-over-resonance-detail{ z-index:10030; } .block-sheet-overlay, .report-sheet-overlay{ z-index:10045; } .block-sheet, .report-sheet{ z-index:10046; } #userSheet .user-avatar, #userSheet .up-tl-icon, #userSheet .user-resume-item-av{ border-radius:var(--theme-avatar-radius, 50%); box-shadow:var(--theme-avatar-shadow, none); border:var(--theme-avatar-border, 0 solid transparent); } #userSheet .user-avatar, #userSheet .up-tl-icon{ padding:var(--theme-avatar-padding, 3px); } #userSheet .user-avatar-inner, #userSheet .user-avatar-inner .user-icon-zoom-btn, #userSheet .user-avatar-inner img, #userSheet .up-tl-icon .user-icon-zoom-btn, #userSheet .up-tl-icon img, #userSheet .user-resume-item-av .user-icon-zoom-btn, #userSheet .user-resume-item-av img{ border-radius:var(--theme-avatar-inner-radius, 50%) !important; } #tlDetailModal.tl-modal-overlay, #hlDetailModal.tl-modal-overlay{ z-index:10040; } .preview-sheet.is-over-resonance-user, .res-detail-sheet.is-over-resonance-user{ z-index:10035; } .preview-sheet.is-resonance-detail-preview.is-over-resonance-user{ z-index:10045; } #tlDetailModal.tl-modal-overlay, #hlDetailModal.tl-modal-overlay{ z-index:10060; } .block-sheet-overlay, .report-sheet-overlay{ z-index:10065; } .block-sheet, .report-sheet{ z-index:10066; } #imgZoomOverlay{ z-index:10070 !important; } #authLoginOverlay.tl-modal-overlay, #pwChangeOverlay.tl-modal-overlay, #deleteAccountOverlay.tl-modal-overlay{ z-index:13100; } #userSheet .user-theme-panel .user-avatar, #userSheet .user-theme-panel .up-tl-icon, #userSheet .user-theme-panel .user-resume-item-av{ box-sizing:border-box; border-radius:var(--theme-avatar-radius, 50%); box-shadow:var(--theme-avatar-shadow, none); border:var(--theme-avatar-border, 0 solid transparent); padding:var(--theme-avatar-padding, 3px); background:var(--bg3); overflow:hidden; } #userSheet .user-theme-panel .user-avatar-inner, #userSheet .user-theme-panel .user-avatar-inner .user-icon-zoom-btn, #userSheet .user-theme-panel .user-avatar-inner img, #userSheet .user-theme-panel .up-tl-icon .user-icon-zoom-btn, #userSheet .user-theme-panel .up-tl-icon img, #userSheet .user-theme-panel .user-resume-item-av .user-icon-zoom-btn, #userSheet .user-theme-panel .user-resume-item-av img{ border-radius:var(--theme-avatar-inner-radius, 50%) !important; } #userSheet .user-theme-panel .user-avatar-inner, #userSheet .user-theme-panel .user-icon-zoom-btn{ width:100%; height:100%; } #userSheet .user-theme-panel .user-avatar-inner img, #userSheet .user-theme-panel .up-tl-icon img, #userSheet .user-theme-panel .user-resume-item-av img{ width:100%; height:100%; object-fit:cover; display:block; } #previewSheet .resume-avatar, #userSheet .user-theme-panel .up-tl-icon, #userSheet .user-theme-panel .user-resume-item-av{ box-sizing:border-box; padding:0 !important; background:transparent !important; border-radius:var(--theme-avatar-radius, 50%) !important; border:var(--theme-avatar-border, 0 solid transparent); box-shadow:var(--theme-avatar-shadow, none); image-rendering:var(--theme-avatar-image-rendering); overflow:hidden; } #previewSheet .resume-avatar-inner, #previewSheet .resume-avatar-inner img, #previewSheet .resume-avatar > img, #userSheet .user-theme-panel .up-tl-icon .user-icon-zoom-btn, #userSheet .user-theme-panel .up-tl-icon img, #userSheet .user-theme-panel .user-resume-item-av .user-icon-zoom-btn, #userSheet .user-theme-panel .user-resume-item-av img{ width:100%; height:100%; display:block; object-fit:cover; background:transparent !important; border-radius:var(--theme-avatar-inner-radius, 50%) !important; } #userSheet .user-theme-panel .user-avatar, #userSheet .user-theme-panel .up-tl-icon, #userSheet .user-theme-panel .user-resume-item-av{ box-sizing:border-box; border-radius:var(--theme-avatar-radius, 50%) !important; border:var(--theme-avatar-border, 0 solid transparent) !important; box-shadow:var(--theme-avatar-shadow, none) !important; overflow:hidden !important; } #userSheet .user-theme-panel .user-avatar{ padding:var(--theme-avatar-padding, 3px) !important; background:var(--theme-avatar-background) !important; image-rendering:var(--theme-avatar-image-rendering) !important; } #userSheet .user-theme-panel .up-tl-icon, #userSheet .user-theme-panel .user-resume-item-av{ padding:0 !important; background:transparent !important; } #userSheet .user-theme-panel .user-avatar-inner, #userSheet .user-theme-panel .user-avatar-inner .user-icon-zoom-btn, #userSheet .user-theme-panel .user-avatar-inner img, #userSheet .user-theme-panel .up-tl-icon .user-icon-zoom-btn, #userSheet .user-theme-panel .up-tl-icon img, #userSheet .user-theme-panel .user-resume-item-av .user-icon-zoom-btn, #userSheet .user-theme-panel .user-resume-item-av img{ border-radius:var(--theme-avatar-inner-radius, var(--theme-avatar-radius, 50%)) !important; overflow:hidden !important; background:var(--theme-avatar-inner-background) !important; image-rendering:var(--theme-avatar-image-rendering) !important; } #userSheet .user-theme-panel .user-avatar-inner, #userSheet .user-theme-panel .user-avatar-inner .user-icon-zoom-btn, #userSheet .user-theme-panel .up-tl-icon .user-icon-zoom-btn, #userSheet .user-theme-panel .user-resume-item-av .user-icon-zoom-btn{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; } #userSheet .user-theme-panel .user-avatar-inner img, #userSheet .user-theme-panel .up-tl-icon img, #userSheet .user-theme-panel .user-resume-item-av img{ width:100%; height:100%; object-fit:cover; display:block; } #userSheet .user-prof-wrap{ padding-left:8px; padding-right:8px; } #userSheet .user-section-title{ padding-left:8px; padding-right:8px; } #userSheet .user-main-card{ margin-left:8px; margin-right:8px; } #userSheet .user-other-resumes{ padding-left:8px; padding-right:8px; } #userSheet .user-theme-panel{ margin-left:8px; margin-right:8px; } #userSheet .user-theme-panel .user-prof-wrap{ padding-left:8px; padding-right:8px; } #userSheet .user-theme-panel .user-section-title{ padding-left:8px; padding-right:8px; } #userSheet .user-theme-panel .user-main-card{ margin-left:8px; margin-right:8px; } #userSheet .user-theme-panel .user-other-resumes{ padding-left:8px; padding-right:8px; } @media (max-width:360px){ #userSheet .user-theme-panel{ margin-left:8px; margin-right:8px; } } #tlDetailModal.tl-modal-overlay .tl-modal-box, #hlDetailModal.tl-modal-overlay .tl-modal-box{ width:min(430px, calc(100vw - 16px)); max-width:min(430px, calc(100vw - 16px)); box-sizing:border-box; } #tlDetailModal.tl-modal-overlay .tl-modal-box, #hlDetailModal.tl-modal-overlay .tl-modal-box{ position:relative; } #tlDetailModal .tl-modal-header{ padding-right:0; } #hlDetailModal .tl-modal-box > div:first-of-type{ padding-right:0 !important; } #tlDetailModal .tl-modal-icon-close, #hlDetailModal .tl-modal-icon-close{ display:none !important; } #tlDetailModal .tl-modal-close, #hlDetailModal .tl-modal-close{ display:flex !important; align-items:center; justify-content:center; width:42px; height:42px; padding:0; margin:18px auto 0; border-radius:999px; border:1px solid var(--border2); background:var(--bg3); color:var(--t2); font-size:18px; font-weight:900; line-height:1; cursor:pointer; font-family:var(--font); } #tlDetailModal .tl-modal-close:active, #hlDetailModal .tl-modal-close:active{ transform:scale(.96); } #tlDetailModal .tl-modal-episode{ padding-top:8px; padding-bottom:10px; } #tlDetailModal .tl-img-slider:not(:empty){ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; overflow:visible; padding:6px 0 10px; margin-top:10px; } #tlDetailModal .tl-img-slider .tl-img-slide{ width:auto; height:auto; aspect-ratio:4 / 3; border-radius:10px; overflow:hidden; } #tlDetailModal .tl-img-slider .tl-img-slide img{ width:100%; height:100%; object-fit:cover; } #tlDetailModal .tl-img-slider:has(> .tl-img-slide:only-child), #tlDetailModal .tl-img-slider:has(> .tl-img-slide:nth-child(2):last-child){ display:flex !important; justify-content:center; align-items:center; } #tlDetailModal .tl-img-slider:has(> .tl-img-slide:only-child) .tl-img-slide{ flex:0 0 min(220px, 72%); } #tlDetailModal .tl-img-slider:has(> .tl-img-slide:nth-child(2):last-child) .tl-img-slide{ flex:0 0 min(180px, 46%); } #tlDetailModal .tl-modal-close, #hlDetailModal .tl-modal-close{ width:100% !important; min-height:52px !important; height:auto !important; margin:18px 0 0 !important; padding:6px 0 8px !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:transparent !important; font-size:0 !important; line-height:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; } #tlDetailModal .tl-modal-close::before, #hlDetailModal .tl-modal-close::before{ content:'✕'; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border)); border-radius:999px; background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%); color:var(--accent3); box-shadow:0 5px 12px rgba(15,23,42,.08); font-family:var(--font); font-size:15px; font-weight:950; } #tlDetailModal .tl-modal-close:active, #hlDetailModal .tl-modal-close:active{ transform:none !important; } #tlDetailModal .tl-modal-close:active::before, #hlDetailModal .tl-modal-close:active::before{ transform:scale(.96); } #tlDetailModal .tl-img-slider:not(:empty){ display:flex !important; gap:10px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:8px 4px 12px !important; margin-top:12px !important; } #tlDetailModal .tl-img-slider:not(:empty)::-webkit-scrollbar{ display:none; } #tlDetailModal .tl-img-slider .tl-img-slide{ flex:0 0 min(240px, 74vw) !important; width:auto !important; height:min(180px, 55.5vw) !important; aspect-ratio:4 / 3; border-radius:12px !important; overflow:hidden; scroll-snap-align:center; } #tlDetailModal .tl-img-slider .tl-img-slide img{ width:100% !important; height:100% !important; object-fit:cover; } #tlDetailModal .tl-img-slider:has(> .tl-img-slide:only-child), #tlDetailModal .tl-img-slider:has(> .tl-img-slide:nth-child(2):last-child){ justify-content:center; } #tlDetailModal .tl-img-slider:has(> .tl-img-slide:only-child) .tl-img-slide{ flex-basis:min(260px, 82%) !important; } #tlDetailModal .tl-img-slider:has(> .tl-img-slide:nth-child(2):last-child) .tl-img-slide{ flex-basis:min(220px, 48%) !important; } #hlDetailModal #hlModalImg{ max-height:min(46vh, 320px) !important; border-radius:12px !important; } #hlDetailModal #hlModalImgEl{ width:100% !important; max-height:min(46vh, 320px) !important; height:auto !important; object-fit:cover; display:block; } .user-resonance-area{ padding:12px 0 14px; } .user-resonance-area .v19-resonance-card, .user-resonance-area .v19-res-similar, .user-resonance-area .v19-resonance-empty{ padding:13px; } .user-resonance-area .v19-res-label{ min-height:28px; padding:5px 10px; font-size:12px; } .user-resonance-area .v19-res-head b{ font-size:14px; } .user-resonance-area .v19-res-title{ font-size:15px; line-height:1.55; } .user-resonance-area .v19-res-sub{ font-size:13px; line-height:1.6; } .user-resonance-area .v19-res-match-list{ border-radius:14px; } .user-resonance-area .v19-res-match-row{ grid-template-columns:82px minmax(0,1fr); gap:10px; padding:10px 11px; } .user-resonance-area .v19-res-match-label, .user-resonance-area .v19-res-heat span, .user-resonance-area .v19-res-similar .v19-res-small-label{ font-size:12px; line-height:1.5; } .user-resonance-area .v19-res-match-values{ gap:7px 8px; } .user-resonance-area .v19-res-match-values .v19-res-chip{ min-height:34px; border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border)); border-radius:999px; background:color-mix(in srgb, var(--accent) 7%, var(--bg3)); padding:7px 11px; font-size:13px; line-height:1.35; text-decoration:none; } .user-resonance-area .v19-res-match-values .v19-res-chip.is-phrase, .user-resonance-area .v19-res-match-values .v19-res-chip.is-mix{ border-radius:13px; padding:8px 11px; } .user-resonance-area .v19-res-match-values .v19-res-chip:hover{ text-decoration:none; } .user-resonance-area .v19-res-heat{ grid-template-columns:82px minmax(0,1fr); gap:10px; padding:10px 11px; } .user-resonance-area .v19-res-heat b{ font-size:13px; line-height:1.5; } .user-resonance-area .v19-res-similar .v19-res-small-label{ font-weight:800; } .user-resonance-area .v19-res-similar-row{ min-height:46px; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; padding-top:10px; margin-top:10px; } .user-resonance-area .v19-res-similar-av{ width:36px; height:36px; } .user-resonance-area .v19-res-similar-name{ font-size:14px; line-height:1.35; } .user-resonance-area .v19-res-similar-open{ font-size:13px; } @media (max-width:380px){ .user-resonance-area .v19-res-match-row, .user-resonance-area .v19-res-heat{ grid-template-columns:1fr; gap:6px; } .user-resonance-area .v19-res-similar-row{ grid-template-columns:34px minmax(0,1fr); } } .user-resonance-area .v19-res-match-row.is-tags{ align-items:center; } .user-resonance-area .v19-res-match-row.is-tags .v19-res-match-label{ align-self:center; } .user-resonance-area .v19-res-match-row.is-tags .v19-res-match-values{ flex-wrap:nowrap; justify-content:center; align-items:center; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .user-resonance-area .v19-res-match-row.is-tags .v19-res-match-values::-webkit-scrollbar{ display:none; } .user-resonance-area .v19-res-match-row.is-tags .v19-res-chip.is-tag{ flex:0 0 auto; white-space:nowrap; } .user-resonance-area .v19-res-similar-open{ display:inline-flex; align-items:center; justify-content:center; gap:4px; flex:0 0 auto; min-width:max-content; white-space:nowrap; } .user-resonance-area .v19-res-similar-open > span{ flex:0 0 auto; white-space:nowrap; } @media (max-width:380px){ .user-resonance-area .v19-res-match-row.is-tags{ grid-template-columns:82px minmax(0,1fr); gap:10px; } .user-resonance-area .v19-res-similar-row{ grid-template-columns:34px minmax(0,1fr) max-content; } .user-resonance-area .v19-res-similar-row .v19-res-similar-open{ grid-column:auto; justify-self:end; } } .user-theme-panel + .user-resonance-area, .user-resonance-area{ margin:12px 8px 0; padding:0 0 14px; background:transparent; border-top:0; border-bottom:0; } .user-resonance-area .v19-resonance-wrap{ margin:0; width:100%; } .user-resonance-area .v19-res-similar{ margin-top:0; } .user-resonance-area .v19-resonance-card, .user-resonance-area .v19-resonance-empty{ margin-top:0; } @media (max-width:360px){ .user-theme-panel + .user-resonance-area, .user-resonance-area{ margin-left:8px; margin-right:8px; } } #userSheet .user-main-card .up-tl-copy{ font-size:15px; } #userSheet .user-main-card .up-tl-yr{ font-size:12px; } #userSheet .user-main-card .up-tl-txt{ font-size:14px; } #userSheet .user-av-name{ font-size:17px; } #userSheet .user-av-name{ margin-top:20px; } #userSheet .user-av-handle{ font-size:13px; } #userSheet .user-bio{ font-size:16px; } #userSheet .user-profile-link{ font-size:12px; } .user-resonance-area .v19-resonance-card{ position:relative; overflow:hidden; padding:17px 14px 14px; border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border)); background: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0 28%, transparent 56%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, var(--surface)) 0%, var(--surface) 52%, color-mix(in srgb, var(--bg3) 78%, var(--surface)) 100%); box-shadow:0 14px 34px rgba(0,0,0,.08); } .user-resonance-area .v19-resonance-card::before{ content:'YOU × THIS RESUME'; display:inline-flex; align-items:center; width:max-content; max-width:100%; margin:0 0 8px; padding:3px 8px; border-radius:999px; background:color-mix(in srgb, var(--accent) 12%, var(--bg3)); color:color-mix(in srgb, var(--accent) 82%, var(--t2)); border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); font-family:var(--mono); font-size:10px; font-weight:900; letter-spacing:.08em; line-height:1.2; } .user-resonance-area .v19-resonance-card::after{ content:''; position:absolute; right:-42px; top:-54px; width:124px; height:124px; border-radius:999px; border:1px solid color-mix(in srgb, var(--accent) 18%, transparent); background:radial-gradient(circle, color-mix(in srgb, var(--accent) 13%, transparent) 0 34%, transparent 66%); pointer-events:none; } .user-resonance-area .v19-resonance-card > *{ position:relative; z-index:1; } .user-resonance-area .v19-resonance-card .v19-res-head{ align-items:flex-start; } .user-resonance-area .v19-resonance-card .v19-res-label{ min-height:0; padding:0; border:0; background:transparent; color:var(--t1); font-size:15px; font-weight:900; letter-spacing:.01em; } .user-resonance-area .v19-resonance-card .v19-res-head b{ min-width:34px; min-height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:4px 8px; background:color-mix(in srgb, var(--accent) 12%, var(--bg3)); border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border)); color:color-mix(in srgb, var(--accent) 84%, var(--t2)); font-size:13px; font-weight:900; } .user-resonance-area .v19-resonance-card .v19-res-title{ margin-top:6px; font-size:15px; font-weight:850; line-height:1.55; color:var(--t1); } .user-resonance-area .v19-resonance-card .v19-res-sub{ margin-top:4px; color:var(--t3); } .user-resonance-area .v19-resonance-card .v19-res-chips{ margin-top:12px; } .user-resonance-area .v19-resonance-card .v19-res-match-list{ display:grid; gap:8px; border:0; border-radius:0; overflow:visible; background:transparent; } .user-resonance-area .v19-resonance-card .v19-res-match-row, .user-resonance-area .v19-resonance-card .v19-res-heat{ display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; align-items:center; padding:10px; border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border)); border-radius:14px; background:color-mix(in srgb, var(--surface) 78%, var(--bg3)); box-shadow:0 1px 0 color-mix(in srgb, #fff 55%, transparent) inset; } .user-resonance-area .v19-resonance-card .v19-res-match-row:first-child{ border-top:1px solid color-mix(in srgb, var(--accent) 14%, var(--border)); } .user-resonance-area .v19-resonance-card .v19-res-match-label, .user-resonance-area .v19-resonance-card .v19-res-heat span{ display:inline-flex; align-items:center; justify-content:center; min-height:25px; width:max-content; max-width:100%; padding:4px 8px; border-radius:999px; background:color-mix(in srgb, var(--accent) 9%, var(--bg3)); border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border)); color:color-mix(in srgb, var(--accent) 70%, var(--t3)); font-size:12px; font-weight:900; line-height:1.2; white-space:nowrap; } .user-resonance-area .v19-resonance-card .v19-res-match-values{ align-items:center; gap:7px; } .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip{ min-height:34px; border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border)); border-radius:999px; background:color-mix(in srgb, var(--accent) 7%, var(--bg3)); color:color-mix(in srgb, var(--accent) 82%, var(--t2)); padding:7px 11px; font-size:13px; line-height:1.35; } .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip.is-phrase, .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip.is-mix{ border-radius:13px; color:var(--t2); background:color-mix(in srgb, var(--surface) 72%, var(--bg3)); white-space:normal; } .user-resonance-area .v19-resonance-card .v19-res-heat{ margin-top:8px; } .user-resonance-area .v19-resonance-card .v19-res-heat-list{ align-items:center; gap:6px; } .user-resonance-area .v19-resonance-card .v19-res-heat b{ min-height:30px; display:inline-flex; align-items:center; border-radius:999px; padding:5px 10px; background:color-mix(in srgb, var(--bg3) 80%, var(--surface)); border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border)); color:var(--t2); font-size:13px; line-height:1.35; } .user-resonance-area .v19-resonance-card .v19-res-heat b::before{ display:none; } @media (max-width:380px){ .user-resonance-area .v19-resonance-card{ padding:16px 12px 13px; } .user-resonance-area .v19-resonance-card .v19-res-match-row, .user-resonance-area .v19-resonance-card .v19-res-heat{ grid-template-columns:1fr; gap:8px; align-items:start; } .user-resonance-area .v19-resonance-card .v19-res-match-row.is-tags{ grid-template-columns:1fr; gap:8px; } .user-resonance-area .v19-resonance-card .v19-res-match-row.is-tags .v19-res-match-values{ justify-content:flex-start; } } .user-resonance-area .v19-resonance-card{ padding-top:16px; padding-right:60px; } .user-resonance-area .v19-resonance-card .v19-res-head{ position:static; min-height:0; margin:0; padding:0; display:block; } .user-resonance-area .v19-resonance-card .v19-res-head b{ position:absolute; top:16px; right:14px; z-index:2; min-width:36px; min-height:28px; } .user-resonance-area .v19-resonance-card .v19-res-label{ display:none; } .user-resonance-area .v19-resonance-card .v19-res-title{ margin-top:8px; padding-right:0; } .user-resonance-area .v19-res-match-row.is-tags .v19-res-match-values, .user-resonance-area .v19-resonance-card .v19-res-match-row.is-tags .v19-res-match-values{ justify-content:flex-start; padding-left:0; scroll-padding-left:0; } @media (max-width:380px){ .user-resonance-area .v19-resonance-card{ padding-right:54px; } .user-resonance-area .v19-resonance-card .v19-res-head b{ right:12px; } } .user-resonance-area .v19-resonance-card{ padding-right:14px; } .user-resonance-area .v19-resonance-card .v19-res-head b{ top:14px; right:12px; } .user-resonance-area .v19-resonance-card .v19-res-title{ margin-top:6px; padding-right:52px; } .user-resonance-area .v19-resonance-card .v19-res-match-list{ margin-top:5px; width:100%; } .user-resonance-area .v19-resonance-card .v19-res-match-row, .user-resonance-area .v19-resonance-card .v19-res-heat{ width:100%; box-sizing:border-box; grid-template-columns:84px minmax(0,1fr); gap:8px; padding:9px; } .user-resonance-area .v19-resonance-card .v19-res-match-values, .user-resonance-area .v19-resonance-card .v19-res-heat-list{ min-width:0; width:100%; } .user-resonance-area .v19-resonance-card .v19-res-match-row.is-tags .v19-res-match-values{ display:flex; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding:0 8px 2px 0; scroll-padding-left:0; } .user-resonance-area .v19-resonance-card .v19-res-heat{ margin-top:7px; } @media (max-width:380px){ .user-resonance-area .v19-resonance-card{ padding-right:12px; } .user-resonance-area .v19-resonance-card .v19-res-title{ padding-right:48px; } .user-resonance-area .v19-resonance-card .v19-res-match-row, .user-resonance-area .v19-resonance-card .v19-res-heat{ grid-template-columns:80px minmax(0,1fr); align-items:center; } } #previewSheet .resume-tl-item.resume-tl-focus-flash, #previewSheet .resume-tl-item.resume-tl-focus-flash-out, #previewSheet .resume-hl-item.resume-tl-focus-flash, #previewSheet .resume-hl-item.resume-tl-focus-flash-out{ position:relative; border-radius:12px; } #previewSheet .resume-tl-item.resume-tl-focus-flash::after, #previewSheet .resume-tl-item.resume-tl-focus-flash-out::after, #previewSheet .resume-hl-item.resume-tl-focus-flash::after, #previewSheet .resume-hl-item.resume-tl-focus-flash-out::after{ content:"ピックアップ"; position:absolute; right:8px; top:-10px; z-index:2; border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border)); border-radius:999px; background:var(--surface); color:var(--accent); font-size:10px; font-weight:800; line-height:1; padding:4px 7px; box-shadow:0 8px 18px rgba(15,23,42,.10); pointer-events:none; } #previewSheet .resume-tl-item.resume-tl-focus-flash, #previewSheet .resume-hl-item.resume-tl-focus-flash{ outline:2px solid color-mix(in srgb, var(--accent) 72%, transparent); outline-offset:3px; background:color-mix(in srgb, var(--accent) 8%, transparent); transition:outline .18s ease, background .18s ease; } #previewSheet .resume-tl-item.resume-tl-focus-flash-out, #previewSheet .resume-hl-item.resume-tl-focus-flash-out{ outline:2px solid transparent; outline-offset:3px; background:transparent; transition:outline .75s ease, background .75s ease; } #previewSheet .resume-tl-item{ margin-bottom:var(--theme-tl-item-margin-bottom, 9px); } #previewSheet .resume-tl-txt{ padding:var(--theme-resume-tl-item-padding, 10px 10px); line-height:var(--theme-tl-item-line-height, 1.48); background:var(--theme-tl-item-bg, var(--bg3)); border:var(--theme-tl-item-border, 1px solid var(--border)); box-shadow:var(--theme-tl-item-shadow, none); } #userSheet .up-tl-txt{ background:var(--theme-tl-item-bg, var(--bg3)); border:var(--theme-tl-item-border, 1px solid var(--border)); box-shadow:var(--theme-tl-item-shadow, none); } .user-resonance-area .v19-resonance-wrap{ gap:16px; } .user-resonance-area .v19-resonance-card .v19-res-match-row, .user-resonance-area .v19-resonance-card .v19-res-heat{ position:relative; padding-left:14px; } .user-resonance-area .v19-resonance-card .v19-res-match-row::before, .user-resonance-area .v19-resonance-card .v19-res-heat::before{ content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:3px; background:color-mix(in srgb, var(--accent) 45%, transparent); } .user-resonance-area .v19-resonance-card .v19-res-match-label, .user-resonance-area .v19-resonance-card .v19-res-heat span{ min-height:0; padding:0; border:0; background:transparent; border-radius:0; color:color-mix(in srgb, var(--accent) 50%, var(--t4)); font-size:9.5px; font-weight:900; letter-spacing:.14em; line-height:1.3; } .user-resonance-area .v19-resonance-card .v19-res-heat-list{ gap:6px 14px; } .user-resonance-area .v19-resonance-card .v19-res-heat b{ min-height:0; padding:0; border:0; background:transparent; border-radius:0; box-shadow:none; color:var(--t3); font-size:12.5px; font-weight:700; line-height:1.3; } .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip.is-tag{ background:color-mix(in srgb, var(--accent) 15%, #fff); border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border)); box-shadow:0 4px 12px -7px color-mix(in srgb, var(--accent) 60%, transparent); } .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip.is-tag::after{ content:'▸'; margin-left:5px; font-size:11px; opacity:.7; } .user-resonance-area .v19-resonance-card{ position:relative; display:grid; grid-template-columns:46px minmax(0,1fr); grid-template-areas: "score kicker" "score title" "sub sub" "chips chips" "heat heat"; column-gap:12px; row-gap:2px; align-items:center; padding:15px 14px; border-radius:18px; border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border)); background:color-mix(in srgb, var(--accent) 6%, var(--surface)); box-shadow:none; overflow:hidden; } .user-resonance-area .v19-resonance-card::after{ content:none; display:none; } .user-resonance-area .v19-resonance-card::before{ grid-area:kicker; align-self:end; position:static; width:auto; max-width:100%; margin:0; padding:0; border:0; background:transparent; color:var(--t4); font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.08em; line-height:1.2; } .user-resonance-area .v19-resonance-card .v19-res-head{ grid-area:score; position:static; display:block; margin:0; padding:0; min-height:0; } .user-resonance-area .v19-resonance-card .v19-res-head b{ position:static; top:auto; right:auto; width:46px; height:46px; min-width:46px; min-height:46px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background: radial-gradient(closest-side, var(--surface) 78%, transparent 79%), conic-gradient(var(--accent) calc(var(--reso-score, 73) * 1%), color-mix(in srgb, var(--accent) 18%, var(--bg3)) 0); color:var(--accent); font-family:var(--mono); font-weight:800; font-size:14px; font-variant-numeric:tabular-nums; } .user-resonance-area .v19-resonance-card .v19-res-title{ grid-area:title; align-self:start; margin:0; padding:0; color:var(--t1); font-size:14.5px; font-weight:800; line-height:1.4; } .user-resonance-area .v19-resonance-card .v19-res-sub{ grid-area:sub; margin:6px 0 0; color:var(--t3); } .user-resonance-area .v19-resonance-card .v19-res-chips{ grid-area:chips; margin-top:13px; } .user-resonance-area .v19-resonance-card .v19-res-match-list{ margin:0; border:0; border-radius:0; background:transparent; overflow:visible; } .user-resonance-area .v19-resonance-card .v19-res-match-row, .user-resonance-area .v19-resonance-card .v19-res-heat{ grid-template-columns:64px minmax(0,1fr); gap:8px; align-items:center; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .user-resonance-area .v19-resonance-card .v19-res-match-row:first-child{ border:0; } .user-resonance-area .v19-resonance-card .v19-res-match-row::before, .user-resonance-area .v19-resonance-card .v19-res-heat::before{ content:none; display:none; } .user-resonance-area .v19-resonance-card .v19-res-heat{ grid-area:heat; margin-top:10px; } .user-resonance-area .v19-resonance-card .v19-res-match-label, .user-resonance-area .v19-resonance-card .v19-res-heat span{ justify-content:flex-start; min-height:0; padding:0; border:0; background:transparent; color:var(--t4); font-size:10px; font-weight:800; letter-spacing:.04em; line-height:1.3; } .user-resonance-area .v19-resonance-card .v19-res-match-row.is-tags .v19-res-match-values{ display:flex; flex-wrap:nowrap; align-items:center; gap:8px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:2px 2px 3px 0; } .user-resonance-area .v19-resonance-card .v19-res-match-row.is-tags .v19-res-match-values::-webkit-scrollbar{ display:none; } .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip.is-tag{ flex:0 0 auto; min-height:32px; padding:0 13px; border-radius:10px; background:var(--surface); border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border)); color:var(--accent); box-shadow:none; font-size:13px; font-weight:700; white-space:nowrap; } .user-resonance-area .v19-resonance-card .v19-res-match-values .v19-res-chip.is-tag::after{ content:'›'; margin-left:5px; font-size:12px; font-weight:800; opacity:.55; } .user-resonance-area .v19-resonance-card .v19-res-heat b{ min-height:0; padding:0; border:0; background:transparent; box-shadow:none; color:var(--t3); font-size:12.5px; font-weight:700; } .user-resonance-area .v19-resonance-card .v19-res-heat b::before{ display:none; } @media (max-width:380px){ .user-resonance-area .v19-resonance-card{ padding:14px 12px; column-gap:10px; } } .profile-inline-actions{ padding:14px 14px 6px; display:flex; flex-direction:column; gap:8px; position:relative; } .profile-inline-actions-note{ text-align:center; font-size:11px; font-weight:700; color:var(--t4); letter-spacing:.02em; } .profile-inline-actions-row{ display:flex; align-items:center; gap:10px; width:100%; position:relative; } .profile-inline-share-btn.share-btn-p{ flex:1 1 auto; min-width:0; width:auto; } .profile-inline-speech-btn{ flex:0 0 auto; width:44px; height:44px; min-height:44px; padding:0; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line, var(--border))); background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--card, var(--surface))) 0%, var(--card2, var(--surface2)) 100%); color:var(--t1); cursor:pointer; box-shadow:0 6px 14px rgba(15,23,42,.06); font-family:var(--font); transition:transform .12s ease, box-shadow .18s ease; } .profile-inline-speech-btn .resume-speech-icon{ width:22px; height:22px; font-size:11px; } .profile-inline-speech-btn.is-reading{ border-color:var(--accent); color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, var(--card, var(--surface))); } .profile-inline-speech-btn.is-reading .resume-speech-icon{ color:transparent; overflow:hidden; position:relative; } .profile-inline-speech-btn.is-reading .resume-speech-icon::before{ content:'■'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:12px; } .profile-inline-speech-btn:active{ transform:translateY(1px); } .profile-inline-speech-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; } .profile-inline-speech-confirm{ position:absolute; right:0; bottom:calc(100% + 8px); background:var(--surface, #fff); border:1px solid var(--border2, rgba(0,0,0,.12)); border-radius:12px; padding:12px 14px; box-shadow:0 8px 24px rgba(15,23,42,.12); min-width:220px; max-width:min(280px, 100%); z-index:5; font-size:13px; } .profile-inline-speech-confirm[hidden]{ display:none !important; } .profile-inline-speech-confirm-msg{ color:var(--t1); margin-bottom:10px; font-weight:700; line-height:1.5; } .profile-inline-speech-confirm-btnrow{ display:flex; gap:8px; justify-content:flex-end; } .profile-inline-speech-confirm-btn{ padding:7px 14px; border-radius:99px; border:1px solid var(--border2, rgba(0,0,0,.12)); background:var(--surface, #fff); color:var(--t2); font-weight:700; font-size:12px; cursor:pointer; font-family:var(--font); } .profile-inline-speech-confirm-btn.is-confirm{ background:var(--accent); color:var(--on-accent, #fff); border-color:var(--accent); } .profile-inline-speech-confirm::after{ content:''; position:absolute; right:22px; bottom:-6px; width:12px; height:12px; background:var(--surface, #fff); border-right:1px solid var(--border2, rgba(0,0,0,.12)); border-bottom:1px solid var(--border2, rgba(0,0,0,.12)); transform:rotate(45deg); } .preview-actions-row{ display:flex; align-items:center; gap:8px; padding:8px 16px 14px; width:100%; box-sizing:border-box; } .preview-actions-row .preview-share-actions{ flex:1 1 auto; min-width:0; padding:0; margin:0; max-width:none; } .preview-actions-row .preview-share-actions .share-btn-p{ width:100%; border-radius:99px; padding:12px 16px; font-weight:800; font-size:13.5px; display:flex; align-items:center; justify-content:center; } .preview-actions-row .resume-speech-tools, .preview-actions-row .resume-speech-tools[hidden]{ flex:0 0 auto; width:44px; height:44px; padding:0; margin:0; display:flex; align-items:center; justify-content:center; } .preview-actions-row .resume-speech-tools[hidden]{ display:none !important; } .preview-actions-row .resume-speech-btn{ width:44px; height:44px; min-height:44px; max-width:44px; padding:0; border-radius:50%; border:1px solid var(--border2, rgba(0,0,0,.12)); background:var(--surface, #fff); color:var(--t3, #5A8A7E); display:flex; align-items:center; justify-content:center; gap:0; font-size:0; box-shadow:none; cursor:pointer; } .preview-actions-row .resume-speech-btn .resume-speech-icon{ width:22px; height:22px; font-size:11px; background:transparent; color:inherit; } .preview-actions-row .resume-speech-btn #resumeSpeechBtnText, .preview-actions-row .resume-speech-status{ display:none !important; } .preview-actions-row .resume-speech-btn.is-reading{ border-color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, var(--surface, #fff)); color:var(--accent); } .preview-actions-row #reportBtn{ flex:0 0 auto; width:44px; height:44px; min-height:44px; padding:0; margin:0; border-radius:50%; border:1px solid var(--border2, rgba(0,0,0,.12)); background:var(--surface, #fff); color:transparent; font-size:0; display:flex; align-items:center; justify-content:center; cursor:pointer; } .preview-actions-row #reportBtn svg{ width:22px; height:22px; stroke:var(--t3, #5A8A7E); color:var(--t3, #5A8A7E); } .profile-inline-share-btn.share-btn-p{ border-radius:99px; padding:12px 16px; font-weight:800; font-size:13.5px; } .preview-actions-row #reportBtn{ gap:0 !important; line-height:1 !important; text-indent:0 !important; overflow:hidden; } .preview-actions-row #reportBtn .report-btn-label{ display:none !important; } .preview-actions-row #reportBtn svg{ display:block; flex:0 0 auto; margin:0; } .preview-actions-row .resume-speech-tools{ position:relative; } .mobile-speech-confirm-popover{ position:absolute; right:0; bottom:calc(100% + 8px); background:var(--surface, #fff); border:1px solid var(--border2, rgba(0,0,0,.12)); border-radius:12px; padding:12px 14px; box-shadow:0 8px 24px rgba(15,23,42,.12); min-width:220px; max-width:calc(100vw - 32px); z-index:20; font-size:13px; } .mobile-speech-confirm-popover[hidden]{ display:none !important; } .mobile-speech-confirm-msg{ color:var(--t1); margin-bottom:10px; font-weight:700; line-height:1.5; } .mobile-speech-confirm-btnrow{ display:flex; gap:8px; justify-content:flex-end; } .mobile-speech-confirm-btn{ padding:7px 14px; border-radius:99px; border:1px solid var(--border2, rgba(0,0,0,.12)); background:var(--surface, #fff); color:var(--t2); font-weight:700; font-size:12px; cursor:pointer; font-family:var(--font); } .mobile-speech-confirm-btn.is-confirm{ background:var(--accent); color:var(--on-accent, #fff); border-color:var(--accent); } .mobile-speech-confirm-popover::after{ content:''; position:absolute; right:22px; bottom:-6px; width:12px; height:12px; background:var(--surface, #fff); border-right:1px solid var(--border2, rgba(0,0,0,.12)); border-bottom:1px solid var(--border2, rgba(0,0,0,.12)); transform:rotate(45deg); } body.pc-layout .mobile-speech-confirm-popover{ display:none !important; } .preview-author-resumes{ margin:12px 0 16px; padding:12px; background:var(--surface, #fff); border:1px solid var(--border2, rgba(0,0,0,.14)); border-radius:var(--radius, 12px); display:flex; flex-direction:column; gap:10px; } .preview-author-resumes[hidden]{ display:none !important; } .preview-author-resumes-header{ display:flex; align-items:center; gap:12px; width:100%; padding:2px 4px; background:transparent; border:none; border-radius:0; cursor:pointer; font-family:var(--font); color:var(--t1); text-align:left; transition:opacity .15s; } .preview-author-resumes-header:hover{ opacity:.85; } .preview-author-resumes-header:focus-visible{ outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent); outline-offset:2px; border-radius:8px; } .preview-author-resumes-avatar{ flex:0 0 auto; width:40px; height:40px; border-radius:50%; background:var(--bg3, #f0f0f0); overflow:hidden; display:flex; align-items:center; justify-content:center; } .preview-author-resumes-avatar img{ width:100%; height:100%; object-fit:cover; } .preview-author-resumes-avatar-emoji{ font-size:20px; line-height:1; } .preview-author-resumes-title{ flex:1 1 auto; min-width:0; font-size:14px; font-weight:700; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .preview-author-resumes-chevron{ flex:0 0 auto; font-size:20px; color:var(--t4, #999); font-weight:400; line-height:1; } .preview-author-resumes-list{ display:flex; flex-direction:column; gap:8px; } .preview-author-resumes-list .user-resume-item.preview-author-resume-item{ background:color-mix(in srgb, var(--surface, #fff) 96%, var(--bg3, #f0f0f0)); border:1px solid var(--border2, rgba(0,0,0,.14)); border-radius:10px; cursor:pointer; } .preview-author-resumes-list .user-resume-item.preview-author-resume-item:hover{ border-color:color-mix(in srgb, var(--accent) 34%, var(--border2, rgba(0,0,0,.14))); } .tl-modal-box.tl-modal-box--v2{ max-width:360px; padding:18px 18px 14px; overflow:visible; } .tl-modal-box--v2 .tl-modal-header{ margin-bottom:8px; } .tl-modal-content-card{ border:1px solid var(--border2, rgba(0,0,0,.14)); background:var(--bg2, color-mix(in srgb, var(--surface, #fff) 92%, transparent)); border-radius:16px; padding:14px; margin-top:6px; } .tl-modal-kicker{ color:var(--t4, #999); font-size:11px; font-weight:800; letter-spacing:.06em; margin-bottom:6px; } .tl-modal-content-card > .tl-modal-title{ font-size:16px; font-weight:900; line-height:1.5; color:var(--t1); margin:0 0 10px; overflow-wrap:anywhere; word-break:break-word; } .tl-modal-content-card > .tl-modal-episode{ background:var(--surface, #fff); border:1px solid var(--border, rgba(0,0,0,.08)); border-radius:12px; padding:11px 12px; font-size:14px; line-height:1.7; color:var(--t2); overflow-wrap:anywhere; word-break:break-word; } .tl-modal-content-card > .tl-img-slider{ margin-top:10px; } .tl-modal-close-row{ display:flex; justify-content:center; margin-top:14px; } .tl-modal-close.tl-modal-close--round{ margin:0 !important; width:36px; height:36px; min-width:36px; padding:0; border-radius:50%; background:transparent; border:1px solid var(--border2, rgba(0,0,0,.14)); color:var(--t3, #666); display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; cursor:pointer; font-family:var(--font); } .tl-modal-close.tl-modal-close--round:hover{ background:var(--bg3, #f0f0f0); } .hl-modal-header{ align-items:center; } .hl-modal-kicker-hd{ font-size:12px; font-weight:700; color:var(--t4, #999); letter-spacing:.04em; } .hl-modal-content-card{ text-align:center; } .hl-modal-label{ font-size:12px; font-weight:700; color:var(--t4, #999); letter-spacing:.04em; margin-bottom:10px; } .hl-modal-title-pill{ background:var(--surface, #fff); border:1px solid var(--border, rgba(0,0,0,.08)); border-radius:12px; padding:12px 16px; margin-bottom:12px; } .hl-modal-content-card > .hl-modal-title-pill > .hl-modal-title{ font-size:18px; font-weight:900; color:var(--t1); margin:0; line-height:1.5; overflow-wrap:anywhere; word-break:break-word; } .hl-modal-img{ border-radius:14px; overflow:hidden; max-height:180px; background:color-mix(in srgb, var(--bg3, #f0f0f0) 60%, transparent); } .hl-modal-img img{ width:100%; max-height:180px; object-fit:cover; display:block; } body.pc-layout #tlReactPicker, body.pc-layout #hlReactPicker{ z-index:12900 !important; } .user-resume-cards{ padding:6px 26px 16px; display:flex; flex-direction:column; gap:16px; } .profile-resume-card.feed-card-compact{ cursor:pointer; } .profile-resume-card .fc-compact-main{ padding-right:12px; } .profile-resume-card .prc-copy.fc-name{ font-size:15px; font-weight:700; color:var(--t1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .profile-resume-card:focus-visible{ outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent); outline-offset:2px; border-color:var(--accent); } .prc-main-badge{ display:inline-block; margin:0 0 6px; padding:2px 9px; font-size:10px; font-weight:800; letter-spacing:.06em; line-height:1.5; border-radius:999px; background:color-mix(in srgb, var(--accent) 15%, transparent); color:var(--accent); border:1px solid color-mix(in srgb, var(--accent) 34%, transparent); } .my-post-move-btn[disabled], .my-post-move-btn.is-disabled{ opacity:.3; pointer-events:none; cursor:default; } .my-post-card.my-post-moved{ animation:myPostMovedFlash .28s ease; } @keyframes myPostMovedFlash{ 0%{ box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent); } 100%{ box-shadow:0 0 0 0 transparent; } } #previewSheet.is-work-view .preview-like-btn, #previewSheet.is-work-view .preview-share-note-wrap, #previewSheet.is-work-view .preview-share-actions, #previewSheet.is-work-view .resume-speech-tools, #previewSheet.is-work-view .resume-hash, #previewSheet.is-work-view .preview-profile-btn, #previewSheet.is-work-view .report-btn, #previewSheet.is-work-view .profile-theme-label { display: none !important; } .resume-work-label { display: none; font: 700 10px/1 var(--mono, monospace); letter-spacing: .06em; color: var(--muted, #7a7a8c); background: var(--bg2, #f0f0f4); border: 1px solid var(--line, #e3e3ea); border-radius: 999px; padding: 6px 11px; white-space: nowrap; } #previewSheet.is-work-view #previewWorkLabel { display: inline-block; position: absolute; right: 0; top: 44px; z-index: 5; } #previewSheet.is-work-view #previewAvEmoji { font-weight: 700; font-size: 22px; line-height: 1; } #tlDetailModal .tl-modal-box.tl-modal-box--v2, #hlDetailModal .tl-modal-box.tl-modal-box--v2{ padding:0 !important; overflow:hidden !important; scrollbar-gutter:auto !important; background-color:var(--surface, #fff) !important; background-image:repeating-linear-gradient(135deg, rgba(74,85,104,.045) 0 1px, transparent 1px 9px) !important; } body.pc-layout #tlDetailModal.open .tl-modal-box.tl-modal-box--v2, body.pc-layout #hlDetailModal.open .tl-modal-box.tl-modal-box--v2{ scrollbar-gutter:auto !important; } #tlDetailModal .tl-modal-box--v2 .tl-modal-header, #hlDetailModal .tl-modal-box.tl-modal-box--v2 > .tl-modal-header{ margin:0 !important; padding:12px 16px !important; background:var(--bg2, #edf0f4) !important; align-items:center !important; } #tlDetailModal #tlModalYr{ margin:0 !important; } #tlDetailModal #tlReactCounts, #hlDetailModal #hlReactCounts{ padding:14px 16px 0 !important; } #tlDetailModal .tl-modal-content-card, #hlDetailModal .tl-modal-content-card{ border:0 !important; background:transparent !important; border-radius:0 !important; margin:0 !important; padding:18px 16px 20px !important; } #tlDetailModal .tl-modal-kicker{ display:none !important; } #tlDetailModal .tl-modal-content-card > .tl-modal-title{ padding-bottom:10px; border-bottom:1px solid var(--border, rgba(0,0,0,.08)); margin-bottom:10px !important; } #tlDetailModal .tl-modal-content-card > .tl-modal-title:has(+ .tl-modal-episode:empty){ border-bottom:0 !important; padding-bottom:0 !important; margin-bottom:0 !important; } #tlDetailModal .tl-modal-content-card > .tl-modal-episode{ background:transparent !important; border:0 !important; border-radius:0 !important; padding:0 !important; } #tlDetailModal .tl-modal-close-row, #hlDetailModal .tl-modal-close-row{ margin:0 !important; padding:12px 16px !important; background:var(--bg2, #edf0f4) !important; } #tlDetailModal .tl-modal-close-row .tl-modal-close, #hlDetailModal .tl-modal-close-row .tl-modal-close{ margin:0 !important; min-height:0 !important; padding:0 !important; } #hlDetailModal .hl-modal-label{ display:inline-block; padding:5px 14px; border-radius:999px; background:var(--bg2, #edf0f4); margin-bottom:14px !important; } #hlDetailModal .hl-modal-title-pill{ background:transparent !important; border:0 !important; border-radius:0 !important; padding:0 !important; margin-bottom:0 !important; } #hlDetailModal .hl-modal-title-pill:has(+ .hl-modal-img:not([style*="none"])){ border-bottom:1px solid var(--border, rgba(0,0,0,.08)) !important; padding-bottom:14px !important; margin-bottom:16px !important; } #userSheet .user-avatar-inner img, #userSheet .user-theme-panel .user-avatar-inner img{ border-radius:0 !important; } #userSheet .user-avatar-inner:has(img), #userSheet .user-theme-panel .user-avatar-inner:has(img){ background:none !important; }