@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:WenQuanYi Micro Hei;src:url(/fonts/wqy-microhei.ttc) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--browser-inner-height: 100dvh;--browser-inner-width: 100vw;--vvh: 1dvh;--vv-offset-top: 0px;--vv-inset-bottom: 0px;--app-accent: #667eea;--app-accent-rgb: 102, 126, 234;--app-accent-on-solid: #ffffff;--app-accent-muted: #5566d3;--app-accent-dim: #4a5ab8;--app-fill-06: rgba(102, 126, 234, .06);--app-fill-08: rgba(102, 126, 234, .08);--app-fill-10: rgba(102, 126, 234, .1);--app-fill-12: rgba(102, 126, 234, .12);--app-fill-14: rgba(102, 126, 234, .14);--app-fill-15: rgba(102, 126, 234, .15);--app-fill-18: rgba(102, 126, 234, .18);--app-fill-20: rgba(102, 126, 234, .2);--app-fill-22: rgba(102, 126, 234, .22);--app-fill-25: rgba(102, 126, 234, .25);--app-fill-28: rgba(102, 126, 234, .28);--app-fill-30: rgba(102, 126, 234, .3);--app-fill-35: rgba(102, 126, 234, .35);--app-fill-40: rgba(102, 126, 234, .4);--app-fill-45: rgba(102, 126, 234, .45);--app-accent-wave: rgba(102, 126, 234, .45);--app-accent-wave-hit: rgba(102, 126, 234, .72);--app-accent-outline: rgba(102, 126, 234, .45);--app-accent-shadow: rgba(102, 126, 234, .28);--app-accent-shadow-lg: rgba(102, 126, 234, .35);--app-tag-hash: var(--app-accent-muted)}html{height:calc(var(--vv-offset-top, 0px) + var(--browser-inner-height));min-height:calc(var(--vv-offset-top, 0px) + var(--browser-inner-height));overflow:hidden}body{margin:0;background:#0f0f0f;min-height:calc(var(--vv-offset-top, 0px) + var(--browser-inner-height));height:calc(var(--vv-offset-top, 0px) + var(--browser-inner-height));display:flex;align-items:stretch;justify-content:center;padding:0;box-sizing:border-box;overflow:hidden;overscroll-behavior-x:none;overscroll-behavior-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html[data-ui-lang=zh] body{font-family:WenQuanYi Micro Hei,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html[data-ui-lang=ko] body{font-family:Apple SD Gothic Neo,Malgun Gothic,Nanum Gothic,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app-fixed-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;width:100%;max-width:100vw}#root{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:0;width:100%;max-width:min(100%,var(--browser-inner-width, 100vw));min-height:0;flex:1 1 auto;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;background:#fafafa;border-radius:0;box-shadow:none;position:relative;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-y:contain}#root::-webkit-scrollbar{display:none;width:0;height:0}@media (max-width: 430px){#root{min-height:100%;max-height:100%}}@media (min-width: 900px){html{overflow-y:auto;height:auto;min-height:100%}body{overflow-y:auto;height:auto;min-height:100vh;min-height:100dvh}#root{overflow-x:hidden;overflow-y:visible;height:auto;min-height:100vh;min-height:100dvh;max-height:none}}.safe-area-top{padding-top:max(env(safe-area-inset-top,0px),var(--vv-offset-top, 0px),12px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.scroll-y-pane{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:auto}.app-overscroll-contain{overscroll-behavior-y:contain}.app-responsive-card-grid,.app-responsive-card-grid--dense,.app-responsive-card-grid--explore,.app-responsive-card-grid--chips,.app-responsive-card-grid--suggest{display:grid;width:100%;box-sizing:border-box}.app-responsive-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--app-card-grid-gap, 16px)}.app-responsive-card-grid--dense{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--app-card-grid-gap, 12px)}.app-responsive-card-grid--explore{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--app-card-grid-gap, 14px);align-items:start}.app-explore-header-section,.app-explore-results-section{box-sizing:border-box;padding-left:16px;padding-right:16px}@media (max-width: 719px){.app-explore-header-section,.app-explore-results-section{padding-left:8px;padding-right:8px}.app-explore-results-section.app-responsive-card-grid--explore{--app-card-grid-gap: 10px}}.app-responsive-card-grid--chips{grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr));gap:var(--app-card-grid-gap, 8px)}.app-responsive-card-grid--suggest{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--app-card-grid-gap, 8px)}.app-responsive-card-grid--visual-ref{display:grid;width:100%;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-card-grid-gap, 10px);align-items:start}@media (min-width: 400px){.app-responsive-card-grid--visual-ref{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-responsive-safari-tab-grid{display:grid;width:100%;box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(163px,1fr));column-gap:14px;row-gap:16px;justify-content:center;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.app-responsive-card-grid>*,.app-responsive-card-grid--dense>*,.app-responsive-card-grid--explore>*,.app-responsive-card-grid--chips>*,.app-responsive-card-grid--suggest>*,.app-responsive-safari-tab-grid>*{min-width:0}.app-inspiration-split{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}@media (min-width: 840px){.app-inspiration-split{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:28px;align-items:start}.app-inspiration-split__collections{padding-right:20px;border-right:1px solid #f0f0f0}}.app-moodboard-split{width:100%;box-sizing:border-box}@media (min-width: 640px){.app-moodboard-split{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);gap:24px;align-items:start}.app-moodboard-split__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-moodboard-split__detail{min-width:0;padding-left:4px;border-left:1px solid #f0f0f0}}.me-donut-orbit{position:relative;width:100%;min-height:170px;margin:0 auto}.me-donut-orbit__chart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(170px,48vw);aspect-ratio:1;z-index:1}.me-donut-decor-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:visible}.me-donut-decor-dot{position:absolute;border-radius:50%;pointer-events:none;background:linear-gradient(145deg,var(--app-accent, #5b6bc6) 0%,var(--app-accent-muted, #4a5ab8) 48%,color-mix(in srgb,var(--app-accent, #5b6bc6) 28%,#ffffff) 100%);box-shadow:0 0 8px var(--app-fill-22, rgba(91, 107, 198, .22)),0 0 14px var(--app-fill-12, rgba(91, 107, 198, .12));opacity:var(--me-dot-opacity, .8);animation:meDecorDotDrift var(--me-dot-drift-dur, 4.8s) ease-in-out infinite alternate,meDecorDotPulse var(--me-dot-pulse-dur, 3.2s) ease-in-out infinite;will-change:transform,opacity}.me-donut-decor-dot--md{filter:saturate(1.05)}.me-donut-decor-dot--lg{filter:saturate(1.12);box-shadow:0 0 10px var(--app-fill-28, rgba(91, 107, 198, .28)),0 0 18px var(--app-fill-15, rgba(91, 107, 198, .15))}@keyframes meDecorDotDrift{0%{translate:0 0}to{translate:var(--me-dot-dx, 3px) var(--me-dot-dy, -4px)}}@keyframes meDecorDotPulse{0%,to{opacity:var(--me-dot-opacity, .8);scale:1}50%{opacity:min(1,calc(var(--me-dot-opacity, .8) + .2));scale:1.14}}.me-tags-cloud-gyro{perspective:800px;transform-style:preserve-3d}@media (prefers-reduced-motion: reduce){.me-donut-decor-dot{animation:none}}.me-creative-input-layout{display:flex;flex-direction:column;gap:12px;width:100%}.me-creative-input-row{display:flex;gap:12px;align-items:stretch;width:100%}.me-creative-quick-card{flex:0 0 145px;min-height:79px;padding:7px 16px;border-radius:12px;background-color:#f5f5f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box}.me-creative-quick-card__label{font-size:12px;color:#86868b;line-height:1.25}.me-count-value{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:2px;color:var(--app-accent, #5b6bc6);font-weight:700;line-height:1}.me-count-value__num{font-size:21px}.me-count-value__prefix,.me-count-value__unit{font-size:10px;font-weight:700;padding-bottom:2px}.me-creative-quick-card__value.me-count-value{margin-top:0}.me-creative-sparkline-slot{flex:1 1 auto;min-width:0;min-height:79px;display:flex;align-items:center}.me-creative-stat-block{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:200px;margin:0 auto}.me-creative-stat-block__copy{display:flex;flex-direction:column;align-items:center;width:100%}.me-creative-filter-links{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;padding-top:4px}.me-creative-filter-links button{font-size:11px;font-weight:600;color:var(--app-accent, #5b6bc6);background:transparent;cursor:pointer;font-family:inherit;padding:4px 0}.me-heatmap-legend--vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;flex-shrink:0}.me-dashboard-heatmap-card--figma .me-heatmap-header{width:100%}.me-dashboard-heatmap-card--figma .me-heatmap-body,.me-dashboard-heatmap-card--figma{display:flex;flex-direction:column;gap:12px}@media (min-width: 960px){.me-dashboard-heatmap-card--figma{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.me-dashboard-heatmap-card--figma .me-heatmap-header{flex:1 1 100%}.me-dashboard-heatmap-card--figma .me-heatmap-grid{flex:1 1 auto;max-width:min(270px,100%)}.me-dashboard-heatmap-card--figma .me-heatmap-legend--vertical{margin-left:auto}}.me-category-split{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:18px;width:100%;min-width:0}@media (min-width: 720px){.me-category-split{gap:40px}}.me-donut-scale{flex:0 1 auto;width:min(100%,clamp(168px,36vw,300px));aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:visible}@media (max-width: 719px){.me-donut-scale{width:min(100%,clamp(156px,56vw,260px))}}.me-dashboard-top-row,.me-dashboard-stats-row,.me-dashboard-heatmap-hours-row{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}@media (min-width: 960px){.me-dashboard-stats-row{flex-direction:row;align-items:stretch;gap:16px}.me-dashboard-stats-row__cell--saved{flex:0 0 40%;width:40%;min-width:280px;max-width:520px}.me-dashboard-stats-row__cell--tags{flex:1 1 60%;min-width:0}.me-dashboard-stats-row__cell--saved [role=listbox] button{max-width:none}.me-tags-card{align-self:stretch}.me-tags-cloud-frame{flex:1 1 auto;min-height:120px;display:flex;align-items:center;justify-content:center}.me-tags-cloud-frame [role=group]{width:100%}.me-dashboard-heatmap-hours-row{flex-direction:row;align-items:stretch;gap:16px}.me-dashboard-heatmap-hours-row .me-dashboard-heatmap-card,.me-dashboard-heatmap-hours-row .me-dashboard-active-hours-card{flex:1 1 0;min-width:0;width:auto}}.me-dashboard-heatmap-card{display:flex;flex-direction:column;width:100%;box-sizing:border-box}@media (min-width: 960px){.me-dashboard-heatmap-card{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:20px;row-gap:12px}.me-dashboard-heatmap-card .me-heatmap-header{flex:1 1 160px;min-width:140px;flex-direction:column;align-items:flex-start!important}.me-dashboard-heatmap-card .me-heatmap-legend{margin-top:8px}.me-dashboard-heatmap-card .me-heatmap-grid{flex:0 1 auto;width:min(252px,100%);max-width:252px;gap:3px!important}.me-dashboard-heatmap-card .me-heatmap-cell{min-height:0!important;border-radius:3px!important}.me-dashboard-heatmap-card .me-heatmap-detail{flex:1 1 100%;width:100%;margin-top:4px!important}}@media (max-width: 959px){.me-dashboard-heatmap-card .me-heatmap-grid{max-width:100%}}button{border:none;outline:none;background-color:transparent}button:focus,button:active,input:focus,[role=button]:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid rgba(37,132,255,.6);outline-offset:2px}.add-entry-wave-line{display:inline;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--app-accent-wave, rgba(102, 126, 234, .45));text-decoration-thickness:1px;text-underline-offset:3px}.read-body-seg{overflow:visible;min-width:0;width:100%}.add-entry-seg-order-hit{cursor:pointer;flex-shrink:0}.add-entry-seg-order-hit:focus-visible{outline:2px solid var(--app-accent-outline, rgba(102, 126, 234, .45));outline-offset:2px}.add-entry-wave-line--hit{cursor:pointer;border-radius:2px;text-decoration-color:var(--app-accent-wave-hit, rgba(79, 70, 229, .72));text-decoration-thickness:1.25px}.add-entry-wave-line--hit:focus-visible{outline:2px solid var(--app-accent-outline, rgba(102, 126, 234, .45));outline-offset:2px}textarea.add-entry-body-editor{display:block;width:100%;background-color:transparent;background-image:none;padding-bottom:0;-ms-overflow-style:none;scrollbar-width:none}textarea.add-entry-body-editor::-webkit-scrollbar{display:none}.add-entry-rich-editor{display:block;width:100%;background-color:transparent;padding-bottom:0;outline:none;border:none}.add-entry-rich-editor:empty:before{content:"Tap to write your note…";color:#999}.add-entry-rich-editor blockquote{margin:8px 0;padding:2px 0 2px 10px;border-left:3px solid var(--app-fill-28, rgba(102, 126, 234, .28));color:#2c3e50c7}textarea.add-entry-body-editor::selection,.add-entry-rich-editor::selection,.read-body-seg::selection,.add-entry-wave-line--hit::selection{background:#fef3c7eb;color:inherit}textarea.add-entry-body-editor::-moz-selection,.add-entry-rich-editor::-moz-selection,.read-body-seg::-moz-selection,.add-entry-wave-line--hit::-moz-selection{background:#fef3c7eb;color:inherit}@keyframes reading-list-complete-pulse{0%{transform:scale(1);opacity:1}35%{transform:scale(.985);opacity:.88}to{transform:scale(1);opacity:1}}@keyframes reading-list-restore-pop{0%{transform:translate(-5px);opacity:.55}70%{transform:translate(1px);opacity:1}to{transform:translate(0);opacity:1}}.reading-list-row.rl-anim-complete{animation:reading-list-complete-pulse .48s ease}.reading-list-row.rl-anim-restore{animation:reading-list-restore-pop .42s ease}.reading-list-row .rl-title{transition:color .28s ease,text-decoration-color .28s ease,opacity .28s ease}.app-explore-search-row{padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px))}@media (max-width: 399.98px){.app-explore-search-row{margin-left:0!important;margin-right:0!important;max-width:min(361px,100%)!important}}@media (min-width: 400px){.app-explore-search-row{margin-left:auto;margin-right:auto}}