/* Luchino.ai · Filo / Aurora. Shared identity for every first-party surface. */
@font-face{font-family:'Space Grotesk';src:url('/brand-space-grotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/brand-dm-sans.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
:root{
 --brand-ink:#202937;--brand-muted:#626d7c;--brand-bg:#f5f6f8;--brand-line:#dce1e8;
 --brand-blue:#6f9fe0;--brand-blue-ink:#365e9d;--brand-blue-soft:#eaf1fc;
 --brand-lavender:#a38bd6;--brand-lavender-ink:#685097;--brand-lavender-soft:#f0ebf8;
 --brand-sage:#a9c3b4;--brand-sage-ink:#326654;--brand-sage-soft:#eaf2ee;
 --brand-peach:#ebb080;--brand-peach-ink:#87562e;--brand-peach-soft:#fcf0e5;
 --brand-rose:#d68da7;--brand-rose-ink:#914f66;--brand-rose-soft:#faebf0;
 --brand-aurora:linear-gradient(120deg,#83b6ae,#6f9fe0 48%,#a38bd6);
 --brand-aurora-soft:linear-gradient(120deg,#eaf2ee,#eaf1fc 48%,#f0ebf8);
 --font-display:'Space Grotesk',Arial,sans-serif;--font-ui:'DM Sans',Arial,sans-serif;
 --font:var(--font-ui);--serif:var(--font-display);--ink:var(--brand-ink);--muted:var(--brand-muted);
 --blue:var(--brand-blue-ink);--line:var(--brand-line);--soft:var(--brand-blue-soft);--accent:var(--brand-blue);
 --ambient-bg:var(--brand-bg);--ambient-card:#fff;--ambient-radius:18px;--icon-accent:var(--brand-blue-ink);
 color:var(--ink);background:var(--brand-bg);font-family:var(--font-ui);font-synthesis:none;color-scheme:light;
}
body{font-family:var(--font-ui);color:var(--ink);background:var(--brand-bg)}
button,input,select,textarea{font-family:var(--font-ui)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.035em}
h1 em,h2 em,.login-quote em{font-style:normal;font-weight:inherit}
::selection{background:#d8e5fa;color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--brand-blue-ink);outline-offset:4px}
.brand{display:inline-flex;align-items:center;gap:7px;font:600 28px/1.15 var(--font-display);letter-spacing:-.05em;white-space:nowrap;color:inherit;text-decoration:none;flex-shrink:0}
.brand .brand-symbol{display:block;width:39px;height:36px;object-fit:contain;flex:none;margin:0}
.brand>span.brand-name{font:inherit;letter-spacing:inherit;opacity:1;color:inherit}
.brand .brand-suffix{font-weight:500;opacity:1;color:inherit}
.brand-symbol{object-fit:contain;flex-shrink:0}
.btn,.pwa-done{border-radius:12px;min-height:44px}
.btn.primary,.pwa-dialog .pwa-done{background:var(--brand-blue-ink);border-color:var(--brand-blue-ink);color:#fff}
.btn.primary:hover,.pwa-dialog .pwa-done:hover{background:#2e5187;border-color:#2e5187}
.btn:not(.primary):not(.danger):not(.text-btn):not(.ghost):hover{background:var(--brand-blue-soft);border-color:#b8cae3}
.text-link{color:var(--brand-blue-ink)}
.btn.danger,.error,.form-error{color:#a23b42}
dialog{border-color:var(--line);box-shadow:0 24px 80px #20293726;border-radius:20px}
dialog::backdrop{background:#20293766}
dialog.pwa-dialog{font-family:var(--font-ui);color:var(--ink);border-color:var(--line)}
dialog.pwa-dialog h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.04em;color:var(--ink)}
dialog.pwa-dialog h2 em{font-style:normal;font-weight:500}
dialog.pwa-dialog .pwa-done{font-family:var(--font-ui);background:var(--brand-blue-ink)}
dialog.pwa-dialog .pwa-intro,dialog.pwa-dialog .pwa-note,dialog.pwa-dialog .pwa-eyebrow{color:var(--muted)}

/* Studio, shared spaces, invitations, events and readers. */
.site-studio .sidebar{background:var(--ink)}
.site-studio .sidebar .brand{font-size:25px;padding-inline:0}
.site-studio .sidebar .brand-symbol{width:34px;height:32px}
.site-studio .sidebar .nav a{border-radius:12px;color:#c1cad9}
.site-studio .sidebar .nav a.active{background:#35425a;color:#fff}
.site-studio .sidebar .nav a.active .icon{color:#b8acf0}
.site-studio .studio-label,.site-studio .identity small{color:#b0bbcd}
.site-studio .topbar{background:#ffffffd9}
.site-studio .page-heading h1{font-family:var(--font-display);font-weight:500;font-size:clamp(36px,4vw,54px);letter-spacing:-.05em;line-height:1.12}
.site-studio .section-title h2,.site-studio .panel h2,.site-studio .dialog-head h2,.site-studio .share-page h1,.site-studio .login-box h1,.site-studio .reader-heading h1{font-family:var(--font-display);font-weight:500;letter-spacing:-.04em}
.site-studio .metric,.site-studio .panel,.site-studio .project,.site-studio .item-row,.site-studio .table-wrap,.site-studio .event-card,.site-studio .event-room-card{border-radius:16px}
.site-studio .metric-value{font-family:var(--font-display);font-weight:500}
.site-studio .metric:nth-child(1){background:var(--brand-blue-soft)}
.site-studio .metric:nth-child(2){background:var(--brand-rose-soft)}
.site-studio .metric:nth-child(3){background:var(--brand-peach-soft)}
.site-studio .metric:nth-child(4){background:var(--brand-lavender-soft)}
.site-studio .notice,.site-studio .upload-zone{color:var(--brand-blue-ink);background:var(--brand-blue-soft);border-color:#cfddf1;border-radius:14px}
.site-studio .quiet-panel{background:var(--brand-aurora-soft)}
.site-studio .avatar{background:var(--brand-lavender-soft);color:var(--brand-lavender-ink)}
.site-studio .item-symbol{background:var(--brand-blue-soft);color:var(--brand-blue-ink);border-radius:12px}
.site-studio .event-date,.site-studio .event-tab.active{background:var(--brand-rose-soft);color:var(--brand-rose-ink)}
.site-studio .login-art{background:var(--ink);isolation:isolate;overflow:hidden}
.site-studio .login-art::after{background:radial-gradient(ellipse at 50% 35%,#6f9fe01c,transparent 65%)}
.site-studio .login-art .login-symbol{position:absolute;left:8%;top:15%;width:84%;height:60%;object-fit:contain;object-position:center;opacity:1;filter:none}
.site-studio .login-art .brand{color:#fff;z-index:2}
.site-studio .login-art .brand-symbol{position:static;width:39px;height:36px;object-fit:contain;opacity:1;filter:none}
.site-studio .login-quote{font:500 clamp(38px,4vw,62px)/1.07 var(--font-display);letter-spacing:-.045em;z-index:2}
.site-studio .login-box h1{font-size:clamp(34px,4vw,52px);line-height:1.12}
.site-studio .login-content{background:var(--brand-bg)}
.site-studio .mobile-brand{display:none}
.site-studio .share-page,.site-studio .shared-study{color:var(--ink)}

/* Centre: quiet neutral surfaces, color has a clear local role. */
.site-center .rail{background:#fff;border-right-color:var(--line)}
.site-center .rail .brand{font-size:24px;padding-left:2px}
.site-center .rail .brand-symbol{width:34px;height:32px}
.site-center .top-title,.site-center .header-title{font-family:var(--font-display);font-weight:500;color:var(--ink)}
.site-center .top-title{display:flex;gap:6px;justify-content:center;align-items:center}
.site-center .top-title .brand-symbol{width:30px;height:28px;display:none}
.site-center .nav a{color:var(--muted)}
.site-center .nav a:hover,.site-center .nav a.active{background:var(--brand-blue-soft);color:var(--brand-blue-ink)}
.site-center .nav .nav-tutor.active{background:var(--brand-lavender-soft);color:var(--brand-lavender-ink)}
.site-center .nav .nav-persone.active{background:var(--brand-rose-soft);color:var(--brand-rose-ink)}
.site-center .nav .nav-ricordi.active{background:var(--brand-peach-soft);color:var(--brand-peach-ink)}
.site-center h1,.site-center h2,.site-center h3,.site-center .focus-title,.site-center .dialog-head h2,.site-center .meeting-title h1,.site-center .meeting-card h2{font-family:var(--font-display);font-weight:500;color:var(--ink)}
.site-center .focus-panel .focus-title{font-family:var(--font-display);font-weight:500;font-size:24px}
.site-center .home-tutor,.site-center .ambient-tutor,.site-center .tutor-strip{background:var(--brand-aurora-soft);border:1px solid #d9dff0;color:var(--ink)}
.site-center .home-tutor .eyebrow,.site-center .tutor-strip-label{color:var(--brand-lavender-ink)}
.site-center .home-tutor p,.site-center .ambient-tutor p{color:var(--ink)}
.site-center .ai-tutor{background:linear-gradient(150deg,#fff 65%,#f0ebf870);border-color:#dcd3ed}
.site-center .ai-next{background:var(--brand-lavender-soft);color:var(--brand-lavender-ink)}
.site-center .ai-next>span{color:var(--brand-lavender-ink)}
.site-center .ai-prompts .btn{color:var(--brand-lavender-ink);border-color:#dfd6ee;background:#fff}
.site-center .art-icon{--icon-accent:var(--brand-blue-ink);--icon-ink:var(--brand-blue-ink);--icon-surface:var(--brand-blue-soft)}
.site-center .art-spark,.site-center .art-compass,.site-center .art-spaces,.site-center .art-business{--icon-accent:var(--brand-lavender-ink);--icon-ink:var(--brand-lavender-ink);--icon-surface:var(--brand-lavender-soft)}
.site-center .art-people,.site-center .art-community{--icon-accent:var(--brand-rose-ink);--icon-ink:var(--brand-rose-ink);--icon-surface:var(--brand-rose-soft)}
.site-center .art-note,.site-center .art-cake,.site-center .art-logistics{--icon-accent:var(--brand-peach-ink);--icon-ink:var(--brand-peach-ink);--icon-surface:var(--brand-peach-soft)}
.site-center .art-leaf,.site-center .art-restaurant{--icon-accent:var(--brand-sage-ink);--icon-ink:var(--brand-sage-ink);--icon-surface:var(--brand-sage-soft)}
.site-center .art-filo{background:none;border:0;box-shadow:none}
.site-center .art-filo img{width:100%;height:100%;object-fit:contain}
.site-center .tone-sea{--tone:#83b6ae;--tone-soft:var(--brand-sage-soft);--tone-dark:var(--brand-sage-ink)}
.site-center .tone-blue{--tone:var(--brand-blue);--tone-soft:var(--brand-blue-soft);--tone-dark:var(--brand-blue-ink)}
.site-center .tone-lavender{--tone:var(--brand-lavender);--tone-soft:var(--brand-lavender-soft);--tone-dark:var(--brand-lavender-ink)}
.site-center .tone-rose{--tone:var(--brand-rose);--tone-soft:var(--brand-rose-soft);--tone-dark:var(--brand-rose-ink)}
.site-center .tone-peach{--tone:var(--brand-peach);--tone-soft:var(--brand-peach-soft);--tone-dark:var(--brand-peach-ink)}
.site-center .tone-sage{--tone:var(--brand-sage);--tone-soft:var(--brand-sage-soft);--tone-dark:var(--brand-sage-ink)}
.site-center .daily-overview{background:linear-gradient(120deg,#eaf1fc,#f0ebf8);border-color:#dce1ee}
.site-center .overview-stat{background:#ffffffc9;border-color:#ffffff}
.site-center .overview-stat b{font-family:var(--font-display)}
.site-center .overview-stat span{color:var(--muted)}
.site-center .overview-stat:nth-child(1) b{color:var(--brand-blue-ink)}
.site-center .overview-stat:nth-child(2) b{color:var(--brand-lavender-ink)}
.site-center .overview-stat:nth-child(3) b{color:var(--brand-peach-ink)}
.site-center .focus-panel{border-top:3px solid var(--brand-blue)}
.site-center .ambient-agenda{border-top:3px solid var(--brand-lavender)}
.site-center .meeting-home-empty,.site-center .meeting-card{border-top:3px solid var(--brand-peach)}
.site-center .meeting-decision{background:var(--brand-peach-soft);border-color:#ecdacb}
.site-center .calendar-cell.selected{background:var(--brand-blue-soft);border-color:var(--brand-blue);box-shadow:inset 0 0 0 1.5px var(--brand-blue)}
.site-center .mobile-event-dot{background:var(--brand-blue-ink)}
.site-center .calendar-cell.is-today>b,.site-center .week-picker .selected{background:var(--brand-blue-ink);color:#fff}
.site-center .tabs button.active,.site-center .segmented button.selected,.site-center .mode button.selected{background:var(--brand-blue-soft);color:var(--brand-blue-ink)}
.site-center .chart-tasks{background:var(--brand-blue)}
.site-center .chart-appointments{background:var(--brand-lavender)}
.site-center .bar-column.current .chart-tasks{background:var(--brand-blue-ink)}
.site-center .listening-dock{border-color:#dce1ee;background:#fffffff2;box-shadow:0 8px 32px #20293715}
.site-center .listening-dock>button:not(.icon-btn):not(.text-btn){background:var(--brand-blue-ink);border-color:var(--brand-blue-ink);color:#fff}
.site-center .listening-dock>a,.site-center .listening-dock>.icon-btn{background:var(--brand-lavender-soft);color:var(--brand-lavender-ink)}
.site-center .listening-dock.is-recording>button:not(.icon-btn),.site-center .listening-dock[data-state='recording']>button:not(.icon-btn){background:#974d3f;border-color:#974d3f}
.site-center .recording-orb{background:var(--brand-lavender-soft);border-color:#e1d7ef;color:var(--brand-lavender-ink)}
.site-center .sound-bars i{background:var(--brand-lavender)}
.site-center .is-recording .sound-bars i{background:var(--brand-blue-ink)}
.site-center .login-box{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 70px #20293709}
.site-center .login-box>.brand{margin-bottom:28px}
.site-center .login-box h1{font:500 clamp(32px,5vw,42px)/1.1 var(--font-display);letter-spacing:-.045em}
.site-center #toast{background:var(--ink)}
.site-center .mobile-menu-grid a,.site-center .mobile-menu-grid button{background:#f5f6f8;color:var(--ink);border-color:var(--line)}
@media(max-width:760px){
 .brand{font-size:25px}.brand .brand-symbol{width:33px;height:31px}
 .site-studio .sidebar{background:#202937f5}.site-studio .sidebar>.brand{display:none}
 .site-studio .mobile-brand{display:inline-flex}.site-studio .topbar .brand-name{font:inherit;color:var(--ink)}
 .site-studio .topbar .brand-suffix{font:inherit;color:var(--ink);font-weight:500}
 .site-studio .login-art{min-height:280px;height:38svh}
 .site-studio .login-art .login-symbol{width:48%;height:76%;top:13%;left:48%}
 .site-studio .login-quote{font-size:36px;left:26px;bottom:28px;max-width:58%}
 .site-studio .page-heading h1{font-size:38px}
 .site-center .top-title .brand-symbol{display:block}
 .site-center .focus-panel .focus-title{font-size:22px}
 .site-center .login-box{margin:7vh 16px 24px;max-width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.site-center .listening-dock,.site-studio .topbar{background:#fff;backdrop-filter:none}}